:root{--night:#090b13;--night2:#101321;--panel:#151a2b;--panel2:#1a2034;--ink:#111629;--muted:#a4adc2;--muted-dark:#667087;--white:#f7f8fc;--line:rgba(255,255,255,.11);--line-light:#e3e7f1;--blue:#6b9cff;--blue2:#3475ff;--purple:#a28bff;--cyan:#87e7ff;--lime:#c8ff76;--green:#22bc80;--radius:26px;--shadow:0 30px 90px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--white);font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:var(--night)}.wrap{width:min(1190px,calc(100% - 44px));margin-inline:auto}.icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-fill{fill:currentColor;stroke:none}.skip{position:absolute;top:-100px;right:14px;background:white;color:#111;padding:10px 14px;border-radius:8px;z-index:999}.skip:focus{top:10px}
/* The visual language borrows the calm contrast and editorial pacing of premium developer tools, while keeping Web247IQ's dental-blue identity. */
.header{position:sticky;top:0;z-index:100;background:rgba(9,11,19,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.55rem;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;color:#07101c;background:linear-gradient(140deg,var(--cyan),var(--blue));box-shadow:0 0 35px #5796ff36}.brand-name{color:#f7f8fc}.brand-name b{color:var(--cyan)}.navlinks{display:flex;gap:26px;align-items:center;color:#b5bdd0;font-size:.92rem;font-weight:600}.navlinks a{transition:color .2s}.navlinks a:hover{color:#fff}.navright{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 19px;border:1px solid transparent;border-radius:13px;font-weight:700;font-size:.98rem;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-whatsapp{background:var(--lime);color:#11162b;box-shadow:0 9px 30px #c8ff7621}.btn-whatsapp:hover{background:#d7ff9c;box-shadow:0 13px 36px #c8ff7630}.btn-glass{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.15);color:#f7f8fc}.btn-glass:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3)}.btn-blue{background:linear-gradient(130deg,#6a9cff,#7e85ff);color:#0b1020;box-shadow:0 10px 30px #637dff27}.btn-blue:hover{filter:brightness(1.08)}.btn-white{background:#fff;color:#11162b}.btn-sm{min-height:41px;padding:9px 14px;font-size:.91rem;border-radius:11px}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:#ffffff08;color:#fff;border-radius:12px;place-items:center}
.hero{position:relative;isolation:isolate;min-height:730px;overflow:hidden;padding:70px 0 72px;background:radial-gradient(ellipse at 77% 18%,#30285863 0,transparent 32%),radial-gradient(ellipse at 17% 85%,#123c6d5c 0,transparent 34%),#090b13}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(171,187,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(171,187,255,.045) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,black,transparent 95%);opacity:.6}.hero:after{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse at 65% 35%,rgba(86,104,255,.16),transparent 34%),radial-gradient(ellipse at 40% 65%,rgba(42,190,255,.09),transparent 28%);filter:blur(20px);animation:aurora 17s ease-in-out infinite alternate;pointer-events:none}.hero-orb{position:absolute;width:460px;height:460px;border-radius:50%;right:36%;top:6%;z-index:-1;background:radial-gradient(circle at 30% 30%,#9d8aff20,#417cff0b 54%,transparent 72%);filter:blur(2px);animation:orbFloat 12s ease-in-out infinite}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;position:relative}.hero-copy{position:relative;z-index:5}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #aab8ff35;border-radius:999px;background:rgba(150,168,255,.07);color:#d2dcff;font-size:.88rem;font-weight:600}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c8ff7614;animation:pulse 2.4s ease-in-out infinite}.hero h1{font-size:clamp(2.7rem,5.1vw,4.75rem);line-height:1.12;letter-spacing:-1.9px;font-weight:700;margin:23px 0 22px;max-width:680px}.hero h1 .gradient{background:linear-gradient(100deg,#f7f8fc 5%,#a8c9ff 45%,#c7b5ff 92%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:1.13rem;color:#a9b2c7;line-height:1.95;max-width:590px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px;color:#a1aec7;font-size:.84rem}.proof-sep{width:4px;height:4px;border-radius:50%;background:#7080a0}.hero-proof .icon{color:var(--lime)}.hero-art{min-height:560px;position:relative;display:grid;place-items:center;perspective:1200px}.art-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#4d62bb2b 0,#313b7b20 40%,transparent 70%);filter:blur(10px);animation:glowPulse 8s ease-in-out infinite}.orbit{position:absolute;border-radius:50%;border:1px solid #98b9ff27;transform:rotate(-26deg);animation:orbitDrift 22s linear infinite}.orbit.one{width:440px;height:230px}.orbit.two{width:490px;height:285px;transform:rotate(48deg);border-color:#9c8cff21;animation-duration:29s;animation-direction:reverse}.orbit-dot{position:absolute;top:20%;left:17%;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);animation:pulse 3s infinite}.phone-wrap{position:relative;z-index:4;width:260px;transform:rotate(-5deg) translateY(7px);filter:drop-shadow(0 45px 60px rgba(0,0,0,.55));animation:phoneFloat 7s ease-in-out infinite}.phone{position:relative;padding:7px;border-radius:43px;background:linear-gradient(140deg,#e8edf9 0%,#687187 7%,#171d2b 16%,#070a11 78%,#aeb7c8 96%);box-shadow:inset 0 0 0 1px #ffffff65,0 0 0 1px #000}.phone:before{content:"";position:absolute;top:118px;right:-3px;width:3px;height:64px;border-radius:0 3px 3px 0;background:linear-gradient(#dbe0eb,#5f6677)}.phone:after{content:"";position:absolute;top:102px;left:-3px;width:3px;height:45px;border-radius:3px 0 0 3px;background:#9da7b8;box-shadow:0 58px 0 #9da7b8}.phone-screen{position:relative;background:#f7f9ff;color:#121b32;overflow:hidden;border-radius:36px;min-height:490px}.dynamic-island{position:absolute;z-index:10;top:9px;left:50%;transform:translateX(-50%);width:76px;height:21px;border-radius:999px;background:#05070b}.status-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 15px;font:700 .61rem Arial,sans-serif;direction:ltr;color:#11182b}.status-icons{display:flex;gap:4px;align-items:center}.mobile-webnav{height:45px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ecf4;font-size:.62rem;font-weight:800}.mobile-webbrand{display:flex;gap:5px;align-items:center;color:#112244}.mobile-webbrand .brand-mini{width:22px;height:22px;border-radius:7px;background:linear-gradient(140deg,#4f9fff,#8f83ff);display:grid;place-items:center;color:#fff}.hamb{border:1px solid #dfe6f2;border-radius:7px;padding:4px 6px;color:#445573}.mobile-hero{padding:22px 14px 13px;background:radial-gradient(circle at 85% 18%,#dce7ff 0,transparent 38%),linear-gradient(150deg,#fff,#eaf2ff);text-align:right}.mobile-label{font-size:.57rem;font-weight:800;color:#3367cd;display:flex;align-items:center;gap:5px}.mobile-hero h3{font-size:1.32rem;line-height:1.28;margin:9px 0 7px;font-weight:900;color:#132347;letter-spacing:-.45px}.mobile-hero p{font-size:.68rem;line-height:1.65;margin:0 0 12px;color:#65718a}.mobile-hero .appointment-btn{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;background:linear-gradient(120deg,#397dff,#7c79ff);color:#fff;padding:9px 7px;font-size:.66rem;font-weight:900;box-shadow:0 5px 13px #527df632}.mobile-photo{margin-top:13px;height:92px;border-radius:13px;background:linear-gradient(120deg,#c1dcff,#ecf5ff 55%,#d6d6ff);position:relative;overflow:hidden;display:grid;place-items:center;color:#3985f9}.mobile-photo:before{content:"";position:absolute;width:130px;height:130px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 17px #ffffff35,0 0 0 34px #ffffff25}.mobile-photo .icon{width:55px;height:55px;position:relative;z-index:1;filter:drop-shadow(0 8px 11px #4d77bc24)}.mobile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;background:#f7f9ff}.mobile-stat{padding:10px 3px;text-align:center;border:1px solid #e5eaf4;border-radius:9px;background:white;color:#273654;font-size:.53rem;font-weight:800}.mobile-stat .icon{display:block;margin:0 auto 5px;width:17px;height:17px;color:#427eff}.mobile-contact{margin:0 12px 12px;border-radius:10px;background:#e2f9ef;color:#08754d;padding:8px;display:flex;align-items:center;gap:7px;font-size:.58rem;font-weight:800}.mobile-contact .icon{width:19px;height:19px}.float-card{position:absolute;z-index:8;padding:13px 15px;border-radius:15px;background:rgba(23,28,47,.88);backdrop-filter:blur(15px);border:1px solid #ffffff20;box-shadow:0 19px 45px #0003;color:#eff3ff;animation:chipFloat 6s ease-in-out infinite}.float-card .tiny{display:block;font-size:.72rem;color:#a8b4cf;margin-bottom:3px}.float-card strong{font-size:.94rem;font-weight:700}.float-card .small-icon{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:7px;border-radius:9px;background:#c8ff7618;color:var(--lime);vertical-align:middle}.float-card.top{top:88px;left:-5px}.float-card.bottom{bottom:48px;right:-7px;animation-delay:-2.5s}.float-card.bottom .small-icon{background:#4f8dff20;color:#8db8ff}.float-card .status{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:6px;box-shadow:0 0 12px var(--lime)}.scroll-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#8390ab;font-size:.78rem;white-space:nowrap}.scroll-label .line{width:32px;height:1px;background:#596883}
.ticker{background:#c8ff76;color:#12192c;padding:15px 0;overflow:hidden}.ticker-track{display:flex;align-items:center;justify-content:center;gap:45px;white-space:nowrap;font-weight:800;font-size:.94rem}.ticker span{display:inline-flex;align-items:center;gap:10px}.ticker .icon{width:18px;height:18px}
.section{position:relative;padding:105px 0;overflow:hidden}.section-dark{background:#0e111c}.section-light{background:#f5f7fc;color:#11182b}.section-blue{background:linear-gradient(135deg,#10182c,#15132a)}.section-head{max-width:740px;margin-bottom:48px}.section-kicker{display:flex;align-items:center;gap:10px;color:#aabfff;font-weight:700;font-size:.87rem;letter-spacing:.04em}.section-kicker:before{content:"";width:28px;height:1px;background:var(--cyan)}.section-light .section-kicker{color:#3c69c6}.section-light .section-kicker:before{background:#3c69c6}.section-heading{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.2;letter-spacing:-1.1px;margin:15px 0;color:#f6f7fc;font-weight:700}.section-light .section-heading{color:#10182d}.section-intro{color:#a6b0c5;max-width:660px;font-size:1.07rem;line-height:1.9;margin:0}.section-light .section-intro{color:#667189}.question-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.question-statement{position:sticky;top:120px}.question-statement .section-heading{margin-bottom:19px}.statement-mark{font-family:Georgia,serif;font-size:7rem;line-height:.75;color:#788cff;opacity:.8}.question-list{border-top:1px solid var(--line)}.question-row{display:grid;grid-template-columns:46px 1fr;gap:19px;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .25s}.question-row:hover{padding-right:9px}.question-num{font:700 1rem Arial,sans-serif;color:#8a9bbf;padding-top:7px;direction:ltr}.question-row h3{margin:0 0 5px;font-size:1.25rem;color:#f7f8fd}.question-row p{margin:0;color:#a3aec2;font-size:.97rem;line-height:1.8}.question-row .row-icon{float:left;color:var(--cyan);width:23px;height:23px}.dark-callout{margin-top:31px;padding:25px;border-radius:20px;border:1px solid #ffffff1a;background:linear-gradient(115deg,#1d2540,#161a2d);display:flex;align-items:center;justify-content:space-between;gap:20px}.dark-callout p{margin:0;font-size:1.05rem;font-weight:700}.dark-callout p span{color:var(--lime)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.flow-visual{position:relative;min-height:425px;padding:33px;border-radius:30px;border:1px solid #ffffff17;background:radial-gradient(circle at 10% 10%,#5b64bf2d,transparent 37%),linear-gradient(145deg,#171c30,#10131f);box-shadow:inset 0 1px 0 #ffffff0b,0 28px 70px #0002;overflow:hidden}.flow-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a8b9ff4a 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(130deg,black,transparent 85%);opacity:.35}.flow-card{position:relative;z-index:1;display:grid;grid-template-columns:45px 1fr auto;gap:13px;align-items:center;padding:17px;background:#222943b8;border:1px solid #ffffff16;border-radius:16px;backdrop-filter:blur(12px)}.flow-card+.flow-line{margin-right:22px;height:33px;width:1px;background:linear-gradient(var(--blue),#847cff);position:relative}.flow-line:after{content:"";position:absolute;bottom:0;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.flow-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#7ca6ff19;color:#9dc2ff}.flow-card h3{margin:0;font-size:1.04rem}.flow-card p{margin:3px 0 0;color:#aab4c9;font-size:.84rem}.flow-tag{font-size:.69rem;color:var(--lime);border:1px solid #c8ff7635;background:#c8ff760d;border-radius:8px;padding:4px 7px}.flow-foot{position:relative;z-index:1;margin-top:23px;padding:16px 18px;border-radius:14px;background:#c8ff7610;border:1px solid #c8ff7624;color:#dbe9d2;font-size:.89rem}.experience-copy .section-heading{margin-top:13px}.experience-copy>p{color:#a6b0c5;line-height:1.95;font-size:1.03rem}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.benefit{border-top:1px solid #ffffff20;padding:15px 0 0}.benefit .icon{color:var(--lime);width:21px;height:21px;margin-bottom:7px}.benefit strong{display:block;font-size:.98rem}.benefit small{display:block;color:#9da9c0;font-size:.83rem;margin-top:4px}
.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:39px}.portfolio-head .section-intro{max-width:570px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.project{background:#fff;color:#131a2e;border:1px solid #e0e6f0;border-radius:21px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 12px 30px #0a17300b}.project:hover{transform:translateY(-7px);box-shadow:0 30px 65px #0a17301b;border-color:#b7caff}.project-art{position:relative;min-height:208px;padding:21px;overflow:hidden;background:radial-gradient(circle at 15% 10%,#fff 0,transparent 35%),linear-gradient(140deg,#dce9ff,#f6f8ff)}.project-art:before{content:"";position:absolute;width:240px;height:240px;border:1px solid #aac9f8;border-radius:50%;left:-95px;top:-135px;box-shadow:0 0 0 24px #ffffff50,0 0 0 50px #ffffff30}.mini-site{position:relative;z-index:1;width:88%;margin:auto;background:#fff;border:1px solid #dbe4f2;border-radius:11px;box-shadow:0 15px 28px #16346220;overflow:hidden;transform:rotate(-2deg);transition:transform .4s}.project:hover .mini-site{transform:rotate(0) translateY(-3px)}.mini-top{display:flex;align-items:center;gap:4px;height:17px;padding:0 7px;background:#f0f4fa;border-bottom:1px solid #e4ebf5}.mini-top i{width:4px;height:4px;border-radius:50%;background:#a8b8d0}.mini-content{display:grid;grid-template-columns:1.1fr .7fr;align-items:center;gap:10px;padding:14px;min-height:130px}.mini-content h4{color:#132347;font-size:.83rem;line-height:1.3;margin:0 0 6px}.mini-content p{color:#74829b;font-size:.57rem;line-height:1.5;margin:0 0 8px}.mini-pill{display:inline-block;border-radius:5px;background:#3478f6;color:#fff;font-size:.5rem;padding:4px 7px;font-weight:800}.mini-illustration{height:84px;border-radius:9px;background:linear-gradient(135deg,#c6e2ff,#f2f7ff);display:grid;place-items:center;color:#3181ff}.mini-illustration .icon{width:41px;height:41px}.project-body{padding:20px 21px 22px}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-type{color:#4b72bb;font-size:.76rem;font-weight:800}.project-index{font:700 .8rem Arial,sans-serif;color:#9ba6b9;direction:ltr}.project-body h3{font-size:1.35rem;margin:6px 0}.project-body p{margin:0;color:#68758b;font-size:.92rem;min-height:51px;line-height:1.75}.project-link{margin-top:18px;padding-top:14px;border-top:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;color:#255cc1;font-weight:800;font-size:.9rem}.project-link .icon{transition:transform .22s}.project-link:hover .icon{transform:translateX(-4px)}.portfolio-footnote{color:#a1adc4;font-size:.84rem;display:flex;align-items:flex-start;gap:9px;margin-top:18px}.portfolio-footnote .icon{color:var(--cyan);margin-top:5px}
.pricing{position:relative;overflow:hidden;background:#0b0d16}.pricing:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 0%,#5b4c9f2d,transparent 36%),radial-gradient(ellipse at 10% 100%,#176ca32c,transparent 34%);pointer-events:none}.pricing-grid{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.pricing-copy .section-heading{margin-top:13px}.pricing-copy>p{color:#a5afc6;max-width:570px;font-size:1.04rem;line-height:1.9}.price-number{display:flex;align-items:baseline;gap:6px;margin-top:24px;direction:ltr;justify-content:flex-end;width:max-content}.price-number b{font-size:clamp(4.5rem,8vw,6.7rem);letter-spacing:-4px;line-height:1;font-weight:700;background:linear-gradient(145deg,#fff,#a7bbf5 75%,#ae9bff);color:transparent;background-clip:text;-webkit-background-clip:text}.price-number span{font-size:1.5rem;color:var(--cyan);font-weight:700}.price-label{color:#d2d9ea;font-weight:700;margin-top:10px}.pricing-cta{margin-top:25px}.pricing-card{padding:26px;border-radius:24px;background:linear-gradient(155deg,#f7f8fd,#e9edf9);color:#141a2c;box-shadow:0 30px 90px #0004;position:relative}.pricing-card:before{content:"";position:absolute;inset:1px;border:1px solid #fff;border-radius:23px;pointer-events:none}.pricing-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #dce3f0}.pricing-card-head h3{margin:0;font-size:1.2rem}.pricing-card-head span{font-size:.76rem;font-weight:800;color:#236d4e;background:#d9f7e7;padding:6px 10px;border-radius:9px}.price-item{display:grid;grid-template-columns:43px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid #dce3f0}.price-item:last-of-type{border-bottom:0}.price-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#dceaff;color:#275fd1}.price-item strong{display:block;font-size:1rem}.price-item p{margin:3px 0 0;color:#637088;font-size:.88rem;line-height:1.65}.price-card-note{display:flex;gap:9px;padding:12px;border-radius:11px;background:#fff;color:#647189;font-size:.8rem;margin-top:10px}.price-card-note .icon{color:#426fe1;margin-top:3px}.pricing-foot{position:relative;color:#8490a9;font-size:.8rem;margin-top:18px;max-width:580px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.faq-note{margin-top:21px;padding:18px;border:1px solid #ffffff15;border-radius:16px;background:#ffffff05;color:#aeb8cb;font-size:.92rem}.faq-note strong{color:#fff;display:block;margin-bottom:4px}.faq-list{border-top:1px solid #ffffff20}.faq-list details{border-bottom:1px solid #ffffff20}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:22px 0;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:9px;color:var(--cyan);transition:transform .2s}.faq-list details[open] .faq-plus{transform:rotate(45deg);background:#95b4ff12}.faq-list details p{margin:-3px 0 22px;color:#a5afc3;line-height:1.9;font-size:.95rem;max-width:700px}.closing{position:relative;isolation:isolate;overflow:hidden;padding:95px 0;text-align:center;background:#0e1120;border-top:1px solid #ffffff0c}.closing:before{content:"";position:absolute;z-index:-1;left:50%;top:-280px;transform:translateX(-50%);width:850px;height:520px;border-radius:50%;background:radial-gradient(ellipse,#4c66d835,transparent 66%);filter:blur(8px);animation:glowPulse 8s ease-in-out infinite}.closing-inner{max-width:780px;margin:auto}.closing .section-heading{font-size:clamp(2.3rem,4.5vw,4rem);margin:15px 0}.closing p{max-width:620px;margin:0 auto 26px;color:#a5afc5;font-size:1.08rem;line-height:1.9}.closing-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.phone-line{color:#8d9ab3;margin-top:17px;font-size:.9rem}.phone-line a{color:#dce6ff;font-weight:700;direction:ltr;display:inline-block}.footer{background:#070910;border-top:1px solid #ffffff0c;padding:30px 0 95px}.footer-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px}.footer .brand{font-size:1.35rem}.footer .brand-mark{width:35px;height:35px;border-radius:11px}.footer p{margin:5px 0 0;color:#8995ad;font-size:.9rem}.socials{display:flex;gap:9px}.socials a{width:40px;height:40px;border:1px solid #ffffff1b;border-radius:12px;display:grid;place-items:center;color:#c7d0e2;transition:.2s}.socials a:hover{background:#ffffff0d;color:var(--cyan);border-color:#89c3ff70}.footer-bottom{border-top:1px solid #ffffff10;margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#737f97;font-size:.8rem}.mobile-cta{display:none}.reveal{opacity:1;transform:translateY(0);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.js .reveal:not(.seen){opacity:0;transform:translateY(25px)}.js .reveal.seen{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@keyframes aurora{0%{transform:translate3d(-2%,0,0) rotate(0deg) scale(1)}100%{transform:translate3d(3%,-2%,0) rotate(7deg) scale(1.08)}}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-24px,20px) scale(1.06)}}@keyframes phoneFloat{0%,100%{transform:rotate(-5deg) translateY(7px)}50%{transform:rotate(-3.1deg) translateY(-12px)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes glowPulse{0%,100%{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbitDrift{from{rotate:0deg}to{rotate:360deg}}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 5px #c8ff7614}50%{opacity:.65;box-shadow:0 0 0 8px #c8ff7608}}
/* Ambient depth continues beyond the hero; motion remains slow and low-contrast. */
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;z-index:160;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--purple));box-shadow:0 0 15px #8cafff65;transform-origin:right center;pointer-events:none}
.section>.wrap{position:relative;z-index:1}
.section-dark:before,.section-dark:after,.section-blue:before,.section-light:before{content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(75px);opacity:.8;animation:sectionGlow 19s ease-in-out infinite alternate}
.section-dark:before{width:500px;height:500px;top:-300px;left:-180px;background:radial-gradient(circle,#4e6dff32,transparent 68%)}
.section-dark:after{width:450px;height:450px;bottom:-290px;right:-190px;background:radial-gradient(circle,#17b7d51b,transparent 70%);animation-delay:-8s}
.section-blue:before{width:560px;height:560px;top:-250px;right:-260px;background:radial-gradient(circle,#9a70ff27,transparent 67%);animation-delay:-5s}
.section-light:before{width:450px;height:450px;top:-260px;right:-250px;background:radial-gradient(circle,#78a7ff20,transparent 70%);animation-delay:-10s}
.pricing:before{background-size:150% 150%;animation:pricingBreathe 18s ease-in-out infinite alternate}
.hero-art{transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .22s ease-out}
.ticker{position:relative}.ticker-track{width:max-content;min-width:100%;display:flex;align-items:center;justify-content:flex-start;gap:44px;padding:15px max(22px,calc((100vw - 1190px)/2));white-space:nowrap;animation:tickerTravel 36s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.ticker .spark{opacity:.55}
.project{transform-style:preserve-3d;will-change:transform}.project:hover{transform:translateY(-5px) perspective(900px) rotateX(var(--tiltY,0deg)) rotateY(var(--tiltX,0deg))}
@keyframes sectionGlow{0%{transform:translate3d(-12px,-4px,0) scale(.96);opacity:.55}100%{transform:translate3d(25px,20px,0) scale(1.09);opacity:.9}}
@keyframes pricingBreathe{0%{background-position:0% 15%;opacity:.72}100%{background-position:100% 85%;opacity:1}}
@keyframes tickerTravel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1000px){.navlinks{display:none}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:780px}.hero-art{width:min(100%,650px);margin:auto;min-height:540px}.hero h1{max-width:800px}.question-layout,.experience-grid,.pricing-grid,.faq-layout{grid-template-columns:1fr;gap:42px}.question-statement{position:static}.statement-mark{font-size:4rem}.experience-copy{order:-1}.pricing-grid{gap:34px}.pricing-copy{max-width:800px}.portfolio-grid{gap:14px}}
@media(max-width:680px){.wrap{width:calc(100% - 30px)}.nav{height:68px}.brand{font-size:1.34rem}.brand-mark{width:36px;height:36px;border-radius:11px}.navright .call-btn{display:none}.navright .btn{min-height:39px;padding:8px 12px;font-size:.86rem}.hero{padding:45px 0 55px;min-height:auto}.hero-grid{gap:12px}.eyebrow{font-size:.79rem}.hero h1{font-size:clamp(2.2rem,10vw,3.25rem);letter-spacing:-1px;margin:19px 0 16px}.hero-copy>p{font-size:1rem;line-height:1.85}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-proof{font-size:.76rem;gap:8px 11px}.proof-sep{width:3px;height:3px}.hero-art{min-height:445px;margin-top:0}.art-glow{width:290px;height:290px}.orbit.one{width:300px;height:170px}.orbit.two{width:330px;height:205px}.phone-wrap{width:224px;margin-top:37px;margin-left:0;transform:rotate(-4deg)}.phone-screen{min-height:443px}.phone{border-radius:38px;padding:6px 6px 10px}.phone-screen{border-radius:32px}.dynamic-island{width:68px;height:19px;top:8px}.status-bar{height:32px;font-size:.58rem}.mobile-webnav{height:39px;font-size:.56rem;padding:0 8px}.mobile-webbrand .brand-mini{width:19px;height:19px}.mobile-hero{padding:18px 11px 10px}.mobile-hero h3{font-size:1.16rem}.mobile-hero p{font-size:.62rem}.mobile-hero .appointment-btn{font-size:.6rem;padding:8px 4px}.mobile-photo{height:82px}.mobile-stats{padding:8px;gap:5px}.mobile-stat{font-size:.48rem;padding:8px 2px}.mobile-contact{margin:0 8px 8px;font-size:.53rem}.float-card{padding:10px 12px;border-radius:12px}.float-card strong{font-size:.8rem}.float-card .tiny{font-size:.64rem}.float-card.top{top:23px;left:0}.float-card.bottom{bottom:12px;right:0}.scroll-label{bottom:-5px;font-size:.7rem}.ticker{padding:12px 0}.ticker-track{justify-content:flex-start;gap:28px;font-size:.82rem;padding-inline:16px;animation-duration:29s}.section{padding:70px 0}.section-head{margin-bottom:30px}.section-heading{font-size:2.2rem;letter-spacing:-.7px}.section-intro{font-size:.98rem}.question-layout{gap:25px}.question-row{grid-template-columns:35px 1fr;gap:12px;padding:21px 0}.question-row h3{font-size:1.12rem}.question-row p{font-size:.9rem}.dark-callout{align-items:flex-start;flex-direction:column;padding:19px}.dark-callout .btn{width:100%}.flow-visual{min-height:365px;padding:17px;border-radius:22px}.flow-card{grid-template-columns:37px 1fr;gap:10px;padding:13px}.flow-icon{width:37px;height:37px}.flow-card h3{font-size:.94rem}.flow-card p{font-size:.75rem}.flow-tag{grid-column:2;width:max-content}.flow-card+.flow-line{height:25px}.flow-foot{font-size:.79rem}.benefit-list{gap:15px}.benefit strong{font-size:.9rem}.benefit small{font-size:.75rem}.portfolio-head{display:block}.portfolio-head>.btn{margin-top:18px;width:100%}.portfolio-grid{grid-template-columns:1fr;gap:15px}.project-art{min-height:198px}.mini-content{min-height:122px}.project-body p{min-height:auto}.price-number b{font-size:5rem}.pricing-grid{gap:30px}.pricing-card{padding:19px;border-radius:20px}.pricing-card-head h3{font-size:1.05rem}.price-item p{font-size:.84rem}.faq-layout{gap:25px}.faq-list summary{font-size:.96rem;padding:19px 0}.closing{padding:68px 0}.closing .section-heading{font-size:2.45rem}.closing p{font-size:1rem}.closing-actions{display:grid}.closing-actions .btn{width:100%}.footer-main{justify-content:center;text-align:center}.footer .brand{justify-content:center}.socials{width:100%;justify-content:center}.footer-bottom{justify-content:center;text-align:center}.footer{padding-bottom:100px}.mobile-cta{display:block;position:fixed;z-index:90;bottom:9px;left:10px;right:10px}.mobile-cta .btn{width:100%;min-height:53px;box-shadow:0 12px 38px #0007}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.js .reveal:not(.seen){opacity:1;transform:none}}
.mobile-nav{display:none}.hero-art{transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .22s ease-out}.mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:6px 22px 16px;border-top:1px solid #ffffff0c}.mobile-nav a{padding:12px 0;color:#ccd4e5;border-bottom:1px solid #ffffff0b}.mobile-nav a:last-child{border-bottom:0}@media(min-width:681px){.mobile-nav{display:none!important}}@media(prefers-reduced-motion:reduce){.hero-art{transform:none}}
.preview-phone-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:9px;padding:10px 0 0;border:0;border-top:1px solid #e9edf4;background:transparent;color:#596b8b;font:700 .86rem 'IBM Plex Sans Arabic',sans-serif;cursor:pointer;text-align:right;transition:color .2s}.preview-phone-btn:hover{color:var(--blue-dark)}.preview-phone-btn .icon{width:17px;height:17px}.preview-phone-btn[aria-pressed="true"]{color:#126848}.phone-screen[data-theme="kids"] .mobile-hero{background:radial-gradient(circle at 85% 18%,#c6f4ed 0,transparent 38%),linear-gradient(150deg,#fff,#e8faf7)}.phone-screen[data-theme="kids"] .mobile-hero .appointment-btn{background:linear-gradient(120deg,#149b8e,#33c4ab)}.phone-screen[data-theme="kids"] .mobile-photo{background:linear-gradient(120deg,#bbede7,#f1fffc 55%,#d2f5ef);color:#149b8e}.phone-screen[data-theme="kids"] .mobile-webbrand .brand-mini{background:linear-gradient(140deg,#1ca99b,#72d9c7)}.phone-screen[data-theme="yasmin"] .mobile-hero{background:radial-gradient(circle at 85% 18%,#e2d6ff 0,transparent 38%),linear-gradient(150deg,#fff,#f3edff)}.phone-screen[data-theme="yasmin"] .mobile-hero .appointment-btn{background:linear-gradient(120deg,#7656d9,#aa8bff)}.phone-screen[data-theme="yasmin"] .mobile-photo{background:linear-gradient(120deg,#ded0ff,#fcf9ff 55%,#e7ddff);color:#7656d9}.phone-screen[data-theme="yasmin"] .mobile-webbrand .brand-mini{background:linear-gradient(140deg,#7656d9,#aa8bff)}

/* Multi-page learning centre: section-specific visual language, retaining the premium Web247IQ system. */
.insights-band{position:relative;padding:88px 0;background:linear-gradient(145deg,#101526,#0b0d16);overflow:hidden;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}
.insights-band:before{content:"";position:absolute;width:550px;height:550px;right:-220px;top:-300px;border-radius:50%;background:radial-gradient(circle,#426bff1d,transparent 68%);pointer-events:none}
.insights-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px;position:relative}
.insights-top .section-heading{margin-bottom:9px}.insights-top .section-intro{max-width:520px}
.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;position:relative}
.insight-link{position:relative;min-height:220px;padding:22px;border:1px solid #ffffff12;border-radius:19px;background:linear-gradient(145deg,#171d2e,#101421);transition:transform .25s,border-color .25s,background .25s;overflow:hidden}
.insight-link:after{content:"";position:absolute;inset:auto -60px -80px auto;width:150px;height:150px;border-radius:50%;background:#5d87ff0c;filter:blur(4px)}
.insight-link:hover{transform:translateY(-5px);border-color:#8ba7ff61;background:linear-gradient(145deg,#1b2440,#121725)}
.insight-icon{width:46px;height:46px;border-radius:14px;background:#a1b7ff15;border:1px solid #a1b7ff22;color:#a8c3ff;display:grid;place-items:center;margin-bottom:20px}
.insight-link .number{font:800 .76rem Arial,sans-serif;color:#7d8caf;letter-spacing:.1em;direction:ltr;display:block;margin-bottom:7px}
.insight-link h3{font-size:1.13rem;line-height:1.4;margin:0 0 8px;color:#f3f6ff}
.insight-link p{font-size:.9rem;line-height:1.7;color:#9ea9c1;margin:0 0 18px}
.insight-link .read{display:flex;align-items:center;gap:8px;color:var(--cyan);font-weight:700;font-size:.88rem}
.inner-page{background:var(--night)}
.inner-hero{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 72px;background:radial-gradient(ellipse at 85% 8%,#30356d4a,transparent 34%),radial-gradient(ellipse at 12% 100%,#0e4b7550,transparent 38%),#090b13}
.inner-hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#a3b6ff08 1px,transparent 1px),linear-gradient(90deg,#a3b6ff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 88%)}
.inner-hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:35%;top:-200px;border-radius:50%;background:radial-gradient(circle,#6274ff1c,transparent 68%);filter:blur(14px);animation:aurora 18s ease-in-out infinite alternate}
.inner-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;position:relative}
.breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#7887a4;font-size:.84rem;margin-bottom:24px}.breadcrumb a{color:#b6c7e7}.breadcrumb a:hover{color:var(--cyan)}
.inner-hero h1{font-size:clamp(2.5rem,4.8vw,4.35rem);line-height:1.14;letter-spacing:-1.4px;margin:20px 0 19px;font-weight:800;max-width:750px}.inner-hero h1 .gradient{background:linear-gradient(100deg,#f7f8fc,#a8c9ff 52%,#c8b9ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.inner-hero p{max-width:620px;color:#aab4ca;font-size:1.1rem;line-height:1.95;margin:0 0 25px}.inner-actions{display:flex;gap:11px;flex-wrap:wrap}.inner-proof{display:flex;flex-wrap:wrap;gap:11px 17px;margin-top:22px;color:#9ca9c3;font-size:.85rem}.inner-proof span{display:flex;align-items:center;gap:7px}.inner-proof .icon{color:var(--lime)}
.visual-panel{position:relative;isolation:isolate;min-height:380px;border:1px solid #ffffff13;border-radius:28px;background:linear-gradient(145deg,#151b2dce,#101321ce);box-shadow:0 35px 100px #0004;padding:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.visual-panel:before{content:"";position:absolute;z-index:-1;width:290px;height:290px;border-radius:50%;border:1px solid #a7baff20;box-shadow:0 0 0 32px #9aaeff08,0 0 0 66px #9aaeff05;top:50%;left:50%;transform:translate(-50%,-50%)}
.visual-panel:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 45%,#5a7cff12,transparent 60%);pointer-events:none}
.visual-stack{width:100%;max-width:420px;display:grid;gap:12px;position:relative}
.visual-row{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #ffffff13;border-radius:15px;background:#ffffff07;backdrop-filter:blur(12px);box-shadow:0 10px 30px #0001}
.visual-row .v-icon{width:42px;height:42px;border-radius:13px;background:#a5c4ff13;color:#a6c8ff;border:1px solid #9abaff20;display:grid;place-items:center;flex:none}
.visual-row strong{display:block;color:#f3f6ff;font-size:.98rem}.visual-row small{display:block;color:#9ba9c2;font-size:.82rem;line-height:1.5;margin-top:3px}
.visual-row .v-status{margin-right:auto;white-space:nowrap;color:var(--lime);font-size:.72rem;font-weight:700}
.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.visual-heading strong{font-size:1rem}.visual-heading span{color:#8998b5;font-size:.76rem}
.visual-search{border:1px solid #ffffff13;background:#0b0f1cdd;border-radius:15px;padding:15px;margin-bottom:3px}.visual-searchbar{height:43px;border:1px solid #ffffff17;border-radius:11px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#98a6c1;font-size:.84rem}.visual-result{padding:13px 4px 3px;border-bottom:1px solid #ffffff0d}.visual-result:last-child{border-bottom:0}.visual-result strong{display:block;font-size:.91rem;color:#a9c7ff}.visual-result small{display:block;direction:ltr;text-align:right;color:#7e9b8c;font-size:.71rem;margin-top:3px}.visual-result p{font-size:.78rem;color:#9eabc2;line-height:1.55;margin:5px 0 0}
.visual-phone{width:220px;border-radius:34px;padding:7px;background:linear-gradient(130deg,#505a6b,#121723 24%,#414b5b 46%,#0a0e18 70%);box-shadow:0 25px 65px #0008;transform:rotate(-4deg);border:1px solid #a4b2c83a;position:relative}.visual-phone:before{content:"";position:absolute;left:-3px;top:75px;width:3px;height:34px;border-radius:3px;background:#637084}.visual-phone:after{content:"";position:absolute;right:-3px;top:100px;width:3px;height:48px;border-radius:3px;background:#637084}.visual-phone-screen{border-radius:28px;overflow:hidden;background:#f7f9fc;min-height:350px;color:#13203a;position:relative}.visual-island{height:22px;width:76px;border-radius:99px;background:#080c14;margin:7px auto 3px;position:relative;z-index:2}.vp-top{padding:5px 12px 10px;display:flex;justify-content:space-between;align-items:center;font-size:.61rem;font-weight:800}.vp-cover{background:linear-gradient(145deg,#e5f2ff,#c8e2ff);padding:18px 13px 14px;min-height:126px}.vp-cover small{color:#2167c3;font-size:.62rem;font-weight:900}.vp-cover h4{font-size:1.13rem;line-height:1.3;margin:7px 0;color:#122342}.vp-cover p{font-size:.63rem;color:#5e6f89;line-height:1.5;margin:0 0 10px}.vp-cta{background:#0877f9;color:#fff;display:block;text-align:center;padding:8px;border-radius:8px;font-size:.67rem;font-weight:800}.vp-services{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.vp-service{border:1px solid #e1e9f4;background:#fff;border-radius:9px;padding:10px 5px;font-size:.63rem;font-weight:800;text-align:center}.vp-service .icon{display:block;margin:0 auto 5px;color:#0877f9;font-size:1.1rem}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.metric-card{border:1px solid #ffffff13;border-radius:17px;padding:17px;background:#ffffff05}.metric-card strong{display:block;font-size:1.13rem;color:#f5f7ff}.metric-card span{display:block;color:#9daac1;font-size:.82rem;line-height:1.55;margin-top:6px}
.insight-section{position:relative;padding:88px 0;overflow:hidden}.insight-section.light{background:#f5f7fc;color:#101629}.insight-section.light .section-kicker{color:#315fba}.insight-section.light .section-kicker:before{background:#315fba}.insight-section.light .section-heading{color:#101629}.insight-section.light .section-intro{color:#667189}.insight-section.soft{background:linear-gradient(135deg,#101728,#14152a)}.insight-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:end;margin-bottom:36px}.insight-head .section-heading{margin-bottom:0}.insight-head .section-intro{max-width:680px}.insight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.insight-card{border:1px solid #ffffff13;border-radius:20px;padding:24px;background:linear-gradient(145deg,#171c2b,#10131f);transition:transform .24s,border-color .24s,box-shadow .24s}.light .insight-card{background:white;border-color:#e1e7f0;box-shadow:0 12px 30px #1b2e4d08}.insight-card:hover{transform:translateY(-4px);border-color:#8da9ff60;box-shadow:0 23px 50px #0002}.insight-card .card-icon{width:46px;height:46px;border:1px solid #a6c1ff27;background:#88a8ff12;color:#a9c7ff;border-radius:14px;display:grid;place-items:center;margin-bottom:16px}.light .insight-card .card-icon{background:#eaf3ff;color:#2765cb;border-color:#d8e8ff}.insight-card h3{font-size:1.2rem;line-height:1.4;margin:0 0 9px}.insight-card p{font-size:.95rem;line-height:1.8;color:#a5b0c5;margin:0}.light .insight-card p{color:#63708a}
.split-note{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.note-panel{border:1px solid #ffffff14;border-radius:23px;padding:27px;background:#ffffff05}.light .note-panel{border-color:#e0e6f0;background:#fff}.note-panel h3{margin:0 0 12px;font-size:1.26rem}.note-panel p{margin:0;color:#a5b0c5;line-height:1.85}.light .note-panel p{color:#667189}.note-list{display:grid;gap:12px;margin-top:18px}.note-list li{list-style:none;display:flex;gap:10px;align-items:flex-start;color:#d9e0f0}.light .note-list li{color:#34425a}.note-list .icon{color:var(--lime);margin-top:4px}.light .note-list .icon{color:#148355}
.numbered-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;counter-reset:flow}.flow-card{border:1px solid #ffffff13;border-radius:19px;background:#ffffff05;padding:21px;position:relative;min-height:190px}.flow-card:before{counter-increment:flow;content:"0" counter(flow);display:block;font:800 .79rem Arial,sans-serif;letter-spacing:.12em;color:#8eaaff;margin-bottom:26px;direction:ltr}.flow-card h3{font-size:1.08rem;margin:0 0 7px}.flow-card p{font-size:.9rem;line-height:1.7;color:#a6b0c5;margin:0}.flow-card .flow-icon{position:absolute;top:15px;left:16px;color:#91aaff}.light .flow-card{border-color:#e1e7f0;background:white}.light .flow-card h3{color:#172039}.light .flow-card p{color:#63708a}.light .flow-card:before{color:#3f73d1}
.quote-panel{margin-top:25px;border-radius:20px;padding:24px 27px;background:linear-gradient(110deg,#25346a,#222142);border:1px solid #9caeff28;display:flex;align-items:center;justify-content:space-between;gap:20px}.quote-panel p{margin:0;font-weight:700;color:#f1f4ff;font-size:1.08rem}.quote-panel strong{color:var(--lime)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-item{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff05}.check-item .check-icon{width:34px;height:34px;flex:none;border-radius:11px;background:#c8ff7614;color:var(--lime);display:grid;place-items:center}.check-item strong{display:block;margin-bottom:4px}.check-item span{display:block;color:#a5b0c5;font-size:.9rem;line-height:1.65}.light .check-item{background:white;border-color:#e2e8f2}.light .check-item strong{color:#16213a}.light .check-item span{color:#68758c}.light .check-item .check-icon{background:#e9f8ef;color:#168557}
.page-faq{display:grid;gap:11px;max-width:900px}.page-faq details{border:1px solid #ffffff14;border-radius:15px;background:#ffffff05;padding:0 18px}.page-faq summary{list-style:none;cursor:pointer;padding:17px 29px 17px 0;position:relative;font-weight:700}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary:before{content:"+";position:absolute;right:0;color:var(--cyan);font-size:1.2rem;top:13px}.page-faq details[open] summary:before{content:"−"}.page-faq p{margin:0;color:#a8b3c9;padding:0 0 17px;line-height:1.85}.page-action{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #ffffff14;border-radius:22px;padding:27px;background:linear-gradient(120deg,#171f36,#151324);box-shadow:0 25px 65px #0002}.page-action h3{margin:0 0 6px;font-size:1.35rem}.page-action p{margin:0;color:#a5b0c5;max-width:650px}.page-action .btn{white-space:nowrap}
.page-footer-links{display:flex;gap:17px;flex-wrap:wrap;color:#a4b2cc;font-size:.87rem;margin-top:18px}.page-footer-links a:hover{color:var(--cyan)}
@media(max-width:980px){.insights-grid{grid-template-columns:repeat(2,1fr)}.inner-grid{grid-template-columns:1fr;gap:30px}.inner-visual{width:min(100%,650px);margin:auto}.inner-hero{padding:55px 0}.inner-hero-copy{max-width:820px}.visual-panel{min-height:340px}.insight-head{grid-template-columns:1fr;gap:15px}.numbered-flow{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.insights-band{padding:60px 0}.insights-top{display:block}.insights-top .section-intro{margin-top:10px}.insights-grid{grid-template-columns:1fr}.insight-link{min-height:0}.inner-hero{padding:45px 0 51px}.inner-hero h1{font-size:clamp(2.3rem,10vw,3.2rem);letter-spacing:-.8px}.inner-hero p{font-size:1rem}.inner-actions{display:grid}.inner-actions .btn{width:100%}.visual-panel{min-height:315px;border-radius:21px;padding:17px}.visual-phone{width:196px}.visual-phone-screen{min-height:325px}.vp-cover{padding:14px 11px}.vp-cover h4{font-size:1rem}.inner-proof{font-size:.78rem;gap:9px 12px}.insight-section{padding:62px 0}.insight-head{margin-bottom:26px}.insight-head .section-heading{font-size:2rem}.insight-cards{grid-template-columns:1fr}.insight-card{padding:21px}.split-note{grid-template-columns:1fr;gap:13px}.numbered-flow{grid-template-columns:1fr 1fr;gap:9px}.flow-card{min-height:175px;padding:16px}.flow-card:before{margin-bottom:22px}.flow-card h3{font-size:1rem}.flow-card p{font-size:.85rem}.quote-panel{align-items:flex-start;flex-direction:column;padding:21px}.quote-panel .btn{width:100%}.check-grid{grid-template-columns:1fr}.page-action{align-items:flex-start;flex-direction:column;padding:22px}.page-action .btn{width:100%}.metric-row{grid-template-columns:1fr}.metric-card{padding:13px}.page-footer-links{justify-content:center}.inner-hero .visual-row{padding:12px}.visual-row strong{font-size:.9rem}}


/* ================================================================
   Premium motion layer — additive only; preserves the existing design.
   Small, deliberate movements create depth without competing with copy.
   ================================================================ */
:root{--motion-out:cubic-bezier(.16,1,.3,1);--motion-soft:cubic-bezier(.22,.7,.25,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:pageOut .22s ease both}
::view-transition-new(root){animation:pageIn .42s var(--motion-out) both}
@keyframes pageOut{to{opacity:0;filter:blur(3px)}}
@keyframes pageIn{from{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes headerArrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes copyArrive{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes artArrive{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@keyframes glintSweep{0%,58%{transform:translateX(145%) skewX(-18deg);opacity:0}65%{opacity:.24}82%,100%{transform:translateX(-190%) skewX(-18deg);opacity:0}}
@keyframes iconSettle{0%{transform:scale(.82) rotate(-9deg)}60%{transform:scale(1.08) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
@keyframes cardLightDrift{0%,100%{transform:translate3d(0,0,0);opacity:.42}50%{transform:translate3d(15px,-10px,0);opacity:.78}}
@keyframes borderBreath{0%,100%{box-shadow:0 0 0 1px rgba(135,231,255,0),0 18px 48px rgba(0,0,0,.12)}50%{box-shadow:0 0 0 1px rgba(135,231,255,.08),0 23px 60px rgba(30,70,160,.16)}}
@keyframes lineTravel{0%{transform:translateY(-5px);opacity:.15}50%{opacity:1}100%{transform:translateY(26px);opacity:.15}}
@keyframes iconBreath{0%,100%{filter:drop-shadow(0 0 0 rgba(135,231,255,0))}50%{filter:drop-shadow(0 0 7px rgba(135,231,255,.22))}}
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  body.page-ready .header{animation:headerArrive .72s var(--motion-out) both}
  body.page-ready .hero-copy > .eyebrow,
  body.page-ready .hero-copy > h1,
  body.page-ready .hero-copy > p,
  body.page-ready .hero-copy > .hero-actions,
  body.page-ready .hero-copy > .hero-proof,
  body.page-ready .inner-hero-copy > .breadcrumb,
  body.page-ready .inner-hero-copy > .eyebrow,
  body.page-ready .inner-hero-copy > h1,
  body.page-ready .inner-hero-copy > p,
  body.page-ready .inner-hero-copy > .inner-actions,
  body.page-ready .inner-hero-copy > .inner-proof{animation:copyArrive .82s var(--motion-out) both}
  body.page-ready .hero-copy > .eyebrow,body.page-ready .inner-hero-copy > .breadcrumb{animation-delay:.05s}
  body.page-ready .hero-copy > h1,body.page-ready .inner-hero-copy > h1{animation-delay:.12s}
  body.page-ready .hero-copy > p,body.page-ready .inner-hero-copy > p{animation-delay:.2s}
  body.page-ready .hero-copy > .hero-actions,body.page-ready .inner-hero-copy > .inner-actions{animation-delay:.28s}
  body.page-ready .hero-copy > .hero-proof,body.page-ready .inner-hero-copy > .inner-proof{animation-delay:.36s}
  body.page-ready .hero-art,body.page-ready .inner-visual{animation:artArrive 1.05s var(--motion-out) .16s both}

  /* An understated moving gloss on primary actions, triggered only on intent. */
  .btn{position:relative;isolation:isolate;overflow:hidden;will-change:transform}
  .btn:after{content:"";position:absolute;z-index:0;top:-35%;bottom:-35%;left:-55%;width:34%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(145%) skewX(-18deg);opacity:0}
  .btn:hover:after,.btn:focus-visible:after{animation:glintSweep .9s ease-out both}
  .btn .icon{position:relative;z-index:1;transition:transform .35s var(--motion-out)}
  .btn:hover .icon{transform:translateX(-2px) scale(1.06)}
  .brand-mark{transition:transform .45s var(--motion-out),box-shadow .45s ease}
  .brand:hover .brand-mark{transform:rotate(-7deg) translateY(-2px);box-shadow:0 0 0 5px #5796ff12,0 0 42px #5796ff48}
  .navlinks a{position:relative}
  .navlinks a:after{content:"";position:absolute;right:0;bottom:-7px;width:100%;height:1px;transform:scaleX(0);transform-origin:right;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:transform .38s var(--motion-out)}
  .navlinks a:hover:after,.navlinks a[aria-current="page"]:after{transform:scaleX(1)}
  .scroll-progress{transition:filter .3s;filter:drop-shadow(0 0 6px rgba(135,231,255,.22))}

  /* Content surfaces gain a small highlight that follows a desktop pointer. */
  .insight-card,.insight-link,.note-panel,.metric-card,.flow-card,.visual-row,.question-row,.check-item,.project,.pricing-card,.page-action,.visual-panel{--spot-x:50%;--spot-y:50%;position:relative}
  .insight-card:after,.insight-link:before,.note-panel:after,.metric-card:after,.flow-card:after,.visual-row:after,.question-row:after,.check-item:after,.project:after,.pricing-card:after,.page-action:after,.visual-panel .spotlight-layer{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .42s ease;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(112,157,255,.13),transparent 68%)}
  .insight-card:hover:after,.insight-link:hover:before,.note-panel:hover:after,.metric-card:hover:after,.flow-card:hover:after,.visual-row:hover:after,.question-row:hover:after,.check-item:hover:after,.project:hover:after,.pricing-card:hover:after,.page-action:hover:after{opacity:1}
  .insight-card,.insight-link,.note-panel,.metric-card,.flow-card,.visual-row,.question-row,.check-item,.project,.pricing-card,.page-action{transition:transform .42s var(--motion-out),border-color .35s ease,box-shadow .42s ease,background-color .35s ease}
  .insight-card:hover,.insight-link:hover,.note-panel:hover,.metric-card:hover,.flow-card:hover,.visual-row:hover,.question-row:hover,.check-item:hover{transform:translateY(-3px)}
  .insight-card .card-icon,.insight-link .insight-icon,.flow-icon,.v-icon,.check-icon{transition:transform .4s var(--motion-out),box-shadow .4s ease,background-color .3s ease}
  .insight-card:hover .card-icon,.insight-link:hover .insight-icon,.flow-card:hover .flow-icon,.visual-row:hover .v-icon,.check-item:hover .check-icon{transform:translateY(-2px) rotate(-3deg);box-shadow:0 8px 22px rgba(80,125,255,.14)}
  .visual-panel{overflow:hidden}
  .visual-panel:before{animation:softOrbit 22s linear infinite}
  .visual-panel:after{background:radial-gradient(ellipse at var(--spot-x,50%) var(--spot-y,45%),rgba(90,124,255,.19),transparent 60%);transition:opacity .35s ease}
  .visual-phone{animation:phoneFloat 7.5s ease-in-out infinite;transform-origin:50% 65%;transition:box-shadow .5s ease}
  .visual-panel:hover .visual-phone{box-shadow:0 32px 80px #0009}
  .visual-row .v-icon{animation:iconBreath 6s ease-in-out infinite}
  .visual-row:nth-child(2) .v-icon{animation-delay:-1.5s}.visual-row:nth-child(3) .v-icon{animation-delay:-3s}
  .flow-card+.flow-line:after{animation:lineTravel 2.8s ease-in-out infinite}
  .flow-card:nth-of-type(3):after{animation-delay:-.9s}
  .pricing-card{animation:borderBreath 9s ease-in-out infinite}
  .pricing-card:hover{transform:translateY(-4px)}
  .project{overflow:hidden}
  .project-art:before{transition:transform .8s var(--motion-out),opacity .5s}
  .project:hover .project-art:before{transform:translate(16px,10px) scale(1.08);opacity:.85}
  .mini-site,.mini-browser{will-change:transform}
  .faq-list details,.page-faq details{transition:background-color .35s ease,border-color .35s ease,padding .35s var(--motion-out)}
  .faq-list details[open],.page-faq details[open]{background:rgba(255,255,255,.035)}
  .faq-plus{transition:transform .35s var(--motion-out),background .3s ease,color .3s ease}
  .faq-list details[open] .faq-plus{transform:rotate(45deg) scale(1.04)}
  .insights-band:before{animation:cardLightDrift 16s ease-in-out infinite}
  .pricing:before{animation:pricingBreathe 18s ease-in-out infinite alternate,cardLightDrift 23s ease-in-out infinite alternate}
  .closing-inner .section-heading .gradient{background-size:220% 100%;animation:gradientDrift 9s ease-in-out infinite alternate}
  .mobile-cta .btn,.mobile-bar .btn{animation:ctaBreath 5s ease-in-out infinite}
}
@keyframes softOrbit{0%,100%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(8deg) scale(1.04)}}
@keyframes gradientDrift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes ctaBreath{0%,100%{box-shadow:0 9px 30px #c8ff7618}50%{box-shadow:0 13px 38px #c8ff7628}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  body.page-ready .header,body.page-ready .hero-copy>*,body.page-ready .inner-hero-copy>*,body.page-ready .hero-art,body.page-ready .inner-visual{animation:none!important}
  .btn:after{display:none!important}
  .insight-card,.insight-link,.note-panel,.metric-card,.flow-card,.visual-row,.question-row,.check-item,.project,.pricing-card,.page-action{transition:none!important;animation:none!important;transform:none!important}
  .visual-panel:before,.visual-phone,.visual-row .v-icon,.flow-card+.flow-line:after,.pricing-card,.insights-band:before,.pricing:before,.closing-inner .section-heading .gradient,.mobile-cta .btn,.mobile-bar .btn{animation:none!important}
}


/* Functional tools: calculators, checklists, previews and brief form */
.functional-section{position:relative;overflow:hidden}
.functional-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background:radial-gradient(circle at 8% 18%,rgba(64,139,255,.10),transparent 28%),radial-gradient(circle at 94% 72%,rgba(36,201,173,.08),transparent 25%)}
.tool-shell{position:relative;z-index:1;border:1px solid rgba(125,153,195,.23);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,249,255,.96));box-shadow:0 24px 70px rgba(8,28,64,.10);overflow:hidden}
.tool-shell-head{padding:26px 28px 20px;border-bottom:1px solid #e4ecf7;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tool-shell-head h3{margin:0 0 7px;font-size:1.45rem;color:#111a31}
.tool-shell-head p{margin:0;color:#66748c;max-width:720px;line-height:1.8}
.tool-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe2ff;border-radius:99px;padding:7px 11px;background:#edf5ff;color:#115db4;font-size:.8rem;font-weight:800;white-space:nowrap}
.tool-body{padding:25px 28px 28px}
.tool-grid{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:start}
.tool-grid.equal{grid-template-columns:1fr 1fr}
.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tool-field{min-width:0;display:grid;gap:6px}
.tool-field.full{grid-column:1/-1}
.tool-field label,.tool-label{font-weight:800;color:#263653;font-size:.92rem}
.tool-field small{color:#79869b;font-size:.79rem;line-height:1.5}
.tool-field input,.tool-field select,.tool-field textarea,.tool-input{width:100%;min-width:0;border:1px solid #d8e3f1;border-radius:12px;background:#fff;padding:12px 13px;color:#182541;font:500 1rem 'Tajawal','IBM Plex Sans Arabic',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus,.tool-input:focus{border-color:#3f8cff;box-shadow:0 0 0 4px rgba(8,119,249,.10);background:#fcfeff}
.tool-field textarea{min-height:96px;resize:vertical}
/* Repeatable social / website links in the project brief */
.social-links-field{gap:9px!important}
.social-links-help{margin:0;color:#64748b;font-size:.91rem;line-height:1.65}
.social-links-list{display:grid;gap:10px}
.social-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid #dbe5f1;background:#f8fbff;border-radius:14px}
.social-link-row input{min-width:0;width:100%;border:1px solid #d8e3f1;border-radius:10px;background:#fff;padding:11px 12px;color:#182541;font:500 .98rem 'Tajawal','IBM Plex Sans Arabic',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.social-link-row input:focus{border-color:#3f8cff;box-shadow:0 0 0 4px rgba(8,119,249,.10)}
.social-remove-btn{border:1px solid #e4caca;background:#fff;color:#a43c3c;padding:10px 13px;border-radius:10px;font:700 .9rem 'Tajawal',sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.social-remove-btn:hover:not(:disabled){background:#fff0f0;border-color:#d9a7a7}
.social-remove-btn:disabled{opacity:.35;cursor:not-allowed}
.social-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;border:1px solid rgba(8,119,249,.35);background:#edf5ff;color:#0754be;border-radius:12px;padding:11px 15px;font:800 .95rem 'Tajawal',sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.social-add-btn:hover{background:#e0eeff;transform:translateY(-1px)}
.social-add-btn .icon{width:17px;height:17px}
@media(max-width:520px){.social-link-row{grid-template-columns:minmax(0,1fr) auto;padding:6px;gap:6px}.social-link-row input{font-size:.88rem;padding:10px 8px}.social-remove-btn{padding:9px 9px;font-size:.82rem}}

.tool-output{background:#0a1428;color:#f6f8ff;border-radius:22px;padding:23px;position:relative;overflow:hidden;box-shadow:0 18px 38px rgba(5,21,52,.17)}
.tool-output:after{content:"";position:absolute;left:-70px;top:-90px;width:210px;height:210px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 25px #ffffff06,0 0 0 50px #ffffff04;pointer-events:none}
.tool-output>*{position:relative;z-index:1}
.tool-output-kicker{font-size:.78rem;color:#9db1d2;font-weight:800;letter-spacing:.03em}
.tool-output h4{font-size:1.15rem;color:#fff;margin:5px 0 17px}
.tool-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tool-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:14px;min-width:0}
.tool-stat span{display:block;color:#acbad0;font-size:.8rem;line-height:1.4}
.tool-stat strong{display:block;margin-top:7px;font:800 1.5rem/1.1 'Tajawal',sans-serif;color:#d5ff71;overflow-wrap:anywhere}
.tool-stat em{font-style:normal;color:#aebdd4;font-size:.74rem;display:block;margin-top:5px}
.tool-caveat{font-size:.82rem;line-height:1.75;color:#6c7b93;margin:15px 0 0}
.tool-output .tool-caveat{color:#a9b8cf}
.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.tool-tab{border:1px solid #d7e3f3;background:white;color:#52627b;border-radius:12px;padding:10px 15px;font:800 .95rem 'Tajawal',sans-serif;cursor:pointer;transition:.2s}
.tool-tab:hover{border-color:#8dbbfa;color:#0754be}
.tool-tab[aria-pressed="true"],.tool-tab.active{background:#0b5fe2;color:white;border-color:#0b5fe2;box-shadow:0 8px 18px #0866e822}
.scenario-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.scenario-step{background:#fff;border:1px solid #e1e9f4;border-radius:17px;padding:17px;min-height:146px}
.scenario-step .n{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf4ff;color:#0966dd;font-weight:900;margin-bottom:12px}
.scenario-step strong{display:block;color:#172641;margin-bottom:5px}
.scenario-step p{margin:0;color:#67758c;font-size:.88rem;line-height:1.7}
.scenario-panel[hidden],.platform-panel[hidden]{display:none!important}
.scenario-panel{animation:toolIn .35s ease both}
@keyframes toolIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.tool-inline-note{margin-top:15px;padding:12px 14px;border:1px solid #dbe7f6;border-radius:13px;background:#f4f8ff;color:#65738b;font-size:.84rem;line-height:1.7}
.tool-progress{height:8px;border-radius:99px;overflow:hidden;background:#e3ebf7;margin:12px 0 8px}
.tool-progress span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#0877f9,#5aa6ff);transition:width .25s ease}
.tool-checklist{display:grid;gap:9px}
.tool-check{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #e1e9f4;border-radius:13px;background:#fff;color:#293956;cursor:pointer;transition:border-color .2s,background .2s}
.tool-check:hover{border-color:#a8cbfc;background:#fbfdff}
.tool-check input{width:18px;height:18px;margin:4px 0 0;accent-color:#0877f9;flex:0 0 auto}
.tool-check span{font-size:.93rem;line-height:1.6}
.tool-check strong{display:block}
.tool-result-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5c6c85;font-size:.9rem;margin-top:14px}
.tool-result-line strong{font-size:1.15rem;color:#10213f}
.tool-preview{border:1px solid #e0e8f3;border-radius:18px;background:#fff;padding:20px;box-shadow:0 10px 28px rgba(15,38,76,.06);overflow-wrap:anywhere}
.tool-preview .fake-domain{font-size:.78rem;color:#4e665f;direction:ltr;text-align:right}
.tool-preview .fake-title{display:block;font-size:1.18rem;line-height:1.45;color:#1a55ae;margin:6px 0;font-weight:700}
.tool-preview .fake-description{font-size:.89rem;color:#596579;line-height:1.7;margin:0}
.tool-preview small{color:#79879b}
.tool-copy-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.tool-status{font-size:.83rem;color:#087c4b;font-weight:800;min-height:1.3em;margin-top:8px}
.tool-output-text{white-space:pre-wrap;word-break:break-word;background:#f7faff;border:1px solid #dfe9f6;border-radius:14px;padding:15px;color:#34435d;line-height:1.8;min-height:100px;font-size:.93rem}
.tool-form{display:grid;gap:25px}
.form-group{border:1px solid #e0e8f3;border-radius:20px;padding:20px 21px;background:#fff}
.form-group legend,.form-group h3{font-size:1.1rem;font-weight:900;color:#16233d;padding:0;margin:0 0 15px}
.form-group p{font-size:.89rem;color:#6b7890;margin:-7px 0 15px;line-height:1.7}
.check-pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.check-pill{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:12px;border:1px solid #dfe8f4;background:#f9fbff;color:#2b3a55;cursor:pointer;font-size:.9rem;line-height:1.45}
.check-pill input{accent-color:#0877f9;margin:4px 0 0;flex:0 0 auto}
.check-pill:has(input:checked){border-color:#78b0ff;background:#edf5ff}
.form-meter{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:.86rem;color:#62708a;margin-top:13px}
.form-meter strong{color:#0b5fe2}
.form-privacy{background:#eef8f2;border:1px solid #cdebd9;border-radius:13px;padding:12px 14px;color:#286245;font-size:.84rem;line-height:1.7}
.form-summary{position:sticky;top:110px}
.form-summary h3{margin:0 0 8px;font-size:1.25rem}
.form-summary p{color:#c0cce0;margin:0 0 15px;font-size:.9rem;line-height:1.7}
.form-summary .summary-items{display:grid;gap:10px}
.form-summary .summary-item{display:flex;align-items:flex-start;gap:9px;font-size:.88rem;color:#edf3fc;line-height:1.6}
.form-summary .summary-item i{color:#d5ff71;margin-top:3px}
.form-summary .summary-note{border-top:1px solid #ffffff1c;padding-top:14px;margin-top:15px;color:#aebdd5;font-size:.79rem;line-height:1.7}
.process-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:phase}
.roadmap-step{border:1px solid #e0e9f5;border-radius:17px;background:#fff;padding:17px 15px;counter-increment:phase;min-height:180px}
.roadmap-step:before{content:"0" counter(phase);font:900 1.55rem Arial,sans-serif;display:block;color:#0b67e8;margin-bottom:16px;direction:ltr;text-align:right}
.roadmap-step strong{display:block;color:#172641;margin-bottom:7px}
.roadmap-step p{font-size:.87rem;line-height:1.7;margin:0;color:#6a7890}
.subfeature-head{margin:0 0 24px}
.subfeature-head .section-heading{font-size:clamp(1.65rem,3vw,2.3rem)}
.copy-fallback{position:absolute;right:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.tool-grid,.tool-grid.equal{grid-template-columns:1fr}.process-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.form-summary{position:static}}
@media(max-width:650px){.tool-shell{border-radius:20px}.tool-shell-head{padding:20px 18px 16px}.tool-body{padding:18px}.tool-fields{grid-template-columns:1fr}.tool-field.full{grid-column:auto}.scenario-board{grid-template-columns:1fr}.scenario-step{min-height:0}.check-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-roadmap{grid-template-columns:1fr}.roadmap-step{min-height:0}.tool-stat strong{font-size:1.3rem}.tool-output{padding:18px}.form-group{padding:17px 15px}.form-group .tool-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.scenario-panel{animation:none}.tool-progress span{transition:none!important}}
/* Lead-form concept preview */
.lead-preview-title{display:flex;align-items:center;gap:11px;margin:14px 0 17px;padding-bottom:14px;border-bottom:1px solid #e6edf7}
.lead-preview-title strong{display:block;color:#172641;font-size:1rem}
.lead-preview-title small{display:block;color:#7a879b;font-size:.78rem;margin-top:2px}
.lead-preview-mark{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#e8f3ff;color:#0877f9;display:grid;place-items:center}
.lead-preview-fields{display:grid;gap:8px}
.lead-preview-field{padding:10px 12px;border:1px solid #e0e8f3;border-radius:10px;background:#fbfdff;color:#2d3d58;font-size:.87rem;display:flex;justify-content:space-between;gap:12px;align-items:center}
.lead-preview-field strong{color:#263752;font-weight:800}
.lead-preview-field span{color:#98a4b6;font-size:.82rem;text-align:left}

/* Final usability refinement: visible continuous feature ticker, static before/after comparison, and QR business-card showcase. */
.ticker{background:linear-gradient(90deg,#c8ff76,#d9ff9a 48%,#c8ff76);color:#11182b;padding:0;overflow:hidden;position:relative;isolation:isolate;border-block:1px solid #ffffff20;min-height:60px}
.ticker:before,.ticker:after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:2;pointer-events:none}
.ticker:before{left:0;background:linear-gradient(90deg,#c8ff76,transparent)}.ticker:after{right:0;background:linear-gradient(270deg,#c8ff76,transparent)}
.ticker-viewport{width:100%;overflow:hidden}.ticker-track{display:flex;align-items:center;width:max-content;min-width:0;justify-content:flex-start;gap:0;padding:0;direction:ltr;white-space:nowrap;animation:tickerTravel 32s linear infinite;will-change:transform}.ticker-group{display:flex;flex:0 0 auto;align-items:center;gap:35px;padding:15px 28px;direction:rtl;white-space:nowrap;font-weight:800;font-size:.96rem}.ticker-group>span{display:inline-flex;align-items:center;gap:10px}.ticker-group .icon{width:18px;height:18px;color:#3b5e21}.ticker .spark{opacity:.5;color:#466725;font-size:1.1rem}.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tickerTravel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.scenario-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.scenario-side{min-width:0;padding:22px;border:1px solid #ffffff13;border-radius:22px;background:linear-gradient(145deg,#141a2b,#101521);box-shadow:0 20px 55px #00000016}.scenario-side-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.scenario-indicator{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#ffffff09;border:1px solid #ffffff12;color:#9aa7be}.scenario-after .scenario-indicator{background:#c8ff7614;border-color:#c8ff7638;color:var(--lime)}.scenario-label{display:block;font-size:.77rem;font-weight:800;color:#8490a7;letter-spacing:.04em}.scenario-after .scenario-label{color:var(--lime)}.scenario-side-head h4{font-size:1.18rem;line-height:1.4;margin:2px 0 0;color:#f6f8ff}.scenario-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.scenario-step{min-width:0;padding:14px 12px;border-radius:14px;border:1px solid #ffffff0e;background:#ffffff04}.scenario-step .n{display:block;font:800 .72rem Arial,sans-serif;color:#8794ad;direction:ltr;margin-bottom:13px}.scenario-step strong{display:block;font-size:.94rem;line-height:1.45;color:#f1f4fc}.scenario-step p{font-size:.82rem;line-height:1.75;color:#a4aec2;margin:6px 0 0}.scenario-after .scenario-step{background:linear-gradient(150deg,#c8ff760a,#7fa5ff08);border-color:#c8ff7620}.scenario-after .scenario-step .n{color:var(--lime)}.tool-inline-note{font-size:.82rem;color:#8996ad;line-height:1.75;margin:13px 0 0}
.qr-section{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(ellipse at 12% 100%,#162c4b75,transparent 42%),linear-gradient(135deg,#101525,#0b0d16);border-block:1px solid #ffffff0b}.qr-grid{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:65px}.qr-copy .section-heading span{background:linear-gradient(100deg,#d5ff71,#8ce8ff);color:transparent;background-clip:text;-webkit-background-clip:text}.qr-copy .section-intro{margin:0 0 25px;max-width:570px}.qr-benefits{display:grid;gap:15px;margin:25px 0}.qr-benefits>div{display:flex;align-items:center;gap:13px}.qr-benefit-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff16;border-radius:14px;background:#ffffff08;color:var(--cyan)}.qr-benefits strong{display:block;font-size:1rem;color:#f3f6ff}.qr-benefits small{display:block;font-size:.86rem;color:#8e9bb4;margin-top:2px}.qr-disclaimer{font-size:.82rem;line-height:1.8;color:#8290a9;max-width:550px;margin:16px 0 0}.qr-showcase{position:relative;min-height:395px;display:grid;place-items:center;isolation:isolate}.qr-orb{position:absolute;width:340px;height:340px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#748fff24,transparent 68%);border:1px solid #9eb6ff1b;box-shadow:0 0 0 36px #718bff06,0 0 0 75px #718bff04}.business-card-mock{position:relative;z-index:2;width:min(470px,100%);min-height:265px;padding:23px 25px 17px;border:1px solid #ffffffb5;border-radius:20px;background:linear-gradient(132deg,#fff 0%,#f3f7ff 62%,#e9f1ff 100%);color:#131e38;box-shadow:0 34px 90px #0008,0 4px 0 #b9c8dd;transform:rotate(-3deg);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.business-card-mock:hover{transform:rotate(0) translateY(-7px);box-shadow:0 42px 100px #0009,0 4px 0 #b9c8dd}.business-card-brand{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #dce5f1}.business-card-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#1b9be8,#5f75ff);color:white;box-shadow:0 8px 18px #3475ff30}.business-card-brand strong{display:block;font-size:1.07rem}.business-card-brand small{display:block;color:#70809b;font-size:.75rem}.business-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0 15px}.business-card-bottom h3{font-size:1.56rem;line-height:1.24;letter-spacing:-.5px;margin:9px 0;color:#101d39}.business-card-bottom p{margin:0;color:#71809a;font-size:.79rem}.card-chip{display:inline-block;padding:4px 8px;background:#e7efff;color:#235ca6;border-radius:7px;font-size:.67rem;font-weight:800}.qr-image-link{position:relative;flex:none;padding:7px;background:#fff;border:1px solid #d9e3f0;border-radius:11px;text-align:center;box-shadow:0 6px 20px #18385b10}.qr-image-link img{display:block;width:112px;height:112px;object-fit:contain}.qr-image-link span{display:block;font-size:.7rem;font-weight:900;color:#195caa;margin-top:3px}.business-card-footer{display:flex;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #dce5f1;font-size:.7rem;font-weight:800;color:#647591}.business-card-footer span{display:inline-flex;align-items:center;gap:5px}.business-card-footer .icon{color:#3976d8}.qr-floating-note{position:absolute;z-index:3;bottom:6px;right:-5px;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:14px;background:#171e30;border:1px solid #ffffff1c;color:#f4f7ff;box-shadow:0 14px 36px #0005}.qr-floating-note strong{display:block;font-size:.85rem}.qr-floating-note small{display:block;color:#8f9db7;font-size:.73rem}.qr-floating-note>.icon{color:var(--lime);margin-right:6px}.qr-live-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c8ff761a}
@media(max-width:900px){.qr-grid{grid-template-columns:1fr;gap:35px}.qr-copy{max-width:740px}.qr-showcase{min-height:345px}.scenario-compare-grid{gap:12px}.scenario-side{padding:16px}.scenario-board{gap:7px}.scenario-step{padding:12px 9px}}
@media(max-width:680px){.ticker-group{gap:25px;padding:14px 20px;font-size:.86rem}.ticker{min-height:52px}.ticker:before,.ticker:after{width:22px}.scenario-compare-grid{grid-template-columns:1fr}.scenario-side{padding:18px}.scenario-board{grid-template-columns:1fr;gap:8px}.scenario-step{display:grid;grid-template-columns:27px 1fr;column-gap:8px;padding:11px}.scenario-step .n{grid-row:span 2;margin:2px 0 0}.scenario-step strong{font-size:.91rem}.scenario-step p{margin-top:3px}.qr-section{padding:68px 0}.qr-showcase{min-height:315px}.business-card-mock{padding:17px 17px 13px;border-radius:17px;transform:rotate(-1.5deg)}.business-card-bottom h3{font-size:1.34rem}.qr-image-link img{width:96px;height:96px}.qr-floating-note{right:0;bottom:0;padding:10px 12px}.qr-floating-note strong{font-size:.79rem}.business-card-footer{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;transform:none}.business-card-mock,.ticker-track{transition:none!important}}

/* Trust-led refinement: a seamless ticker and a more deliberate before/after story. */
.ticker{min-height:64px;isolation:isolate;overflow:hidden;position:relative;background:linear-gradient(100deg,#c8ff76 0%,#dcffa2 48%,#c8ff76 100%);border-block:1px solid #efffc4;color:#11182b}
.ticker:before,.ticker:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:clamp(28px,5vw,76px);pointer-events:none}
.ticker:before{left:0;background:linear-gradient(90deg,#c8ff76 4%,rgba(200,255,118,0))}
.ticker:after{right:0;background:linear-gradient(270deg,#c8ff76 4%,rgba(200,255,118,0))}
.ticker-viewport{width:100%;overflow:hidden}
.ticker-track{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;gap:0;direction:ltr;will-change:transform;animation:tickerTravel 34s linear infinite;transform:translate3d(0,0,0)}
.ticker-group{display:flex;flex:0 0 max-content;align-items:center;justify-content:space-evenly;gap:clamp(22px,3vw,48px);width:max-content;min-width:100vw;box-sizing:border-box;padding:15px clamp(28px,5vw,76px);direction:rtl;white-space:nowrap;font-size:.96rem;font-weight:800}
.ticker-group>span{display:inline-flex;align-items:center;gap:10px;flex:none}
.ticker-group .icon{width:18px;height:18px;color:#34561f}
.ticker .spark{color:#466725;opacity:.55;font-size:1.12rem}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tickerTravel{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.before-after-section{padding-top:88px;padding-bottom:92px;background:radial-gradient(ellipse at 5% 20%,rgba(71,103,181,.13),transparent 38%),radial-gradient(ellipse at 95% 85%,rgba(165,139,255,.09),transparent 32%),linear-gradient(145deg,#0d111e,#101323 55%,#111728)}
.before-after-section:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(181,198,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(181,198,255,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.before-after-section>.wrap{position:relative;z-index:1}
.before-after-section .insight-head{grid-template-columns:1fr 1fr;align-items:end;gap:45px;margin-bottom:32px}
.before-after-section .section-heading{font-size:clamp(2rem,3.7vw,3.2rem);letter-spacing:-.8px}
.contrast-heading-glow{background:linear-gradient(100deg,#e6edff 8%,#9fc0ff 55%,#c5b7ff 100%);color:transparent;-webkit-background-clip:text;background-clip:text}
.contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
.contrast-panel{position:relative;min-width:0;overflow:hidden;padding:24px;border-radius:25px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,rgba(27,34,54,.96),rgba(17,22,36,.98));box-shadow:0 24px 70px rgba(0,0,0,.2);isolation:isolate}
.contrast-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(150,166,205,.1),transparent 33%)}
.contrast-after{border-color:rgba(200,255,118,.26);background:linear-gradient(145deg,rgba(27,42,44,.94),rgba(16,24,34,.98));box-shadow:0 24px 70px rgba(0,0,0,.2),inset 0 1px rgba(200,255,118,.06)}
.contrast-after:before{background:radial-gradient(circle at 100% 0,rgba(200,255,118,.1),transparent 34%),radial-gradient(circle at 0 100%,rgba(88,155,255,.08),transparent 35%)}
.contrast-panel-top{display:flex;align-items:center;gap:13px;min-height:70px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.contrast-mark{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#aab6cd}
.contrast-mark .icon{width:21px;height:21px}
.contrast-after .contrast-mark{background:rgba(200,255,118,.09);color:var(--lime);border-color:rgba(200,255,118,.2)}
.contrast-title{min-width:0;flex:1}.contrast-kicker{display:block;color:#8f9bb2;font-size:.76rem;font-weight:700;letter-spacing:.03em}
.contrast-title h3{color:#f4f7ff;font-size:1.18rem;line-height:1.4;margin:2px 0 2px}
.contrast-title p{color:#98a5bc;font-size:.82rem;margin:0;line-height:1.55}
.contrast-status{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;flex:none;border-radius:999px;padding:6px 9px;font-size:.71rem;font-weight:800;white-space:nowrap}
.contrast-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.status-muted{background:rgba(255,193,122,.08);border:1px solid rgba(255,193,122,.16);color:#d3b38a}
.status-positive{background:rgba(200,255,118,.1);border:1px solid rgba(200,255,118,.23);color:var(--lime)}
.contrast-journey{display:grid;gap:10px;padding:18px 0 17px}
.contrast-step{position:relative;display:grid;grid-template-columns:32px 40px minmax(0,1fr);align-items:start;gap:10px;padding:13px 12px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025);transition:transform .22s,border-color .22s,background .22s}
.contrast-step:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.045)}
.contrast-step-number{font:800 .72rem/32px Arial,sans-serif;color:#8491a9;text-align:center;direction:ltr}
.contrast-step-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(152,171,210,.09);border:1px solid rgba(152,171,210,.12);color:#9ca9c0}
.contrast-step-icon .icon{width:18px;height:18px}
.contrast-step-copy{grid-column:3;min-width:0;padding-top:1px}
.contrast-step-copy strong{display:block;color:#edf1fb;font-size:.95rem;line-height:1.5}
.contrast-step-copy p{color:#9ca8bc;font-size:.81rem;line-height:1.7;margin:4px 0 0}
.friction-label,.clarity-label{grid-column:3;justify-self:start;margin-top:2px;border-radius:7px;padding:3px 7px;font-size:.68rem;font-weight:800;line-height:1.5}
.friction-label{color:#c1a98e;background:rgba(255,193,122,.07);border:1px solid rgba(255,193,122,.1)}
.clarity-label{color:#d5fca3;background:rgba(200,255,118,.07);border:1px solid rgba(200,255,118,.16)}
.contrast-after .contrast-step{border-color:rgba(200,255,118,.1);background:linear-gradient(100deg,rgba(200,255,118,.035),rgba(133,164,255,.025))}
.contrast-after .contrast-step-number{color:var(--lime)}
.contrast-after .contrast-step-icon{background:rgba(200,255,118,.08);border-color:rgba(200,255,118,.12);color:var(--lime)}
.contrast-outcome{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.09);padding-top:17px}
.outcome-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06);color:#a5b0c6}
.outcome-icon .icon{width:17px;height:17px}
.contrast-after .outcome-icon{background:rgba(200,255,118,.1);color:var(--lime)}
.contrast-outcome p{margin:0;color:#a6b2c7;font-size:.83rem;line-height:1.65}
.contrast-outcome strong{color:#f0f4fd;font-size:.9rem}
.contrast-insight{position:relative;display:grid;grid-template-columns:47px minmax(200px,.85fr) 1.15fr;gap:18px;align-items:center;margin-top:19px;padding:22px 23px;border-radius:22px;border:1px solid rgba(152,178,255,.19);background:linear-gradient(110deg,rgba(82,111,182,.12),rgba(255,255,255,.025) 58%,rgba(162,139,255,.07));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.insight-beacon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(200,255,118,.16),rgba(116,157,255,.14));border:1px solid rgba(200,255,118,.18);color:var(--lime)}.insight-beacon .icon{width:21px;height:21px}
.contrast-insight-copy>span{color:#a8c0ff;font-size:.75rem;font-weight:800}.contrast-insight-copy h3{font-size:1.12rem;line-height:1.45;margin:2px 0 5px;color:#f6f8ff}.contrast-insight-copy p{font-size:.81rem;line-height:1.7;color:#9ca9bf;margin:0}
.expertise-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.expertise-points>div{min-width:0;padding:11px 12px;border-right:1px solid rgba(255,255,255,.12)}.expertise-points span{display:block;color:var(--lime);font:800 .68rem Arial,sans-serif;margin-bottom:7px}.expertise-points strong{display:block;color:#e8edf9;font-size:.82rem}.expertise-points small{display:block;color:#939fb5;font-size:.72rem;line-height:1.6;margin-top:4px}
.contrast-caveat{display:flex;align-items:flex-start;gap:8px;margin:14px 2px 0;color:#8d9bb2;font-size:.78rem;line-height:1.75}.contrast-caveat .icon{width:15px;height:15px;margin-top:4px;flex:none;color:#9fb1d0}
@media(max-width:980px){.contrast-insight{grid-template-columns:45px 1fr}.expertise-points{grid-column:1/-1}.expertise-points>div:first-child{border-right:0}.before-after-section .insight-head{gap:25px}}
@media(max-width:760px){.before-after-section{padding-top:65px;padding-bottom:68px}.before-after-section .insight-head{grid-template-columns:1fr;gap:12px}.contrast-grid{grid-template-columns:1fr;gap:13px}.contrast-panel{padding:18px;border-radius:21px}.contrast-panel-top{gap:10px}.contrast-status{font-size:.67rem;padding:5px 7px}.contrast-step{grid-template-columns:28px 36px minmax(0,1fr);gap:8px;padding:11px 9px}.contrast-step-icon{width:35px;height:35px}.contrast-insight{grid-template-columns:38px 1fr;gap:12px;padding:18px 16px}.insight-beacon{width:38px;height:38px}.expertise-points{gap:4px}.expertise-points>div{padding:10px 8px}.expertise-points strong{font-size:.77rem}.expertise-points small{font-size:.68rem}.ticker-group{min-width:100vw;justify-content:flex-start;padding-inline:28px;gap:24px;font-size:.86rem}.ticker{min-height:54px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;transform:none!important}.contrast-step{transition:none!important}.contrast-step:hover{transform:none}}


/* 2026 refinement: rich capability rail with a measured, gap-free loop. */
.ticker.capability-rail{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:132px;padding:0;color:#f4f7ff;background:radial-gradient(ellipse at 85% 0%,rgba(92,122,211,.21),transparent 38%),radial-gradient(ellipse at 10% 100%,rgba(200,255,118,.07),transparent 33%),linear-gradient(112deg,#0b1020,#10182a 52%,#0b1221);border-block:1px solid rgba(185,204,255,.14);}
.ticker.capability-rail:before,.ticker.capability-rail:after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:clamp(24px,4vw,64px);pointer-events:none}
.ticker.capability-rail:before{left:0;background:linear-gradient(90deg,#0b1020 0%,rgba(11,16,32,0))}
.ticker.capability-rail:after{right:0;background:linear-gradient(270deg,#0b1020 0%,rgba(11,16,32,0))}
.capability-rail-inner{width:min(1300px,100%);margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);align-items:stretch;gap:0;min-height:132px}
.ticker-intro{display:flex;align-items:center;gap:13px;padding:22px 26px;border-left:1px solid rgba(200,255,118,.14);background:linear-gradient(140deg,rgba(255,255,255,.045),rgba(255,255,255,.008));position:relative;z-index:2}
.ticker-intro-icon{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:15px;color:var(--lime);background:linear-gradient(145deg,rgba(200,255,118,.13),rgba(111,153,255,.13));border:1px solid rgba(200,255,118,.2);box-shadow:0 9px 24px rgba(0,0,0,.16)}
.ticker-intro-icon .icon{width:21px;height:21px}
.ticker-intro-copy{display:block;min-width:0}.ticker-intro-copy small,.ticker-intro-copy em{display:block;color:#8796b4;font-size:.72rem;font-style:normal;line-height:1.5}.ticker-intro-copy strong{display:block;font-size:1.08rem;color:#f6f8ff;line-height:1.45;margin:2px 0}.ticker-viewport{width:100%;min-width:0;overflow:hidden;display:flex;align-items:center;position:relative;z-index:1}
.ticker-track{width:max-content;min-width:0;display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;padding:0;direction:ltr;white-space:nowrap;transform:translate3d(0,0,0);animation:none;will-change:transform}
.ticker-track.ticker-ready{animation:capabilityRailLoop var(--ticker-duration,28s) linear infinite}
.ticker-group{width:max-content;min-width:0;flex:0 0 auto;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.1vw,18px);padding:18px clamp(22px,2.5vw,38px);direction:rtl;white-space:nowrap;font-size:.96rem;font-weight:800}
.ticker-item{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:0;padding:12px 14px;border-radius:16px;border:1px solid rgba(199,215,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 20px rgba(0,0,0,.09)}
.ticker-item-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:12px;color:#d8ff9b;background:rgba(200,255,118,.09);border:1px solid rgba(200,255,118,.15)}
.ticker-item:nth-child(2n) .ticker-item-icon{color:#a9c6ff;background:rgba(121,158,255,.1);border-color:rgba(121,158,255,.16)}
.ticker-item-icon .icon{width:19px;height:19px}.ticker-item-copy{display:block;min-width:0}.ticker-item-copy strong{display:block;color:#f1f5ff;font-size:.87rem;line-height:1.4}.ticker-item-copy small{display:block;margin-top:3px;color:#91a0bc;font-size:.72rem;font-weight:500;line-height:1.35}
@keyframes capabilityRailLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(0px - var(--ticker-loop-distance, 100vw)),0,0)}}

/* Always-visible social vs website comparison: no tabs or hidden pathways. */
.channel-comparison{background:radial-gradient(ellipse at 8% 0%,rgba(92,125,214,.09),transparent 38%),linear-gradient(180deg,#f6f8fc,#fff 42%,#f8faff)}
.channel-comparison .insight-head{grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}
.channel-heading-accent{color:var(--blue);background:linear-gradient(95deg,#0877f9,#6589ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.channel-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.channel-path{min-width:0;position:relative;padding:24px;border:1px solid #dce6f3;border-radius:24px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 18px 46px rgba(18,43,84,.07);overflow:hidden}
.channel-path:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#b3c2d9,transparent)}
.channel-path-site{background:radial-gradient(ellipse at 95% 0%,rgba(200,255,118,.08),transparent 35%),linear-gradient(145deg,#121a2a,#0e1422);border-color:#23314b;box-shadow:0 24px 60px rgba(11,22,47,.16)}
.channel-path-site:before{background:linear-gradient(90deg,transparent,#c8ff76,transparent)}
.channel-path-head{display:flex;align-items:center;gap:13px;padding-bottom:19px;border-bottom:1px solid #e7edf6;min-height:94px;position:relative;z-index:1}
.channel-path-site .channel-path-head{border-color:rgba(255,255,255,.1)}
.channel-path-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:15px;color:#5d6f8b;background:#eef3fb;border:1px solid #e1e9f4}
.channel-path-icon .icon{width:21px;height:21px}.channel-path-site .channel-path-icon{color:var(--lime);background:rgba(200,255,118,.08);border-color:rgba(200,255,118,.16)}
.channel-path-title{flex:1;min-width:0}.channel-eyebrow{font-size:.72rem;font-weight:800;color:#8c9ab2;display:block}.channel-path-site .channel-eyebrow{color:#c0d79d}.channel-path-title h3{font-size:1.24rem;line-height:1.35;color:#17223b;margin:2px 0 3px}.channel-path-title p{font-size:.83rem;color:#728097;line-height:1.55;margin:0}.channel-path-site .channel-path-title h3{color:#f4f7ff}.channel-path-site .channel-path-title p{color:#9ba9c1}
.channel-pill{display:inline-flex;align-items:center;gap:5px;flex:none;border-radius:99px;padding:6px 9px;font-size:.68rem;font-weight:900;white-space:nowrap;background:#edf2f8;color:#697992;border:1px solid #e2e9f2}.channel-pill-positive{background:rgba(200,255,118,.09);color:#d5ff71;border-color:rgba(200,255,118,.2)}.channel-pill .icon{width:13px;height:13px}
.channel-flow{display:grid;gap:9px;padding:18px 0}.channel-flow-step{display:grid;grid-template-columns:28px 39px minmax(0,1fr);align-items:start;gap:11px;padding:13px 12px;border:1px solid #e7edf6;border-radius:16px;background:rgba(255,255,255,.78);transition:transform .2s,border-color .2s,box-shadow .2s}.channel-flow-step:hover{transform:translateY(-2px);border-color:#c3d8f7;box-shadow:0 8px 20px rgba(24,61,110,.05)}.channel-step-no{font:800 .72rem/34px Arial,sans-serif;color:#9aa8bd;text-align:center;direction:ltr}.channel-flow-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#4c78bf;background:#edf4ff;border:1px solid #e0ebfb}.channel-flow-icon .icon{width:18px;height:18px}.channel-flow-step strong{display:block;font-size:.93rem;color:#1b2944;line-height:1.45}.channel-flow-step p{font-size:.8rem;color:#6f7e96;line-height:1.7;margin:4px 0 0}.channel-path-site .channel-flow-step{background:linear-gradient(100deg,rgba(200,255,118,.035),rgba(255,255,255,.025));border-color:rgba(200,255,118,.1)}.channel-path-site .channel-step-no{color:var(--lime)}.channel-path-site .channel-flow-icon{color:var(--lime);background:rgba(200,255,118,.07);border-color:rgba(200,255,118,.12)}.channel-path-site .channel-flow-step strong{color:#f0f4fc}.channel-path-site .channel-flow-step p{color:#a0aec4}
.channel-path-foot{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;padding-top:16px;border-top:1px solid #e7edf6}.channel-path-site .channel-path-foot{border-color:rgba(255,255,255,.1)}.channel-foot-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eff4fb;color:#6c7d96}.channel-path-site .channel-foot-mark{background:rgba(200,255,118,.09);color:var(--lime)}.channel-foot-mark .icon{width:16px;height:16px}.channel-path-foot p{font-size:.81rem;color:#75829a;line-height:1.6;margin:0}.channel-path-foot strong{color:#25334e;font-size:.87rem}.channel-path-site .channel-path-foot p{color:#9ca9bf}.channel-path-site .channel-path-foot strong{color:#f3f6fd}
.channel-takeaway{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:19px;padding:20px 23px;border:1px solid #dbe6f5;border-radius:21px;background:linear-gradient(110deg,#fff,#f0f6ff 65%,#f7faff);box-shadow:0 13px 34px rgba(16,47,91,.055)}.channel-takeaway-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#3b6fc5;background:#e8f1ff;border:1px solid #d7e6fc}.channel-takeaway-icon .icon{width:21px;height:21px}.channel-takeaway>div>span{display:block;font-size:.73rem;font-weight:900;color:#3d74ce}.channel-takeaway strong{display:block;font-size:1.05rem;color:#15223c;margin:2px 0}.channel-takeaway p{margin:0;color:#697990;font-size:.83rem;line-height:1.65}.channel-takeaway .btn{white-space:nowrap}
@media(max-width:980px){.capability-rail-inner{grid-template-columns:210px minmax(0,1fr)}.ticker-intro{padding:18px}.ticker-group{gap:10px;padding-inline:18px}.ticker-item{padding:10px 11px}.ticker-item-icon{width:35px;height:35px}.ticker-item-copy strong{font-size:.8rem}.ticker-item-copy small{font-size:.66rem}.channel-path{padding:18px}.channel-path-head{gap:10px}.channel-pill{font-size:.62rem;padding:5px 7px}.channel-comparison .insight-head{gap:25px}}
@media(max-width:760px){.capability-rail{min-height:0}.capability-rail-inner{grid-template-columns:1fr;min-height:0}.ticker-intro{padding:16px 22px;border-left:0;border-bottom:1px solid rgba(200,255,118,.12)}.ticker-intro-icon{width:39px;height:39px}.ticker-intro-copy strong{font-size:1rem}.ticker-intro-copy em{font-size:.68rem}.ticker-viewport{min-height:86px}.ticker-group{padding:13px 20px;gap:9px}.ticker-item{padding:9px 10px;border-radius:13px;gap:8px}.ticker-item-icon{width:33px;height:33px;border-radius:10px}.ticker-item-icon .icon{width:16px;height:16px}.ticker-item-copy strong{font-size:.77rem}.ticker-item-copy small{font-size:.64rem}.channel-comparison .insight-head{grid-template-columns:1fr;gap:12px}.channel-compare-grid{grid-template-columns:1fr;gap:13px}.channel-path{padding:17px;border-radius:20px}.channel-path-head{align-items:flex-start;min-height:0;padding-bottom:15px}.channel-path-icon{width:40px;height:40px}.channel-path-title h3{font-size:1.08rem}.channel-path-title p{font-size:.78rem}.channel-pill{max-width:98px;white-space:normal;line-height:1.35;text-align:center}.channel-flow{gap:8px;padding:14px 0}.channel-flow-step{grid-template-columns:23px 34px minmax(0,1fr);gap:8px;padding:11px 9px}.channel-flow-icon{width:34px;height:34px}.channel-step-no{font-size:.68rem;line-height:32px}.channel-flow-step strong{font-size:.88rem}.channel-flow-step p{font-size:.76rem}.channel-takeaway{grid-template-columns:38px minmax(0,1fr);padding:16px;gap:11px}.channel-takeaway-icon{width:38px;height:38px}.channel-takeaway strong{font-size:.96rem}.channel-takeaway p{font-size:.78rem}.channel-takeaway .btn{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.ticker-track.ticker-ready{animation:none!important;transform:none!important}.channel-flow-step,.ticker-item{transition:none!important}.channel-flow-step:hover{transform:none}}


/* Clear trust proof strip: deliberately static instead of a fragile marquee. */
.trust-proof{position:relative;z-index:2;padding:31px 0 34px;background:linear-gradient(180deg,#101829 0%,#0d1422 100%);border-block:1px solid rgba(191,207,236,.13);overflow:hidden}
.trust-proof:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 0,rgba(200,255,118,.075),transparent 36%),radial-gradient(ellipse at 92% 100%,rgba(98,143,255,.13),transparent 37%)}
.trust-proof>.wrap{position:relative;z-index:1}
.trust-proof-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:18px}
.trust-proof-heading>div{max-width:670px}
.trust-proof-kicker{display:inline-flex;align-items:center;gap:7px;color:#c8ff76;font-size:.76rem;font-weight:800;letter-spacing:.02em}
.trust-proof-kicker .icon{width:15px;height:15px}
.trust-proof-heading h2{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.3;letter-spacing:-.45px;color:#f5f7ff;margin:7px 0 0;font-weight:900}
.trust-proof-heading h2 span{color:#c8ff76}
.trust-proof-heading>p{max-width:380px;margin:0;color:#aab7cb;font-size:.92rem;line-height:1.8}
.trust-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.trust-proof-badge{min-width:0;min-height:103px;position:relative;display:grid;grid-template-columns:39px minmax(0,1fr) 15px;align-items:start;gap:11px;padding:16px 14px;border:1px solid rgba(183,202,233,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.trust-proof-badge:hover{transform:translateY(-3px);border-color:rgba(200,255,118,.3);background:linear-gradient(145deg,rgba(200,255,118,.09),rgba(255,255,255,.035));box-shadow:0 14px 34px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.06)}
.trust-proof-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#d8ff9a;background:rgba(200,255,118,.09);border:1px solid rgba(200,255,118,.14)}
.trust-proof-icon .icon{width:18px;height:18px}
.trust-proof-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.trust-proof-copy strong{font-size:.91rem;color:#f3f6ff;font-weight:900;line-height:1.4}
.trust-proof-copy small{font-size:.76rem;color:#a8b5c9;line-height:1.55}
.trust-proof-copy em{font-style:normal;font-size:.69rem;color:#c8ff76;font-weight:800;margin-top:2px}
.trust-proof-arrow{width:14px;height:14px;color:#8291ac;margin-top:3px;transition:transform .2s,color .2s}
.trust-proof-badge:hover .trust-proof-arrow{transform:translate(-2px,-2px);color:#c8ff76}

/* Content preparation: three useful starting points, no intimidating checklist. */
.content-starter-section{background:radial-gradient(ellipse at 90% 0,rgba(92,137,255,.09),transparent 35%),linear-gradient(180deg,#f8faff,#fff 75%)}
.content-starter-section .insight-head{margin-bottom:27px}
.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.starter-card{position:relative;min-height:190px;overflow:hidden;padding:21px 21px 22px;border:1px solid #dfe7f3;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 10px 30px rgba(19,48,89,.045);transition:transform .22s,border-color .22s,box-shadow .22s}
.starter-card:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;left:-48px;bottom:-56px;background:radial-gradient(circle,rgba(70,132,255,.12),transparent 70%);pointer-events:none}
.starter-card:hover{transform:translateY(-3px);border-color:#bdd5fa;box-shadow:0 18px 38px rgba(19,48,89,.09)}
.starter-index{position:absolute;top:17px;left:19px;font:900 .8rem Arial,sans-serif;letter-spacing:.05em;color:#9badc7;direction:ltr}
.starter-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#eaf3ff;color:#1767c9;margin-bottom:15px;border:1px solid #dceaff}
.starter-icon .icon{width:20px;height:20px}
.starter-card h3{margin:0 0 6px;font-size:1.08rem;color:#14213b}
.starter-card p{margin:0;color:#64738a;font-size:.91rem;line-height:1.75;max-width:330px}
.starter-reassurance{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:14px;padding:18px 20px;border-radius:19px;background:linear-gradient(105deg,#111a2c,#17243a);border:1px solid rgba(122,155,209,.22);box-shadow:0 16px 36px rgba(19,48,89,.1)}
.starter-reassurance-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(200,255,118,.1);border:1px solid rgba(200,255,118,.2);color:#c8ff76}
.starter-reassurance-icon .icon{width:20px;height:20px}
.starter-reassurance strong{display:block;color:#f5f7ff;font-size:.98rem;margin-bottom:3px}
.starter-reassurance p{margin:0;color:#aebbd0;font-size:.83rem;line-height:1.7}
.starter-reassurance .btn{white-space:nowrap;min-height:43px;padding:9px 14px}
@media(max-width:1000px){.trust-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-proof-heading{align-items:start}.trust-proof-heading>p{max-width:300px}.starter-reassurance{grid-template-columns:44px minmax(0,1fr)}.starter-reassurance .btn{grid-column:2;justify-self:start}}
@media(max-width:680px){.trust-proof{padding:27px 0}.trust-proof-heading{display:block;margin-bottom:15px}.trust-proof-heading>p{margin-top:8px;max-width:none;font-size:.86rem}.trust-proof-grid{grid-template-columns:1fr;gap:8px}.trust-proof-badge{min-height:0;padding:12px 13px;grid-template-columns:37px minmax(0,1fr) 15px;align-items:center}.trust-proof-icon{width:37px;height:37px}.trust-proof-copy{gap:2px}.trust-proof-copy strong{font-size:.88rem}.trust-proof-copy small{font-size:.75rem}.trust-proof-copy em{display:none}.starter-grid{grid-template-columns:1fr;gap:9px}.starter-card{min-height:0;padding:17px 17px 18px;display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:12px;align-items:start}.starter-icon{grid-row:span 2;margin:0}.starter-card h3{padding-right:0;margin:2px 30px 4px 0}.starter-card p{grid-column:2}.starter-index{top:14px;left:14px;font-size:.72rem}.starter-reassurance{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:15px}.starter-reassurance-icon{width:38px;height:38px}.starter-reassurance strong{font-size:.9rem}.starter-reassurance p{font-size:.8rem}.starter-reassurance .btn{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.trust-proof-badge,.starter-card{transition:none!important}.trust-proof-badge:hover,.starter-card:hover{transform:none}}

/* Arabic headline breathing room: prevents stacked lines touching on landscape and short viewports. */
.hero h1,
.inner-hero h1 {
  line-height: 1.34;
  letter-spacing: normal;
  overflow-wrap: normal;
  text-wrap: pretty;
}

.section-heading {
  line-height: 1.32;
  letter-spacing: normal;
  text-wrap: pretty;
}

/* Short landscape viewports often use desktop-width breakpoints despite limited height. */
@media (orientation: landscape) and (max-height: 600px) {
  .hero {
    min-height: 0;
    padding-block: 38px 48px;
  }
  .hero h1,
  .inner-hero h1 {
    line-height: 1.36;
    letter-spacing: normal;
    margin-block: 18px 20px;
  }
  .hero-art {
    min-height: 410px;
  }
  .inner-hero {
    padding-block: 40px 44px;
  }
  .section-heading {
    line-height: 1.34;
    letter-spacing: normal;
  }
}


/* Arabic display typography guard: keep separate headline lines visually distinct. */
.hero h1,
.inner-hero h1 {
  line-height: 1.34;
  letter-spacing: normal;
  word-spacing: normal;
  overflow: visible;
  text-wrap: pretty;
}

.section-heading {
  line-height: 1.32;
  letter-spacing: normal;
  word-spacing: normal;
  overflow: visible;
  text-wrap: pretty;
}

/* Landscape phones/tablets can have desktop-like widths but very limited height. */
@media (orientation: landscape) and (max-height: 650px) {
  .hero h1,
  .inner-hero h1 {
    line-height: 1.36;
    letter-spacing: normal;
    margin-block: 18px 20px;
  }

  .section-heading {
    line-height: 1.34;
    letter-spacing: normal;
  }
}