/* Marketing-only theme. Shared icon; independent from the dashboard. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/marketing/fonts/inter-latin-variable.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/marketing/fonts/manrope-latin-variable.woff2') format('woff2')}
:root{--blue:#2563eb;--blue-dk:#1d4ed8;--pale:#eaf2ff;--ink:#162c4d;--muted:#53657e;--line:#d8e4f7;--cream:#f4f8ff;--txt:var(--ink);--faint:var(--muted);--blue-pale:var(--pale);--r-md:18px;--r-sm:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:white;font:15px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.09;font-weight:500;letter-spacing:-.05em}h1{font-size:clamp(48px,6.3vw,88px)}h2{font-size:clamp(36px,4.5vw,60px)}h3{font-size:24px;letter-spacing:-.035em}svg{width:20px;height:20px;flex-shrink:0}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.15em;margin-bottom:24px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}.pill{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:5px 9px;white-space:nowrap;color:var(--muted)}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:48px}.section-head h2{max-width:640px}.section-head p{max-width:360px;color:var(--muted)}.light{background:var(--pale);color:var(--ink)}.blue-soft{background:#3271ed}.intro-text{font-size:18px;line-height:1.7;max-width:650px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;min-height:44px}.text-link:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:13px 22px;border-radius:8px;background:white;color:var(--blue-dk);font-size:13px;font-weight:600;border:1px solid transparent;transition:box-shadow .2s,transform .2s}.button:hover{box-shadow:0 8px 22px #1244a82b;transform:translateY(-2px)}.button.blue{background:var(--blue);color:white}.button svg{width:18px}.demo-promise{font-size:12px;line-height:1.6;max-width:285px;margin-top:12px;opacity:.9}.cta-group{display:flex;flex-direction:column;align-items:flex-start}.site-header{position:relative;z-index:10;border-bottom:1px solid #ffffff2b}.nav-row{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.2px}.wordmark img{width:32px;height:32px;border-radius:8px}.wordmark .ai{color:#c8e2ff}.light .wordmark .ai{color:var(--blue)}.desktop-nav{display:flex;align-items:center;gap:26px;font-size:12px}.desktop-nav a{padding:12px 0;border-bottom:1px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current]{border-color:white}.nav-actions{display:flex;align-items:center;gap:24px}.signin{font-size:12px;white-space:nowrap}.nav-cta .button{min-height:40px;padding:8px 16px;font-size:12px;gap:22px}.nav-cta .demo-promise{font-size:12px;max-width:200px;line-height:1.4;margin-top:6px}.nav-actions .nav-cta{max-width:200px}.menu-toggle{display:none;color:white;background:none;border:1px solid #ffffff60;border-radius:6px;width:44px;height:44px}.menu-toggle span{display:block;width:18px;height:1px;background:currentColor;margin:5px auto}#mobile-nav{padding:16px 24px 24px;border-top:1px solid #ffffff30}#mobile-nav>a{display:block;padding:12px 0}#mobile-nav .cta-group{margin-top:12px}[hidden]{display:none!important}
.hero{position:relative;padding:60px 0 58px;isolation:isolate}.hero:before{position:absolute;content:'';inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 85%,#68a5ff44,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:60px;align-items:center}.hero h1{font-size:clamp(54px,5.5vw,77px);line-height:1.02;letter-spacing:-.065em}.hero h1 .hero-first{display:block;color:#c8e0ff;font-size:.71em;letter-spacing:-.05em;margin-bottom:14px}.hero h1 .hero-line{display:block}.hero .eyebrow{font-size:12px;margin-bottom:28px}.hero-support{font-size:23px;letter-spacing:-.035em;margin-top:23px}.hero-detail{max-width:450px;font-size:13px;line-height:1.8;color:#e5efff;margin-top:10px}.hero .cta-group{margin-top:25px}.hero-link{font-size:12px;margin-top:16px;display:inline-flex;gap:10px;align-items:center}.call-frame{background:#f6f9ff;color:var(--ink);border-radius:16px;border:1px solid #ffffff70;box-shadow:0 28px 70px #1246b744;position:relative}.frame-top{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#b5c9e9;border-radius:50%}.call-body{padding:26px}.call-title{display:flex;align-items:center;gap:12px}.call-icon{width:44px;height:44px;display:grid;place-items:center;background:#e0edff;color:var(--blue);border-radius:12px}.call-title h2{font-size:17px;letter-spacing:-.03em}.call-title p{font-size:12px;color:var(--muted);margin-top:3px}.wave-row{display:flex;align-items:center;gap:14px;margin:26px 0 8px}.play-call{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:0;color:white;background:var(--blue);display:grid;place-items:center}.play-call:disabled{background:#d4e3fb;color:#5b759a}.waveform{display:flex;align-items:center;justify-content:space-between;gap:3px;height:54px;flex:1;overflow:hidden}.waveform i{width:3px;min-width:2px;border-radius:4px;background:#97baff;height:var(--h)}.waveform i.played{background:var(--blue)}.audio-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.audio-seek{width:100%;accent-color:var(--blue);height:12px;margin:12px 0 0}.caption-box{background:white;border:1px solid var(--line);border-radius:9px;min-height:72px;padding:14px;margin:18px 0}.caption-box small{display:block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.caption-box p{font-size:12px;line-height:1.6}.score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score-cell{background:#eaf1fd;border-radius:8px;padding:12px 10px}.score-cell small{display:block;font-size:12px;color:var(--muted)}.score-cell strong{font-size:26px;font-weight:500;letter-spacing:-.05em;display:block;line-height:1.5}.score-cell strong.status-pending{font-size:15px;line-height:2.6}.call-foot{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}.proof-label{color:#526a8b;font-size:12px;display:flex;align-items:center;gap:7px}.proof-label:before{content:'';width:5px;height:5px;background:#759bd4;border-radius:50%}.transcript{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.transcript summary{font-size:12px;cursor:pointer}.transcript p{font-size:12px;line-height:1.8;padding-top:12px;color:var(--muted)}
.demo-section{padding:0 0 68px}.demo-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:15px;color:#e2edff}.video-frame{padding:8px;background:#ffffff30;border:1px solid #ffffff50;border-radius:17px;box-shadow:0 30px 60px #1249a633}.video-frame video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#edf4ff;border-radius:10px}.demo-cta{align-items:center;text-align:center;margin-top:24px}.demo-cta .demo-promise{max-width:none}.demo-section .wrap{max-width:1100px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.pain-card{border-top:1px solid #b9cdea;padding-top:20px}.pain-card .index{font-size:12px;color:#5579ad;display:block;margin-bottom:35px}.pain-card h3{font-size:25px;margin-bottom:15px;max-width:280px}.pain-card p{font-size:13px;line-height:1.8;color:var(--muted)}.bridge{margin-top:60px;padding-top:26px;border-top:1px solid #b9cdea;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:20px;letter-spacing:-.03em}.bridge .text-link{color:var(--blue);white-space:nowrap}.story .section-head p{color:#e5efff}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{border-top:1px solid #ffffff50;padding-top:22px}.step-kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#e1edff;display:flex;justify-content:space-between;margin-bottom:12px}.step-card h3{font-size:32px;margin-bottom:16px}.step-card>p{font-size:12px;line-height:1.85;color:#e3edff;min-height:112px}.mini-ui{background:white;border-radius:12px;color:var(--ink);padding:20px;margin-top:24px;min-height:267px;box-shadow:0 20px 30px #1244ac24;font-size:12px}.mini-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;font-size:12px;color:var(--muted)}.mini-ui h4{font-size:14px;margin:0 0 3px;letter-spacing:-.02em}.mini-sub{font-size:12px;color:var(--muted)}.mini-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid #eaf0f9}.mini-line:last-child{border-bottom:0}.tiny-badge{padding:3px 6px;font-size:12px;background:var(--pale);color:var(--blue);border-radius:4px}.tiny-badge.green{color:#166444;background:#e2f5ea}.evidence{height:4px;border-radius:8px;background:#e7effb;margin:6px 0 12px}.evidence i{display:block;height:100%;border-radius:8px;background:var(--blue);width:var(--value)}.combined{display:flex;align-items:center;gap:12px;margin-top:18px}.combined strong{font-size:40px;letter-spacing:-.06em;font-weight:500;line-height:1}.combined span{font-size:12px;line-height:1.7}.route-list{display:flex;flex-direction:column;gap:9px;margin-top:17px}.route-choice{padding:8px 11px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.route-choice.selected{border-color:#aac8fc;background:#edf4ff;color:var(--blue)}.illustration-note{margin-top:21px;font-size:12px;color:#dceaff}.security-section{padding:68px 0;background:#1d55d6}.security-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.security-head h2{font-size:35px;max-width:560px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff45;border-radius:12px}.security-item{padding:25px;border-right:1px solid #ffffff35}.security-item:last-child{border:0}.security-item svg{width:25px;height:25px;margin-bottom:15px;color:#c3dcff}.security-item h3{font-size:17px;letter-spacing:-.02em;margin-bottom:12px}.security-item p{font-size:12px;color:#e2ecff;line-height:1.8}.operators-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.operator-number{font-size:160px;font-weight:500;letter-spacing:-.09em;line-height:1;color:#5c9aff}.operator-number span{font-size:16px;letter-spacing:-.02em;display:block;color:var(--ink);margin-top:12px}.operators h2{font-size:42px;margin-bottom:20px}.operators p{font-size:14px;color:var(--muted);line-height:1.9}.review-note{font-size:12px!important;border-left:2px solid #82a9e7;padding-left:12px;margin-top:22px}.testimonial{margin-top:52px;border:1px dashed #97b7e9;border-radius:12px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:32px}.testimonial blockquote{font-size:21px;line-height:1.45;letter-spacing:-.03em;margin:10px 0 0}.testimonial .attribution{font-size:12px;line-height:1.9;color:var(--muted);min-width:150px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-layout h2{max-width:390px}.faq-list details{border-bottom:1px solid #b9cdea}.faq-list summary{list-style:none;padding:22px 34px 22px 0;position:relative;cursor:pointer;font-size:16px;line-height:1.5;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;font-size:23px;top:17px;font-weight:400;color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;line-height:1.9;padding:0 22px 24px 0;color:var(--muted)}.faq-list details a{text-decoration:underline;color:var(--blue)}.final-cta{text-align:center;padding:95px 0 100px;background:radial-gradient(ellipse at bottom,#5596ff70,transparent 65%),var(--blue)}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(48px,6.5vw,86px);letter-spacing:-.065em}.final-cta .cta-group{align-items:center;margin-top:32px}.final-cta .text-link{margin-top:20px;font-size:12px}.site-footer{background:#1c55d5;border-top:1px solid #ffffff30;padding:54px 0 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}.footer-top p{color:#e4edff;margin-top:16px;font-size:12px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px}.footer-note{color:#deebff;font-size:12px;justify-self:end}.footer-bottom{margin-top:46px;border-top:1px solid #ffffff35;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#deebff}.footer-bottom>div{display:flex;gap:22px}.page-intro{padding:70px 0 64px}.page-intro h1{max-width:960px;font-size:clamp(46px,5.8vw,76px)}.page-intro p{margin-top:25px;max-width:660px;color:#e5efff;font-size:17px;line-height:1.8}.page-intro .cta-group{margin-top:26px}.page-intro .demo-promise{font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.info-card{background:white;border:1px solid #d7e5fc;border-radius:12px;padding:32px;color:var(--ink)}.info-card h3{font-size:26px;margin:18px 0}.info-card p{font-size:13px;line-height:1.85;color:var(--muted)}.info-card .eyebrow{font-size:12px;color:var(--blue)}.full-call-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.full-call-grid>div>p{margin-top:25px;color:#e5efff;font-size:14px}.long-faq{max-width:820px;margin:auto}.long-faq h2{font-size:30px;margin:40px 0 15px}.long-faq h2:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.form-grid h1{font-size:64px}.form-grid .intro-text{margin-top:28px}.demo-form{background:#fff;color:var(--ink);border-radius:16px;padding:32px}.demo-form h2{font-size:26px;margin-bottom:8px}.demo-form>p{font-size:12px;color:var(--muted);margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:44px;border:1px solid #c8d7ed;border-radius:6px;padding:10px;background:#fff;color:var(--ink);font-size:13px}.field textarea{resize:vertical;min-height:86px}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;margin:20px 0}.consent input{margin-top:4px;width:16px;height:16px;flex-shrink:0}.consent a{text-decoration:underline}.form-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}.form-result{background:#edf4ff;border:1px solid #bdd2f3;border-radius:8px;margin-top:16px;padding:14px;font-size:12px}.demo-form .demo-promise{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:white;color:var(--blue);padding:12px 18px}.skip:focus{top:12px}:focus-visible{outline:3px solid #97c8ff;outline-offset:4px}.light :focus-visible,.call-frame :focus-visible,.demo-form :focus-visible{outline-color:var(--blue)}.page-hero{padding:70px 48px}.page-hero-inner{max-width:1200px;margin:auto}.page-hero .sub{margin-top:20px}.sec{padding:60px 48px;background:var(--pale);color:var(--ink)}.legal{padding:0 16px}.legal-hero h1{font-size:60px}
@media(min-width:1450px){.hero{padding-top:74px;padding-bottom:72px}.hero h1{font-size:82px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:16px;font-size:12px}.nav-actions{gap:15px}.signin{display:none}.hero-grid{gap:32px}.hero h1{font-size:62px}.call-body{padding:20px}.story-grid{gap:15px}.mini-ui{padding:16px}.faq-layout{gap:45px}.form-grid{gap:40px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.nav-row{min-height:82px}.desktop-nav,.nav-actions{display:none}.menu-toggle{display:block}.hero{padding:44px 0}.hero-grid{gap:25px;grid-template-columns:1fr 1fr}.hero h1{font-size:51px}.hero-support{font-size:19px}.hero-detail{font-size:12px}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.frame-top{padding:12px}.call-body{padding:16px}.call-title h2{font-size:14px}.call-title p{font-size:12px}.call-icon{width:36px;height:36px}.score-cell{padding:9px 7px}.score-cell small{font-size:12px}.score-cell strong.status-pending{font-size:12px}.caption-box p{font-size:12px}.section{padding:72px 0}.section-head{align-items:start;gap:25px}.section-head p{font-size:12px;max-width:230px}.pain-grid{gap:22px}.pain-card h3{font-size:22px}.pain-card p{font-size:12px}.story-grid{grid-template-columns:1fr}.step-card{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;padding-top:28px;margin-top:6px}.step-kicker,.step-card h3,.step-card>p{grid-column:1}.step-card>p{min-height:0}.mini-ui{grid-column:2;grid-row:1/4;margin:0;min-height:250px}.security-item{padding:20px}.security-item h3{font-size:15px}.security-item p{font-size:12px}.operator-number{font-size:130px}.operators-grid{gap:32px}.operators h2{font-size:34px}.testimonial{align-items:start}.faq-layout{grid-template-columns:1fr;gap:24px}.faq-layout h2{max-width:550px}.footer-top{gap:30px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{display:none}.full-call-grid{gap:30px}.form-grid{grid-template-columns:1fr;gap:40px}.form-grid h1{font-size:56px}.form-grid .intro-text,.form-grid .demo-form{max-width:620px}.two-col{gap:20px}.info-card{padding:24px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav-row{min-height:72px}.wordmark{font-size:23px}.hero{padding:34px 0 38px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:57px}.hero h1 .hero-first{font-size:.65em;margin-bottom:15px}.hero .eyebrow{font-size:12px;margin-bottom:24px}.hero-support{font-size:21px;margin-top:22px}.hero-detail{max-width:330px}.hero .cta-group{margin-top:22px}.hero .demo-promise{max-width:295px}.call-body{padding:21px}.frame-top{padding:14px 20px}.call-title h2{font-size:16px}.call-title p{font-size:12px}.call-icon{width:42px;height:42px}.score-cell{padding:12px}.score-cell small{font-size:12px}.score-cell strong.status-pending{font-size:14px}.caption-box p{font-size:12px}.demo-label{font-size:12px;letter-spacing:.09em}.video-frame{padding:4px;border-radius:10px}.video-frame video{border-radius:6px}.demo-section{padding-bottom:44px}.demo-cta .demo-promise{max-width:290px}.section{padding:58px 0}.section-head{display:block;margin-bottom:35px}.section-head h2{font-size:38px}.section-head p{max-width:none;font-size:13px;margin-top:22px}.eyebrow{font-size:12px;margin-bottom:22px}.pain-grid{grid-template-columns:1fr;gap:28px}.pain-card .index{margin-bottom:15px}.pain-card h3{font-size:25px;max-width:310px}.pain-card p{font-size:13px}.bridge{flex-direction:column;align-items:start;gap:14px;margin-top:34px;font-size:20px}.step-card{display:block;padding-top:23px;margin:0}.step-kicker{margin-bottom:14px}.step-card h3{font-size:32px}.step-card>p{font-size:13px}.mini-ui{margin-top:23px;min-height:255px;padding:23px}.story-grid{gap:35px}.illustration-note{font-size:12px}.security-section{padding:50px 0}.security-head{display:block}.security-head h2{font-size:32px}.security-head .text-link{margin-top:15px}.security-grid{grid-template-columns:1fr}.security-item{padding:23px;border-right:0;border-bottom:1px solid #ffffff35}.security-item h3{font-size:19px}.security-item p{font-size:12px}.security-item svg{margin-bottom:12px}.operators-grid{grid-template-columns:1fr;gap:32px}.operator-number{font-size:105px}.operator-number span{display:inline-block;max-width:160px;margin-left:25px;font-size:14px;line-height:1.5;letter-spacing:0}.operators h2{font-size:36px}.testimonial{display:block;padding:24px;margin-top:35px}.testimonial .attribution{margin-top:20px}.testimonial blockquote{font-size:20px}.faq-list summary{font-size:15px}.faq-list details p{font-size:12px}.final-cta{padding:65px 0}.final-cta h2{font-size:55px}.final-cta .eyebrow{font-size:12px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-note{justify-self:start}.footer-top nav{gap:18px}.footer-bottom{margin-top:30px;font-size:12px;gap:16px}.footer-bottom>div{gap:18px}.page-intro{padding:44px 0}.page-intro h1{font-size:47px}.page-intro p{font-size:14px;margin-top:22px}.two-col,.full-call-grid{grid-template-columns:1fr;gap:24px}.full-call-grid>div>p{font-size:13px}.info-card{padding:25px}.form-grid h1{font-size:50px}.form-grid .intro-text{font-size:14px}.demo-form{padding:24px 20px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero{padding:44px 20px}.legal-hero h1{font-size:43px}.sec{padding:40px 12px}}
.hero-grid>*{min-width:0}.waveform{min-width:0}.mini-ui,.info-card,.call-frame{min-width:0}.hero-grid:not(:has(.call-frame)){grid-template-columns:1fr}.hero-grid:not(:has(.call-frame))>div{max-width:900px}
.video-frame{position:relative}.video-launch{position:absolute;bottom:30px;left:30px;display:flex;align-items:center;gap:12px;text-align:left;background:white;color:var(--blue-dk);border:1px solid #d0e0ff;border-radius:10px;padding:13px 18px;box-shadow:0 6px 24px #164ea322;font-size:12px;font-weight:600}.video-launch>span:first-child{width:34px;height:34px;background:var(--blue);color:white;border-radius:50%;display:grid;place-items:center;font-size:12px}.video-launch small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.video-launch:hover{background:var(--pale)}
@media(max-width:600px){.video-launch{bottom:14px;left:14px;padding:8px 11px;font-size:12px;gap:8px}.video-launch small{font-size:12px}.video-launch>span:first-child{width:28px;height:28px;font-size:12px}}
@media(max-width:600px){.hero h1{font-size:43px;letter-spacing:-.065em}.hero h1 .hero-first{font-size:33px;margin-bottom:10px}.hero .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:18px}.hero{padding-top:26px}.hero-grid{gap:25px}.hero-support{font-size:19px;margin-top:16px}.hero-detail{font-size:12px;margin-top:7px}.hero .cta-group{margin-top:16px}.hero .button{min-height:43px;padding:10px 17px}.hero .demo-promise{font-size:12px;margin-top:8px}.hero-link{display:none}.call-body{padding:17px}.wave-row{margin-top:17px;margin-bottom:6px}.caption-box{margin:13px 0}.call-foot{font-size:12px}.score-cell{padding:8px}.score-cell small{font-size:12px}.frame-top{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* White-led blue gradient glows; no solid section bands. */
body {
  color: var(--ink);
  background:
    radial-gradient(ellipse 85% 1000px at 100% 0, #4285f5e6, transparent 88%),
    radial-gradient(ellipse 90% 1300px at 0 2400px, #75a7ffaa, transparent 85%),
    radial-gradient(ellipse 85% 1200px at 100% 100%, #5491facc, transparent 85%),
    linear-gradient(100deg, #fff, #e0edff 50%, #b5d2ff);
}
.site-header {
  background: linear-gradient(105deg, #ffffffd9, #f2f7ffa6 55%, #e5f0ff80);
  border-bottom-color: #5279b52b;
}
.hero, .demo-section, .section, .light, .blue-soft, .page-intro,
.page-hero, .sec, .security-section { background: transparent; color: var(--ink); }
.hero:before { background: radial-gradient(ellipse at 12% 20%, #ffffff94, transparent 70%); }
.hero h1 .hero-first { color: var(--ink); }
.hero h1 .hero-line:last-child {
  color: var(--blue);
  position: relative;
  width: fit-content;
  isolation: isolate;
}
.hero h1 .hero-line:last-child:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: .035em;
  height: .17em;
  z-index: -1;
  border-radius: .06em;
  background: linear-gradient(90deg, #bfdcffb3, #dcecff33);
}
.hero-detail, .page-intro p, .story .section-head p, .step-card>p,
.step-kicker, .illustration-note, .full-call-grid>div>p,
.demo-label, .security-item p, .footer-top p, .footer-note, .footer-bottom {
  color: #385477;
}
.wordmark .ai { color: var(--blue); }
.desktop-nav a:hover, .desktop-nav a[aria-current] { border-color: var(--blue); }
.menu-toggle { color: var(--blue-dk); border-color: #5279b559; }
#mobile-nav { border-top-color: #5279b52b; }
.button {
  background: linear-gradient(125deg, #2563eb, #1d4ed8);
  color: white;
  box-shadow: 0 5px 18px #2563eb20;
}
.button.blue { background: linear-gradient(125deg, #2563eb, #1d4ed8); }
.step-card { border-top-color: #5279b54d; }
.call-frame, .mini-ui, .info-card, .demo-form {
  background: linear-gradient(145deg, #fff 10%, #f2f7ff 100%);
  border-color: #ffffffd9;
  box-shadow: 0 18px 55px #235ba51a;
}
.caption-box, .video-launch { background: linear-gradient(120deg, #fff, #f4f8ff); }
.video-frame { background: linear-gradient(135deg, #ffffffb3, #d9e8ff66); border-color: #ffffffbd; }
.security-grid { border-color: #5279b54d; background: linear-gradient(110deg, #ffffff66, #e0edff33); }
.security-item { border-color: #5279b538; }
.security-item svg { color: var(--blue-dk); }
.security-item svg circle { fill: #dfeaff; }
.operator-number { color: var(--blue); }
.final-cta {
  color: var(--ink);
  background: radial-gradient(ellipse at 50% 35%, #ffffffd9, #e7f1ff66 55%, transparent 85%);
}
.site-footer {
  color: var(--ink);
  background: linear-gradient(115deg, #ffffff99, #edf5ff80 55%, #d4e6ff80);
  border-top-color: #5279b538;
}
.footer-bottom { border-top-color: #5279b538; }
:focus-visible { outline-color: var(--blue); }
@media(max-width:600px) {
  body {
    background:
      radial-gradient(ellipse 115% 850px at 100% 0, #6199f5b3, transparent 88%),
      radial-gradient(ellipse 110% 1400px at 0 2400px, #96bdffb3, transparent 85%),
      linear-gradient(90deg, #fff, #d8e8ff);
  }
}

/* Give each idea its own space; the product frames carry more of the story. */
.hero { padding-top: 76px; padding-bottom: 86px; }
.hero-grid { column-gap: 76px; }
.hero-support { margin-top: 32px; }
.hero-detail { margin-top: 16px; font-size: 15px; max-width: 360px; line-height: 1.7; }
.hero .cta-group { margin-top: 32px; }
.demo-section { padding-bottom: 96px; }
.section { padding-top: 112px; padding-bottom: 112px; }
.section-head { margin-bottom: 60px; }
.section-head>p { font-size: 16px; max-width: 290px; }
.pain-grid { gap: 24px; }
.pain-card {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 32px;
  background: linear-gradient(145deg, #ffffffeb, #e7f1ff94);
  box-shadow: 0 14px 35px #2563eb0a;
}
.pain-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; color: var(--blue); background: linear-gradient(135deg, #e9f3ff, #b9d6ff); margin-bottom: 28px; }
.pain-icon svg { width: 28px; height: 28px; }
.pain-card .index { margin-bottom: 18px; }
.pain-card h3 { font-size: 27px; line-height: 1.2; margin-bottom: 20px; }
.pain-card p { font-size: 14px; line-height: 1.8; }
.bridge { margin-top: 48px; padding-top: 32px; }
.story { background: radial-gradient(ellipse at 0 40%, #81b1ff66, transparent 70%); }
.story-grid { display: flex; flex-direction: column; gap: 40px; }
.step-card {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 64px;
  align-items: center;
  border: 1px solid #ffffffd9;
  border-radius: 26px;
  padding: 48px;
  margin: 0;
  background: linear-gradient(125deg, #ffffffc9, #e2edff80);
}
.step-copy { min-width: 0; }
.step-card:nth-child(even) .step-copy { order: 2; }
.step-card:nth-child(even) .step-visual { order: 1; }
.step-kicker { margin-bottom: 24px; color: var(--blue-dk); font-size:12px; }
.step-card h3 { font-size: 52px; margin-bottom: 24px; }
.step-copy>p { color: #385477; font-size: 16px; line-height: 1.9; max-width: 350px; }
.step-visual { min-width: 0; padding: 26px; border-radius: 20px; background: linear-gradient(145deg, #7aacff8c, #d9e9ff66); }
.step-visual .mini-ui { margin: 0; padding: 28px; min-height: 280px; grid-column: auto; grid-row: auto; box-shadow: 0 16px 38px #235ba526; }
.mini-ui { font-size: 13px; }
.mini-ui h4 { font-size: 17px; }
.mini-header, .mini-sub, .tiny-badge, .route-choice { font-size:12px; }
.combined strong { font-size: 50px; }
.combined span { font-size: 12px; }
.illustration-note { max-width: 650px; margin-top: 28px; font-size:12px; line-height: 1.8; }
.security-section { padding: 96px 0; }
.security-grid { gap: 22px; border: 0; background: none; }
.security-item { border: 1px solid #ffffffcc; border-radius: 16px; padding: 30px; background: linear-gradient(140deg, #ffffffde, #e0edff80); }
.security-item:last-child { border: 1px solid #ffffffcc; }
.security-item p { font-size: 13px; line-height: 1.85; }
.security-item h3 { font-size: 20px; line-height: 1.25; }
.operators-grid { gap: 100px; }
.operators p { max-width: 440px; font-size: 16px; line-height: 1.9; }
.testimonial { margin-top: 72px; padding: 36px; background: linear-gradient(110deg, #ffffffb3, #e1eeff80); }
.faq-list details { margin-bottom: 14px; border: 1px solid #bfd3f3; border-radius: 12px; background: linear-gradient(110deg, #ffffffcf, #e9f2ffa6); }
.faq-list summary { padding: 23px 48px 23px 24px; }
.faq-list summary:after { right: 22px; top: 18px; }
.faq-list details p { padding: 0 24px 24px; }
.final-cta { padding: 112px 0; background: radial-gradient(ellipse at 10% 80%, #fff, #d6e7ff99 50%, #5d99f580 100%); }
@media(max-width:1100px) {
  .hero-grid { gap: 40px; }
  .step-card { padding: 34px; gap: 36px; }
  .step-card h3 { font-size: 44px; }
  .step-visual { padding: 18px; }
  .pain-card { padding: 24px; }
}
@media(max-width:850px) {
  .hero { padding: 52px 0 60px; }
  .hero-grid { gap: 28px; }
  .section { padding: 80px 0; }
  .step-card { gap: 24px; padding: 28px; grid-template-columns: 1fr 1.1fr; }
  .step-kicker { font-size:12px; }
  .step-copy>p { font-size: 14px; }
  .step-visual { padding: 14px; }
  .step-visual .mini-ui { padding: 18px; }
  .pain-grid { gap: 16px; }
  .pain-card { padding: 20px; }
  .pain-card h3 { font-size: 23px; }
  .security-grid { gap: 14px; }
  .security-item { padding: 22px; }
  .security-item h3 { font-size: 17px; }
  .security-item p { font-size: 12px; }
  .operators-grid { gap: 36px; }
}
@media(max-width:600px) {
  .hero { padding: 32px 0 52px; }
  .hero-grid { gap: 36px; }
  .hero-support { margin-top: 24px; }
  .hero-detail { font-size: 13px; margin-top: 12px; }
  .hero .cta-group { margin-top: 24px; }
  .demo-section { padding-bottom: 56px; }
  .section { padding: 68px 0; }
  .section-head { margin-bottom: 34px; }
  .section-head>p { font-size: 14px; }
  .pain-grid { gap: 18px; }
  .pain-card { padding: 26px; }
  .pain-icon { margin-bottom: 22px; }
  .pain-card h3 { font-size: 27px; }
  .pain-card p { font-size: 14px; }
  .story-grid { gap: 24px; }
  .step-card { display: flex; flex-direction: column; align-items: stretch; gap: 28px; padding: 24px 18px 18px; border-radius: 20px; }
  .step-card:nth-child(even) .step-copy, .step-card:nth-child(even) .step-visual { order: initial; }
  .step-copy { padding: 0 6px; }
  .step-kicker { font-size:12px; margin-bottom: 18px; }
  .step-card h3 { font-size: 40px; margin-bottom: 18px; }
  .step-copy>p { font-size: 14px; line-height: 1.8; }
  .step-visual { padding: 12px; }
  .step-visual .mini-ui { padding: 18px; min-height: 265px; }
  .mini-header, .mini-sub, .tiny-badge, .route-choice { font-size:12px; }
  .mini-ui { font-size:12px; }
  .mini-ui h4 { font-size: 14px; }
  .combined span { font-size:12px; }
  .security-section { padding: 64px 0; }
  .security-grid { gap: 18px; }
  .security-item { padding: 26px; }
  .security-item h3 { font-size: 21px; }
  .security-item p { font-size: 14px; }
  .operators p { font-size: 14px; }
  .testimonial { margin-top: 42px; padding: 26px; }
  .final-cta { padding: 76px 0; }
}

/* Black accents and distinct section boundaries, with the blue gradients retained. */
:root { --ink: #101216; --txt: #101216; }
.site-header { border-bottom: 1px solid #10121624; }
.hero { padding-top: 80px; padding-bottom: 88px; }
.hero h1 { letter-spacing: -.06em; }
.hero h1 .hero-first { color: #111317; }
.hero h1 .hero-line:last-child { color: #2563eb; }
.hero-support { margin-top: 32px; }
.hero-detail { color: #414c5e; }
.button, .button.blue {
  color: #fff;
  background: linear-gradient(125deg, #25272c, #090a0c);
  border-color: #111318;
  box-shadow: 0 7px 18px #10121620;
}
.button:hover { background: linear-gradient(125deg, #343941, #15181f); }
.demo-section { padding-bottom: 96px; }
.demo-label { color: #202a3a; padding-bottom: 16px; border-bottom: 1px solid #10121630; }
.video-frame { border: 1px solid #10121624; box-shadow: 0 24px 64px #10121626; }
.section { padding-top: 104px; padding-bottom: 104px; }
.section-head { margin-bottom: 48px; align-items: end; }
.section-head h2 { font-size: clamp(36px, 4vw, 56px); }
.eyebrow { color: #34465e; }
#the-gap {
  background: linear-gradient(115deg, #fff 8%, #f3f7fd 55%, #d9e9ff);
  border-top: 1px solid #10121626;
}
#the-gap .section-head h2 { max-width: 700px; }
.pain-grid { gap: 0; border-top: 1px solid #10121633; border-bottom: 1px solid #10121633; }
.pain-card { border: 0; border-radius: 0; border-right: 1px solid #10121626; background: transparent; padding: 36px; box-shadow: none; }
.pain-card:first-child { padding-left: 0; }
.pain-card:last-child { padding-right: 0; border-right: 0; }
.pain-icon { color: #101216; background: linear-gradient(135deg, #e7f0ff, #bfd8ff); border: 1px solid #bdd3f2; }
.pain-card .index { color: #566171; letter-spacing: .08em; }
.pain-card h3 { font-size: 25px; line-height: 1.2; }
.pain-card p { color: #4a5668; }
.bridge { border: 0; padding-top: 0; margin-top: 34px; font-size: 20px; }
.story {
  color: #fff;
  background: radial-gradient(ellipse at 100% 5%, #174e9c88, transparent 50%), linear-gradient(145deg, #090b0e, #171c25 65%, #0d1521);
  border-top: 1px solid #090b0e;
  border-bottom: 1px solid #090b0e;
}
.story .eyebrow, .story .step-kicker { color: #95beff; }
.story .section-head>p { color: #c4ccda; }
.story-grid { gap: 0; }
.story .step-card {
  background: transparent;
  border: 0;
  border-top: 1px solid #ffffff2b;
  border-radius: 0;
  padding: 46px 0;
  gap: 100px;
  grid-template-columns: 1fr 1fr;
}
.story .step-card:last-child { border-bottom: 1px solid #ffffff2b; }
.story .step-card h3 { color: #fff; font-size: 50px; margin-bottom: 22px; }
.story .step-card:last-child h3 { color: #8cb9ff; }
.story .step-copy>p { color: #c4ccda; line-height: 1.8; }
.story .step-visual { background: linear-gradient(145deg, #3178df80, #7caeff20); border: 1px solid #80b3ff33; padding: 24px; }
.story .step-visual .mini-ui { min-height: 260px; box-shadow: 0 14px 32px #0005; }
.story .illustration-note { color: #aab8ce; margin-top: 28px; }
.security-section {
  padding: 96px 0;
  background: linear-gradient(120deg, #fff, #edf5ff 65%, #c4ddff);
}
.security-head { margin-bottom: 48px; align-items: end; }
.security-head h2 { font-size: clamp(34px, 3.8vw, 50px); }
.security-grid { gap: 20px; }
.security-item, .security-item:last-child { border: 1px solid #10121626; border-radius: 12px; background: linear-gradient(140deg, #ffffffd9, #f1f6ffb3); }
.security-item svg { color: #101216; }
.security-item h3 { font-size: 20px; margin-bottom: 18px; }
.operators {
  border-top: 1px solid #10121626;
  border-bottom: 1px solid #10121626;
  background: linear-gradient(115deg, #bed7ff, #e5efff 58%, #fff);
}
.operators-grid { gap: 88px; padding-bottom: 16px; }
.operator-number { color: #101216; }
.operators h2 { font-size: 44px; margin-bottom: 26px; }
.testimonial { border: 1px dashed #526d95; border-radius: 10px; margin-top: 56px; }
.section:has(.faq-layout) { background: linear-gradient(110deg, #fff, #f5f8ff 70%, #e4eeff); }
.faq-layout { gap: 100px; }
.faq-layout h2 { font-size: 48px; }
.faq-list details { background: transparent; border: 0; border-bottom: 1px solid #10121638; border-radius: 0; margin: 0; }
.faq-list summary { padding: 27px 44px 27px 0; font-size: 17px; }
.faq-list summary:after { color: #101216; right: 8px; top: 22px; }
.faq-list details p { padding: 0 30px 26px 0; color: #435066; font-size: 14px; }
.final-cta {
  border-top: 1px solid #10121626;
  padding: 112px 0;
  background: radial-gradient(ellipse at 50% 10%, #ffffffcc, transparent 65%), linear-gradient(115deg, #e7f1ff, #9fc5ff 70%, #5493f3);
}
.final-cta .eyebrow { color: #273953; }
.site-footer {
  color: #fff;
  background: radial-gradient(ellipse at 100% 100%, #19437966, transparent 70%), linear-gradient(110deg, #101114, #1c2028);
  border-top: 1px solid #090b0e;
  padding-top: 64px;
}
.site-footer .wordmark .ai { color: #8dbaff; }
.footer-top p, .footer-note, .footer-bottom { color: #b9c3d3; }
.footer-bottom { border-top-color: #ffffff26; }
.site-footer a:hover { color: #a8cbff; }
@media(max-width:1100px) {
  .story .step-card { gap: 52px; }
  .pain-card { padding: 28px; }
  .faq-layout { gap: 56px; }
}
@media(max-width:850px) {
  .hero { padding: 54px 0 66px; }
  .section { padding: 80px 0; }
  .story .step-card { gap: 32px; padding: 36px 0; }
  .story .step-card h3 { font-size: 42px; }
  .story .step-visual { padding: 16px; }
  .pain-card { padding: 24px 20px; }
  .pain-card h3 { font-size: 23px; }
  .security-section { padding: 80px 0; }
  .security-item { padding: 22px; }
  .operators-grid { gap: 40px; }
  .operators h2 { font-size: 36px; }
  .faq-layout { gap: 28px; }
}
@media(max-width:600px) {
  .hero { padding: 36px 0 54px; }
  .hero-support { margin-top: 26px; }
  .demo-section { padding-bottom: 60px; }
  .section { padding: 64px 0; }
  .section-head { margin-bottom: 32px; }
  .pain-grid { border-bottom: 0; }
  .pain-card, .pain-card:first-child, .pain-card:last-child { padding: 28px 0; border-right: 0; border-bottom: 1px solid #10121626; }
  .pain-icon { float: right; width: 44px; height: 44px; border-radius: 12px; margin: 0 0 16px 18px; }
  .pain-icon svg { width: 24px; height: 24px; }
  .pain-card h3 { max-width: 245px; font-size: 27px; }
  .pain-card .index { padding-top: 10px; }
  .bridge { gap: 16px; }
  .story .step-card { gap: 26px; padding: 32px 0; }
  .story .step-card h3 { font-size: 40px; }
  .story .step-copy { padding: 0; }
  .story .step-visual { padding: 14px; border-radius: 16px; }
  .story .step-visual .mini-ui { padding: 18px; }
  .security-section { padding: 64px 0; }
  .security-head { margin-bottom: 30px; }
  .security-grid { gap: 16px; }
  .security-item { padding: 26px; }
  .operators-grid { gap: 36px; }
  .operators h2 { font-size: 36px; }
  .testimonial { padding: 24px; margin-top: 38px; }
  .faq-layout h2 { font-size: 38px; }
  .faq-list summary { font-size: 16px; padding-top: 24px; padding-bottom: 24px; }
  .final-cta { padding: 76px 0; }
  .site-footer { padding-top: 48px; }
}
/* Current revision: blue actions, a calendar-led hero, and distinct page stories. */
html { scroll-padding-top: 112px; }
.site-header { position: sticky; top: 0; z-index: 100; backdrop-filter: blur(22px); background: linear-gradient(100deg,#ffffffed,#e0edfff0); transition: transform .24s ease; }
.site-header.header-hidden { transform: translateY(-105%); }
.site-header:focus-within { transform: translateY(0); }
.button, .button.blue { color: #fff; background: linear-gradient(115deg,#2563eb,#1d4ed8); border-color: #2563eb; box-shadow: 0 6px 18px #2563eb24; }
.button:hover, .button.blue:hover { color: #fff; background: linear-gradient(115deg,#1d4ed8,#1644bd); box-shadow: 0 8px 24px #2563eb38; }
.hero-grid:has(.calendar-preview) { grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.calendar-preview { background: radial-gradient(ellipse at 100% 0,#24467455,transparent 65%),linear-gradient(135deg,#101216,#20252e); color: #fff; border: 1px solid #27303f; border-radius: 20px; padding: 24px; box-shadow: 0 25px 65px #0f347e24; }
.calendar-top { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; color:#c5cfdf; }
.calendar-date { border:1px solid #ffffff26; border-radius:6px; padding:4px 9px; color:#e3edff; }
.calendar-heading { padding:23px 0 20px; }
.calendar-heading h2 { font-size:24px; letter-spacing:-.04em; }
.calendar-heading p { font-size:12px; color:#aebcce; margin-top:7px; }
.calendar-hour { display:grid; grid-template-columns:54px 1fr; gap:14px; align-items:start; }
.calendar-hour>time { color:#a9b6ca; font-size:12px; padding-top:14px; }
.calendar-hour>span { color:#adbacd; font-size:12px; padding:13px 0; border-top:1px solid #ffffff16; }
.calendar-event { background:linear-gradient(125deg,#fff,#e7f1ff 70%,#bdd7ff); color:#16233a; border-left:4px solid #3679f4; border-radius:10px; padding:19px; margin:7px 0 17px; }
.event-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:17px; font-size:12px; color:#4b6486; }
.scheduled-status { background:linear-gradient(110deg,#2563eb,#1d4ed8); color:#fff; font-size:12px; font-weight:600; border-radius:6px; padding:5px 9px; }
.calendar-event h3 { font-size:20px; letter-spacing:-.035em; }
.calendar-event>p { font-size:12px; color:#52637b; margin-top:6px; }
.calendar-scores { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:21px 0 17px; }
.calendar-scores>div+div { border-left:1px solid #b8cdeb; padding-left:16px; }
.calendar-scores small,.review-score-grid small { display:block; font-size:12px; color:#576b87; }
.calendar-scores strong { display:block; font-size:28px; line-height:1.3; font-weight:600; letter-spacing:-.06em; }
.calendar-scores strong span,.review-score-grid strong span { font-size:12px; font-weight:400; color:#61738b; letter-spacing:0; margin-left:4px; }
.calendar-event .event-evidence { font-size:12px; color:#3f5473; line-height:1.7; }
.event-recording { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:600; margin-top:17px; padding-top:14px; border-top:1px solid #adc8f0; color:#194fbe; min-height:44px; }
.event-recording>span:first-child { border:1px solid #a7c3f1; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; font-size:12px; }
.event-recording svg { margin-left:auto; width:14px; }
.event-recording:hover { text-decoration:underline; }
.calendar-note { font-size:12px; color:#a1b0c5; margin-top:18px; text-align:center; }
.listen-band { padding:76px 0; background:linear-gradient(110deg,#dceaff,#aacdfc 70%,#7cadf6); border-bottom:1px solid #1f509622; }
.listen-layout { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:70px; }
.listen-layout h2 { font-size:clamp(32px,3.5vw,48px); }
.listen-layout p { margin-top:18px; max-width:460px; color:#334a6a; }
.listen-link { display:flex; align-items:center; gap:18px; min-height:134px; padding:28px; border:1px solid #2c3444; border-radius:16px; background:linear-gradient(120deg,#101216,#242d3c); color:#fff; font-size:17px; }
.listen-link small { display:block; font-size:12px; font-weight:400; color:#adc0df; margin-top:6px; }
.listen-link>svg { margin-left:auto; }
.listen-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#2865e9; flex-shrink:0; font-size:22px; }
.listen-link:hover { border-color:#719eec; }
.page-intro { padding:90px 0 74px; border-bottom:1px solid #35629922; }
.page-intro h1 { max-width:1100px; font-size:clamp(44px,6vw,80px); }
.page-intro p { max-width:600px; font-size:17px; line-height:1.7; }
.editorial-row { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.editorial-row>div>p,.integration-panel>div>p,.solution-row>div>p,.journey-layout aside>p { margin-top:24px; max-width:440px; color:var(--muted); font-size:16px; line-height:1.75; }
.editorial-row .text-link,.journey-layout .text-link { margin-top:24px; color:var(--blue); }
.evidence-preview { border:1px solid #a6c2ec; border-radius:18px; padding:30px; background:linear-gradient(125deg,#fff,#e9f2ff); box-shadow:0 20px 60px #2359b017; }
.evidence-preview .mini-header { margin-bottom:22px; color:#607594; }
.evidence-preview h3 { font-size:28px; }
.review-score-grid { display:grid; grid-template-columns:1fr 1fr; margin:26px 0; padding:20px; border-radius:10px; background:linear-gradient(110deg,#d7e8ff,#bdd7fc); gap:24px; }
.review-score-grid strong { display:block; font-size:38px; letter-spacing:-.05em; line-height:1.3; }
.review-finding { padding:15px 0; border-top:1px solid #cad9ed; }
.review-finding>span { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:#35639c; font-weight:600; }
.review-finding p { margin-top:5px; font-size:13px; color:#334760; }
.screen-section,.decision-section { background:radial-gradient(ellipse at 100% 0,#21467566,transparent 65%),linear-gradient(115deg,#111216,#202630); color:#fff; }
.screen-section .eyebrow,.decision-section .eyebrow { color:#91baff; }
.screen-section .editorial-row>div>p,.decision-section .editorial-row>div>p,.decision-section .section-head p { color:#becadc; }
.screen-section .call-frame { background:linear-gradient(120deg,#fff,#e8f1ff); color:var(--ink); border-color:#86a9df; box-shadow:0 24px 70px #0003; }
.topic-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.topic-chips span { border:1px solid #ffffff30; border-radius:30px; padding:7px 12px; font-size:12px; color:#c4d5ef; }
.screen-play { width:auto; height:auto; min-height:46px; padding:12px 20px; border-radius:8px; background:linear-gradient(115deg,#2563eb,#1d4ed8); color:#fff; border:0; font-size:13px; font-weight:600; }
.screen-play:disabled { opacity:1; background:linear-gradient(115deg,#d3e3fa,#b9d0f3); color:#475d7d; }
.feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.feature-card { padding:36px; border:1px solid #9ab9e463; border-radius:16px; background:linear-gradient(125deg,#ffffffd9,#edf4ff9c); }
.feature-tag { display:block; color:#3864a4; font-size:12px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; margin-bottom:26px; }
.feature-card h3 { font-size:27px; max-width:380px; line-height:1.2; }
.feature-card p { color:var(--muted); font-size:14px; line-height:1.8; max-width:410px; margin-top:17px; }
.decision-section .feature-card { background:linear-gradient(120deg,#ffffff08,#32507729); border-color:#ffffff26; }
.decision-section .feature-tag { color:#8eb8ff; }
.decision-section .feature-card p { color:#bac9df; }
.integration-panel { padding:48px; border-radius:20px; background:linear-gradient(115deg,#101216,#242f42); color:#fff; display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.integration-panel h2 { font-size:44px; }
.integration-panel .eyebrow { color:#91baff; }
.integration-panel>div>p { color:#bdcce1; font-size:14px; }
.integration-list>div { display:flex; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid #ffffff20; }
.integration-list small { display:block; color:#a9bbd7; margin-top:4px; font-size:12px; }
.integration-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid #819bca66; border-radius:8px; color:#b4d1ff; font-weight:700; flex-shrink:0; }
.integration-mark img { width:30px; height:30px; object-fit:contain; }
@media (min-width:1101px) {
  .demo-section > .wrap { width:calc(100% - 96px); max-width:1240px; }
}
.integration-list>p { margin-top:22px; font-size:12px; color:#b5c6df; }
.solution-row { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; padding:64px 0; border-bottom:1px solid #6a8bb14a; }
.solution-row:first-child { padding-top:0; }
.solution-row:last-child { border-bottom:0; padding-bottom:0; }
.solution-row h2 { font-size:clamp(34px,4vw,50px); }
.solution-outcome { padding:34px; border-radius:18px; color:#fff; background:radial-gradient(ellipse at 100% 0,#23509377,transparent 70%),linear-gradient(120deg,#111216,#242a34); }
.outcome-label { color:#9ebde9; font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.solution-outcome h3 { font-size:28px; margin-top:20px; }
.solution-outcome ul { list-style:none; padding:0; margin:24px 0; }
.solution-outcome li { border-bottom:1px solid #ffffff20; padding:12px 0; color:#c9d4e5; font-size:13px; }
.solution-outcome li::before { content:'✓'; color:#8bb8ff; margin-right:10px; }
.route-pill { display:inline-flex; padding:7px 12px; border-radius:30px; background:#3777e626; color:#bdd6ff; border:1px solid #80acf44d; font-size:12px; }
.handoff-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #ffffff29; border-radius:16px; overflow:hidden; }
.handoff-grid article { padding:32px; background:linear-gradient(145deg,#ffffff07,#3161a61c); }
.handoff-grid article+article { border-left:1px solid #ffffff29; }
.handoff-grid article>span { color:#8ebaff; font-size:12px; }
.handoff-grid h3 { margin-top:38px; font-size:27px; }
.handoff-grid p { color:#bdcce1; font-size:14px; line-height:1.8; margin-top:16px; }
.permission-row { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:40px; }
.permission-row strong { font-size:16px; color:#a9ccff; font-weight:500; }
.permission-row p { margin-top:8px; font-size:13px; color:#becbdd; max-width:400px; }
.journey-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }
.journey-layout aside { position:sticky; top:120px; }
.journey-stop { display:grid; grid-template-columns:42px 1fr; gap:25px; padding-bottom:46px; position:relative; }
.journey-stop:not(:last-child)::before { content:''; position:absolute; top:42px; bottom:0; left:20px; width:1px; background:#8baedc; }
.journey-stop:last-child { padding-bottom:0; }
.journey-number { width:42px; height:42px; display:grid; place-items:center; background:linear-gradient(110deg,#2563eb,#1545b4); color:#fff; border-radius:50%; font-size:12px; }
.journey-stop .feature-tag { margin:9px 0 12px; }
.journey-stop h3 { font-size:27px; }
.journey-stop p { color:#465a76; margin:15px 0; font-size:14px; line-height:1.8; }
.journey-stop small { display:block; color:#4c6890; border-left:2px solid #82ace8; padding-left:14px; font-size:12px; }
.section-copy { color:var(--muted); margin-top:20px; }
.access-flow { display:grid; gap:16px; }
.access-flow>div { padding:26px; border:1px solid #ffffff26; border-radius:12px; background:linear-gradient(120deg,#ffffff08,#30568029); }
.access-flow span { color:#90baff; margin-right:18px; font-size:12px; }
.access-flow strong { font-size:19px; font-weight:500; }
.access-flow p { margin-top:8px; color:#b5c7e1; font-size:13px; padding-left:36px; }
.faq-directory { display:grid; grid-template-columns:250px 1fr; gap:85px; align-items:start; }
.faq-directory>nav { position:sticky; top:120px; display:grid; gap:8px; }
.faq-directory>nav a { padding:16px 18px; border:1px solid #b2c9eb; border-radius:8px; background:linear-gradient(110deg,#ffffffa6,#d5e6ff8c); font-size:12px; }
.faq-directory>nav a span { margin-right:14px; color:var(--blue); }
.faq-directory>nav a:hover { border-color:var(--blue); }
.faq-topic { margin-bottom:60px; }
.faq-topic:last-child { margin-bottom:0; }
.faq-topic h2 { font-size:34px; margin-bottom:24px; }
@media(max-width:1100px) {
 .hero-grid:has(.calendar-preview) { gap:30px; }
 .calendar-preview { padding:20px; }
 .calendar-hour { grid-template-columns:44px 1fr; gap:10px; }
 .calendar-event { padding:15px; }
 .calendar-heading h2 { font-size:22px; }
 .editorial-row,.solution-row,.journey-layout { gap:48px; }
 .integration-panel { gap:40px; padding:36px; }
 .integration-panel h2 { font-size:36px; }
 .faq-directory { grid-template-columns:210px 1fr; gap:48px; }
}
@media(max-width:850px) {
 .hero-grid:has(.calendar-preview) { grid-template-columns:1fr 1fr; gap:24px; }
 .calendar-preview { padding:16px; }
 .calendar-top { font-size:12px; gap:6px; }
 .calendar-hour { grid-template-columns:1fr; gap:0; }
 .calendar-hour>time { display:none; }
 .calendar-heading h2 { font-size:21px; }
 .calendar-event h3 { font-size:18px; }
 .calendar-heading p { font-size:12px; }
 .calendar-scores { margin:16px 0; }
 .calendar-scores strong { font-size:24px; }
 .calendar-note { font-size:12px; }
 .listen-layout,.editorial-row,.integration-panel,.solution-row,.journey-layout,.faq-directory { grid-template-columns:1fr; gap:36px; }
 .listen-layout { gap:30px; }
 .listen-link { min-height:105px; }
 .editorial-row>div>p,.integration-panel>div>p,.solution-row>div>p { max-width:600px; }
 .evidence-preview { max-width:600px; width:100%; }
 .page-intro { padding:64px 0; }
 .feature-card { padding:28px; }
 .feature-card h3 { font-size:24px; }
 .handoff-grid article { padding:24px; }
 .handoff-grid h3 { font-size:23px; }
 .handoff-grid p { font-size:12px; }
 .journey-layout aside,.faq-directory>nav { position:static; }
 .faq-directory>nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .faq-directory>nav a { padding:15px 12px; font-size:12px; }
}
@media(max-width:600px) {
 html { scroll-padding-top:92px; }
 .hero-grid:has(.calendar-preview) { grid-template-columns:1fr; gap:36px; }
 .calendar-preview { padding:20px; }
 .calendar-hour { grid-template-columns:44px 1fr; gap:8px; }
 .calendar-hour>time { display:block; font-size:12px; }
 .calendar-top { font-size:12px; }
 .calendar-event { padding:14px; }
 .calendar-heading h2 { font-size:24px; }
 .event-top { font-size:12px; }
 .calendar-scores small { font-size:12px; }
 .event-recording { font-size:12px; gap:6px; }
 .event-recording>span:first-child { width:22px; height:22px; flex-shrink:0; }
 .calendar-note { font-size:12px; }
 .listen-band { padding:54px 0; }
 .listen-link { padding:20px; gap:14px; font-size:14px; }
 .listen-icon { width:38px; height:38px; }
 .listen-link small { font-size:12px; }
 .listen-layout p { font-size:14px; }
 .page-intro { padding:48px 0; }
 .page-intro h1 { font-size:44px; }
 .page-intro p { font-size:14px; }
 .editorial-row h2,.solution-row h2,.journey-layout h2 { font-size:38px; }
 .editorial-row>div>p,.solution-row>div>p,.journey-layout aside>p { font-size:14px; margin-top:20px; }
 .evidence-preview { padding:22px; }
 .review-score-grid { padding:16px; }
 .feature-grid,.handoff-grid,.permission-row { grid-template-columns:1fr; }
 .feature-card { padding:26px; }
 .feature-tag { font-size:12px; margin-bottom:20px; }
 .feature-card h3 { font-size:27px; }
 .feature-card p { font-size:13px; }
 .integration-panel { padding:26px; border-radius:16px; }
 .integration-panel h2 { font-size:34px; }
 .integration-list>div { font-size:13px; }
 .integration-list small { font-size:12px; }
 .solution-row { padding:46px 0; }
 .solution-outcome { padding:26px; }
 .solution-outcome h3 { font-size:27px; }
 .solution-outcome li { font-size:12px; }
 .handoff-grid article { padding:28px; }
 .handoff-grid article+article { border-left:0; border-top:1px solid #ffffff29; }
 .handoff-grid h3 { margin-top:20px; font-size:27px; }
 .handoff-grid p { font-size:13px; }
 .permission-row { gap:26px; }
 .journey-stop { gap:18px; grid-template-columns:36px 1fr; padding-bottom:36px; }
 .journey-number { width:36px; height:36px; font-size:12px; }
 .journey-stop:not(:last-child)::before { left:17px; top:36px; }
 .journey-stop h3 { font-size:25px; }
 .journey-stop p { font-size:13px; }
 .journey-stop small { font-size:12px; }
 .faq-directory>nav { grid-template-columns:1fr; gap:8px; }
 .faq-directory>nav a { font-size:12px; }
 .faq-topic h2 { font-size:30px; }
}

/* Legal page layout: scoped away from the app and marketing journey. */
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) { --paper:#f5f8ff; --section-space:32px; --card-heading-size:24px; --tint-sky:#e7f0ff; }
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) .page-hero { padding:90px 0; background:linear-gradient(120deg,#071c3b,#174982); color:white; }
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) :is(.page-hero-inner,.sec-inner) { width:min(1000px,calc(100% - 48px)); margin:auto; }
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) .sec { padding:70px 0; background:linear-gradient(120deg,#fff,#e9f2ff); color:var(--ink); }
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) .sec .section { padding:28px 0; }
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) .sec h2 { font-size:30px; margin-bottom:18px; }
body:is([data-page="/privacy"],[data-page="/privacy-policy"],[data-page="/terms"],[data-page="/sms-consent"]) .sec :is(p,li) { font-size:16px; }