/* experience.css */
@layer legacy {
@font-face{font-family:Signal;src:url('./assets/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--blue:#0d58ff;--deep:#0045db;--white:#fff;--ink:#103482;--muted:#556788;--line:#d9e2f4;--pale:#edf2ff;--gutter:56px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--blue);color:white;font:17px/1.6 Signal,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,input{font-family:Signal,Arial,sans-serif}button,input{font-size:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button,summary,a{touch-action:manipulation}img,video{display:block;max-width:100%;height:auto}button,a{transition:background .16s,color .16s,opacity .16s}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:460;letter-spacing:-.055em;line-height:1.055;text-wrap:balance}h1{font-size:clamp(50px,6.8vw,98px)}h2{font-size:clamp(38px,4.7vw,68px)}h3{font-size:28px}p{max-width:100%;text-wrap:pretty}p+p{margin-top:22px}strong{font-weight:600}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:6px}[hidden]{display:none!important}::selection{background:white;color:var(--blue)}.wrap{width:calc(100% - var(--gutter)*2);max-width:1328px;margin-inline:auto}.overline,.section-label{font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;font-weight:580;margin-bottom:25px}.action{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;min-height:55px;border:1px solid var(--blue);border-radius:2px;padding:15px 26px;font-size:14px;font-weight:570;line-height:1.45;text-align:center}.action:hover{background:var(--deep)}.action-light{background:white;color:var(--blue);border-color:white}.action-light:hover{background:#e5ecff;border-color:#e5ecff;color:var(--deep)}.quiet-link{border-bottom:1px solid currentColor;font-size:13px;padding-bottom:3px}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;padding:15px;background:white;color:var(--blue)}.skip-link:focus{top:15px}.site-header{height:88px;position:sticky;top:0;z-index:40;background:var(--blue);border-bottom:1px solid #ffffff26}.header-inner{height:100%;max-width:1500px;width:calc(100% - var(--gutter)*2);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.white-symbol{position:relative;display:block;overflow:hidden;width:44px;height:32px}.white-symbol img{position:absolute;max-width:none;width:268.8px;height:auto;left:-112.7px;top:-132.4px}.wordmark{font-size:33px;font-weight:680;letter-spacing:-.065em;line-height:1}.site-header nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:480}.site-header nav>a:not(.header-demo):hover{opacity:.75}.header-demo{padding:11px 20px;border:1px solid #ffffffa0;border-radius:2px;font-size:12px;white-space:nowrap}.header-demo:hover{background:white;color:var(--blue)}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px}.nav-dropdown summary:after{content:'+';font-size:15px}.nav-dropdown[open] summary:after{content:'−'}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown>div{position:absolute;top:40px;left:-20px;background:white;color:var(--ink);width:250px;padding:12px 20px;box-shadow:0 18px 40px #003bb236}.nav-dropdown>div>a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.nav-dropdown>div>a:last-child{border:0}.nav-dropdown>div>a:hover{color:var(--blue)}.menu-button{display:none}.opening{padding-top:64px;position:relative;overflow:hidden}.opening .overline{font-size:12px;margin-bottom:27px}.opening h1{font-size:clamp(58px,7.5vw,110px);font-weight:440;line-height:1.035;letter-spacing:-.061em;max-width:1280px;text-wrap:initial}.thought-word{color:#d9e7ff;position:relative}.opening-copy{font-size:18px;line-height:1.65;max-width:680px;margin-top:36px;color:#e7efff}.opening-copy strong{font-weight:500;color:white}.opening .action{margin-top:27px}.opening-signature{position:absolute;right:var(--gutter);bottom:117px;font-size:12px;writing-mode:vertical-rl;letter-spacing:.005em;color:#e3ebff}.opening-signature span{padding-inline:12px}.opening-bottom{margin-top:64px;border-top:1px solid #ffffff4d;padding:19px var(--gutter);display:flex;align-items:center;gap:25px;font-size:12px}.opening-bottom>span:first-child{opacity:.66}.opening-bottom .scroll-cue{margin-left:auto;font-size:23px;line-height:1}.moment-experience{background:var(--deep);padding:36px 0 26px;scroll-margin-top:0}.experience-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:43px}.experience-top .overline{margin:0;color:#cfddff;font-size:10px}.experience-count{font-size:12px;font-variant-numeric:tabular-nums}.proof-stage{min-height:600px}.proof-step{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:12px 0 45px}.stage-label{font-size:13px;color:#b5ceff;margin-bottom:22px}.proof-copy h2{font-size:clamp(44px,4.8vw,70px);font-weight:430;line-height:1.075}.proof-copy h2 span{color:#b9d1ff}.proof-copy p:not(.stage-label){font-size:15px;line-height:1.7;max-width:455px;color:#e3ebff;margin-top:24px}.proof-copy p+p{margin-top:15px}.proof-copy .action{margin-top:30px;font-size:13px}.real-screen{width:min(100%,438px);justify-self:center;margin:0;align-self:center}.real-screen img{width:100%;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 25px 65px #00277b25}.real-screen figcaption{text-align:center;font-size:10px;line-height:1.6;color:#bfd3ff;padding-top:18px}.experience-bottom{border-top:1px solid #ffffff35;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;color:#c2d5ff}.experience-bottom>span{max-width:245px;text-align:right}.back-step{padding:8px 0;border:0;background:none;color:white;font-size:12px;min-width:60px;text-align:left}.back-step:disabled{opacity:.3;cursor:default}.proof-progress{display:flex;gap:8px}.proof-progress button{position:relative;background:transparent;border:0;color:#a9c6ff;font-size:11px;min-width:75px;padding:10px 15px}.proof-progress button:before{content:'';position:absolute;top:0;height:2px;background:#ffffff30;left:5px;right:5px}.proof-progress button[aria-current]{color:white}.proof-progress button[aria-current]:before{background:white}.film-step{grid-template-columns:.9fr 1.2fr;gap:55px;min-height:590px}.film-step h2{font-size:56px}.proof-film video{width:100%;border-radius:5px;border:1px solid #ffffff35;background:#003199;aspect-ratio:16/9}.proof-film>p{font-size:10px;color:#bfd3ff;margin-top:14px;line-height:1.5}.principle{padding:95px 0 100px}.principle>.wrap{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:0 110px}.principle .overline{grid-column:1 / -1;margin-bottom:38px}.principle h2{font-size:clamp(52px,5.6vw,82px);line-height:1.055}.principle h2 span{color:#b9d1ff}.principle-copy{align-self:end;max-width:440px;padding-bottom:6px;font-size:18px;color:#e3ecff;line-height:1.8}.principle-copy p+p{margin-top:24px}.principle-end{margin-top:35px!important;border-top:1px solid #ffffff40;padding-top:27px;font-size:15px}.principle-end strong{color:white;font-size:24px;font-weight:450}.team-choice{padding:84px 0 78px;background:#fff;color:var(--ink)}.team-choice .wrap{max-width:1120px}.team-choice .overline{color:var(--blue)}.team-choice h2{font-size:clamp(43px,5.15vw,74px);max-width:900px}.team-choice h2 span{color:var(--blue)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:12px;margin-bottom:16px;padding:0;color:var(--muted)}.team-options{display:flex;gap:20px;margin-top:38px}.team-options legend{display:block}.team-options label,.fit-options label,.traffic-options label,.lab-options label{cursor:pointer;position:relative;display:flex;align-items:center}.team-options input,.fit-options input,.traffic-options input,.lab-options input{position:absolute;opacity:0;width:1px;height:1px}.team-options label>span{display:flex;align-items:center;gap:15px;font-size:15px;border:1px solid #b9c9e9;padding:19px 25px}.team-options label>span:before{content:'';border:1px solid #b9c9e9;border-radius:50%;width:15px;height:15px;flex-shrink:0}.team-options input:checked+span{background:var(--pale);border-color:var(--blue);color:var(--blue)}.team-options input:checked+span:before{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--pale)}input:focus-visible+span{outline:3px solid var(--blue);outline-offset:5px}.team-response{display:flex;align-items:center;gap:55px;justify-content:space-between;margin-top:30px;padding-top:29px;border-top:1px solid var(--line)}.team-response p{font-size:16px;color:var(--muted);max-width:610px}.team-response .action{flex-shrink:0}.answers{background:white;color:var(--ink);max-width:none;width:100%;padding:70px max(var(--gutter),calc((100% - 1120px)/2)) 85px;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:0 75px}.answers .section-label{grid-column:1 / -1;color:var(--blue);margin-bottom:32px}.answers h2{font-size:43px}.faq-list{min-width:0}.faq-list details{padding:19px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;display:flex;gap:24px;justify-content:space-between;list-style:none;font-size:16px;font-weight:500;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{display:none}.faq-list summary:after{content:'+';font-size:20px;color:var(--blue);flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;line-height:1.75;margin-top:18px;color:var(--muted)}.faq-list a{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}.chapter-hero{padding:70px 0 64px}.chapter-hero h1{max-width:1180px;font-weight:440}.chapter-hero h1 span{color:#bbd4ff}.chapter-deck{font-size:20px;color:#e4edff;max-width:735px;margin-top:31px;line-height:1.65}.chapter-hero .action{margin-top:28px}.chapter-strip{border-top:1px solid #ffffff40;padding-block:20px;font-size:12px;color:#ccddff}.chapter-strip>.wrap{display:flex;justify-content:space-between;gap:30px}.chapter{padding-block:80px}.chapter-light{background:white;color:var(--ink)}.chapter-light .overline,.chapter-light h2 span{color:var(--blue)}.chapter-blue{background:var(--deep);color:white}.chapter-blue h2 span{color:#bdd4ff}.chapter-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px}.chapter-heading h2{font-size:57px}.chapter-number{display:block;font-size:13px;margin-bottom:30px;font-variant-numeric:tabular-nums}.chapter-light .chapter-number{color:var(--blue)}.chapter-content{padding-top:47px}.lead{font-size:22px;line-height:1.6;letter-spacing:-.02em}.chapter-content>p:not(.lead){margin-top:22px;color:var(--muted);font-size:16px}.cohort-note{border-top:1px solid var(--line);margin-top:32px;padding-top:25px}.cohort-note h3{font-size:22px;letter-spacing:-.03em;line-height:1.3}.cohort-note dl{margin:22px 0 0}.cohort-note dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;border-top:1px solid var(--line);padding-block:15px;font-size:13px}.cohort-note dt{color:var(--blue)}.cohort-note dd{margin:0;color:var(--muted)}.product-demonstration{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.product-demonstration h2{font-size:61px}.product-demonstration p{font-size:16px;max-width:520px;margin-top:25px;color:#deebff}.product-demonstration p.lead{font-size:21px;line-height:1.5}.product-demonstration .real-screen{width:390px;max-width:100%}.quiet-note{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.quiet-note h3{font-size:24px}.quiet-note p{font-size:15px;color:var(--muted);margin-top:18px}.film-chapter{padding:70px 0 65px;background:var(--blue)}.film-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.film-heading>p{font-size:15px;line-height:1.7;max-width:390px;color:#deebff}.film-heading h2{font-size:57px}.film-heading h2 span{color:#bdd4ff}.wide-film{margin-top:32px}.wide-film video{width:100%;max-height:590px;aspect-ratio:16/9;background:var(--deep);border:1px solid #ffffff35;border-radius:3px;object-fit:contain}.film-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:20px;font-size:12px;color:#e5eeff}.next-step{padding-block:70px;background:var(--blue);position:relative;border-top:1px solid #ffffff35}.next-step .wrap{max-width:1120px}.next-step h2{font-size:clamp(42px,5.1vw,74px);max-width:1000px}.next-step h2 span{color:#bdd4ff}.next-step .overline{color:#cfe0ff}.next-step p:not(.overline){font-size:18px;max-width:640px;margin-top:25px;color:#e5edff}.next-step .action{margin-top:27px}.contrast-line{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-bottom:1px solid var(--line);padding-bottom:60px;margin-bottom:60px}.contrast-line>p{font-size:29px;line-height:1.45;letter-spacing:-.035em;margin:0}.contrast-line p span{font-size:58px;color:#8d9ebb;font-weight:430}.contrast-line p strong{font-size:58px;color:var(--blue);font-weight:430;letter-spacing:-.055em;line-height:1.1;display:inline-block;margin-top:8px}.reading-block{max-width:950px}.reading-block h2{font-size:53px}.reading-block p{max-width:770px;color:var(--muted);font-size:18px;margin-top:27px;line-height:1.8}.fit-builder{background:var(--deep);padding:55px 0 60px}.fit-builder h2{font-size:56px}.fit-options{display:flex;gap:16px;margin-top:35px}.fit-options legend{color:#cbdcff}.fit-options label{flex:1}.fit-options label>span{display:block;width:100%;padding:19px;border:1px solid #ffffff65;font-size:15px;min-height:68px;text-align:center}.fit-options input:checked+span{background:white;color:var(--blue);border-color:white}.fit-options input:focus-visible+span,.traffic-options input:focus-visible+span{outline-color:white}.fit-brief{border-top:1px solid #ffffff45;margin-top:35px;padding-top:30px;display:grid;grid-template-columns:1fr 1.35fr;gap:0 70px}.fit-brief>span{font-size:11px;color:#bdd4ff;grid-column:1 / -1;margin-bottom:20px;text-transform:uppercase;letter-spacing:.1em}.fit-brief h3{font-size:36px}.fit-brief p{font-size:17px;color:#e2ebff;max-width:650px;line-height:1.7}.setup-heading{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;align-items:start;margin-bottom:55px}.setup-heading h2{font-size:58px}.setup-sequence{list-style:none;padding:0;margin:45px 0 0}.setup-sequence li{display:grid;grid-template-columns:.25fr 1.75fr;gap:50px;border-top:1px solid var(--line);padding:33px 0}.setup-sequence>li>span{font-size:14px;color:var(--blue);padding-top:8px}.setup-sequence>li>div{display:grid;grid-template-columns:.9fr 1.3fr;gap:55px}.setup-sequence h3{font-size:35px}.setup-sequence p{font-size:17px;color:var(--muted);line-height:1.75}.support-note{max-width:850px;margin:45px 0 0 auto;border-left:3px solid var(--blue);padding:5px 0 5px 30px}.support-note h3{font-size:25px}.support-note p{font-size:16px;color:var(--muted);margin-top:15px}.handover-flow{padding-block:65px}.handover-flow ol{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.handover-flow li{padding-top:22px;border-top:2px solid var(--blue)}.handover-flow li>span{font-size:12px;color:var(--blue);display:block;margin-bottom:26px}.handover-flow li h2{font-size:37px;line-height:1.2;letter-spacing:-.045em}.flow-summary{margin-top:45px;color:var(--muted);font-size:15px}.pricing-picker{background:var(--deep);padding:45px 0 65px}.pricing-picker>.wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:100px}.traffic-options{display:flex;flex-direction:column;gap:12px}.traffic-options legend{color:#d8e5ff;font-size:13px;margin-bottom:22px}.traffic-options label>span{border:1px solid #ffffff55;padding:16px 20px;width:100%;font-size:16px;display:flex;justify-content:space-between;align-items:center}.traffic-options label>span:after{content:'';width:16px;height:16px;border:1px solid #ffffffaa;border-radius:50%}.traffic-options input:checked+span{background:white;color:var(--blue);border-color:white}.traffic-options input:checked+span:after{background:var(--blue);border:4px solid white;outline:1px solid var(--blue)}.price-result{align-self:center}.price-result>p:first-child{font-size:12px;color:#d9e6ff}.price-figure{letter-spacing:-.07em;line-height:1;margin-top:20px;font-size:100px;font-weight:440}.price-figure span:last-child{font-size:17px;letter-spacing:-.02em;margin-left:12px}.price-result>#price-note{font-size:14px;color:#d9e6ff;margin-top:22px;min-height:47px;max-width:430px}.price-result .action{margin-top:25px}.inclusions{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.inclusions li{padding:21px 0;border-top:1px solid var(--line);font-size:17px;display:flex;gap:18px;align-items:start}.inclusions li:before{content:'✓';color:var(--blue)}.band-details{margin-top:40px;border-top:1px solid var(--line);padding-top:25px;max-width:840px}.band-details summary{font-size:15px;color:var(--blue);cursor:pointer}.band-details table{margin-top:25px}.band-details p{font-size:13px;color:var(--muted);margin-top:20px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:18px 15px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}th{font-weight:550;color:var(--blue)}.reading-assignment{padding-top:32px;border-top:1px solid var(--line);margin-top:30px;max-width:850px}.reading-assignment>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.reading-assignment h3{font-size:35px;margin-top:18px}.reading-assignment p{font-size:17px;color:var(--muted);margin-top:20px;max-width:660px}.reading-assignment .action{margin-top:25px}.booking-step{padding:55px 0 65px}.booking-brief{max-width:900px}.booking-brief>span{font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.booking-brief h2{font-size:52px;margin-top:24px}.booking-brief p{max-width:740px;color:var(--muted);font-size:18px;margin-top:25px}.booking-step .action{margin-top:32px}.preview-note{font-size:11px;color:var(--muted);margin-top:19px}.lab-picker{padding:60px 0 70px}.lab-picker h2{font-size:48px}.lab-options{display:flex;gap:0;margin-top:35px;border-bottom:1px solid var(--line)}.lab-options legend{margin-bottom:18px}.lab-options label{flex:1}.lab-options label>span{border-bottom:3px solid transparent;display:block;width:100%;padding:20px 20px 20px 0;font-size:16px;color:var(--muted)}.lab-options input:checked+span{border-color:var(--blue);color:var(--blue)}.learning-path{margin-top:28px}.path-intro{font-size:16px;color:var(--muted);margin-bottom:25px}.path-item{display:grid;grid-template-columns:80px 1fr 120px;gap:35px;align-items:center;border-top:1px solid var(--line);padding:29px 0}.path-item:hover h3{color:var(--blue)}.path-item>span{font-size:13px;color:var(--blue)}.path-item small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:12px}.path-item h3{font-size:34px}.path-item p{font-size:15px;color:var(--muted);margin-top:13px;max-width:690px}.path-item>strong{font-size:12px;font-weight:500;color:var(--blue);justify-self:end;border-bottom:1px solid #a9bfec;padding-bottom:4px}.article-page{background:white;color:var(--ink)}.article-page .site-header,.worksheet-page .site-header,.legal-page .site-header{color:white}.article-page .chapter-hero{background:var(--blue);color:white;max-width:none;width:100%;padding:65px max(var(--gutter),calc((100% - 1328px)/2))}.article-page .chapter-hero h1{max-width:1110px;font-size:clamp(43px,5.4vw,77px)}.article-page .chapter-deck{font-size:19px;max-width:810px}.article-shell{display:grid;grid-template-columns:240px 1fr;gap:75px;padding-top:65px;padding-bottom:70px;align-items:start}.reading-rail{position:sticky;top:125px;max-height:calc(100vh - 155px);overflow:auto;font-size:12px;color:var(--muted)}.reading-rail>p{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.reading-rail .story-shell{display:flex;flex-direction:column;gap:15px}.reading-rail .story-shell a{color:var(--muted);font-size:12px}.reading-rail .story-shell a:hover{color:var(--blue)}.reading-rail>span{display:block;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:10px}.article-copy{max-width:820px;min-width:0}.article-copy .story-section{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid var(--line)}.article-copy .story-section:last-child{margin:0;border:0}.article-copy .eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.article-copy h2{font-size:37px;margin-bottom:25px;line-height:1.15;letter-spacing:-.045em}.article-copy h3{font-size:27px;line-height:1.2;margin:30px 0 20px}.article-copy p{font-size:17px;line-height:1.85;color:#435674;max-width:740px}.article-copy a:not(.story-link){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.article-copy ul,.article-copy ol{padding-left:23px;margin-block:27px}.article-copy li{font-size:16px;color:var(--muted);line-height:1.85;padding:10px 0}.article-copy .story-checks,.article-copy .story-demo-flow{list-style:none;padding:0;margin-top:30px;border-top:1px solid var(--line)}.article-copy .story-checks li,.article-copy .story-demo-flow li{padding:20px 0;border-bottom:1px solid var(--line)}.article-copy li strong{display:block;color:var(--ink);font-weight:550;margin-bottom:7px}.article-copy li span{display:block}.article-copy .story-note{font-size:12px;color:var(--muted);margin-top:25px}.article-copy .story-image{margin:35px 0}.article-copy .story-image img{max-height:410px;width:auto;max-width:100%;object-fit:contain}.article-copy .story-link{display:inline-block;margin-top:24px;border-bottom:1px solid #a9bfec;padding-bottom:3px;color:var(--blue);font-size:13px}.article-copy .story-link span{display:none}.article-copy .story-takeaway{padding:25px;border-left:2px solid var(--blue);background:var(--pale);margin-top:30px}.article-copy .story-split>div+div{margin-top:30px}.article-copy .story-split>figure+div{margin-top:30px}.article-copy .story-next{margin-top:25px}.worksheet-page{background:white;color:var(--ink)}.story-sheet{padding:65px 0 45px}.story-sheet .story-shell{width:calc(100% - var(--gutter)*2);max-width:1000px;margin:auto}.story-sheet .eyebrow{font-size:11px;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:25px}.story-sheet h1{font-size:66px}.story-sheet p{font-size:17px;color:var(--muted);margin-top:25px}.story-sheet ol{padding-left:23px;margin-top:30px}.story-sheet li{font-size:17px;line-height:1.8;padding-block:20px}.response-line{display:block;border-bottom:1px solid var(--line);height:45px}.worksheet-actions{max-width:1000px;padding-bottom:65px}.worksheet-page .next-step,.article-page .next-step{color:white}.legal-page{background:white;color:var(--ink)}.legal-page .legal-hero{padding:60px 0 45px}.legal-page .shell{width:calc(100% - var(--gutter)*2);max-width:1200px;margin:auto}.legal-page h1{font-size:65px}.legal-layout{display:grid;grid-template-columns:230px 1fr;gap:75px;padding-block:20px 75px}.legal-nav{display:flex;flex-direction:column;align-items:start;gap:15px;font-size:13px;color:var(--blue)}.legal-document h2{font-size:30px;margin-bottom:20px}.legal-document section{margin-bottom:37px}.legal-document p,.legal-document li{font-size:16px;line-height:1.8;color:var(--muted)}.legal-document ul{padding-left:22px}.legal-document a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}.review-content{padding-block:60px 80px}.review-content .wrap{max-width:1100px}.review-content h2{font-size:39px;margin:55px 0 25px}.review-content h2:first-child{margin-top:0}.review-content p,.review-content li{font-size:16px;color:var(--muted);line-height:1.8}.review-content li{padding-block:10px}.review-content .action{margin-top:25px}.review-steps{padding-left:24px}.table-scroll{overflow:auto}.review-content table{min-width:780px}.review-content td:first-child{width:27%;overflow-wrap:anywhere}.review-content td:nth-child(2){width:24%}.review-content td{font-size:13px}.review-content td a{color:var(--blue)}.site-footer{background:var(--blue);color:white;padding-top:52px;border-top:1px solid #ffffff40}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:80px}.footer-grid>div:first-child>p{font-size:20px;letter-spacing:-.025em;line-height:1.5;margin-top:28px;color:#d5e4ff}.footer-grid h2{font-size:12px;font-weight:500;letter-spacing:0;line-height:1.5;margin-bottom:23px;color:#b8d1ff}.footer-grid>div>a:not(.brand){display:block;font-size:12px;margin-bottom:13px}.footer-grid>div>a:hover{opacity:.75}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ffffff3a;padding-block:23px;margin-top:46px;color:#bfd5ff;font-size:10px}.footer-bottom>div{display:flex;gap:28px}
@media(min-width:1600px){.opening{padding-top:80px}.opening h1{font-size:116px}.opening-copy{font-size:20px}.opening-signature{right:calc((100% - 1328px)/2)}}
@media(max-width:1150px){:root{--gutter:36px}.site-header nav{gap:23px}.wordmark{font-size:29px}.white-symbol{transform:scale(.9);transform-origin:left center;margin-right:-4px}.opening h1{font-size:8vw}.opening-copy{font-size:17px}.opening-signature{font-size:10px}.proof-step{gap:55px}.proof-stage{min-height:580px}.proof-copy h2{font-size:55px}.proof-copy p:not(.stage-label){font-size:14px}.real-screen{max-width:390px}.experience-bottom>span{font-size:9px;max-width:210px}.principle>.wrap{gap:0 65px}.principle h2{font-size:67px}.principle-copy{font-size:16px}.team-choice h2{font-size:62px}.team-options label>span{font-size:14px;padding:17px 22px}.team-response{gap:30px}.team-response p{font-size:15px}.answers{gap:0 50px}.answers h2{font-size:38px}.chapter-layout{gap:65px}.chapter-heading h2{font-size:48px}.product-demonstration{gap:55px}.product-demonstration h2{font-size:53px}.product-demonstration .real-screen{width:360px}.setup-sequence>li>div{gap:35px}.setup-sequence h3{font-size:31px}.setup-sequence p{font-size:15px}.setup-sequence li{gap:35px}.pricing-picker>.wrap{gap:65px}.price-figure{font-size:85px}.article-shell{grid-template-columns:190px 1fr;gap:45px}.footer-grid{gap:55px}.film-step{gap:35px}.film-step h2{font-size:47px}.legal-layout{gap:50px}}
@media(max-width:900px){:root{--gutter:28px}.site-header{height:77px}.site-header nav{gap:19px;font-size:12px}.wordmark{font-size:26px}.brand{gap:4px}.white-symbol{transform:scale(.82);margin-right:-8px}.header-demo{padding:10px 14px;font-size:11px}.opening{padding-top:52px}.opening h1{font-size:8.2vw}.opening .overline{font-size:10px}.opening-copy{font-size:16px;max-width:560px}.opening-signature{display:none}.opening-bottom{margin-top:48px}.proof-step{gap:32px}.proof-stage{min-height:530px}.proof-copy h2{font-size:45px}.proof-copy p:not(.stage-label){font-size:13px}.proof-copy .action{font-size:11px;padding:13px 17px;min-height:48px}.real-screen figcaption{font-size:9px}.experience-top .overline{font-size:9px}.proof-progress button{min-width:65px;padding-inline:10px}.experience-bottom{gap:15px}.experience-bottom>span{max-width:170px;font-size:8px}.principle{padding-block:65px}.principle>.wrap{gap:0 50px}.principle h2{font-size:55px}.principle-copy{font-size:15px}.principle-end{font-size:13px}.principle-end strong{font-size:21px}.team-choice{padding-block:60px}.team-choice h2{font-size:54px}.team-options{gap:14px}.team-options label>span{padding:15px 17px;font-size:12px;gap:10px}.team-response{display:block}.team-response p{max-width:650px}.team-response .action{margin-top:24px}.answers{gap:0 35px;padding-block:55px 65px}.answers h2{font-size:35px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.chapter-hero{padding-block:55px}.chapter-hero h1{font-size:60px}.chapter-deck{font-size:18px}.chapter{padding-block:60px}.chapter-layout{gap:40px}.chapter-heading h2{font-size:42px}.chapter-content{padding-top:42px}.lead{font-size:19px}.chapter-content>p:not(.lead){font-size:14px}.cohort-note h3{font-size:20px}.cohort-note dl>div{grid-template-columns:110px 1fr;gap:15px;font-size:12px}.product-demonstration{gap:40px}.product-demonstration h2{font-size:45px}.product-demonstration p{font-size:14px}.product-demonstration p.lead{font-size:18px}.film-heading{gap:45px}.film-heading h2{font-size:47px}.film-heading>p{font-size:13px;max-width:320px}.contrast-line{gap:35px}.contrast-line>p{font-size:24px}.contrast-line p span,.contrast-line p strong{font-size:43px}.reading-block h2{font-size:46px}.fit-options{gap:12px}.fit-options label>span{font-size:13px;padding:16px}.fit-brief{gap:0 35px}.fit-brief h3{font-size:30px}.fit-brief p{font-size:15px}.setup-heading h2{font-size:48px}.setup-sequence h3{font-size:28px}.setup-sequence>li>div{grid-template-columns:1fr;gap:15px}.setup-sequence li{grid-template-columns:45px 1fr;gap:25px}.support-note{font-size:15px}.handover-flow ol{gap:25px}.handover-flow li h2{font-size:29px}.price-figure{font-size:68px}.price-figure span:last-child{font-size:13px}.pricing-picker>.wrap{gap:50px}.price-result>#price-note{font-size:12px}.inclusions{gap:0 35px}.inclusions li{font-size:15px}.lab-options label>span{font-size:14px;padding-right:15px}.path-item{grid-template-columns:45px 1fr 95px;gap:25px}.path-item h3{font-size:29px}.path-item p{font-size:14px}.article-shell{grid-template-columns:160px 1fr;gap:35px}.article-copy h2{font-size:32px}.article-copy p{font-size:16px}.reading-rail .story-shell a{font-size:11px}.legal-layout{grid-template-columns:190px 1fr;gap:35px}.footer-grid{gap:40px}.film-step{grid-template-columns:1fr;gap:30px;padding-top:0}.film-step .proof-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.film-step .proof-copy .stage-label{grid-column:1 / -1;margin:0}.film-step .proof-copy h2{font-size:44px;grid-row:2 / 4}.film-step .proof-copy p:not(.stage-label){margin:0}.film-step .proof-copy .action{grid-column:2;margin:0;justify-self:start}.proof-film{max-width:620px}.proof-stage:has(.film-step:not([hidden])){min-height:0}}
@media(max-width:720px){.menu-button{display:block;background:transparent;color:white;border:1px solid #ffffff80;border-radius:2px;font-size:12px;padding:9px 15px}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;padding:15px var(--gutter) 28px;background:var(--blue);border-bottom:1px solid #ffffff70;max-height:calc(100dvh - 77px);overflow:auto}.site-header nav.is-open{display:flex;flex-direction:column;gap:0;align-items:stretch}.site-header nav>a,.nav-dropdown summary{display:block;font-size:16px;padding:16px 0;border-bottom:1px solid #ffffff30}.site-header nav .header-demo{margin-top:20px;text-align:center;background:white;color:var(--blue);font-size:14px;border:0;padding:15px}.nav-dropdown summary{display:flex;justify-content:space-between}.nav-dropdown>div{position:static;width:auto;box-shadow:none;background:var(--deep);color:white;padding:0 20px}.nav-dropdown>div>a{font-size:13px;border-color:#ffffff30}.nav-dropdown>div>a:hover{color:white;opacity:.8}.wordmark{font-size:30px}.white-symbol{transform:scale(.9);margin-right:-4px}.brand{gap:6px}}
@media(max-width:600px){:root{--gutter:22px}html{scroll-padding-top:92px}.site-header{height:76px}.site-header nav{top:76px}.opening{padding-top:37px}.opening .overline{font-size:9px;letter-spacing:.11em;max-width:300px;margin-bottom:24px}.opening h1{font-size:clamp(43px,10.6vw,63px);line-height:1.075;letter-spacing:-.06em}.opening-copy{font-size:16px;margin-top:28px;max-width:440px;line-height:1.75}.opening-copy br{display:none}.opening .action{margin-top:25px;font-size:13px;padding:14px 22px;min-height:51px}.opening-bottom{margin-top:43px;padding-block:18px;gap:14px;font-size:10px}.opening-bottom .scroll-cue{font-size:20px}.moment-experience{padding-top:27px;padding-bottom:22px}.experience-top{margin-bottom:27px;gap:25px;align-items:start}.experience-top .overline{font-size:8px;max-width:240px}.experience-count{font-size:10px;white-space:nowrap}.proof-stage{min-height:0}.proof-step{display:flex;flex-direction:column;gap:30px;padding:0 0 26px}.proof-copy{width:100%;display:contents}.stage-label{font-size:12px;margin:0;align-self:start;order:0}.proof-copy h2{font-size:40px;line-height:1.1;align-self:start;order:1}.proof-copy h2 br{display:none}.proof-copy h2 span{display:block}.proof-copy p:not(.stage-label){font-size:15px;margin:0;max-width:none;order:3;line-height:1.75}.proof-copy p:not(.stage-label)+p{margin-top:-14px}.proof-copy .action{font-size:12px;min-height:51px;padding:14px 19px;margin:0;align-self:start;order:5}.real-screen{order:2;max-width:340px;width:100%;align-self:center}.real-screen img{border-radius:17px;box-shadow:0 15px 35px #00277920}.real-screen figcaption{font-size:9px;padding-top:14px}.experience-bottom{display:grid;grid-template-columns:1fr auto;gap:14px 20px;padding-top:17px}.proof-progress button{font-size:10px;min-width:63px;padding-inline:10px}.back-step{font-size:11px}.experience-bottom>span{grid-column:1 / -1;max-width:none;text-align:center;font-size:8px}.film-step{display:flex;gap:26px}.film-step .proof-copy{display:contents}.film-step .proof-copy h2{font-size:40px;order:1}.film-step .proof-copy p:not(.stage-label){order:3;font-size:15px;margin:0}.film-step .proof-copy p:not(.stage-label)+p{margin-top:-10px}.film-step .proof-copy .action{order:5;font-size:12px;margin:0;align-self:start}.proof-film{order:2;width:100%}.proof-film>p{font-size:9px}.principle{padding-block:58px}.principle>.wrap{display:block}.principle .overline{font-size:9px;margin-bottom:28px}.principle h2{font-size:53px;line-height:1.07}.principle-copy{font-size:16px;line-height:1.8;margin-top:34px;padding:0}.principle-end{margin-top:30px!important;font-size:14px;padding-top:23px}.principle-end strong{font-size:23px}.team-choice{padding-block:50px}.team-choice .overline{font-size:10px}.team-choice h2{font-size:41px;line-height:1.12}.team-options{display:flex;flex-direction:column;gap:12px;margin-top:30px}.team-options label>span{width:100%;padding:18px;font-size:14px;gap:15px}.team-options legend{font-size:11px;margin-bottom:15px}.team-response{margin-top:27px;padding-top:23px}.team-response p{font-size:15px;line-height:1.75}.team-response .action{font-size:13px;margin-top:23px}.answers{display:block;padding-block:45px 55px}.answers .section-label{font-size:9px;margin-bottom:22px}.answers h2{font-size:37px;margin-bottom:28px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px;line-height:1.8}.faq-list details{padding-block:18px}.chapter-hero{padding-block:40px 45px}.chapter-hero .overline{font-size:9px;max-width:320px;margin-bottom:23px}.chapter-hero h1{font-size:clamp(40px,10.5vw,62px);line-height:1.08}.chapter-deck{font-size:17px;margin-top:27px;line-height:1.75}.chapter-hero .action{font-size:13px;min-height:50px;margin-top:25px}.chapter-strip{font-size:9px;padding-block:17px}.chapter-strip>.wrap{gap:16px}.chapter{padding-block:49px}.chapter-layout{grid-template-columns:1fr;gap:28px}.chapter-number{font-size:12px;margin-bottom:23px}.chapter-heading h2{font-size:42px}.chapter-content{padding:0}.lead{font-size:20px;line-height:1.65}.chapter-content>p:not(.lead){font-size:15px}.cohort-note h3{font-size:23px}.cohort-note dl>div{grid-template-columns:120px 1fr;font-size:12px;gap:15px}.product-demonstration{grid-template-columns:1fr;gap:30px}.product-demonstration h2{font-size:41px}.product-demonstration p.lead{font-size:19px}.product-demonstration p{font-size:15px;line-height:1.8;margin-top:22px}.product-demonstration .real-screen{max-width:340px}.quiet-note h3{font-size:24px}.quiet-note p{font-size:15px}.film-chapter{padding-block:47px}.film-heading{display:block;margin-bottom:26px}.film-heading h2{font-size:43px}.film-heading>p{max-width:none;font-size:15px;margin-top:25px}.wide-film{margin-top:25px}.film-chapter>.wrap>h2{font-size:39px}.film-foot{display:block;font-size:10px;margin-top:17px}.film-foot>a{display:inline-block;margin-top:14px;font-size:12px}.next-step{padding-block:48px}.next-step .overline{font-size:10px}.next-step h2{font-size:43px;line-height:1.1}.next-step p:not(.overline){font-size:16px;line-height:1.8}.next-step .action{font-size:13px;min-height:51px}.contrast-line{grid-template-columns:1fr;gap:30px;padding-bottom:39px;margin-bottom:42px}.contrast-line>p{font-size:25px}.contrast-line p span,.contrast-line p strong{font-size:43px}.reading-block h2{font-size:38px}.reading-block p{font-size:16px;line-height:1.85;margin-top:24px}.fit-builder{padding-block:40px}.fit-builder h2{font-size:39px}.fit-options{flex-direction:column;gap:11px;margin-top:27px}.fit-options legend{font-size:11px}.fit-options label>span{padding:16px;font-size:14px;min-height:0;text-align:left}.fit-brief{display:block;margin-top:28px;padding-top:26px}.fit-brief>span{display:block;font-size:10px;margin-bottom:17px}.fit-brief h3{font-size:29px}.fit-brief p{font-size:15px;line-height:1.8;margin-top:18px}.setup-heading{display:block;margin-bottom:35px}.setup-heading h2{font-size:41px}.setup-sequence{margin-top:30px}.setup-sequence li{grid-template-columns:25px 1fr;gap:17px;padding-block:25px}.setup-sequence>li>span{font-size:11px;padding-top:6px}.setup-sequence h3{font-size:28px}.setup-sequence p{font-size:15px;line-height:1.8}.support-note{margin-top:30px;padding-left:22px}.support-note h3{font-size:23px}.support-note p{font-size:15px}.handover-flow{padding-block:45px}.handover-flow ol{grid-template-columns:1fr;gap:30px}.handover-flow li{display:grid;grid-template-columns:30px 1fr;gap:20px;padding-top:24px}.handover-flow li>span{margin:0;padding-top:5px}.handover-flow li h2{font-size:31px;line-height:1.25}.handover-flow li h2 br{display:none}.flow-summary{font-size:14px;margin-top:30px}.pricing-picker{padding:32px 0 45px}.pricing-picker>.wrap{grid-template-columns:1fr;gap:32px}.traffic-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.traffic-options legend{font-size:11px;margin-bottom:16px}.traffic-options label>span{font-size:12px;padding:16px 12px;gap:10px}.traffic-options label>span:after{width:13px;height:13px;flex-shrink:0}.price-result{border-top:1px solid #ffffff40;padding-top:30px}.price-figure{font-size:78px}.price-result>#price-note{font-size:14px;min-height:0;line-height:1.7}.price-result .action{font-size:13px}.inclusions{grid-template-columns:1fr;margin-top:30px}.inclusions li{font-size:15px;gap:15px;padding-block:19px}.band-details{margin-top:30px}.band-details summary{font-size:14px}th,td{padding:15px 9px;font-size:12px}.reading-assignment{margin-top:28px;padding-top:26px}.reading-assignment h3{font-size:29px}.reading-assignment p{font-size:15px}.reading-assignment .action{font-size:13px}.booking-step{padding:40px 0 50px}.booking-brief h2{font-size:39px}.booking-brief p{font-size:16px;line-height:1.8}.booking-step .action{font-size:12px;min-height:52px}.preview-note{font-size:10px;line-height:1.7}.lab-picker{padding-block:43px 50px}.lab-picker h2{font-size:37px}.lab-options{display:flex;flex-direction:column;border:0;gap:11px;margin-top:27px}.lab-options label>span{border:1px solid #b9cae9;padding:15px;font-size:14px}.lab-options input:checked+span{background:var(--pale);border:1px solid var(--blue)}.lab-options legend{font-size:11px}.learning-path{margin-top:27px}.path-intro{font-size:14px;line-height:1.75}.path-item{grid-template-columns:22px 1fr;gap:16px;padding-block:25px}.path-item>span{font-size:11px;align-self:start;padding-top:3px}.path-item h3{font-size:28px;line-height:1.2}.path-item small{font-size:9px}.path-item p{font-size:14px;line-height:1.8}.path-item>strong{grid-column:2;justify-self:start;font-size:12px}.article-page .chapter-hero{padding-block:42px}.article-page .chapter-hero h1{font-size:40px}.article-page .chapter-deck{font-size:17px}.article-shell{display:block;padding-top:29px;padding-bottom:45px}.reading-rail{position:static;max-height:none;overflow:visible;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.reading-rail .story-shell{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px}.reading-rail .story-shell a{font-size:11px;color:var(--blue)}.reading-rail>span{border:0;padding:0;margin-top:18px;font-size:10px}.reading-rail>span br{display:none}.article-copy h2{font-size:31px;line-height:1.2;margin-bottom:21px}.article-copy h3{font-size:25px}.article-copy p{font-size:16px;line-height:1.85}.article-copy li{font-size:15px;line-height:1.8}.article-copy .story-section{padding-bottom:34px;margin-bottom:35px}.article-copy .story-note{font-size:11px}.article-copy .story-link{font-size:12px}.article-copy .story-image img{max-height:340px}.article-copy .story-takeaway{padding:22px 20px}.story-sheet{padding-block:40px}.story-sheet h1{font-size:43px}.story-sheet p{font-size:16px}.story-sheet li{font-size:15px;line-height:1.8}.worksheet-actions{padding-bottom:45px}.legal-page .legal-hero{padding:40px 0}.legal-page h1{font-size:43px}.legal-layout{display:block;padding-top:0;padding-bottom:45px}.legal-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:12px;margin-bottom:36px}.legal-document h2{font-size:28px;line-height:1.2}.legal-document p,.legal-document li{font-size:15px;line-height:1.85}.review-content{padding-block:42px 50px}.review-content h2{font-size:33px;line-height:1.15;margin-top:42px}.review-content p,.review-content li{font-size:15px}.site-footer{padding-top:42px}.footer-grid{grid-template-columns:1fr 1fr;gap:37px 26px}.footer-grid>div:first-child{grid-column:1 / -1;display:flex;align-items:start;gap:30px;justify-content:space-between}.footer-grid>div:first-child>p{font-size:15px;margin:0;line-height:1.55}.footer-grid .wordmark{font-size:27px}.footer-grid .white-symbol{transform:scale(.82);margin-right:-7px}.footer-grid h2{font-size:10px;margin-bottom:18px}.footer-grid>div>a:not(.brand){font-size:11px;margin-bottom:13px;line-height:1.6}.footer-bottom{display:block;font-size:9px;margin-top:30px;padding-block:20px}.footer-bottom>div{margin-top:15px;gap:25px}}
@media(max-width:360px){:root{--gutter:17px}.opening h1{font-size:40px}.opening-copy{font-size:15px}.opening .overline{font-size:8px}.opening-bottom{font-size:9px;gap:12px}.proof-copy h2{font-size:35px}.proof-copy p:not(.stage-label){font-size:14px}.proof-progress button{min-width:58px}.principle h2{font-size:46px}.team-choice h2{font-size:37px}.team-options label>span{font-size:13px;padding:16px}.chapter-hero h1{font-size:37px}.chapter-deck{font-size:16px}.chapter-heading h2,.product-demonstration h2{font-size:37px}.traffic-options label>span{font-size:11px;padding:14px 10px}.next-step h2{font-size:38px}.footer-grid>div:first-child{display:block}.footer-grid>div:first-child>p{margin-top:24px}.article-page .chapter-hero h1{font-size:37px}.article-copy h2{font-size:28px}.cohort-note dl>div{grid-template-columns:106px 1fr;gap:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.worksheet-actions,.next-step,.skip-link{display:none!important}.worksheet-page{background:white;color:#000}.story-sheet{padding:0}.story-sheet .story-shell{width:100%;max-width:none}.story-sheet h1{font-size:30px}.story-sheet p,.story-sheet li{font-size:12px}.story-sheet li{padding-block:10px;break-inside:avoid}.response-line{height:25px}}
.product-demonstration>*{min-width:0}.product-demonstration .real-screen{width:100%;max-width:390px}
@media(max-width:600px){.product-demonstration{grid-template-columns:minmax(0,1fr)}.product-demonstration .real-screen{max-width:340px}.handover-flow li{grid-template-columns:25px minmax(0,1fr);gap:15px}.article-shell>*{min-width:0}}
@media(max-width:360px){.handover-flow li h2{font-size:28px}}

}

/* navigation.css */
@layer legacy {
.masthead{position:sticky;top:0;background:var(--blue)}.masthead nav,.site-header nav{gap:22px;font-size:13px}.masthead nav>a[aria-current],.site-header nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.footer-nav{grid-template-columns:repeat(3,1fr)}.site-footer .footer-grid{grid-template-columns:1.25fr repeat(3,1fr);gap:45px}
@media(max-width:1180px){.masthead nav,.site-header nav{gap:16px;font-size:12px}.masthead{gap:25px}.header-inner{gap:22px}.masthead .nav-book,.site-header .header-demo{padding-inline:17px}}
@media(max-width:1080px){.masthead .menu-toggle,.site-header .menu-button{display:block;background:none;border:1px solid #ffffff80;color:white;border-radius:25px;padding:9px 18px;font-size:12px}.masthead nav,.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--blue);padding:13px var(--gutter) 27px;border-bottom:1px solid #ffffff60;max-height:calc(100dvh - 100px);overflow:auto}.masthead nav.is-open,.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.masthead nav>a,.site-header nav>a{display:block;padding:15px 0;border-bottom:1px solid #ffffff30;font-size:15px}.masthead nav .nav-book,.site-header nav .header-demo{background:white;color:var(--blue);text-align:center;margin-top:20px;padding:14px;border:0;border-radius:28px;font-size:14px}.site-footer .footer-grid{gap:30px}.footer-nav{gap:35px}}
@media(max-width:680px){.footer-nav{grid-template-columns:1fr 1fr;gap:30px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}.site-footer .footer-grid>div:first-child{grid-column:1 / -1}.masthead nav,.site-header nav{max-height:calc(100dvh - 82px)}}

}

/* design-system.css */
/* Shared Signalbuy typography and layout. Legacy page layouts sit in @layer legacy. */
:root {
  --blue: #0755ff; --deep: #0647d8; --ink: #092865; --muted: #577097;
  --font-brand: Signal, Arial, sans-serif;
  --type-title: 48px; --type-section: 36px; --type-subheading: 22px;
  --type-lead: 18px; --type-body: 16px; --type-ui: 14px;
  --type-small: 12px; --type-caption: 11px;
  --section-space: 64px; --hero-space: 40px; --content-gap: 48px;
  --gutter: 56px; --page: 1200px;
}
html {scroll-padding-top:92px}
body,button,input,select,textarea {font-family:var(--font-brand)}
body {font-size:var(--type-body);line-height:1.7;font-weight:400}
h1,h2,h3 {font-family:var(--font-brand);font-weight:450;text-wrap:balance}
h1 {font-size:var(--type-title);line-height:1.1;letter-spacing:-.045em}
h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em}
h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
p,main li,dd,dt {font-size:var(--type-body);line-height:1.7;letter-spacing:0}
strong {font-weight:600}
main :is(h1,h2,h3) {overflow-wrap:break-word}
main :is(p,li,dd,dt) {overflow-wrap:break-word}
.wrap,.legal-page .shell {width:calc(100% - var(--gutter)*2);max-width:var(--page);margin-inline:auto}
.chapter-hero,.setup-hero {padding-block:var(--hero-space)}
.chapter-hero h1,.setup-hero h1 {max-width:1080px}
.chapter-deck,.setup-deck,.trial-intro {font-size:var(--type-lead);line-height:1.65;max-width:760px;margin-top:24px}
.chapter-hero .action,.setup-hero .action {margin-top:24px}
.chapter-hero h1 span,.setup-hero h1 span {color:#c1d8ff}
.setup-platform {font-size:var(--type-small);line-height:1.5;margin-bottom:18px}
.setup-trial {font-size:var(--type-small);line-height:1.6;margin-top:14px}
.setup-hero {padding-bottom:0}
.setup-overview {margin-top:32px;padding-block:22px}
.setup-overview li {font-size:var(--type-ui);line-height:1.5}
.lead {font-size:var(--type-lead);line-height:1.65}
.overline,.section-label,.chapter-number,.output-label,.eyebrow,.booking-brief>span,.reading-assignment>span {font-size:var(--type-small);line-height:1.5;font-weight:500;letter-spacing:.06em}
.overline,.section-label {margin-bottom:20px}
.chapter,.film-chapter,.next-step,.setup-body,.setup-in-action,.setup-next,.handover-flow,.booking-step,.all-guides {padding-block:var(--section-space)}
.chapter-layout,.product-demonstration {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--content-gap);align-items:start}
.chapter-content {padding-top:40px;min-width:0}
.chapter-content>p:not(.lead),.product-demonstration p:not(.lead),.reading-block p,.quiet-note p,.support-note p,.setup-sequence p,.reading-assignment p,.booking-brief p,.review-content p,.review-content li {font-size:var(--type-body);line-height:1.7}
.chapter-content>p:not(.lead),.product-demonstration p,.reading-block p,.quiet-note p,.support-note p,.booking-brief p {margin-top:20px}
.reading-block {max-width:900px}.reading-block p {max-width:760px}
.setup-intro,.film-heading,.cinema-heading {gap:var(--content-gap);margin-bottom:36px}
.setup-intro>p,.film-heading>p,.cinema-intro>p {font-size:var(--type-body);line-height:1.7;max-width:390px}
.setup-intro>p {color:var(--muted)}
.setup-sequence h3,.cohort-note h3,.quiet-note h3,.support-note h3,.reading-assignment h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.cohort-note dl>div {grid-template-columns:155px 1fr;gap:20px}.cohort-note dt,.cohort-note dd {font-size:var(--type-ui);line-height:1.6}
.next-step p:not(.overline),.setup-next p {font-size:var(--type-body);line-height:1.7;margin-top:22px;max-width:760px}
.next-step .action,.setup-next .action {margin-top:24px}
.action,.round-action {font-size:var(--type-ui);font-weight:500;line-height:1.4;letter-spacing:0;border-radius:28px;min-height:48px;padding:13px 24px}
.quiet-link,.lab-link,.story-link,.guide-entry .read-guide {font-size:var(--type-ui);line-height:1.5;font-weight:500}
/* Navigation has identical size, alignment and hit targets on every route. */
.site-header,.masthead {height:72px;position:sticky;top:0;background:var(--blue);color:#fff;z-index:40;border-bottom:1px solid #ffffff26;max-width:none}
.header-inner {width:calc(100% - var(--gutter)*2);max-width:var(--page);gap:28px}
.masthead {padding-inline:max(var(--gutter),calc((100% - var(--page))/2));gap:28px}
.brand {gap:8px}.wordmark,.brand-name {font-size:30px;font-weight:680;line-height:1;letter-spacing:-.06em}
.white-symbol,.brand-symbol {transform:scale(.9);transform-origin:left center;margin-right:-4px}
.brand {display:inline-flex;align-items:center;gap:0;line-height:0}
.brand-lockup {display:block;width:184px;height:auto;max-width:100%;flex-shrink:0}
.cover-brand .brand-lockup {width:140px}
.engine-symbol .brand-emblem {display:block;width:56px;height:auto;max-width:none}
.engine-wordmark {display:block;width:108px;height:auto;margin:5px auto 0}
.site-header nav,.masthead nav {font-size:13px;line-height:1.5;gap:22px}
.header-demo,.nav-book {font-size:13px;line-height:1.5;padding:11px 21px;border-radius:26px;white-space:nowrap}
.menu-button,.menu-toggle {font-size:var(--type-small);line-height:1.5;border-radius:25px;min-height:40px;padding:9px 18px}
/* The interactive explainer uses the same UI scale as other compact controls. */
.context-arrival h1 {font-size:var(--type-title);line-height:1.1;letter-spacing:-.045em}
.context-arrival .arrival-copy {padding:0 24px 10px}
.context-arrival .shopify-designed {font-size:var(--type-small);line-height:1.5;margin-bottom:5px}
.context-arrival .arrival-copy>p:last-child {font-size:var(--type-ui);line-height:1.5;margin-top:10px}
.context-flow h2 {font-size:var(--type-ui);line-height:1.5;letter-spacing:0;font-weight:500}
.behaviour-sequence li,.signal-engine>#engine-explanation,.context-bottom>p {font-size:var(--type-ui);line-height:1.5}
.buying-doubt p {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.buying-doubt>span,.knowledge-feed>span {font-size:var(--type-small);line-height:1.5}
.knowledge-feed p {font-size:var(--type-caption);line-height:1.6}
.engine-name {font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.055em}
.engine-symbol .brand-symbol {transform:scale(1.3);transform-origin:center;margin:0}
.journey-picker button,.film-selector button {font-size:var(--type-small);line-height:1.4}
.context-bottom .round-action {font-size:var(--type-ui);min-height:44px;padding:11px 22px}
.guidance-view figcaption,.example-note {font-size:var(--type-caption);line-height:1.5}
.example-note p {font-size:var(--type-small);line-height:1.7}
.mechanics,.qa-section {padding:var(--section-space) max(var(--gutter),calc((100% - var(--page))/2));gap:var(--content-gap)}
.mechanics h2,.qa-copy h2,.cinema-heading h2,.next-composition h2,.knowledge h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em}
.mechanics-intro>p,.mechanics-list p,.qa-copy>p,.qa-copy>p.qa-cost-story,.cinema-intro>p,.next-composition p,.knowledge-intro p {font-size:var(--type-body);line-height:1.7}
.mechanics-list h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.mechanics-list>div {grid-template-columns:145px minmax(0,1fr);gap:24px;padding-block:22px}
.mechanics-list>.round-action,.qa-copy .round-action {font-size:var(--type-ui);min-height:48px;padding:13px 24px}
.qa-copy>p.qa-price-note,.home-trial-note {font-size:var(--type-small);line-height:1.7}
.cinema,.knowledge,.next-move {padding-inline:max(var(--gutter),calc((100% - var(--page))/2))}
.cinema {padding-block:var(--section-space)}
.next-composition h2 em {font:inherit}
.next-composition .round-action {font-size:var(--type-ui);min-height:48px;padding:13px 24px}
.next-aside,.film-foot,.film-caption,.film-caption>span {font-size:var(--type-small);line-height:1.6}
.film-caption p {font-size:var(--type-small);line-height:1.6}
/* All standard sections and reading content share one heading hierarchy. */
.answers {padding:var(--section-space) max(var(--gutter),calc((100% - var(--page))/2));gap:var(--content-gap)}
.answers h2,.knowledge-answers>h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em}
.faq-list summary {font-size:var(--type-body);line-height:1.6;font-weight:500;letter-spacing:-.01em}
.faq-list details {padding-block:18px}.faq-list details p {font-size:var(--type-body);line-height:1.7;margin-top:16px}
.article-page .chapter-hero {width:100%;max-width:none;padding:var(--hero-space) max(var(--gutter),calc((100% - var(--page))/2))}
.article-shell {grid-template-columns:210px minmax(0,1fr);gap:64px;padding-block:var(--section-space)}
.article-copy {max-width:780px}.article-copy h2,.legal-document h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em;margin-bottom:22px}
.article-copy h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em;margin-block:28px 18px}
.article-copy p,.article-copy li,.legal-document p,.legal-document li,.story-sheet p,.story-sheet li {font-size:var(--type-body);line-height:1.8}
.article-copy .story-section {padding-bottom:40px;margin-bottom:40px}
.article-copy .story-note,.article-copy .eyebrow,.reading-rail>p,.reading-rail>span,.reading-rail .story-shell a {font-size:var(--type-small);line-height:1.6}
.reading-rail {top:104px}.article-copy .story-link {font-size:var(--type-ui)}
.legal-page .legal-hero {padding-block:var(--hero-space)}
.legal-layout {grid-template-columns:210px minmax(0,1fr);gap:64px;padding-block:16px var(--section-space)}
.legal-document {max-width:780px}.legal-document section {margin-bottom:40px}
.legal-nav {font-size:var(--type-ui);line-height:1.6}
.story-sheet {padding-top:var(--hero-space)}.story-sheet .story-shell {width:calc(100% - var(--gutter)*2);max-width:1000px}
.story-sheet h1 {font-size:var(--type-title);line-height:1.1;letter-spacing:-.045em}
.worksheet-actions .action {font-size:var(--type-ui)}
.guide-library .chapter-hero h1,.current-pricing .chapter-hero h1,.setup-hero h1 {font-size:var(--type-title);line-height:1.1;letter-spacing:-.045em}
.guide-library .chapter-deck {font-size:var(--type-lead);line-height:1.65;margin-top:24px;max-width:850px}
.guide-list-heading {align-items:baseline;margin-bottom:28px}.guide-list-heading h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em}
.guide-list-heading p,.guide-number {font-size:var(--type-small);line-height:1.6}
.guide-entry {padding-block:28px}.guide-entry h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.guide-entry p {font-size:var(--type-body);line-height:1.7;margin-top:10px}
.guide-library .setup-next h2,.current-pricing .chapter h2,.setup-next h2,.setup-intro h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em}
.install-copy h3,.setup-proof-pair h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.install-copy p {font-size:var(--type-body);line-height:1.7}.install-output>p:not(.output-note) {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.install-output .output-note,.output-label {font-size:var(--type-small);line-height:1.6}
.profile-list li,.profile-list strong,.profile-list span,.journey-example span {font-size:var(--type-ui);line-height:1.6}
.source-pills li {font-size:var(--type-small);line-height:1.5}.install-number {font-size:var(--type-small);line-height:1}
.setup-proof-pair figcaption,.real-screen figcaption,.qa-screen figcaption {font-size:var(--type-caption);line-height:1.6}
.inclusions li {font-size:var(--type-body);line-height:1.7}.pricing-reassurance {font-size:var(--type-body);line-height:1.7}
.interactive-pricing .traffic-options legend,.interactive-pricing .traffic-options label>span,.selected-price #price-note {font-size:var(--type-ui);line-height:1.6}
.interactive-pricing .traffic-options label>span {padding:12px 18px;min-height:50px}
.selected-price #price-intro,.interactive-pricing .price-result .selector-trial,.interactive-pricing .selector-conditions {font-size:var(--type-small);line-height:1.6}
.interactive-pricing .price-figure {font-size:80px;line-height:1.05;letter-spacing:-.06em}.interactive-pricing .price-figure span:last-child {font-size:var(--type-ui);letter-spacing:0}
.interactive-pricing .price-result .action {font-size:var(--type-ui);min-height:48px;padding:13px 24px}
.band-details summary,th,td {font-size:var(--type-ui);line-height:1.6}.band-details p {font-size:var(--type-small);line-height:1.7}
.contrast-line>p {font-size:var(--type-lead);line-height:1.65}.contrast-line p span,.contrast-line p strong {display:inline-block;font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em;font-weight:450;margin-top:12px}
.contrast-line {padding-bottom:40px;margin-bottom:40px;gap:var(--content-gap)}
.handover-flow> .wrap>h2 {max-width:800px;margin-bottom:32px}.handover-flow li h3 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}.handover-flow li h3 br {display:none}
.handover-flow li>span {font-size:var(--type-small);line-height:1.5;margin-bottom:18px}.flow-summary {font-size:var(--type-body);line-height:1.7}
.booking-brief h2 {font-size:var(--type-section);line-height:1.16;margin-top:20px;letter-spacing:-.035em}.booking-brief .trial-booking-note,.preview-note {font-size:var(--type-small);line-height:1.7}
/* Shared footer typography; footer navigation labels are not page section titles. */
.site-footer,.footer {padding-top:48px;color:#fff;background:var(--blue)}
.footer .brand-name,.footer-grid .wordmark {font-size:30px;line-height:1}
.footer-top>p,.footer-grid>div:first-child>p {font-size:var(--type-lead);line-height:1.5;letter-spacing:-.02em}
.footer-grid h2,.footer-nav>div>span {font-size:var(--type-small);line-height:1.5;letter-spacing:.06em;font-weight:500}
.footer-grid>div>a:not(.brand),.footer-nav>div {font-size:var(--type-ui);line-height:1.6}
.footer-bottom {font-size:var(--type-caption);line-height:1.6}
@media(min-width:901px) and (max-height:760px){.context-bottom{margin-top:8px;padding-top:8px}.context-arrival{padding-bottom:4px}.example-note{margin-top:4px}}
@media(max-width:1080px){
 :root {--gutter:36px;--content-gap:36px}
 .site-header nav,.masthead nav {font-size:var(--type-ui);top:100%;gap:0}
 .site-header nav>a,.masthead nav>a {font-size:var(--type-ui);line-height:1.6;padding:14px 0}
 .site-header nav .header-demo,.masthead nav .nav-book {font-size:var(--type-ui);line-height:1.5;border-radius:26px}
 .mechanics-list>div {grid-template-columns:1fr;gap:10px}
 .article-shell,.legal-layout {grid-template-columns:180px minmax(0,1fr);gap:36px}
}
@media(max-width:720px){
 :root {--type-title:36px;--type-section:30px;--type-subheading:20px;--type-lead:16px;--type-body:15px;--type-ui:13px;--section-space:44px;--hero-space:30px;--content-gap:28px;--gutter:24px}
 .site-header,.masthead {height:68px}.wordmark,.brand-name {font-size:28px}.header-inner,.masthead {gap:20px}
 .chapter-deck,.setup-deck,.trial-intro,.guide-library .chapter-deck {margin-top:20px}
 .chapter-hero .action,.setup-hero .action {margin-top:22px}
 .chapter-layout,.product-demonstration {grid-template-columns:minmax(0,1fr);gap:28px}.chapter-content {padding-top:0}
 .chapter-number {margin-bottom:16px}.setup-intro,.film-heading,.cinema-heading {display:block;margin-bottom:28px}.setup-intro>p,.film-heading>p,.cinema-intro {margin-top:18px}
 .article-shell,.legal-layout {display:block}.article-copy {max-width:none}.reading-rail {position:static;max-height:none;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
 .reading-rail .story-shell {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px}.reading-rail>span {margin-top:18px;padding-top:0;border:0}
 .legal-nav {margin-bottom:32px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
 .legal-document h2 {font-size:var(--type-section)}
 .answers {display:block}.answers h2,.knowledge-answers>h2 {margin-bottom:26px}
 .guide-list-heading {display:block}.guide-list-heading p {margin-top:12px}.guide-entry {grid-template-columns:24px minmax(0,1fr);gap:12px 18px;padding-block:24px}.guide-entry .read-guide {grid-column:2;justify-self:start}
 .cohort-note dl>div {grid-template-columns:125px 1fr;gap:14px}
 .handover-flow ol {grid-template-columns:1fr;gap:26px}.handover-flow li {display:grid;grid-template-columns:25px minmax(0,1fr);gap:16px}.handover-flow li>span {margin:3px 0 0}
 .setup-overview {gap:10px}.setup-overview li {font-size:var(--type-caption);gap:10px}
 .install-output>p:not(.output-note) {font-size:var(--type-subheading)}
 .interactive-pricing .price-figure {font-size:68px}.interactive-pricing .traffic-options label>span {font-size:var(--type-small);padding:12px 10px}.interactive-pricing .selector-conditions {font-size:var(--type-small)}
 .footer-top>p,.footer-grid>div:first-child>p {font-size:var(--type-lead)}
}
@media(max-width:680px){
 .brand-lockup {width:172px}
 .engine-symbol .brand-emblem {width:32px}
 .engine-wordmark {display:none}
 .context-arrival .arrival-copy {padding:8px 20px 15px}.context-arrival .arrival-copy>p:last-child {font-size:var(--type-ui);line-height:1.5;margin-top:13px}
 .context-arrival .shopify-designed {display:none}.context-flow h2 {font-size:var(--type-ui)}
 .journey-picker button {font-size:var(--type-caption);padding:9px 10px}
 .behaviour-sequence li {font-size:var(--type-caption);line-height:1.5}.buying-doubt p {font-size:var(--type-body);line-height:1.5}
 .signal-engine>#engine-explanation {font-size:var(--type-small);line-height:1.5}.knowledge-feed>span {font-size:var(--type-caption)}
 .engine-symbol .brand-symbol {transform:scale(.8)}
 .context-bottom>p {font-size:var(--type-ui);line-height:1.5}.context-bottom .round-action {font-size:var(--type-ui);min-height:48px}
 .mechanics,.qa-section {display:block}.mechanics-list {margin-top:28px}.qa-screen {margin:30px auto 0}
 .mechanics-list>div {grid-template-columns:1fr;gap:10px}.context-arrival .buying-doubt p {font-size:var(--type-body)}
 .knowledge {display:block}.knowledge-intro {padding-bottom:28px;margin-bottom:28px}.next-composition {padding:32px 24px}
}
@media(max-width:360px){:root{--gutter:18px}.context-arrival .arrival-copy{padding-inline:18px}.journey-picker button{font-size:10px;padding-inline:8px}.cohort-note dl>div{grid-template-columns:110px 1fr}.setup-overview li{font-size:10px}}
/* Opening layouts: a consistent arrival, with the next action alongside its context. */
.context-explainer {max-width:var(--page)}
@media(min-width:681px){
 .context-flow>.behaviour-view,.context-flow>.guidance-view {width:100%;max-width:280px;justify-self:center}
 .context-flow>.behaviour-view {padding-left:0}
}
@media(min-width:901px){
 .context-flow {grid-template-columns:minmax(0,1fr) 38px 200px 38px minmax(0,1fr)}
}
@media(min-width:681px) and (max-width:900px){
 .context-flow {grid-template-columns:minmax(0,1fr) 20px 150px 20px minmax(0,1fr)}
}
:root {--hero-space:48px}
.chapter-hero,.setup-hero {padding-top:var(--hero-space);padding-bottom:32px}
.opening-intro {display:grid;grid-template-columns:minmax(0,760px) auto;gap:32px 48px;align-items:center;margin-top:24px}
.opening-intro>.chapter-deck,.opening-intro>.setup-deck,.opening-intro>.trial-intro {margin:0;max-width:760px}
.opening-action {justify-self:end;text-align:right}
.opening-action .action {margin-top:0;white-space:nowrap}
.opening-action .setup-trial {margin-top:10px}
.opening-intro:not(:has(.opening-action)) {display:block}
.setup-hero .setup-platform {margin-bottom:12px}
.setup-hero {padding-bottom:0}
.setup-overview {margin-top:32px;padding-block:20px}
.chapter-strip>.wrap {padding-block:16px}
.chapter-hero+.chapter,.chapter-strip+.chapter,.chapter-hero+.handover-flow,.chapter-hero+.all-guides,.chapter-hero+.booking-step,.setup-hero+.setup-body {padding-top:40px}
.article-page .chapter-hero {padding-top:var(--hero-space);padding-bottom:32px}
.article-shell {padding-top:40px}
.story-sheet .eyebrow {font-size:var(--type-small);line-height:1.5;margin:0 0 12px}
.booking-step .preview-note {margin-top:20px}
.context-arrival .arrival-copy {padding:32px max(var(--gutter),calc((100% - var(--page))/2)) 18px}
.context-arrival .shopify-designed {margin-bottom:12px}
.context-arrival .arrival-copy>p:last-child {margin-top:14px}
@media(min-width:1100px){
 .context-arrival h1>br {display:none}
 .context-arrival h1 .uncertain {display:inline}
 .current-pricing .chapter-hero,.guide-library .chapter-hero {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:48px}
 .current-pricing .opening-intro,.guide-library .opening-intro {margin-top:0}
 .guide-library .chapter-hero {align-items:start}
 .current-pricing .trial-intro br {display:none}
}
@media(min-width:721px) and (max-width:1099px){
 .opening-intro {grid-template-columns:minmax(0,1fr) auto;gap:24px}
 .opening-action .action {padding-inline:20px}
 .context-arrival .arrival-copy {padding-top:32px}
}
@media(max-width:720px){
 :root {--hero-space:32px}
 .chapter-hero,.setup-hero,.article-page .chapter-hero {padding-top:var(--hero-space);padding-bottom:28px}
 .opening-intro {display:block;margin-top:20px}
 .opening-action {margin-top:20px;text-align:left}
 .opening-action .action {white-space:normal;margin-top:0}
 .opening-action .setup-trial {margin-top:10px}
 .setup-hero {padding-bottom:0}
 .setup-overview {margin-top:28px;padding-block:18px}
 .chapter-hero+.chapter,.chapter-strip+.chapter,.chapter-hero+.handover-flow,.chapter-hero+.all-guides,.chapter-hero+.booking-step,.setup-hero+.setup-body,.article-shell {padding-top:32px}
 .context-arrival .arrival-copy {padding-top:28px;padding-bottom:18px}
 .context-arrival .shopify-designed {display:block;margin-bottom:10px}
 .context-arrival .arrival-copy>p:last-child {margin-top:14px}
 .interactive-pricing .price-result {padding-top:0}
}
@media(max-width:600px){
 .interactive-pricing .price-result {border-top:0}
 .interactive-pricing .selected-price {display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;align-items:center;margin-top:16px}
 .selected-price #price-intro {grid-column:1/-1}
 .interactive-pricing .price-figure {margin:0}
 .selected-price #price-note {margin:0;min-height:0;font-size:var(--type-small)}
 .interactive-pricing .price-figure span:last-child {display:block;margin:4px 0 0}
}
@media(max-width:680px){
 .context-explainer .journey-picker {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}
 .context-explainer .journey-picker button {min-width:0}
 .context-flow .behaviour-sequence {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .context-flow .behaviour-sequence li {max-width:none;min-width:0;padding-inline:8px}
 .context-flow .flow-connector {height:12px}
}
/* Light inserts sit inside the blue canvas, including above and below each panel. */
:root {--panel-space:48px;--panel-padding:48px}
.inset-band,.demo-band {background:var(--blue);padding:var(--panel-space) 0;color:var(--ink)}
.inset-band+.demo-band,.demo-band+.inset-band {padding-top:0}
.inset-band>.answers,.inset-band>.knowledge,.demo-panel {width:calc(100% - var(--gutter)*2);max-width:var(--page);margin-inline:auto;border:0;border-radius:4px}
.inset-band>.answers,.inset-band>.knowledge {padding:var(--panel-padding);background:#fff;gap:var(--content-gap)}
.inset-band>.knowledge {grid-template-columns:1fr 1.2fr}
.inset-band .knowledge-intro {padding-top:0}
.demo-panel {display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:32px;position:relative;isolation:isolate;overflow:hidden;background:#f0f5ff;padding:56px 48px 56px 35%}
.demo-copy {position:relative;z-index:1;min-width:0}
.demo-copy h2 {font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em}
.demo-copy h2 em {font:inherit;color:var(--blue)}
.demo-copy>p {font-size:var(--type-body);line-height:1.7;color:var(--muted);margin-top:24px;max-width:500px}
.demo-button {display:inline-flex;align-items:center;justify-content:space-between;gap:32px;max-width:100%;min-height:48px;min-width:220px;margin-top:24px;padding:13px 24px;border:1px solid var(--blue);border-radius:28px;background:var(--blue);color:white;font-size:var(--type-ui);font-weight:500;line-height:1.4;transition:background .15s}
.demo-button>span {font-size:22px;line-height:1;flex-shrink:0}
.demo-button:hover {background:var(--deep);border-color:var(--deep)}
.demo-button:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
.demo-copy>.demo-trial {font-size:var(--type-small);line-height:1.7;margin-top:22px}
.demo-trial a {text-decoration:underline;text-underline-offset:4px}
.demo-price-note {font-size:var(--type-small);line-height:1.7;color:var(--muted);align-self:end;position:relative;z-index:1;max-width:175px}
.demo-lines {position:absolute;width:35%;left:-5%;bottom:35px;z-index:0;pointer-events:none}
.demo-lines path {stroke:var(--blue);stroke-width:13}
@media(max-width:1100px){
 .demo-panel {grid-template-columns:minmax(0,1fr);padding:48px 40px 48px 34%;gap:24px}
 .demo-price-note {max-width:none}
 .demo-price-note br {display:none}
}
@media(max-width:720px){
 :root {--panel-space:28px;--panel-padding:28px}
 .inset-band>.answers,.inset-band>.knowledge {display:block}
 .demo-panel {padding:32px 28px;gap:24px}
 .demo-lines {left:auto;right:-65%;width:100%;bottom:28px;opacity:.1}
 .demo-button {min-width:220px}
 .demo-copy>p {margin-top:20px}
 .demo-copy>.demo-trial {margin-top:20px}
}
@media(max-width:360px){
 :root {--panel-padding:22px}
 .demo-panel {padding:28px 22px}
 .demo-button {min-width:0;width:100%;padding-inline:18px;gap:18px}
}
@media(prefers-reduced-motion:reduce){.demo-button{transition:none}}
/* Booking is part of the branded page, with the live form fields in a light insert. */
.booking-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;padding-block:var(--hero-space)}
.booking-introduction h1 {font-size:var(--type-title);line-height:1.1;letter-spacing:-.045em}
.booking-introduction h1 span {color:#c1d8ff}
.booking-lead {font-size:var(--type-lead);line-height:1.65;color:#e5edff;margin-top:24px;max-width:480px}
.booking-context {margin-top:20px;font-size:var(--type-small);line-height:1.6;color:#fff;border-left:2px solid #a9cbff;padding-left:14px}
.booking-expectations {margin-top:32px}
.booking-expectations h2 {font-size:var(--type-subheading);line-height:1.3;letter-spacing:-.025em}
.booking-expectations ol {list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.booking-expectations li {display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;font-size:var(--type-ui);line-height:1.6;color:#e5edff}
.booking-expectations li>span {font-size:var(--type-small);color:#b8d4ff;padding-top:2px}
.booking-trial {margin-top:28px;padding-top:20px;border-top:1px solid #ffffff35;font-size:var(--type-small);line-height:1.7;color:#e5edff}
.booking-trial small {display:block;font-size:var(--type-caption);line-height:1.6;margin-top:10px;color:#c8dcff}
.booking-form {background:#fff;color:var(--ink);padding:32px;border-radius:4px;min-width:0}
.booking-fields {border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}
.booking-fields[hidden],.booking-success[hidden],.booking-error[hidden],.booking-context[hidden] {display:none}
.booking-field-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.booking-fields label {display:block;font-size:var(--type-ui);font-weight:500;line-height:1.5;min-width:0}
.booking-fields label small {font-size:var(--type-small);font-weight:400;color:var(--muted)}
.booking-fields input,.booking-fields select,.booking-fields textarea {display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #c9d7ee;border-radius:4px;padding:10px 12px;background:#f8faff;color:var(--ink);font:400 16px/1.4 var(--font-brand);min-height:46px;box-shadow:none}
.booking-fields select {padding-right:28px;cursor:pointer}
.booking-fields textarea {resize:vertical;min-height:78px;height:78px}
.booking-fields input::placeholder,.booking-fields textarea::placeholder {color:#6c7e9b;opacity:1}
.booking-fields input:focus,.booking-fields select:focus,.booking-fields textarea:focus {outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue);background:#fff}
.booking-submit {display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:48px;border:1px solid var(--blue);border-radius:28px;padding:13px 24px;color:#fff;background:var(--blue);font-size:var(--type-ui);font-weight:500;line-height:1.4;cursor:pointer;margin-top:4px}
.booking-submit>span {font-size:22px;line-height:1}
.booking-submit:hover {background:var(--deep);border-color:var(--deep)}
.booking-submit:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
.booking-submit:disabled {cursor:wait;opacity:.6}
.booking-privacy,.booking-noscript {font-size:var(--type-small);line-height:1.6;color:var(--muted);margin-top:16px}
.booking-privacy a,.booking-noscript a,.booking-error a {text-decoration:underline;text-underline-offset:3px}
.booking-error {margin-top:20px;padding:16px;background:#fff3f3;border-left:2px solid #a63040;color:#8b2030}
.booking-error p,.booking-error a {font-size:var(--type-ui);line-height:1.6}.booking-error a {display:inline-block;margin-top:8px;overflow-wrap:anywhere}
.booking-success {padding:16px 0;outline:none}
.booking-success h2 {font-size:var(--type-subheading);line-height:1.3}
.booking-success p {font-size:var(--type-body);line-height:1.7;margin-top:16px;color:var(--muted)}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:901px) and (max-width:1100px){
 .booking-layout {gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .booking-form {padding:28px}
 .booking-field-grid {gap:16px}
}
@media(max-width:900px){
 .booking-layout {grid-template-columns:minmax(0,1fr);gap:32px}
 .booking-introduction {display:contents}
 .booking-introduction h1 {order:0}
 .booking-lead {order:1;margin:0;max-width:680px}
 .booking-context {order:2;margin:0}
 .booking-form {order:3;max-width:680px;width:100%;justify-self:center}
 .booking-expectations {order:4;margin:0}
 .booking-trial {order:5;margin:0}
}
@media(max-width:720px){
 .booking-layout {gap:24px}
 .booking-form {padding:28px}
 .booking-privacy {font-size:var(--type-small)}
}
@media(max-width:540px){
 .booking-field-grid {grid-template-columns:minmax(0,1fr);gap:16px}
 .booking-form {padding:24px}
 .booking-fields label {font-size:14px}
 .booking-fields textarea {height:94px}
}
@media(max-width:360px){.booking-form{padding:22px}}
@media print{.demo-band{display:none}.story-sheet h1{font-size:30px}.story-sheet p,.story-sheet li{font-size:12px}.story-sheet{padding:0}.story-sheet .story-shell{width:100%}}

/* white-theme.css */
/* White-led colour study. Geometry, content and authentic product imagery stay intact. */
html[data-theme="white"] {color-scheme:light;--paper:#fff;--pale:#f3f7ff;--wash:#f3f7ff;--line:#dce5f3;--muted:#425d86}
html[data-theme="white"] body {background:#fff;color:var(--ink)}
html[data-theme="white"] ::selection {background:#dce8ff;color:var(--ink)}
html[data-theme="white"] :is(.site-header,.masthead) {background:#fff;color:var(--ink);border-bottom-color:var(--line)}
html[data-theme="white"] :is(.site-header,.masthead) nav {background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme="white"] :is(.site-header,.masthead) nav>a {border-bottom-color:var(--line)}
html[data-theme="white"] :is(.site-header,.masthead) nav>a[aria-current="page"] {color:var(--blue)}
html[data-theme="white"] :is(.site-header,.masthead) nav>a[aria-current="page"]:after {background:var(--blue)}
html[data-theme="white"] :is(.site-header,.masthead) :is(.header-demo,.nav-book) {background:var(--blue);color:#fff;border:1px solid var(--blue)}
html[data-theme="white"] :is(.site-header,.masthead) :is(.header-demo,.nav-book):hover {background:var(--deep);color:#fff}
html[data-theme="white"] :is(.masthead .menu-toggle,.site-header .menu-button) {color:var(--blue);border-color:#bacff8;background:#fff}
html[data-theme="white"] .nav-dropdown>div {background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme="white"] .nav-dropdown>div>a {border-color:var(--line)}
html[data-theme="white"] :is(.chapter-hero,.setup-hero,.article-page .chapter-hero,.legal-hero,.context-arrival,.booking-layout,.story-sheet) {background:#fff;color:var(--ink)}
html[data-theme="white"] :is(.context-arrival h1,.booking-introduction h1,.chapter-hero h1,.setup-hero h1) {color:var(--ink)}
html[data-theme="white"] :is(.context-arrival h1 .uncertain,.chapter-hero h1 span,.setup-hero h1 span,.booking-introduction h1 span,.setup-next h2 span,.next-step h2 span,.film-heading h2 span) {color:var(--blue)}
html[data-theme="white"] :is(.context-arrival .arrival-copy>p:last-child,.chapter-deck,.setup-deck,.trial-intro,.booking-lead,.setup-trial,.setup-platform,.booking-context,.booking-trial,.booking-trial small,.booking-expectations li,.booking-expectations li>span,.opening-copy,.opening-signature,.setup-next p) {color:var(--muted)}
html[data-theme="white"] .context-arrival .shopify-designed {color:var(--blue)}
html[data-theme="white"] :is(.trial-intro strong,.opening-copy strong) {color:var(--ink)}
html[data-theme="white"] :is(.booking-context,.booking-trial,.setup-overview,.chapter-strip,.opening-bottom) {border-color:var(--line)}
html[data-theme="white"] .setup-overview {color:var(--ink)}
html[data-theme="white"] .contrast-line p>span {color:var(--muted)}
html[data-theme="white"] .journey-example i {color:var(--blue)}
html[data-theme="white"] .finish-output .output-label {color:#fff}
html[data-theme="white"] .setup-overview li:not(:last-child):after {background:#c2d3f1}
html[data-theme="white"] .chapter-strip {color:var(--muted)}
/* The two states remain distinct, with the active choice always filled blue. */
html[data-theme="white"] .journey-picker {background:#f3f7ff;border-color:#d3e0f7}
html[data-theme="white"] .journey-picker button {background:transparent;color:var(--muted)}
html[data-theme="white"] .journey-picker button[aria-pressed="true"] {background:var(--blue);color:#fff}
html[data-theme="white"] .journey-picker button:hover:not([aria-pressed="true"]) {background:#e5edff;color:var(--blue)}
html[data-theme="white"] .context-flow {background:#f3f7ff;box-shadow:inset 0 0 0 1px #e0e9f8}
html[data-theme="white"] :is(.context-bottom>p,.example-note) {color:var(--muted)}
html[data-theme="white"] .example-note summary {border-color:#9bb7e7}
html[data-theme="white"] :is(.context-bottom .round-action,.action-light,.next-step .action,.setup-next .action) {background:var(--blue);color:#fff;border-color:var(--blue)}
html[data-theme="white"] :is(.context-bottom .round-action,.action-light,.next-step .action,.setup-next .action):hover {background:var(--deep);color:#fff;border-color:var(--deep)}
html[data-theme="white"] :is(.mechanics,.chapter-light,.setup-body,.handover-flow,.reading-block) {background:#fff;color:var(--ink)}
html[data-theme="white"] :is(.mechanics,.qa-section) {border-top:1px solid var(--line)}
html[data-theme="white"] :is(.chapter-blue,.setup-in-action,.qa-section,.all-guides,.fit-builder,.moment-experience,.team-choice) {background:#f3f7ff;color:var(--ink)}
html[data-theme="white"] :is(.chapter-blue h2 span,.principle h2 span,.proof-copy h2 span) {color:var(--blue)}
html[data-theme="white"] :is(.product-demonstration p,.chapter-blue p,.principle-copy,.proof-copy p:not(.stage-label),.real-screen figcaption,.experience-bottom,.proof-film>p,.fit-brief p) {color:var(--muted)}
html[data-theme="white"] :is(.stage-label,.experience-top .overline,.fit-options legend,.fit-brief>span) {color:var(--blue)}
html[data-theme="white"] :is(.fit-brief,.experience-bottom,.principle-end) {border-color:var(--line)}
html[data-theme="white"] :is(.back-step,.proof-progress button,.principle-end strong) {color:var(--ink)}
html[data-theme="white"] .proof-progress button[aria-current] {color:var(--blue)}
html[data-theme="white"] .proof-progress button:before {background:#d7e4fb}
html[data-theme="white"] .proof-progress button[aria-current]:before {background:var(--blue)}
/* Films sit on a pale inset rather than disappearing into a white page. */
html[data-theme="white"] :is(.cinema,.film-chapter) {background:#fff;color:var(--ink);border-top:1px solid var(--line)}
html[data-theme="white"] .cinema-heading h2>span {color:var(--blue)}
html[data-theme="white"] :is(.cinema-intro>p,.film-caption,.film-caption p,.film-caption>span,.film-foot,.film-heading>p) {color:var(--muted)}
html[data-theme="white"] .film-selector button {background:#fff;color:var(--blue);border-color:#bacff8}
html[data-theme="white"] .film-selector button[aria-pressed="true"] {background:var(--blue);color:#fff;border-color:var(--blue)}
html[data-theme="white"] .film-selector button:hover:not([aria-pressed="true"]) {background:#edf3ff;color:var(--blue)}
html[data-theme="white"] .screen {border-color:#f0f5ff;background:#f0f5ff;box-shadow:0 0 0 1px #dce5f3}
html[data-theme="white"] .film-cover {background:#f0f5ff;color:var(--ink)}
html[data-theme="white"] .film-lines path {stroke:#c1d4f8}
html[data-theme="white"] .wide-film video {border-color:#dce5f3}
/* Pricing keeps its interactive band selection and clear selected state. */
html[data-theme="white"] .pricing-picker {background:#f3f7ff;color:var(--ink)}
html[data-theme="white"] :is(.traffic-options legend,.selected-price #price-intro,.selected-price #price-note,.interactive-pricing .selector-conditions) {color:var(--muted)}
html[data-theme="white"] .traffic-options label>span {border-color:#c2d3f1;background:#fff;color:var(--ink)}
html[data-theme="white"] .traffic-options label>span:after {border-color:#a5bee8}
html[data-theme="white"] .traffic-options input:checked+span {background:var(--blue);border-color:var(--blue);color:#fff}
html[data-theme="white"] .traffic-options input:checked+span:after {background:#fff;border:4px solid var(--blue);outline:1px solid #fff}
html[data-theme="white"] :is(.price-result,.interactive-pricing .selector-conditions) {border-color:#d3e0f4}
html[data-theme="white"] .interactive-pricing .price-result .selector-trial {color:var(--blue);background:#fff;border-color:#b8cdf7}
html[data-theme="white"] .price-figure {color:var(--blue)}
html[data-theme="white"] .fit-options label>span {color:var(--ink);border-color:#bacff8}
html[data-theme="white"] .fit-options input:checked+span {color:#fff;background:var(--blue);border-color:var(--blue)}
/* FAQ, booking and closing panels use the same paper and ink treatment. */
html[data-theme="white"] :is(.inset-band,.demo-band,.next-step,.setup-next) {background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme="white"] .inset-band>.answers,
html[data-theme="white"] .inset-band>.knowledge {background:#f3f7ff;box-shadow:inset 0 0 0 1px #e0e9f8}
html[data-theme="white"] .demo-panel {background:#f3f7ff;box-shadow:inset 0 0 0 1px #e0e9f8}
html[data-theme="white"] :is(.next-step p:not(.overline),.next-step .overline) {color:var(--muted)}
html[data-theme="white"] .booking-form {background:#f3f7ff;box-shadow:inset 0 0 0 1px #dce5f3}
html[data-theme="white"] .booking-fields :is(input,select,textarea) {background:#fff}
html[data-theme="white"] :is(.site-footer,.footer) {background:#fff;color:var(--ink);border-top:1px solid var(--line)}
html[data-theme="white"] :is(.footer-grid>div:first-child>p,.footer-top>p,.footer-grid h2,.footer-nav>div>span,.footer-bottom) {color:var(--muted)}
html[data-theme="white"] :is(.footer-bottom,.footer-nav) {border-color:var(--line)}
html[data-theme="white"] :is(.site-footer,.footer) a:hover {color:var(--blue)}
@media(max-width:680px){
 html[data-theme="white"] .context-flow .signal-engine {background:#fff;border-color:#d5e2fa}
}