@font-face{font-family:DentrikSans;src:local("Inter"),local("Avenir Next"),local("Segoe UI");font-display:swap}
:root{--navy-950:#000b20;--navy-900:#00142f;--navy-850:#001a3d;--navy-800:#002354;--blue-600:#075fff;--blue-500:#0a7aff;--cyan-500:#00d6e7;--cyan-400:#24e0ee;--ink:#061735;--muted:#61708d;--line:#d8e3ef;--line-dark:rgba(157,196,239,.18);--ice:#f3f7fc;--white:#fff;--success:#0aa879;--shadow-sm:0 12px 35px rgba(2,29,70,.08);--shadow-md:0 24px 70px rgba(2,29,70,.14);--shadow-blue:0 18px 38px rgba(0,92,255,.26);--radius:22px;--wrap:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:#fff;color:var(--ink);font-family:DentrikSans,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}
.narrow{max-width:900px}

/* Navigation */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(210,223,238,.82);box-shadow:0 8px 30px rgba(0,25,62,.04);backdrop-filter:blur(20px)}
.nav{height:82px;display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;flex:none}
.logo img{width:176px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.desktop-nav a,.login{position:relative;color:#344965;font-size:.875rem;font-weight:750;letter-spacing:-.01em;white-space:nowrap}
.desktop-nav a:after,.login:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--blue-600),var(--cyan-500));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.login:hover,.login:focus-visible{color:var(--blue-600)}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.login:hover:after,.login:focus-visible:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:18px;margin-left:12px}
.button{min-height:48px;padding:12px 19px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button:focus-visible,.experience-tabs button:focus-visible,.menu:focus-visible{outline:3px solid rgba(0,214,231,.45);outline-offset:3px}
.button.compact{min-height:46px;padding-inline:17px}
.button.large{min-height:56px;padding:16px 23px;border-radius:13px;font-size:.95rem}
.button.primary{color:#fff;background:linear-gradient(110deg,#0758ed 0%,#0879ff 58%,#0062f2 100%);box-shadow:var(--shadow-blue)}
.button.primary:hover{box-shadow:0 22px 46px rgba(0,92,255,.34)}
.button.ghost{color:#fff;border-color:rgba(132,191,255,.42);background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.button.ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(117,219,238,.7)}
.button.outline,.button.secondary{color:var(--navy-850);border-color:#b9cde3;background:#fff;box-shadow:0 8px 24px rgba(1,31,76,.05)}
.button.outline:hover,.button.secondary:hover{border-color:var(--blue-500);color:var(--blue-600)}
.menu{display:none;margin-left:auto;width:46px;height:46px;padding:12px;border:1px solid #d7e3f0;border-radius:12px;background:#f3f7fc;cursor:pointer}
.menu span{display:block;height:2px;margin:5px 2px;border-radius:2px;background:var(--navy-850);transition:.2s ease}
.mobile-nav{position:fixed;inset:82px 0 0;z-index:90;padding:22px 24px;background:#fff;border-top:1px solid var(--line);overflow:auto}
.mobile-nav a:not(.button){display:flex;padding:15px 4px;border-bottom:1px solid #e9eff6;color:var(--navy-850);font-size:1.05rem;font-weight:750}
.mobile-nav .button{width:100%;margin-top:20px;color:#fff}

/* Shared type */
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#0870e9;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.eyebrow i{width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue-500),var(--cyan-500))}
.eyebrow.light{color:#74eaf4}
.section{position:relative;padding:112px 0}
.section-heading{max-width:820px;margin:0 auto 50px;text-align:center}
.section-heading.left{margin-left:0;text-align:left}
.section h2,.journey-intro h2,.final-cta h2,.page-hero h1{margin:14px 0 18px;color:var(--ink);font-size:clamp(2.45rem,5vw,4.4rem);font-weight:800;letter-spacing:-.055em;line-height:1.02}
.section h2 span,.journey-intro h2 span{color:var(--blue-600)}
.section-heading p,.story-copy>p,.ai-copy>p,.page-hero p{max-width:680px;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.72}
.section-heading:not(.left) p{margin-inline:auto}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--cyan-400);font-size:.95rem;font-weight:850}
.text-link .icon{transition:transform .2s ease}
.text-link:hover .icon{transform:translateX(4px)}
.dark-link{color:var(--blue-600)}

/* Hero */
.hero{position:relative;min-height:790px;overflow:hidden;background:linear-gradient(100deg,var(--navy-950) 0%,#001a43 54%,#eef4fa 54%,#f9fbfe 100%);isolation:isolate}
.hero:before{content:"";position:absolute;left:-9%;bottom:-28%;width:70%;height:75%;border-radius:50%;border:1px solid rgba(0,124,255,.55);box-shadow:0 0 0 23px rgba(0,109,255,.11),0 0 0 46px rgba(0,168,255,.08),0 0 0 69px rgba(0,214,231,.05);transform:rotate(-9deg);z-index:-1}
.hero:after{content:"";position:absolute;left:0;bottom:0;width:45%;height:27%;background-image:radial-gradient(circle,rgba(0,214,231,.7) 1px,transparent 1.4px);background-size:14px 14px;mask-image:linear-gradient(100deg,#000,transparent 76%);opacity:.34;z-index:-1}
.hero-orbit{position:absolute;border:1px solid rgba(0,116,255,.22);border-radius:50%;pointer-events:none;z-index:-1}
.hero-orbit-one{width:760px;height:760px;left:24%;top:-51%;transform:rotate(-14deg)}
.hero-orbit-two{width:900px;height:900px;left:11%;top:-67%;box-shadow:0 0 0 22px rgba(0,110,255,.045),0 0 0 44px rgba(0,110,255,.03)}
.hero-grid{min-height:790px;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(650px,1.18fr);align-items:center;gap:44px}
.hero-copy{position:relative;z-index:3;padding:84px 0 96px;color:#fff}
.hero h1{max-width:690px;margin:22px 0 23px;font-size:clamp(3.7rem,5.8vw,6.15rem);font-weight:820;letter-spacing:-.067em;line-height:.94}
.hero h1 span{display:block;background:linear-gradient(92deg,#fff 0%,#a9eff7 35%,#0aa7ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:690px;margin:0;color:#d0dceb;font-size:1.12rem;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;color:#b7c8dd;font-size:.81rem;font-weight:700}
.hero-proof span{display:flex;align-items:center;gap:6px}
.hero-proof .icon{color:var(--cyan-500)}
.hero-product{position:relative;z-index:4;min-height:620px;margin-right:-190px;display:flex;align-items:center}
.product-halo{position:absolute;inset:4% 5% 4% 2%;border-radius:50%;background:radial-gradient(circle,rgba(0,134,255,.23),rgba(0,214,231,.05) 47%,transparent 70%);filter:blur(20px)}
.desktop-frame{position:relative;width:min(980px,82vw);margin:0;padding:10px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.83);box-shadow:0 45px 100px rgba(0,23,65,.23);backdrop-filter:blur(20px);transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)}
.desktop-frame:after{content:"";position:absolute;inset:10px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(120,151,188,.17);pointer-events:none}
.device-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#7a8ca3;font-size:.68rem}
.device-top span{width:8px;height:8px;border-radius:50%;background:#d5e0eb}
.device-top b{margin-left:8px;font-weight:650}
.desktop-frame>img{width:100%;border-radius:14px}
.phone-frame,.mobile-device{position:relative;margin:0;padding:9px;border:1px solid rgba(255,255,255,.9);border-radius:34px;background:#f9fbfe;box-shadow:0 32px 70px rgba(0,19,58,.24);overflow:hidden}
.phone-frame{position:absolute;left:-28px;bottom:3px;width:188px;transform:rotate(-3deg)}
.phone-frame img,.mobile-device img{border-radius:25px}
.phone-speaker{position:absolute;z-index:3;top:14px;left:50%;width:38%;height:6px;border-radius:8px;background:#071a37;transform:translateX(-50%)}
.floating-note{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(214,227,240,.9);border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 18px 48px rgba(0,27,70,.17);backdrop-filter:blur(18px)}
.floating-note b,.floating-note small{display:block;white-space:nowrap}
.floating-note b{color:var(--ink);font-size:.78rem}.floating-note small{margin-top:2px;color:#70809a;font-size:.66rem}
.note-one{left:55px;top:20px}.note-two{left:250px;bottom:14px}
.note-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--cyan-500))}
.status-dot{width:11px;height:11px;border-radius:50%;background:#0ac694;box-shadow:0 0 0 5px rgba(10,198,148,.12)}

/* Journey */
.journey-band{position:relative;padding:76px 0 84px;background:#fff;border-bottom:1px solid #e4ebf3}
.journey-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.journey-intro h2{max-width:720px;margin:0;font-size:clamp(2.1rem,4vw,3.45rem)}
.journey{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:0;padding:0;list-style:none;counter-reset:item}
.journey li{position:relative;min-height:122px;padding:18px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:visible;transition:.2s ease}
.journey li:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;border-radius:16px 16px 0 0;background:#d8e4ef}
.journey li:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-13px;top:48px;width:17px;height:24px;display:grid;place-items:center;color:#9cafc5;background:#fff;font-size:.95rem}
.journey li.active,.journey li:hover{border-color:#b4d5fc;box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.journey li.active:before,.journey li:hover:before{background:linear-gradient(90deg,var(--blue-600),var(--cyan-500))}
.journey b{color:var(--blue-600);font-size:.72rem;font-weight:900;letter-spacing:.1em}
.journey span{display:block;margin-top:29px;color:#183153;font-size:.77rem;font-weight:820}

/* Product experience */
.product-section{overflow:hidden;background:linear-gradient(160deg,#f8fbfe 0%,#edf4fb 100%)}
.product-section:after{content:"";position:absolute;width:760px;height:760px;right:-420px;top:40px;border:1px solid rgba(0,116,255,.11);border-radius:50%;box-shadow:0 0 0 30px rgba(0,116,255,.03),0 0 0 60px rgba(0,116,255,.02)}
.experience-shell{position:relative;z-index:2;border:1px solid #d4e0ed;border-radius:28px;background:#fff;box-shadow:0 36px 90px rgba(1,29,70,.13);overflow:hidden}
.experience-tabs{display:grid;grid-template-columns:repeat(6,1fr);padding:9px;background:#eef4fa;border-bottom:1px solid #dbe5ef}
.experience-tabs button{min-height:62px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border:0;border-radius:12px;background:transparent;color:#61728b;font-size:.82rem;font-weight:800;cursor:pointer;transition:.2s ease}
.experience-tabs button .icon{font-size:1.18rem}
.experience-tabs button[aria-selected="true"]{color:var(--blue-600);background:#fff;box-shadow:0 7px 19px rgba(1,32,75,.09)}
.experience-main{display:grid;grid-template-columns:340px 1fr;min-height:540px}
.experience-copy{display:flex;align-items:center;padding:38px 34px;border-right:1px solid #e0e8f1;background:#fff}
.experience-copy article>span{color:var(--blue-600);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.experience-copy h3{margin:12px 0 15px;color:var(--ink);font-size:2rem;letter-spacing:-.045em;line-height:1.08}
.experience-copy p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.7}
.experience-copy ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.experience-copy li{position:relative;padding-left:24px;color:#334964;font-size:.82rem;font-weight:700}
.experience-copy li:before{content:"✓";position:absolute;left:0;top:-2px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--cyan-500));font-size:.65rem}
.interface-stage{position:relative;display:flex;align-items:center;padding:46px 34px 40px;background:linear-gradient(145deg,#f7fafe,#eaf2f9);overflow:hidden}
.interface-stage>img{position:relative;z-index:2;width:calc(100% + 80px);max-width:none;border:1px solid #d5e1ed;border-radius:16px;box-shadow:0 25px 60px rgba(2,34,78,.17)}
.interface-glow{position:absolute;width:540px;height:540px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(0,214,231,.2),rgba(0,105,255,.08) 48%,transparent 70%)}
.cursor-callout{position:absolute;z-index:3;right:36px;bottom:25px;padding:10px 14px;border-radius:11px;color:#fff;background:rgba(0,24,58,.92);box-shadow:0 12px 30px rgba(0,22,56,.2);font-size:.72rem;font-weight:750}
.cursor-callout span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cyan-500);box-shadow:0 0 0 4px rgba(0,214,231,.14)}

/* Mobile story */
.mobile-story{overflow:hidden;background:#fff}
.mobile-story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}
.mobile-showcase{position:relative;min-height:670px;display:grid;place-items:center}
.mobile-orb{position:absolute;width:570px;height:570px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#e8f6ff 0%,#eef5fb 56%,transparent 57%);box-shadow:inset 0 0 0 1px #e0eaf4}
.mobile-orb:before,.mobile-orb:after{content:"";position:absolute;inset:30px;border:1px solid rgba(0,111,255,.15);border-radius:50%}
.mobile-orb:after{inset:60px;border-color:rgba(0,211,229,.17)}
.mobile-device{z-index:2;width:278px;padding:10px;border-radius:40px;box-shadow:0 42px 90px rgba(0,30,73,.22)}
.mobile-device img{border-radius:31px}
.mobile-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #d8e4ef;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(0,29,70,.13)}
.mobile-chip>.icon{width:35px;height:35px;padding:8px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--cyan-500))}
.mobile-chip b,.mobile-chip small{display:block}.mobile-chip b{font-size:.76rem}.mobile-chip small{color:#72839a;font-size:.66rem}
.chip-a{left:5%;top:23%}.chip-b{right:2%;bottom:22%}
.story-copy h2{font-size:clamp(2.7rem,4.5vw,4.3rem)}
.story-points{display:grid;gap:20px;margin-top:34px}
.story-points>div{display:grid;grid-template-columns:43px 1fr;gap:14px;align-items:start}
.story-points b{width:39px;height:39px;display:grid;place-items:center;border:1px solid #cbdbea;border-radius:10px;color:var(--blue-600);font-size:.7rem}
.story-points strong,.story-points small{display:block}.story-points strong{font-size:.95rem}.story-points small{margin-top:3px;color:var(--muted);font-size:.82rem}

/* AI */
.ai-section{overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 0,rgba(0,214,231,.18),transparent 28%),linear-gradient(135deg,#00091d 0%,#001a3e 55%,#00295c 100%);isolation:isolate}
.ai-section:before{content:"";position:absolute;width:800px;height:800px;right:-380px;bottom:-610px;border:1px solid rgba(0,176,255,.25);border-radius:50%;box-shadow:0 0 0 25px rgba(0,129,255,.06),0 0 0 50px rgba(0,213,231,.035)}
.ai-gridlines{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(68,151,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(68,151,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 5%,#000 56%,transparent 100%)}
.ai-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:82px}
.ai-copy h2{margin:15px 0 20px;color:#fff;font-size:clamp(3rem,5vw,5rem)}
.ai-copy h2 span{color:#22c9ff}
.ai-copy>p{color:#bbcae0}
.ai-copy .text-link{margin-top:28px}
.ai-console{position:relative;padding:24px;border:1px solid rgba(132,188,241,.23);border-radius:26px;background:linear-gradient(145deg,rgba(5,38,81,.92),rgba(0,19,48,.92));box-shadow:0 38px 90px rgba(0,3,15,.3);backdrop-filter:blur(18px)}
.ai-console-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(139,190,239,.16)}
.ai-console-head .ai-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--cyan-500));box-shadow:0 10px 28px rgba(0,138,255,.3)}
.ai-console-head b,.ai-console-head small{display:block}.ai-console-head b{font-size:.88rem}.ai-console-head small{margin-top:2px;color:#88a6ca;font-size:.72rem}
.ai-console-head>i{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#14daa5;box-shadow:0 0 0 5px rgba(20,218,165,.1)}
.transcript{margin-top:19px;padding:19px;border:1px solid rgba(137,186,237,.13);border-radius:16px;background:rgba(0,11,31,.5)}
.transcript>span{color:#77a2d1;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.transcript p{margin:8px 0 15px;color:#e4eef9;font-size:.9rem}
.wave{height:54px;display:flex;align-items:center;gap:6px}
.wave i{width:3px;height:22%;border-radius:4px;background:linear-gradient(var(--cyan-500),var(--blue-500));animation:pulse 1.4s ease-in-out infinite alternate}
.wave i:nth-child(3n){height:75%;animation-delay:.2s}.wave i:nth-child(4n){height:45%;animation-delay:.5s}.wave i:nth-child(5n){height:92%;animation-delay:.8s}.wave i:nth-child(7n){height:60%;animation-delay:1s}
@keyframes pulse{to{transform:scaleY(1.35);opacity:.72}}
.ai-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0;padding:0;list-style:none}
.ai-steps li{position:relative;padding:11px 8px;border:1px solid rgba(129,178,229,.13);border-radius:11px;background:rgba(2,25,57,.54)}
.ai-steps li:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:#284b75}
.ai-steps li.done:after{background:#0bc798}.ai-steps li.active:after{background:linear-gradient(90deg,var(--blue-500),var(--cyan-500))}
.ai-steps b,.ai-steps span{display:block}.ai-steps b{color:#67a8f8;font-size:.6rem}.ai-steps span{margin-top:5px;color:#afc2d9;font-size:.63rem;font-weight:750}
.suggestion{padding:17px;border:1px solid rgba(50,130,229,.3);border-radius:15px;background:linear-gradient(120deg,rgba(6,88,196,.17),rgba(0,204,228,.07))}
.suggestion>span{display:flex;align-items:center;gap:7px;color:#aeeff5;font-size:.72rem;font-weight:800}
.suggestion>div{display:grid;gap:7px;margin:14px 0}.suggestion>div i{height:7px;border-radius:6px;background:rgba(167,195,226,.2)}.suggestion>div i:nth-child(2){width:83%}.suggestion>div i:nth-child(3){width:62%}
.suggestion button{display:flex;align-items:center;gap:7px;margin-left:auto;padding:9px 12px;border:0;border-radius:9px;color:#fff;background:var(--blue-600);font-size:.72rem;font-weight:800;cursor:pointer}

/* Pricing */
.pricing-section{background:#fff}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.price-card{position:relative;min-height:345px;display:flex;flex-direction:column;padding:28px 24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(0,28,68,.06);overflow:hidden;transition:.22s ease}
.price-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(0,38,91,.11)}
.price-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#d9e4ef}
.price-card.featured{color:#fff;border-color:#0668f7;background:radial-gradient(circle at 90% 0,rgba(0,214,231,.22),transparent 33%),linear-gradient(145deg,#001533,#003a83);box-shadow:0 26px 60px rgba(0,74,179,.2)}
.price-card.featured:before{background:linear-gradient(90deg,var(--blue-500),var(--cyan-500))}
.plan-index{color:#93a4ba;font-size:.66rem;font-weight:900;letter-spacing:.1em}.featured .plan-index{color:#8bc9ff}
.price-card h3{margin:24px 0 7px;font-size:1.1rem}
.price{display:flex;align-items:end;gap:6px;margin:5px 0 14px}
.price strong{font-size:3.1rem;letter-spacing:-.06em;line-height:1}.price small{margin-bottom:5px;color:#70819a;font-size:.72rem;font-weight:750}.featured .price small{color:#aac4e3}
.price-card p{margin:0 0 25px;color:var(--muted);font-size:.86rem}.featured p{color:#c2d3e8}
.price-card .button{width:100%;margin-top:auto;font-size:.78rem}
.price-card.featured .button{box-shadow:none}
.popular{position:absolute;right:17px;top:17px;padding:6px 9px;border-radius:999px;color:#0061d9;background:#e8f4ff;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.pricing-more{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px;padding:0 4px}
.pricing-more p{margin:0;color:#7a899d;font-size:.78rem}

/* FAQ + CTA + Footer */
.faq-section{background:linear-gradient(145deg,#f6f9fd,#eef4fa)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}
.faq-grid h2{font-size:clamp(2.7rem,4.6vw,4rem)}
.faq-grid>div>p{color:var(--muted)}
.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(0,31,73,.045)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 21px;cursor:pointer;color:#132a4a;font-size:.92rem;font-weight:800;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--blue-600);background:#edf5ff;font-size:1.1rem;transition:transform .2s ease}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 21px 20px;color:var(--muted);font-size:.86rem}
.final-cta{position:relative;overflow:hidden;padding:100px 0;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(0,214,231,.17),transparent 24%),linear-gradient(125deg,#00091c,#00285f);isolation:isolate}
.final-cta .wrap{position:relative;z-index:2;text-align:center}
.final-cta h2{color:#fff;font-size:clamp(3rem,6vw,5.6rem)}
.final-cta p{margin:0 0 28px;color:#bcd0e8;font-size:1.1rem}
.final-cta .wrap>div{display:flex;justify-content:center;gap:13px}
.cta-mark{position:absolute;left:-90px;bottom:-110px;width:360px;opacity:.09;filter:grayscale(1) brightness(3)}
.cta-lines{position:absolute;right:-16%;top:-54%;width:780px;height:780px;border:1px solid rgba(0,132,255,.25);border-radius:50%;box-shadow:0 0 0 25px rgba(0,132,255,.055),0 0 0 50px rgba(0,214,231,.035)}
.footer{color:#b4c5da;background:#000816;border-top:1px solid rgba(46,137,220,.2)}
.footer-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:70px 0 54px}
.footer-brand>span{display:inline-flex;padding:13px 16px;border-radius:13px;background:#fff}
.footer-brand img{width:200px;height:auto}
.footer-brand p{max-width:290px;margin:20px 0 0;color:#7e98b8;font-size:.84rem}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.footer-links div{display:flex;flex-direction:column;gap:10px}
.footer-links strong{margin-bottom:5px;color:#fff;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em}
.footer-links a{color:#8299b5;font-size:.8rem}.footer-links a:hover{color:var(--cyan-500)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid rgba(130,164,201,.14);color:#607b9b;font-size:.72rem}

/* SEO content pages */
.page-hero{position:relative;overflow:hidden;padding:112px 0 106px;color:#fff;background:radial-gradient(circle at 83% 12%,rgba(0,214,231,.2),transparent 26%),linear-gradient(125deg,#00091d,#002f6d)}
.page-hero:after{content:"";position:absolute;width:700px;height:700px;right:-360px;bottom:-520px;border:1px solid rgba(0,166,255,.28);border-radius:50%;box-shadow:0 0 0 28px rgba(0,132,255,.055),0 0 0 56px rgba(0,214,231,.035)}
.page-hero .narrow{position:relative;z-index:2;margin-left:max(24px,calc((100vw - var(--wrap))/2))}
.page-hero h1{max-width:950px;color:#fff;font-size:clamp(3rem,6vw,5.4rem)}
.page-hero p{color:#c0d0e4}
.page-hero .hero-actions{justify-content:flex-start}
.page-hero .secondary{color:#fff;border-color:rgba(139,190,240,.4);background:rgba(255,255,255,.05)}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.split h2{font-size:clamp(2.4rem,4vw,3.7rem)}
.split p{color:var(--muted);font-size:1.05rem}
.flow-card{min-height:250px;display:flex;align-items:center;justify-content:center;gap:14px;padding:35px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#f8fbfe,#edf4fa);box-shadow:var(--shadow-sm)}
.flow-card span{padding:13px 15px;border:1px solid #cbdbea;border-radius:11px;color:#173253;background:#fff;font-size:.8rem;font-weight:800}.flow-card i{color:var(--blue-500);font-style:normal}
.section.tint{background:linear-gradient(145deg,#f7fafe,#edf4fa)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.benefit-grid article,.resource-card{padding:27px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 36px rgba(0,31,73,.06)}
.benefit-grid b{color:var(--blue-600);font-size:.7rem}.benefit-grid h3{margin:20px 0 9px;font-size:1.15rem}.benefit-grid p{margin:0;color:var(--muted);font-size:.87rem}
.section .cta{padding:65px;border-radius:26px;text-align:center;color:#fff;background:radial-gradient(circle at 85% 0,rgba(0,214,231,.18),transparent 30%),linear-gradient(125deg,#000c22,#003474);box-shadow:0 30px 70px rgba(0,38,89,.2)}
.section .cta h2{color:#fff}.section .cta .eyebrow{color:#76e8f2}.section .cta .button{margin-top:12px}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.resource-card{display:flex;flex-direction:column;min-height:280px;transition:.2s ease}.resource-card:hover{transform:translateY(-4px);border-color:#a7cdf7;box-shadow:0 22px 50px rgba(0,42,96,.1)}
.resource-card>span{color:var(--blue-600);font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.resource-card h2{margin:18px 0 10px;font-size:1.35rem;letter-spacing:-.03em}.resource-card p{margin:0;color:var(--muted);font-size:.84rem}.resource-card b{margin-top:auto;color:var(--blue-600);font-size:.79rem}

/* Detailed pricing */
.price-card ul{display:grid;gap:9px;margin:0 0 24px;padding:0;list-style:none}.price-card ul li{position:relative;padding-left:21px;color:#52647d;font-size:.76rem}.price-card ul li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}.price-card.featured ul li{color:#c2d3e8}
.compare{overflow:auto;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}
.compare table{width:100%;min-width:790px;border-collapse:collapse}
.compare th,.compare td{padding:17px 16px;border-bottom:1px solid #e7eef5;text-align:center;font-size:.8rem}.compare th:first-child,.compare td:first-child{text-align:left}.compare th{color:#233b5a;background:#f3f7fb;font-size:.75rem}.compare tr:last-child td{border-bottom:0}.yes{color:var(--success);font-weight:850}

/* Checkout */
.checkout{min-height:calc(100vh - 82px);padding:62px 0 88px;background:linear-gradient(100deg,#00102c 0 35%,#f3f7fc 35%)}
.checkout-nav-action{margin-left:auto}.full-button{width:100%}.not-found{min-height:100vh;display:grid;place-items:center}.not-found-brand{display:inline-flex;padding:12px 15px;margin-bottom:34px;border-radius:13px;background:#fff}
.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.checkout-card{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 26px 68px rgba(0,27,68,.13)}
.checkout-card h1{margin:10px 0 8px;font-size:2.4rem;letter-spacing:-.05em;line-height:1.04}.checkout-card h2{margin:28px 0 14px;font-size:1.02rem}.checkout-card>p{color:var(--muted)}
.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 34px;padding:0;list-style:none}.checkout-steps li{position:relative;display:flex;align-items:center;gap:8px;padding-bottom:12px;color:#8a99ac;font-size:.69rem;font-weight:800}.checkout-steps li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:5px;background:#dce6f0}.checkout-steps li.active{color:var(--blue-600)}.checkout-steps li.active:after{background:linear-gradient(90deg,var(--blue-600),var(--cyan-500))}.checkout-steps b{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:inherit;background:#edf3f9;font-size:.65rem}.checkout-panel .step-kicker{color:var(--blue-600);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.checkout-panel h2{margin-top:7px;font-size:1.25rem}.checkout-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.checkout-actions .button{min-width:130px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;color:#38506d;font-size:.76rem;font-weight:800}.field input,.field select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #cbd8e6;border-radius:10px;color:var(--ink);background:#fff}.field input:focus,.field select:focus{outline:3px solid rgba(7,95,255,.12);border-color:var(--blue-600)}
.payment-shell{padding:19px;border:1px dashed #8faac6;border-radius:14px;background:#f4f8fc}.payment-shell p{margin:13px 0 0;color:var(--muted);font-size:.8rem}.payment-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.payment-title span{font-weight:850}.payment-title b{padding:5px 8px;border-radius:999px;color:#0863d7;background:#e4f0ff;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}.payment-placeholder{display:grid;grid-template-columns:1.3fr .5fr .4fr;gap:8px;margin:16px 0}.payment-placeholder i{height:42px;border:1px solid #d1deeb;border-radius:9px;background:#fff}.notice{margin:14px 0;padding:11px;border:1px solid #e8d59e;border-radius:10px;color:#715919;background:#fff8e6;font-size:.75rem}.success-note{padding:12px;border-radius:10px;color:#08734f;background:#e9f9f3;font-size:.8rem;font-weight:750}.confirmation{text-align:center}.confirmation-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 17px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--cyan-500));box-shadow:0 14px 35px rgba(0,95,255,.25);font-size:1.4rem}.confirmation p{max-width:530px;margin:0 auto 22px;color:var(--muted)}.confirmation-plan{display:grid;grid-template-columns:1fr auto;gap:5px;margin:20px 0;padding:17px;border-radius:13px;text-align:left;background:#f2f7fc}.confirmation-plan span{grid-column:1/-1;color:#74849a;font-size:.7rem}.confirmation-plan strong{font-size:.95rem}.confirmation-plan b{color:var(--blue-600)}.summary{position:sticky;top:104px;border-top:4px solid var(--blue-600)}
.summary-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e6edf4;font-size:.86rem}.summary-row.total{border:0;font-size:1.1rem}.secure{font-size:.74rem!important}.secure:before{content:"●";margin-right:6px;color:var(--success)}

@media(max-width:1120px){
  .desktop-nav{gap:18px}.nav-actions{gap:12px;margin-left:0}
  .hero{background:linear-gradient(180deg,var(--navy-950) 0%,#00265c 56%,#eff5fb 56%,#f8fbfe 100%)}
  .hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:78px}
  .hero-copy{text-align:center;padding:75px 0 45px}.hero-copy>p,.hero h1{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}
  .hero-product{width:100%;min-height:500px;margin:0;justify-content:center}.desktop-frame{width:min(900px,92%)}.phone-frame{left:3%;width:170px}.note-one{left:9%;top:5px}.note-two{left:auto;right:5%;bottom:0}
  .journey{grid-template-columns:repeat(4,1fr)}.journey li:after{display:none}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .mobile-story-grid{gap:45px}.chip-a{left:0}.chip-b{right:0}
  .ai-grid{gap:42px}
}

@media(max-width:900px){
  .desktop-nav{display:none}.nav-actions .login{display:none}.menu{display:block}
  .experience-main{grid-template-columns:1fr}.experience-copy{min-height:330px;border-right:0;border-bottom:1px solid #e0e8f1}.interface-stage{min-height:390px}
  .mobile-story-grid,.ai-grid,.faq-grid,.footer-top,.split{grid-template-columns:1fr}.mobile-story-grid,.faq-grid{gap:40px}
  .mobile-showcase{order:2}.story-copy{order:1}.ai-grid{gap:55px}
  .footer-top{gap:45px}.checkout-grid{grid-template-columns:1fr}.summary{position:static}
  .checkout{background:linear-gradient(180deg,#00102c 0 240px,#f3f7fc 240px)}
  .resource-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:680px){
  html{scroll-padding-top:72px}.wrap{width:min(100% - 28px,var(--wrap))}.nav{height:70px}.logo img{width:148px}.mobile-nav{inset:70px 0 0}
  .button.large{min-height:52px;padding:14px 18px}.section{padding:78px 0}.section h2,.final-cta h2,.page-hero h1{font-size:2.65rem}
  .hero{min-height:auto;background:linear-gradient(180deg,var(--navy-950) 0%,#00265c 63%,#eff5fb 63%,#f8fbfe 100%)}
  .hero-grid{min-height:auto;padding-bottom:54px}.hero-copy{padding:58px 0 38px}.hero h1{font-size:3.55rem}.hero-copy>p{font-size:1rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{gap:10px 17px}.hero-proof span{font-size:.74rem}
  .hero-product{min-height:340px}.desktop-frame{width:104%;padding:6px;border-radius:16px;transform:none}.device-top{height:28px;padding:0 8px}.device-top b{font-size:.55rem}.desktop-frame>img{border-radius:9px}.phone-frame{left:-2%;bottom:-3px;width:93px;padding:4px;border-radius:18px}.phone-frame img{border-radius:14px}.phone-speaker{top:7px;height:3px}.floating-note{padding:8px 9px;border-radius:10px}.floating-note b{font-size:.62rem}.floating-note small{display:none}.note-icon{width:27px;height:27px}.note-one{left:4%;top:-5px}.note-two{right:1%;bottom:-12px}.status-dot{width:8px;height:8px}
  .journey-band{padding:67px 0}.journey-intro{display:block}.journey-intro .eyebrow{margin-bottom:13px}.journey-intro h2{font-size:2.45rem}.journey{grid-template-columns:repeat(2,1fr)}.journey li{min-height:105px}.journey span{margin-top:20px}
  .section-heading{margin-bottom:34px}.section-heading p,.story-copy>p,.ai-copy>p,.page-hero p{font-size:1rem}
  .experience-shell{border-radius:20px}.experience-tabs{grid-template-columns:repeat(6,88px);overflow-x:auto;justify-content:start}.experience-tabs button{min-height:57px;gap:6px;padding:9px;font-size:.72rem}.experience-copy{min-height:350px;padding:28px 23px}.experience-copy h3{font-size:1.75rem}.interface-stage{min-height:265px;padding:23px 14px 35px}.interface-stage>img{width:145%}.cursor-callout{right:13px;bottom:11px;font-size:.6rem}
  .mobile-showcase{min-height:530px}.mobile-orb{width:430px;height:430px}.mobile-device{width:220px;border-radius:32px}.mobile-device img{border-radius:24px}.mobile-chip{padding:9px 11px}.mobile-chip>.icon{width:29px;height:29px}.mobile-chip b{font-size:.65rem}.mobile-chip small{display:none}.chip-a{left:0;top:25%}.chip-b{right:0;bottom:22%}
  .ai-section{padding-top:86px}.ai-copy h2{font-size:2.85rem}.ai-console{padding:15px;border-radius:20px}.ai-steps{grid-template-columns:repeat(2,1fr)}.transcript{padding:15px}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:310px}.pricing-more{display:block}.pricing-more .text-link{margin-top:12px}
  .faq-grid{gap:24px}.faq-grid h2{font-size:2.65rem}.faq summary{padding:17px 16px;font-size:.86rem}
  .final-cta{padding:78px 0}.final-cta .wrap>div{display:grid}.final-cta .button{width:100%}
  .footer-top{padding:54px 0 40px}.footer-links{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}
  .page-hero{padding:76px 0}.page-hero .narrow{margin-inline:auto}.page-hero .hero-actions{display:grid}.flow-card{flex-direction:column}.benefit-grid,.resource-grid{grid-template-columns:1fr}.section .cta{padding:44px 20px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.checkout{padding:38px 0 64px}.checkout-card{padding:23px}.checkout-card h1{font-size:2rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}