:root{--paper:#e8e7e1;--ink:#171816;--accent:#f4542c;--line:#b5b5ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.55;margin:0}::selection{background:var(--accent);color:var(--paper)}h1,h2,h3,.mega,.expert-graphic{font-family:'Cal Sans',sans-serif;font-weight:400}a{transition:color .2s}a:hover{color:var(--accent)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:100}.reviewbar{display:none}header{max-width:none;padding:20px 3%;position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--ink);font-size:14px}header .wordmark{letter-spacing:-.04em;font-size:22px}nav{gap:24px}nav a{text-decoration:none}main{max-width:none;padding:0}.opening{height:140vh;position:relative;margin-top:-1px}.opening-sticky{position:sticky;top:65px;height:calc(100vh - 65px);overflow:hidden;padding:0 3%}.mega{display:flex;justify-content:space-between;font-size:clamp(180px,39vw,650px);line-height:.84;letter-spacing:-.07em;padding-right:2vw;transform-origin:top center}.mega span{display:inline-block;will-change:transform}.opening-line{height:20px;background:var(--ink);margin-top:30px;transform-origin:left}.opening-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:16px 0;font-size:12px;letter-spacing:.03em}.section{padding:110px 6%;border-top:1px solid var(--ink);position:relative;overflow:clip}.section:before{content:attr(data-index);display:block;font-size:14px;margin-bottom:48px;letter-spacing:.06em}.two{grid-template-columns:1.35fr 1fr;gap:7vw;align-items:start}h1{font-size:clamp(36px,4.6vw,80px);max-width:1000px;letter-spacing:-.04em;line-height:1.04}h2{font-size:clamp(36px,5.7vw,90px);max-width:1100px;line-height:1.03;letter-spacing:-.045em;margin-bottom:32px}h3{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.02em;line-height:1.1}.lead{font-size:clamp(18px,1.6vw,24px);max-width:780px}.eyebrow{font-size:12px;letter-spacing:.08em}.cta{background:var(--accent);border:0;color:var(--ink);border-radius:0;padding:17px 28px;font-size:15px}.cta:hover{background:var(--ink);color:var(--paper)}.subtle{color:#585a52;max-width:460px}.placeholder{border:1px solid var(--ink);background:transparent;text-align:left;min-height:330px;position:relative;justify-content:flex-end;padding:30px;box-shadow:12px 12px 0 var(--accent);overflow:hidden}.placeholder:before{content:'';position:absolute;top:22px;left:24px;right:24px;height:90px;border-top:12px solid var(--ink);border-bottom:1px solid var(--ink);background:repeating-linear-gradient(0deg,transparent,transparent 15px,#b5b5ac 16px,#b5b5ac 17px);transform:translateX(var(--screen-shift,0px));transition:transform .1s}.placeholder strong{font-family:'Cal Sans';font-size:28px}.placeholder p{max-width:400px}.grid{gap:0;border-top:1px solid var(--ink);margin-top:60px}.box{border:0;border-right:1px solid var(--line);padding:40px 30px;position:relative}.box:last-child{border-right:0}.box:before{content:counter(card,decimal-leading-zero);counter-increment:card;font-size:12px;display:block;margin-bottom:45px}.grid{counter-reset:card}.box h3{max-width:370px}.box p{max-width:400px}#problem{background:var(--ink);color:var(--paper)}#problem .grid{border-color:#55574f}#problem .box{border-color:#55574f}#human{padding-top:40px;background:var(--accent)}.expert-graphic{font-size:22vw;line-height:1;letter-spacing:-.065em;white-space:nowrap;margin:0 -2vw 100px;will-change:transform}#human .box{border:1px solid var(--ink);padding:36px}#human .box:before{display:none}#human .box h3:not(:first-child){border-top:1px solid #a8371c;padding-top:25px;margin-top:25px}#workflow{height:270vh;padding-bottom:0;overflow:clip}#workflow>h2{max-width:850px}.workflow-stage{position:sticky;top:100px;overflow:hidden;padding-bottom:25px}.flow{display:flex;border:0;border-top:1px solid var(--ink);width:max-content;margin-top:50px;will-change:transform}.step{width:35vw;min-width:360px;min-height:360px;border-right:1px solid var(--ink);padding:30px 40px}.step small{font-size:14px;margin-bottom:50px}.step h3{font-size:36px;max-width:300px}.step p{font-size:16px;max-width:350px}.step:nth-child(even){background:#e6cfac}.tag{border-radius:100px;font-size:12px;margin:10px 0 16px}.feature{gap:10vw;padding:80px 0;border-color:var(--ink);align-items:center}.feature h3{font-size:42px;max-width:480px}.feature .placeholder{min-height:330px}.feature:nth-of-type(2){direction:rtl}.feature:nth-of-type(2)>*{direction:ltr}#audience{background:#e6cfac}.example{padding:0;border:0}.example .grid{grid-template-columns:repeat(3,1fr)}.example .box{border-bottom:1px solid var(--line)}.example .box:before{color:var(--accent);font-family:'Cal Sans';font-size:64px;margin-bottom:30px}.example h3{font-size:24px}.example .placeholder{margin-top:60px!important;min-height:260px!important;box-shadow:none}#questions{display:grid;grid-template-columns:.85fr 1fr;column-gap:7vw}#questions:before{grid-column:1/-1}#questions h2{grid-row:2/8;font-size:64px}details{border-color:var(--ink);padding:25px 0}summary{font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:26px;line-height:1}details[open] summary:after{content:'−'}details p{padding-right:40px}#next-step{background:var(--accent);padding:150px 6%}#next-step h2{font-size:clamp(54px,9vw,150px);max-width:1000px}#next-step .cta{background:var(--ink);color:var(--paper)}footer{max-width:none;background:var(--ink);color:var(--paper);padding:30px 6%}.note{display:none}body:not(.hide-notes) .note{display:block}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.reveal-word{display:inline-block;transform:translateY(calc((1 - var(--reveal,1))*105%));opacity:var(--reveal,1);will-change:transform}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-right:.22em;padding-bottom:.07em;margin-bottom:-.07em}.section .box{transform:translateY(var(--card-y,0px));will-change:transform}
@media(max-width:760px){header{flex-direction:row;align-items:center;padding:16px 5%}header .wordmark{font-size:18px}nav{gap:15px}nav a{font-size:12px}nav a:nth-child(2),nav a:nth-child(3){display:none}.opening{height:110vh}.opening-sticky{top:59px;height:calc(100svh - 59px);display:flex;flex-direction:column;justify-content:center}.mega{font-size:40vw}.opening-meta{font-size:10px}.opening-meta span:nth-child(2){display:none}.opening-line{height:12px}.section{padding:65px 6%}.section:before{margin-bottom:30px}.two{grid-template-columns:1fr;gap:45px}.grid,.example .grid{grid-template-columns:1fr;margin-top:35px}.box{border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.box:before{margin-bottom:25px}.placeholder{min-height:300px;box-shadow:7px 7px 0 var(--accent)}.expert-graphic{font-size:22vw;margin-bottom:60px}#human .box{padding:25px}#workflow{height:auto}.workflow-stage{position:relative;top:auto;overflow:visible}.flow{display:block;width:auto;transform:none!important}.step{width:100%;min-width:0;min-height:0;padding:30px 20px;border-right:0;border-bottom:1px solid var(--ink)}.step small{margin-bottom:25px}.step h3{font-size:30px}.feature{grid-template-columns:1fr;gap:30px;padding:45px 0}.feature h3{font-size:32px}.feature:nth-of-type(2){direction:ltr}#questions{display:block}#questions h2{font-size:44px}#next-step{padding:85px 6%}footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mega span,.expert-graphic,.flow,.box{transform:none!important}.reveal-word{transform:none!important;opacity:1!important}.opening{height:90vh}#workflow{height:auto}.workflow-stage{position:relative;top:auto}.flow{width:auto;flex-wrap:wrap}.step{width:50%}.reading-progress{display:none}}
/* One continuous scene: blocks → columns → graphics → stack. */
#features{padding-bottom:0;overflow:clip}.feature-sequence{height:650vh;margin:0 -6.82%;position:relative}.sequence-stage{position:sticky;top:74px;height:calc(100vh - 74px);min-height:600px;overflow:hidden;background:var(--paper)}.sequence-graphics{position:absolute;inset:0;overflow:hidden}.sequence-panel{position:absolute;background:var(--ink);overflow:hidden;will-change:transform,width,height,left,top;contain:paint}.sequence-art{position:absolute;inset:0;overflow:hidden;will-change:transform;display:flex;align-items:center;justify-content:center;font-family:'Cal Sans';color:var(--ink)}.panel-0 .sequence-art{background:var(--accent)}.panel-1 .sequence-art{background:#e6cfac}.panel-2 .sequence-art{background:#c3c9de}.type-lines{font-size:clamp(100px,12vw,210px);line-height:.83;letter-spacing:-.065em;transform:rotate(-90deg);white-space:nowrap}.type-eight{font-size:clamp(300px,58vw,850px);line-height:.7;letter-spacing:-.08em;transform:translateX(-5%)}.type-orbit{position:absolute;left:50%;top:50%;font-size:5vw;color:var(--accent);transform:translate(-50%,-50%) rotate(-20deg);border:1px solid var(--accent);padding:35px;border-radius:50%}.type-match{font-size:clamp(130px,24vw,390px);letter-spacing:-.09em;transform:rotate(-90deg)}.type-connection{position:absolute;font-size:4vw;letter-spacing:-.04em;bottom:16%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0}.art-caption{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;gap:30px;font-family:Manrope;font-size:12px;border-top:1px solid currentColor;padding-top:15px}.art-caption span:last-child{max-width:180px}.sequence-copies{position:absolute;inset:0 43% 0 0;pointer-events:none}.sequence-copy{position:absolute;inset:0;padding:45px 7vw 30px 6vw;opacity:0;visibility:hidden;will-change:transform,opacity;display:flex;flex-direction:column;justify-content:center;gap:25px}.sequence-number{font-size:14px}.sequence-copy h3{font-size:clamp(32px,3.6vw,58px);max-width:600px}.sequence-copy p{font-size:16px;line-height:1.55;max-width:580px}.sequence-copy .placeholder{min-height:0;border:0;border-top:1px solid var(--ink);box-shadow:none;padding:16px 0 0;overflow:visible}.sequence-copy .placeholder:before{display:none}.sequence-copy .placeholder strong{font-size:20px}.sequence-copy .placeholder p{font-size:13px;margin:8px 0 0}.sequence-track{position:absolute;bottom:28px;left:6%;display:flex;gap:8px;opacity:0}.sequence-track i{display:block;width:35px;height:3px;background:var(--line)}.sequence-track i.active{background:var(--ink)}
@media(max-height:750px) and (min-width:761px){.sequence-stage{min-height:0}.sequence-copy{gap:12px;padding-top:25px;padding-bottom:50px}.sequence-copy h3{font-size:36px;margin-bottom:12px}.sequence-copy p{font-size:14px;margin-bottom:10px}.sequence-copy .placeholder p{font-size:12px}.art-caption{bottom:20px}}
@media(max-width:760px),(prefers-reduced-motion:reduce){.feature-sequence{height:auto;margin:0}.sequence-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.sequence-graphics{display:none}.sequence-copies{position:relative;inset:auto}.sequence-copy{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;padding:45px 0;border-top:1px solid var(--ink);gap:15px}.sequence-copy h3{font-size:36px}.sequence-copy p{font-size:16px}.sequence-copy .placeholder{margin-top:15px}.sequence-track{display:none}#features{padding-bottom:55px}}
/* Opening composition and coordinated entrance. */
.opening{height:auto;margin:0;overflow:hidden}.opening-sticky{position:relative;top:auto;height:auto;padding:14px 1.5% 0;display:block}.mega{font-size:26vw;line-height:.8;letter-spacing:-.045em;padding:0;justify-content:space-between;height:21vw;align-items:center}.mega>span{overflow:hidden;line-height:1.04}.mega i{display:block;font-style:normal;transform-origin:bottom center}.opening-line{height:clamp(15px,2.4vw,40px);margin:14px 0 0}header{padding:15px 1.5%;min-height:58px}#hero{padding:0 1.5% 80px;border:0;overflow:clip}#hero:before{display:none}.hero-intro{display:grid;grid-template-columns:32% 68%;min-height:max(380px,calc(100svh - 21vw - 58px - 50px));border-bottom:1px solid var(--ink)}.hero-sidebar{border-right:1px solid var(--ink);padding:28px 25px 28px 0;display:flex;flex-direction:column;justify-content:flex-end;gap:30px;position:relative}.hero-sidebar .eyebrow{font-size:14px;letter-spacing:0;max-width:210px;line-height:1.4;margin:0}.hero-sidebar .actions{margin:0;align-items:flex-start;flex-direction:column;gap:18px}.hero-title{display:flex;align-items:flex-end;padding:30px 2vw}.hero-title h1{font-size:clamp(36px,4.4vw,78px);line-height:1.01;margin:0;max-width:1080px}.hero-details{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding:85px 4.5% 0}.hero-details .lead{font-size:clamp(20px,2.3vw,32px);line-height:1.4}.hero-details .placeholder{min-height:320px}.hero-title .reveal-word{opacity:1!important;transform:none!important}.hero-sidebar:after{content:'';position:absolute;right:-1px;top:0;height:100%;width:1px;background:var(--ink);transform-origin:top}.type-expert{font-size:14vw;transform:rotate(-90deg);letter-spacing:-.06em}.panel-1 .type-orbit{font-size:2.6vw;background:#e6cfac;padding:22px;border-radius:0;transform:translate(-50%,-50%) rotate(-20deg)}
@keyframes mark-enter{0%{transform:translateY(115%) rotate(14deg) scale(.85)}65%{transform:translateY(-5%) rotate(-2deg) scale(1.03)}100%{transform:translateY(0) rotate(0) scale(1)}}
@keyframes rule-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes content-enter{from{clip-path:inset(100% 0 0 0);transform:translateY(30px);opacity:0}to{clip-path:inset(0 0 0 0);transform:translateY(0);opacity:1}}
@keyframes column-rule{from{transform:scaleY(0)}to{transform:scaleY(1)}}
body.is-entering .mega i{animation:mark-enter 1.45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--letter-index)*80ms)}body.is-entering .opening-line{animation:rule-enter .9s cubic-bezier(.76,0,.24,1) .45s both}body.is-entering header{animation:content-enter .7s cubic-bezier(.22,1,.36,1) .8s both}body.is-entering .hero-sidebar:after{animation:column-rule 1.1s cubic-bezier(.76,0,.24,1) 1s both}body.is-entering .hero-title{animation:content-enter 1s cubic-bezier(.22,1,.36,1) 1.05s both}body.is-entering .hero-sidebar .eyebrow,body.is-entering .hero-sidebar .actions{animation:content-enter .85s cubic-bezier(.22,1,.36,1) 1.3s both}body.is-entering .hero-sidebar .actions{animation-delay:1.45s}
@media(max-width:760px){.opening{height:auto}.opening-sticky{height:auto;padding:18px 5% 0}.mega{font-size:24vw;height:21vw;line-height:.8}.opening-line{height:12px;margin-top:18px}header{padding:16px 5%}#hero{padding:0 5% 55px}.hero-intro{grid-template-columns:1fr;min-height:calc(100svh - 21vw - 104px)}.hero-sidebar{border:0;order:2;padding:20px 0 30px;gap:18px}.hero-sidebar:after{display:none}.hero-sidebar .eyebrow{max-width:none;font-size:12px}.hero-sidebar .actions{flex-direction:row;align-items:center;font-size:13px}.hero-sidebar .cta{padding:14px 18px;font-size:13px}.hero-title{padding:35px 0 5px;align-items:flex-end}.hero-title h1{font-size:clamp(32px,8.8vw,55px)}.hero-details{grid-template-columns:1fr;gap:35px;padding:45px 0 0}.hero-details .lead{font-size:20px}}
@media(prefers-reduced-motion:reduce){body.is-entering .mega i,body.is-entering .opening-line,body.is-entering header,body.is-entering .hero-title,body.is-entering .hero-sidebar:after,body.is-entering .hero-sidebar .eyebrow,body.is-entering .hero-sidebar .actions{animation:none}.opening{height:auto}}
.mega>span{padding-right:.05em;margin-right:-.05em}
html{overflow-anchor:none}
/* Ordered entrance and pinned return to the baseline. */
.intro-scroll{height:165vh;position:relative}.intro-pin{position:sticky;top:0;height:100vh;overflow:clip}.nav-slot{height:64px}header{height:64px}.past-intro header{position:fixed;top:0;left:0;right:0}.mega{align-items:flex-end}.mega>span{overflow:hidden;line-height:.8;padding-bottom:0;height:100%;display:flex;align-items:flex-end}.mega i{transform:translateY(var(--exit-y,0%));line-height:.8}#hero{padding-bottom:0}.hero-intro{min-height:0;height:calc(100vh - 21vw - 64px - 42px)}.hero-title h1{font-size:clamp(36px,5.2vw,86px)}.opening-line{margin-top:0}.hero-details{padding:50px 6%;align-items:center;height:100%;gap:8%}.icp-scroll{height:170vh;position:relative}.icp-pin{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;align-items:center}.hero-details .lead{font-size:clamp(24px,3vw,44px);line-height:1.35}.hero-details .placeholder{will-change:transform}.hero-details .reveal-word{transform:translateY(calc((1 - var(--reveal,1))*105%));opacity:var(--reveal,1)}
@keyframes expert-rise{from{transform:translateY(115%)}to{transform:translateY(0)}}body.is-entering .mega i{animation:expert-rise .55s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--letter-delay)}body.is-entering .opening-line{animation:rule-enter .55s cubic-bezier(.65,0,.35,1) 0s both}body.is-entering header{animation-delay:.6s}body.is-entering .hero-title{animation-delay:.9s}body.is-entering .hero-sidebar:after{animation-delay:.65s}body.is-entering .hero-sidebar .eyebrow{animation-delay:1.1s}body.is-entering .hero-sidebar .actions{animation-delay:1.2s}
#problem .box{transform:translateX(var(--slide-x,0px));will-change:transform}#problem .grid{overflow:visible}.workflow-stage{padding:35px 25px 50px;margin-left:-25px;margin-right:-25px}.flow{margin-top:20px;gap:18px;border:0}.step{border:1px solid var(--ink)!important;transform:scale(calc(1 + var(--focus,0)*.16));transform-origin:center;background:color-mix(in srgb,var(--paper),var(--accent) calc(var(--focus,0)*100%));position:relative;z-index:calc(1 + var(--focus,0)*10);will-change:transform;background-color:var(--paper)}.step[style]{box-shadow:0 calc(var(--focus,0)*12px) calc(var(--focus,0)*25px) #17181618}.step h3{transition:none}.step:nth-child(even){background-color:#e6cfac}
@media(max-width:760px){.intro-scroll{height:145svh}.intro-pin{height:100svh}.nav-slot,header{height:61px}.hero-intro{height:calc(100svh - 21vw - 61px - 30px);min-height:0;grid-template-rows:1fr auto}.hero-title h1{font-size:clamp(32px,9vw,55px)}.icp-scroll{height:auto}.icp-pin{position:relative;top:0;height:auto}.hero-details{padding:55px 5%;height:auto}.hero-details .lead{font-size:24px}.workflow-stage{padding:10px 15px 30px;margin-left:-15px;margin-right:-15px}.step{transform:scale(calc(1 + var(--focus,0)*.04))}}
@media(prefers-reduced-motion:reduce){.intro-scroll{height:auto}.intro-pin{position:relative;height:auto}.hero-intro{min-height:500px}.icp-scroll{height:auto}.icp-pin{position:relative;top:0;height:auto}.hero-details .placeholder{transform:none!important}body.is-entering .mega i{animation:none}.mega i{transform:none}.step{transform:none!important}#problem .box{transform:none!important}}
/* Baseline compression, copy replacement, and navigation continuity. */
.mega i{transform-origin:bottom center;transform:translateY(var(--exit-y,0%)) scaleY(var(--exit-scale,1))}.hero-copy-window{position:relative;width:100%;min-height:220px;overflow:hidden}.hero-copy-window h1,.hero-secondary{position:absolute;bottom:0;left:0;width:100%;margin:0;will-change:transform}.hero-secondary{font:400 clamp(22px,2.5vw,40px)/1.3 Manrope,sans-serif;color:#606159;transform:translateY(110%);opacity:0}.past-intro header{transform:translateY(var(--nav-y,0px));will-change:transform}.icp-scroll{overflow:clip}.icp-line{display:block;overflow:hidden}.icp-line-inner{display:block;will-change:transform,opacity}.hero-details .lead>span:not(.icp-line){display:inline}#problem .box{background:var(--ink)}#problem .box:nth-child(1){z-index:3}#problem .box:nth-child(2){z-index:2}#problem .box:nth-child(3){z-index:1}
.sequence-baseline{position:absolute;left:1.5%;right:1.5%;top:70%;height:24px;background:var(--ink);transform-origin:left;will-change:transform}.feature-sequence{height:600vh}.sequence-panel{transform-origin:bottom center}.sequence-copy{background:var(--paper)}
#example .box{transform:none!important;display:grid;grid-template-rows:65px 60px 1fr;gap:16px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}#example .box:before{display:none}#example .box:nth-child(3n){border-right:0}#example .box h3{margin:0;font-size:24px}#example .box p{margin:0;font-size:15px;line-height:1.5}#example .grid{margin:0;grid-auto-rows:1fr;gap:0;width:100%}.example-scroll{height:240vh;position:relative}.example-pin{position:sticky;top:74px;height:calc(100vh - 74px);display:flex;align-items:center}.example-number{display:block;font:64px/.95 'Cal Sans';color:var(--accent);transform:scale(.45);transform-origin:left bottom;will-change:transform}.example .eyebrow{margin-bottom:25px}
@media(max-height:800px) and (min-width:761px){#example .box{grid-template-rows:50px 48px 1fr;gap:12px;padding:18px}#example .box h3{font-size:20px}#example .box p{font-size:14px}.example-number{font-size:54px}}
@media(max-width:760px){.hero-copy-window{min-height:250px}.hero-secondary{font-size:22px}.example-scroll{height:auto}.example-pin{position:relative;top:0;height:auto}#example .box{border-right:0;grid-template-rows:65px auto 1fr}#example .box h3{font-size:24px}#example .box p{font-size:16px}.feature-sequence{height:auto}.sequence-baseline{display:none}}
@media(prefers-reduced-motion:reduce){.hero-copy-window{min-height:0;height:auto!important}.hero-copy-window h1,.hero-secondary{position:relative;transform:none!important;opacity:1!important}.hero-secondary{margin-top:25px}.icp-line-inner{transform:none!important;opacity:1!important}.example-scroll{height:auto}.example-pin{position:relative;top:0;height:auto}.example-number{transform:none!important}.sequence-baseline{display:none}}

/* Hold the section introductions while their scroll scenes unfold. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
#problem{height:190vh;padding-top:0;padding-bottom:0;position:relative;overflow:clip}#problem:before{position:absolute;top:35px;left:6%;z-index:5}.problem-pin{position:sticky;top:74px;min-height:calc(100vh - 74px);padding:100px 0 35px;background:var(--ink)}#problem .grid{margin-top:45px}#problem .box{padding:30px}#problem .box:before{margin-bottom:30px}
.workflow-pin{position:sticky;top:110px}.workflow-pin:before{content:'04 / How to use the app';display:block;font-size:14px;margin-bottom:30px}#workflow:before{visibility:hidden;margin-bottom:0;height:0}#workflow .workflow-stage{position:relative;top:auto}.workflow-pin h2{font-size:clamp(40px,4.7vw,76px);margin-bottom:30px}.workflow-stage{padding-top:30px}.step{min-height:350px}.step small{margin-bottom:30px}
#features:before{margin-bottom:20px}.sequence-heading{position:absolute;top:24px;left:6%;right:6%;max-width:90%;z-index:5;font-size:clamp(42px,5.5vw,88px);pointer-events:none;will-change:transform,opacity}.sequence-baseline{top:36%}
}
@media(max-width:760px),(prefers-reduced-motion:reduce){.sequence-heading{position:relative;margin-bottom:35px}.workflow-pin:before{display:none}}

/* A single growing divider follows the moving header rule. */
.hero-sidebar{border-right:0}.hero-sidebar:after{top:var(--divider-top,0px);height:calc(100% - var(--divider-top,0px));transform-origin:bottom;will-change:top,height,transform}
body.is-entering .hero-sidebar:after{animation:column-rule .8s cubic-bezier(.65,0,.35,1) 2s both}
.hero-copy-window{contain:paint;clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){body.is-entering .hero-sidebar:after{animation:none}}

#hero{overflow:visible}

.live-product{position:relative;overflow:hidden;background:#f5f5f3}.product-viewport{position:absolute;width:1100px;height:760px;left:50%;top:50%;transform-origin:center;will-change:transform}.product-viewport iframe{width:1100px;height:760px;border:0;display:block;pointer-events:none;background:#f5f5f3}.main-product{height:clamp(320px,38vw,620px);min-height:0!important;border:1px solid var(--ink);padding:0;box-shadow:12px 12px 0 var(--accent)}.main-product:before{display:none}.hero-details{grid-template-columns:.85fr 1.45fr;gap:5%}.hero-details .lead{font-size:clamp(22px,2.5vw,36px)}.sequence-art.live-product{background:#f5f5f3}.sequence-copy .placeholder{display:none}@media(max-width:760px){.hero-details{grid-template-columns:1fr}.main-product{height:300px}.sequence-copy .placeholder{display:flex}}

.sequence-art.live-product{position:absolute;width:100%;height:100%}

/* Wide product layouts, without decorative offset shadows. */
.placeholder,.main-product,.step[style]{box-shadow:none!important}.hero-copy-window{min-height:0}.hero-title h1{font-size:clamp(32px,4vw,70px)}.hero-secondary{font-size:clamp(18px,1.8vw,30px)}.hero-title{padding-top:16px;padding-bottom:20px}.hero-details{padding:45px 1.5% 45px 6%;grid-template-columns:27% 1fr;gap:4%;align-items:center}.hero-details .lead{font-size:clamp(20px,1.9vw,32px);line-height:1.35}.product-area{min-width:0}.product-flow{font-size:clamp(12px,1.1vw,19px);margin:0 0 18px}.main-product{height:auto!important;aspect-ratio:16/9;min-height:0!important}.analytics-product{width:100%;aspect-ratio:16/9;margin-top:45px;border:1px solid var(--ink)}.sequence-art.live-product .product-viewport{top:50%;left:50%}@media(max-width:760px){.hero-details{grid-template-columns:1fr;padding:35px 5%;gap:24px}.hero-details .lead{font-size:22px}.hero-title h1{font-size:32px}.hero-secondary{font-size:18px}.product-flow{font-size:11px}.hero-copy-window{min-height:0}}

.hero-details{width:100%;flex:1;min-width:0}

/* Compact, left-aligned opening mark. */
.expert-prefix{font:400 clamp(16px,1.4vw,24px)/1.2 Manrope,sans-serif;margin:0 0 8px;transform-origin:left}.mega{width:max-content;max-width:100%;justify-content:flex-start;gap:0;font-size:20vw;height:17vw;letter-spacing:-.045em}.mega>span{flex:0 0 auto}.hero-intro{height:calc(100vh - 17vw - 64px - 78px)}body.is-entering .expert-prefix{animation:content-enter .5s cubic-bezier(.22,1,.36,1) .55s both}@media(max-width:760px){.mega{font-size:20vw;height:17vw}.expert-prefix{font-size:14px}.hero-intro{height:calc(100svh - 17vw - 61px - 64px)}}

/* One optical left edge for the opening composition. */
.expert-prefix{font-weight:700;font-size:clamp(20px,1.8vw,30px);margin-bottom:0}.mega{margin-left:-.045em}.hero-copy-window .hero-primary{position:absolute;bottom:0;left:0;width:100%;will-change:transform}.hero-brand,.hero-headline{font-family:'Cal Sans',sans-serif;font-size:clamp(32px,4vw,70px);line-height:1.01;letter-spacing:-.04em;margin:0;max-width:1080px}.hero-copy-window .hero-brand{position:static!important;font-weight:700;margin:0 0 12px;transform:none!important}.hero-headline{font-weight:400}.hero-title{padding-top:8px}.hero-secondary{font-size:clamp(17px,1.65vw,28px)}@media(max-width:760px){.expert-prefix{font-size:18px}.hero-brand,.hero-headline{font-size:30px}}@media(prefers-reduced-motion:reduce){.hero-copy-window .hero-primary{position:relative;transform:none!important}}

.mega{height:15vw}.hero-intro{height:calc(100vh - 15vw - 64px - 78px)}@media(max-width:760px){.mega{height:15vw}.hero-intro{height:calc(100svh - 15vw - 61px - 64px)}}

.product-flow{text-transform:uppercase;font-weight:800;letter-spacing:.025em;will-change:opacity}.product-area{will-change:transform}.sequence-panel{border-right:2px solid var(--ink)}.publish-channels{display:flex;gap:20px;margin-top:20px;font-size:14px;font-weight:600}.publish-channels>span{display:inline-flex;align-items:center;gap:7px}.publish-channels svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* The complete feature collection continues section 05. */
.capabilities{padding:90px 6% 110px;position:relative;background:var(--paper);overflow:clip}.capabilities h2{font-size:clamp(40px,5vw,80px);margin-bottom:50px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.capability-card{min-width:0;min-height:230px;padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);will-change:transform;transform-origin:left bottom}.capability-meta{display:flex;justify-content:space-between;gap:15px;font-size:14px;font-weight:600;margin-bottom:45px}.capability-meta>span:first-child{color:var(--accent)}.capability-card h3{font-size:clamp(24px,2.1vw,36px);line-height:1.12;letter-spacing:-.025em;margin:0;max-width:100%}@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.capabilities{padding:45px 5% 60px}.capabilities h2{margin-bottom:30px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:175px;padding:24px}.capability-meta{margin-bottom:30px}.capability-card h3{font-size:28px}}@media(prefers-reduced-motion:reduce){.capability-card{transform:none!important}}

.capability-card{min-height:300px;display:flex;flex-direction:column}.capability-card h3{font-weight:700;margin-bottom:18px}.capability-card>p{font-size:16px;line-height:1.5;margin:0 0 24px;max-width:38ch}.capability-icons{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:auto;font-size:14px;font-weight:600}.capability-icons>span{display:inline-flex;align-items:center;gap:6px}.capability-icons svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media(max-width:760px){.capability-card{min-height:250px}.capability-card>p{font-size:16px}}

/* Mono typography for labels and editorial metadata. */
.capability-meta,.eyebrow,.section:before,.workflow-pin:before,.sequence-number,.opening-meta,.step small,.tag,.product-flow,.sequence-track{font-family:'JetBrains Mono',monospace;font-weight:500}.capability-meta>span:last-child{font-family:'JetBrains Mono',monospace;font-weight:500}