@font-face{font-family:Corvent;src:url('/swift/fonts/Corvent-Black.woff') format('woff');font-weight:900;font-display:swap}
@font-face{font-family:Archivo;src:url('/swift/fonts/Archivo-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('/swift/fonts/Archivo-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Mono;src:url('/swift/fonts/JetBrainsMono-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#0d0f0e;--paper:#f5f2eb;--hero:#e4dbd8;--teal:#06e5c3;--muted:#4a4d48;--line:#c9c9c0;--display:Corvent,Impact,sans-serif;--body:Archivo,Arial,sans-serif;--pad:clamp(24px,4.2vw,76px);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}p,h1,h2,h3,h4,figure{margin:0}p+p{margin-top:16px}h1,h2,h3{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.022em}h2{font-size:clamp(38px,4.3vw,66px);line-height:1.03}h3{font-size:30px;line-height:1.08}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #048a76;outline-offset:5px}.container{max-width:1600px;margin:auto;padding-inline:var(--pad)}.section{padding-block:82px}.section-label{display:flex;justify-content:space-between;gap:24px;font:13px/1.5 Mono,monospace;text-transform:uppercase;letter-spacing:.03em;border-top:1px solid var(--line);padding-top:18px;margin-bottom:48px}.section-label span:last-child{color:var(--muted)}.mono{font:13px/1.4 Mono,monospace;text-transform:uppercase;letter-spacing:.02em}.intro{font-size:20px;line-height:1.5}.small{font-size:15px;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:16px 23px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:999px;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s,color .2s,transform .2s}.button span{font-size:21px;line-height:1;transition:transform .2s}.button:hover{background:var(--teal);color:var(--ink)}.button:hover span{transform:translate(2px,-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:16px;font-weight:600;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.skip-link{position:fixed;top:10px;left:20px;transform:translateY(-200%);z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{transform:none}
.site-header{background:var(--hero);position:sticky;top:0;z-index:20;border-bottom:1px solid transparent}.header-inner{max-width:1600px;margin:auto;padding:22px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:22px}.wordmark{display:block;width:172px;flex-shrink:0}.wordmark img{width:100%;height:auto}.wordmark:hover img{transform:translateY(-2px)}.wordmark img{transition:transform .25s}.desktop-nav{display:flex;align-items:center;gap:24px;padding:12px 23px;border-radius:50px;background:rgba(255,255,255,.48)}.desktop-nav a{font-size:13px;white-space:nowrap;position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after{transform:scaleX(1)}.button-small{font-size:13px;padding:12px 16px;min-height:44px;gap:16px}.button-small span{font-size:17px}.menu-toggle{display:none;background:none;border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:17px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{padding:10px var(--pad) 24px;background:var(--hero)}.mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid #bdb6b2;font-size:18px}
.hero{background:var(--hero);padding:30px 0 60px}.hero-inner{display:grid;grid-template-columns:1.03fr 1fr;gap:4px;align-items:center}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(60px,7.25vw,116px);line-height:.98;letter-spacing:-.022em}.hero h1 span{display:block}.hero-description{max-width:490px;font-size:18px;line-height:1.45;margin-top:30px}.hero-offer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:16px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:22px}.hero-art{width:100%;align-self:center;position:relative}.pyramid-frame{aspect-ratio:1;position:relative;isolation:isolate;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in}.pyramid-frame img,.pyramid-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pyramid-still{z-index:0}.pyramid-video{z-index:1}.pyramid-frame.is-fallback .pyramid-video{visibility:hidden}.hero-art figcaption{display:flex;align-items:center;justify-content:space-between;margin:12px 24px 0;color:#4b4542}.motion-control{width:44px;height:44px;border:1px solid #827a75;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center}.motion-control[hidden]{display:none}.motion-control:hover{background:var(--ink);color:var(--paper)}.motion-control svg{width:19px;height:19px;stroke-width:2}.motion-control[data-playing=true] .play-icon,.motion-control:not([data-playing=true]) .pause-icon{display:none}
.sprint{padding-top:50px}.sprint-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:8vw}.sprint-grid .intro{margin-top:28px}.sprint-grid p{max-width:520px}.inclusions{margin:0;padding:0;list-style:none}.inclusions li{display:flex;align-items:center;gap:24px;padding:21px 0;border-bottom:1px solid var(--line)}.inclusions li:first-child{padding-top:0}.inclusions li>span{font:13px Mono,monospace;flex-shrink:0;color:#506a60}.inclusions p{font-size:20px;line-height:1.4}.sprint-bottom{margin-top:42px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.65fr auto;align-items:center;gap:36px}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.price strong{font-family:var(--display);font-size:54px;letter-spacing:-.03em;line-height:1.1}.price>span{font-size:16px}.timing{font-size:16px;line-height:1.5}.timing .small{font-size:14px;color:var(--muted);margin-top:12px}
.scope-section{padding-top:16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading>p{max-width:390px;font-size:18px;padding-bottom:5px}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scope-example>p:last-child{font-size:18px;margin-top:18px;color:var(--muted)}.scope-number{margin:24px 0 12px;color:#4d6158}.scope-example h3{font-size:30px;line-height:1.13}.mini-diagram{height:240px;padding:25px 20px;background:#e3e5dd;display:flex;align-items:center;justify-content:center;border-radius:5px;position:relative;color:var(--ink);overflow:hidden}.mini-window{background:var(--paper);width:100%;border:1px solid #949b92;box-shadow:0 7px 0 #cbd2c8;border-radius:4px;overflow:hidden}.window-bar{border-bottom:1px solid #ced1c8;display:flex;align-items:center;gap:4px;padding:10px 12px;font-size:12px;color:#51564f}.window-bar i{display:block;width:4px;height:4px;background:#62685f;border-radius:50%}.window-bar>span{margin-left:auto}.product-wire{display:grid;grid-template-columns:.7fr 1fr;gap:12px;padding:16px 12px}.image-well{background:#dce2d6;min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;font-size:11px}.image-well svg{width:28px;height:28px;stroke:#64705f}.wire-info{display:flex;flex-direction:column;gap:12px;justify-content:center}.wire-info>b{font-size:14px}.wire-line{display:block;height:4px;background:#c3c9be;width:90%}.wire-line.short{width:60%}.proof-chip{display:flex;align-items:center;gap:5px;font-size:11px}.proof-chip svg{width:14px;height:14px}.wire-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--teal);color:#0a2820;font-size:12px;font-weight:600;padding:10px}.recovery-diagram{flex-direction:column;padding:16px 24px}.sequence-node{display:flex;align-items:center;gap:12px;font-size:13px;border:1px solid #939c90;border-radius:4px;padding:9px 13px;width:88%;background:var(--paper)}.sequence-node svg{width:18px;height:18px}.sequence-node.active{background:var(--teal);border-color:#34a58c}.sequence-line{width:1px;height:15px;flex-shrink:0;background:#7d8876}.sequence-note{font-size:11px;margin-top:12px;color:#4c5745}.ad-diagram{gap:10px;padding:25px 19px}.ad-wire,.landing-wire{background:var(--paper);border:1px solid #949b92;border-radius:4px;overflow:hidden;width:45%;box-shadow:0 7px 0 #cbd2c8}.ad-wire{padding:14px 12px}.ad-wire>.wire-line{margin-top:10px}.wire-label{display:block;font-size:11px;margin-bottom:12px}.ad-message{font-size:16px;line-height:1.2;font-weight:600;letter-spacing:-.04em;padding:12px 8px;background:#b7e9d8}.landing-wire>.wire-label{padding:12px 10px 0;margin:0 0 10px}.landing-wire>.ad-message{margin:0 10px 10px;padding:8px 4px}.landing-wire>.wire-cta{margin:0 10px 12px;padding:6px;font-size:11px}.diagram-connector{font-size:18px;color:#55745e}.scope-note{display:flex;gap:16px;max-width:860px;padding-top:28px;margin-top:36px!important;border-top:1px solid var(--line);font-size:16px}.scope-note svg{width:21px;height:21px;margin-top:2px}
.approach-section{background:var(--ink);color:var(--paper);--line:#414740;--muted:#c1c7be;border-radius:32px;margin:0 12px;padding-block:60px}.approach-section .container{padding-inline:calc(var(--pad) - 12px)}.method-heading{font-size:clamp(42px,5.4vw,82px);line-height:1.08}.method-heading>span{color:var(--teal)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:46px}.method-grid>div{border-top:1px solid var(--line);padding-top:18px}.method-grid .mono{color:var(--teal)}.method-grid h3{font-family:var(--body);text-transform:none;letter-spacing:-.03em;font-size:24px;margin:16px 0 12px;font-weight:600}.method-grid p{font-size:17px;color:#d6dbd2;max-width:255px}.scale-note{font-size:14px;color:#c1c7be;margin-top:24px}.demonstration{margin-top:56px;background:#e4e7df;color:var(--ink);padding:32px;border-radius:6px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.demo-heading h3{font-size:32px;line-height:1.1}.demo-label{font-size:13px;max-width:240px;line-height:1.5;border-left:2px solid #879380;padding-left:15px;color:#424b3b}.demo-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}.demo-state{margin-bottom:12px;font-size:12px}.demo-after .demo-state{display:flex;align-items:center;gap:8px}.demo-after .demo-state:before{content:'';height:8px;width:8px;background:#078772;border-radius:50%}.demo-page{height:340px;background:#faf9f5;border:1px solid #a9afa3;border-radius:4px;overflow:hidden}.demo-before .demo-page{background:#edece6;color:#64665f}.demo-page .window-bar span{margin:0 auto 0 0}.demo-before-body{padding:18px 24px}.demo-image{background:#d6dbd0;color:#5b6754;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:18px;font-size:12px}.demo-image svg{width:28px;height:28px}.demo-before .demo-image{height:95px;background:#ddded5}.demo-page h4{font:600 22px/1.2 var(--body);margin:16px 0 7px}.demo-before-body>p{font-size:12px}.skeleton-lines{display:grid;gap:5px;margin-top:12px}.skeleton-lines span{display:block;height:4px;background:#cbd0c5;width:90%}.skeleton-lines span:last-child{width:65%}.demo-muted-action{display:block;background:#d0d2c9;padding:7px 12px;font-size:12px;margin-top:15px;text-align:center}.proof-displaced{font-size:11px;margin-top:17px}.demo-after-body{display:grid;grid-template-columns:.8fr 1fr;gap:25px;padding:22px 24px;height:calc(100% - 39px)}.demo-after-body>.demo-image{height:100%}.demo-product-copy{position:relative}.demo-product-copy h4{font-size:24px;margin:0 0 8px}.demo-product-copy>p{font-size:12px}.annotation-number{position:absolute;left:-13px;top:-7px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--teal);font:12px Mono,monospace;border:2px solid #faf9f5;transform:translateX(-50%)}.demo-proof{position:relative;display:flex;align-items:center;gap:8px;margin-top:20px;border-top:1px solid #d5d8ce;border-bottom:1px solid #d5d8ce;padding:10px 0;font-size:12px}.demo-proof svg{width:17px;height:17px}.demo-proof .annotation-number{top:9px}.demo-purchase{position:relative;margin-top:16px}.demo-purchase .annotation-number{top:2px}.option-label{font-size:12px}.sample-options{display:flex;gap:8px;margin:8px 0 12px;font-size:12px}.sample-options span{padding:4px 9px;border:1px solid #c2c7bb}.sample-options span:first-child{border-color:#42563c;background:#e8ecdf}.demo-annotations{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.demo-annotations li{display:flex;gap:11px}.demo-annotations li>span{width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;background:var(--ink);color:var(--teal);border-radius:50%;font:12px Mono,monospace}.demo-annotations strong{font-size:14px;line-height:1.4;display:block}.demo-annotations p{font-size:14px;line-height:1.45;color:#4d5645;margin-top:8px}.measurement{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;margin-top:30px}.measurement p{font-size:16px;color:#d6dbd2}.measurement p+p{margin-top:0}.measurement strong{color:var(--paper)}
.founder-section{padding-block:80px}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.founder-perspective{margin-top:26px;font-size:20px;line-height:1.45;color:var(--muted)}.founder-bio{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.founder-name{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.founder-name strong{font-size:22px;letter-spacing:-.03em}.founder-name span{font-size:14px;color:var(--muted)}.founder-bio>p{font-size:18px}.founder-bio .small{font-size:14px;color:var(--muted)}
.fit-section{background:#e1e9df;padding-block:52px 42px;--line:#b8c4b4}.fit-grid{display:grid;grid-template-columns:1fr .88fr;gap:9vw}.fit-intro{margin-top:22px}.fit-checklist{list-style:none;padding:0;margin:24px 0 0}.fit-checklist li{position:relative;padding:10px 0 10px 28px;font-size:17px}.fit-checklist li:before{content:'';position:absolute;left:2px;top:19px;width:11px;height:6px;border-left:1.5px solid #27593a;border-bottom:1.5px solid #27593a;transform:rotate(-45deg)}.booking-panel{background:#f5f6ef;padding:32px 36px;border-radius:6px;align-self:start}.booking-panel .price{margin:18px 0 24px}.booking-panel .price strong{font-size:66px}.booking-panel>p:not(.mono){font-size:17px;line-height:1.5}.booking-panel .button{display:flex;margin-top:26px}.booking-duration{display:block;font-size:12px;margin-top:13px;text-align:center;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:.6fr 1fr;gap:9vw;border-top:1px solid var(--line);padding-top:40px;margin-top:52px}.faq-layout>h3{font-size:35px}.faqs details{border-bottom:1px solid var(--line);padding:18px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:32px}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:24px;font-weight:400;transition:transform .2s}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details>p{font-size:16px;line-height:1.5;max-width:620px;padding:12px 32px 2px 0;color:#414b3e}.expectation{font-size:14px;line-height:1.5;color:#455140;max-width:800px;margin-top:30px}.site-footer{padding-block:42px 24px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.footer-main p{font-size:15px;margin-top:14px}.footer-main nav{display:flex;gap:24px;font-size:14px}.footer-main nav a:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}.footer-main .wordmark{width:204px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;gap:30px;font-size:13px}.footer-bottom>a:last-child{margin-left:auto;display:flex;gap:12px}
@media(min-width:1500px){.hero{padding-block:48px 70px}.hero-description{max-width:550px;font-size:20px}.hero-art{margin-left:10px}.hero-offer{font-size:18px}}
@media(max-width:1190px){.desktop-nav{gap:16px;padding-inline:18px}.wordmark{width:145px}.header-inner{gap:16px}.desktop-nav a{font-size:12px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:14px}.sprint-grid{gap:6vw}.sprint-bottom{grid-template-columns:.7fr 1.4fr;gap:24px}.sprint-bottom>.button{grid-column:2;justify-self:start}.scope-grid{gap:20px}.mini-diagram{padding-inline:14px}.ad-diagram{gap:7px;padding-inline:12px}.scope-example h3{font-size:26px}.method-grid{gap:24px}.demo-after-body{gap:22px;padding:20px}.demo-product-copy h4{font-size:21px}.footer-main{flex-wrap:wrap}.footer-main nav{gap:20px}}
@media(max-width:980px){html{scroll-padding-top:90px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner>.button{margin-left:auto}.header-inner{padding-block:16px}.wordmark{width:172px}.hero h1{font-size:clamp(56px,7.4vw,76px)}.hero-description{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art figcaption{margin-inline:12px}.hero{padding-top:28px}.section{padding-block:55px}.sprint-grid{gap:40px}.inclusions p{font-size:18px}.inclusions li{padding-block:20px;gap:17px}.scope-grid{grid-template-columns:1fr;gap:36px}.scope-example{display:grid;grid-template-columns:.95fr 1fr;column-gap:30px;align-content:center}.scope-example .mini-diagram{grid-row:1/4;height:235px}.scope-number{margin:12px 0}.scope-example h3{font-size:29px}.scope-example>p:last-child{font-size:17px;margin-top:16px}.section-heading>p{max-width:300px;font-size:17px}.section-heading{gap:25px}.scope-note{margin-top:32px!important}.method-grid{grid-template-columns:1fr 1fr;row-gap:28px}.method-grid p{max-width:100%}.method-heading{font-size:54px}.demonstration{padding:24px}.demo-grid{gap:24px;grid-template-columns:.7fr 1fr}.demo-page{height:390px}.demo-after-body{display:block;height:auto;padding:18px 24px}.demo-after-body>.demo-image{height:90px;margin-bottom:14px}.demo-product-copy h4{font-size:20px}.demo-product-copy>p{font-size:11px}.demo-product-copy>.skeleton-lines{display:none}.demo-proof{margin-top:9px;padding:8px 0}.demo-purchase{margin-top:7px}.sample-options{margin:4px 0 6px}.demo-before-body{padding:18px}.demo-before .demo-image{height:150px}.demo-heading h3{font-size:28px}.demo-label{font-size:12px;max-width:190px}.demo-annotations{gap:18px}.demo-annotations strong{font-size:13px}.demo-annotations p{font-size:13px}.founder-grid{gap:45px}.founder-perspective{font-size:18px}.founder-copy .intro{font-size:18px}.founder-bio>p{font-size:17px}.fit-grid{gap:35px;grid-template-columns:1fr 1fr}.booking-panel{padding:26px}.booking-panel .price strong{font-size:58px}.booking-panel .button{padding-inline:17px;font-size:14px}.fit-checklist li{font-size:16px}.fit-intro{font-size:17px}.faq-layout{gap:35px;grid-template-columns:.65fr 1fr}}
@media(max-width:700px){:root{--pad:24px}html{scroll-padding-top:83px}body{font-size:17px}.header-inner{gap:12px;padding-inline:20px;padding-block:14px}.header-inner>.wordmark{width:135px}.header-inner>.button{font-size:12px;gap:8px;padding:11px 13px;min-height:42px}.header-inner>.button span{display:none}.menu-toggle{width:40px;height:40px}.hero{padding:25px 0 28px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(50px,11.5vw,77px);line-height:1.01}.hero h1 span{display:inline}.hero h1 span:after{content:' '}.hero h1{max-width:610px}.hero-description{font-size:17px;line-height:1.5;max-width:550px;margin-top:24px}.hero-offer{font-size:16px;margin-top:22px;gap:9px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:22px}.hero-actions>.button{font-size:15px;padding:16px 19px;gap:17px}.hero-actions>.text-link{font-size:14px;gap:10px;min-height:44px}.hero-art{max-width:530px;justify-self:center}.hero-art figcaption{margin:0 4px}.hero-art .mono{font-size:11px}.section{padding-block:43px}.section-label{font-size:11px;margin-bottom:30px;gap:15px;padding-top:14px}.section-label span:last-child{max-width:145px;text-align:right}.sprint-grid{grid-template-columns:1fr;gap:30px}h2{font-size:clamp(37px,8vw,54px);line-height:1.05}.sprint-grid .intro{font-size:18px;margin-top:22px}.sprint-grid>div>p:not(.intro){font-size:17px}.inclusions p{font-size:18px}.inclusions li{padding-block:18px}.sprint-bottom{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:24px}.price strong{font-size:52px}.sprint-bottom>.button{grid-column:1;justify-self:start}.timing{font-size:16px}.timing .small{font-size:14px}.scope-section{padding-top:14px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:480px;font-size:17px}.scope-grid{gap:36px}.scope-example{display:block}.mini-diagram{height:240px;padding-inline:24px}.mini-window{max-width:360px}.scope-number{margin:22px 0 12px;font-size:12px}.scope-example h3{font-size:30px}.scope-example>p:last-child{font-size:17px;margin-top:14px}.product-wire{padding:18px}.wire-info>b{font-size:17px}.image-well{font-size:12px}.proof-chip{font-size:13px}.wire-cta{font-size:13px}.sequence-node{max-width:280px;font-size:14px}.sequence-note{font-size:12px}.ad-diagram{padding-inline:24px;gap:15px}.ad-wire,.landing-wire{max-width:145px}.ad-message{font-size:18px}.wire-label{font-size:12px}.scope-note{font-size:15px;margin-top:30px!important;padding-top:22px;gap:12px}.approach-section{margin-inline:8px;border-radius:22px}.approach-section .container{padding-inline:16px}.method-heading{font-size:clamp(35px,8.7vw,57px);line-height:1.12}.method-grid{margin-top:30px;gap:25px 23px}.method-grid h3{font-size:22px;margin-top:12px}.method-grid p{font-size:16px}.method-grid .mono{font-size:12px}.scale-note{font-size:14px;margin-top:23px}.demonstration{margin-top:32px;padding:20px 16px}.demo-heading{display:block;margin-bottom:26px}.demo-heading h3{font-size:28px}.demo-label{display:block;max-width:none;font-size:12px;margin-top:18px;padding-left:10px}.demo-grid{grid-template-columns:1fr;gap:26px}.demo-page{height:auto}.demo-before-body{display:grid;grid-template-columns:.75fr 1fr;column-gap:18px;padding:18px}.demo-before .demo-image{grid-row:1/5;height:130px;font-size:11px}.demo-before h4{margin:0 0 5px;font-size:20px}.demo-before-body>p{font-size:12px}.demo-before .skeleton-lines{margin-top:4px}.demo-muted-action{margin-top:9px;padding:5px;font-size:11px}.proof-displaced{grid-column:1/-1;margin-top:18px;font-size:11px}.demo-after-body{display:block;padding:20px 25px}.demo-after-body>.demo-image{height:110px;margin-bottom:22px}.demo-product-copy h4{font-size:24px}.demo-product-copy>p{font-size:14px}.demo-proof{margin-top:17px;font-size:14px;padding:12px 0}.demo-purchase{margin-top:18px}.option-label{font-size:13px}.sample-options{margin:8px 0 12px;font-size:13px}.demo-purchase>.wire-cta{font-size:14px;padding:12px}.demo-annotations{grid-template-columns:1fr;gap:20px;margin-top:25px}.demo-annotations strong{font-size:15px}.demo-annotations p{font-size:14px;margin-top:5px}.measurement{grid-template-columns:1fr;gap:12px;margin-top:25px}.measurement p{font-size:15px}.founder-grid{grid-template-columns:1fr;gap:28px}.founder-perspective{margin-top:20px;font-size:19px}.founder-bio{margin-top:25px;padding-top:22px}.founder-name{margin-bottom:16px}.founder-bio>p{font-size:17px}.founder-bio .small{font-size:14px}.fit-grid{grid-template-columns:1fr;gap:28px}.fit-intro{margin-top:20px}.fit-checklist{margin-top:17px}.fit-checklist li{font-size:16px;line-height:1.5;padding-block:10px}.booking-panel{padding:26px 24px}.booking-panel .price strong{font-size:62px}.booking-panel>p:not(.mono){font-size:17px}.booking-panel .button{font-size:16px;padding:16px 20px;gap:14px}.booking-duration{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:24px;padding-top:30px;margin-top:35px}.faq-layout>h3{font-size:32px}.faqs summary{font-size:17px;min-height:44px}.faqs details>p{font-size:16px;padding-right:10px}.expectation{font-size:13px;margin-top:25px}.site-footer{padding-top:34px}.footer-main{display:grid;gap:27px}.footer-main .wordmark{width:202px}.footer-main nav{gap:18px;flex-wrap:wrap}.footer-bottom{font-size:12px;gap:15px;flex-direction:column;margin-top:27px}.footer-bottom>a:last-child{margin-left:0}.footer-main .text-link{font-size:16px}.footer-main p{margin-top:12px}}
@media(max-width:374px){.header-inner{padding-inline:16px;gap:8px}.header-inner>.wordmark{width:100px}.header-inner>.button{font-size:11px;padding-inline:10px;white-space:nowrap;flex-shrink:0}.menu-toggle{width:36px;height:36px}.hero h1{font-size:46px}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.mini-diagram{padding-inline:12px}.hero-offer{font-size:15px}.booking-panel{padding-inline:20px}.booking-panel .button{font-size:15px}.method-heading{font-size:32px}.product-wire{padding-inline:12px}.proof-chip{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Diagram labels remain legible without hover or zoom. */
.image-well,.proof-chip,.sequence-note,.wire-label,.landing-wire>.wire-cta{font-size:12px}
@media(min-width:981px){.wire-info>b{font-size:15px}.proof-chip{font-size:12px}.sequence-node{font-size:14px}}

/* Header + hero refinement. Lower-section styling is intentionally unchanged. */
html { scroll-padding-top: var(--header-offset, 92px); }
.site-header .header-inner { padding-block: 6px; gap: 20px; }
.site-header .wordmark { width: 154px; }
.site-header .desktop-nav { position: relative; isolation: isolate; padding: 0 12px; gap: 16px; min-height: 44px; background: transparent; }
.site-header .desktop-nav:before { content: ''; position: absolute; z-index: -1; inset: 2px 0; border-radius: inherit; background: rgba(255,255,255,.48); pointer-events: none; }
.site-header .desktop-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.site-header .desktop-nav a:after { bottom: 9px; }
.site-header .button { font-size: 16px; min-height: 46px; padding: 12px 18px; gap: 15px; white-space: nowrap; flex-shrink: 0; }
.site-header .button span { font-size: 19px; }
.site-header .menu-toggle { width: 44px; height: 44px; border: 0; border-radius: 8px; }
.site-header .menu-toggle:hover { background: rgba(255,255,255,.4); }
.site-header .menu-toggle span { width: 19px; }
.site-header .mobile-nav { position: absolute; top: 100%; left: 0; right: 0; padding-bottom: 24px; box-shadow: 0 14px 18px -18px #544c47; }
.site-header .mobile-nav>a:not(.button) { padding-block: 10px; min-height: 44px; font-size: 16px; }
.site-header .mobile-nav .menu-booking { display: none; }
.hero { padding-block: 28px 46px; }
.hero-inner { grid-template-columns: 1.04fr 1fr; gap: 12px; }
.hero-copy { min-width: 0; }
.hero-audience { max-width: 490px; font-size: 15px; line-height: 1.45; margin-bottom: 18px; }
.hero h1 { font-size: clamp(60px,7.43vw,108px); line-height: .93; letter-spacing: -.025em; }
.hero h1 span { display: block; }
.hero-description { max-width: 500px; font-size: 18px; line-height: 1.5; margin-top: 28px; }
.hero-actions { flex-direction: row; align-items: center; gap: 22px; margin-top: 26px; }
.hero .button { min-height: 52px; padding: 14px 21px; font-size: 16px; gap: 20px; }
.hero .text-link { min-height: 44px; font-size: 15px; gap: 12px; }
.hero-reassurance { font-size: 13px; line-height: 1.5; margin-top: 15px; color: #4b4542; max-width: 470px; }
.hero-art { margin-left: 0; }
.hero-art figcaption { position: absolute; right: 10px; bottom: 0; margin: 0; justify-content: flex-end; }
.hero .motion-control { width: 44px; height: 44px; border-color: #a39a94; }
.hero .motion-control svg { width: 17px; height: 17px; }
@keyframes swift-arrive { from { transform: translateY(14px); opacity: .65; } to { transform: none; opacity: 1; } }
@keyframes swift-wordmark-arrive { from { transform: translateY(5px); opacity: .55; } to { transform: none; opacity: 1; } }
@media(prefers-reduced-motion:no-preference) {
  .site-header .wordmark { animation: swift-wordmark-arrive .7s cubic-bezier(.22,1,.36,1) both; }
  .hero-audience,.hero h1 { animation: swift-arrive .65s cubic-bezier(.22,1,.36,1) both; }
  .hero-art { animation: swift-arrive .8s .08s cubic-bezier(.22,1,.36,1) both; }
  .hero-description { animation: swift-arrive .65s .14s cubic-bezier(.22,1,.36,1) both; }
  .hero-actions,.hero-reassurance { animation: swift-arrive .65s .2s cubic-bezier(.22,1,.36,1) both; }
}
@media(min-width:1500px) {
  .hero { padding-block: 36px 56px; }
  .hero-description { max-width: 510px; font-size: 19px; }
}
@media(min-width:981px) and (max-width:1190px) {
  .site-header .wordmark { width: 145px; }
  .site-header .header-inner { gap: 14px; }
  .site-header .desktop-nav { padding-inline: 12px; gap: 16px; }
  .site-header .desktop-nav a { font-size: 13px; }
  .site-header .button { padding-inline: 15px; gap: 10px; }
}
@media(min-width:701px) and (max-width:980px) {
  .site-header .wordmark { width: 144px; }
  .hero { padding-block: 26px 40px; }
  .hero h1 { font-size: clamp(52px,7.35vw,72px); }
  .hero-audience { font-size: 14px; max-width: 330px; margin-bottom: 16px; }
  .hero-description { font-size: 17px; margin-top: 24px; }
  .hero-actions { gap: 10px 20px; margin-top: 22px; }
  .hero-reassurance { font-size: 13px; }
}
@media(max-width:700px) {
  .site-header .header-inner { padding: 8px 24px; gap: 12px; }
  .site-header .wordmark { width: 144px; }
  .site-header .header-inner>.button { display: none; }
  .site-header .menu-toggle { margin-left: auto; }
  .site-header .mobile-nav .menu-booking { display: inline-flex; margin-top: 22px; padding: 14px 21px; min-height: 52px; font-size: 16px; border: 1px solid var(--ink); }
  .hero { padding-block: 22px 22px; }
  .hero-inner { grid-template-columns: 1fr; gap: 22px; }
  .hero-audience { font-size: 14px; max-width: 330px; margin-bottom: 18px; }
  .hero h1 { font-size: clamp(48px,13.6vw,76px); line-height: .95; letter-spacing: -.025em; }
  .hero h1 span { display: block; }
  .hero h1 span:after { content: none; }
  .hero-description { max-width: 490px; font-size: 17px; line-height: 1.5; margin-top: 23px; }
  .hero-actions { flex-direction: row; align-items: center; gap: 10px 22px; margin-top: 22px; }
  .hero .button { min-height: 52px; padding: 14px 20px; font-size: 16px; gap: 18px; }
  .hero .text-link { min-height: 44px; font-size: 15px; }
  .hero-reassurance { font-size: 13px; margin-top: 13px; max-width: 350px; }
  .hero-art { width: 100%; max-width: 520px; }
  .hero-art figcaption { right: 2px; bottom: 0; }
}
@media(max-width:374px) {
  .site-header .header-inner { padding-inline: 20px; }
  .site-header .wordmark { width: 136px; }
  .hero h1 { font-size: 46px; }
  .hero-description { font-size: 16px; }
  .hero-audience { font-size: 13px; }
}

.hero .keep-together { white-space: nowrap; }

/* Dayos-inspired control geometry and rolling labels, with Swift colors. */
:root { --booking-fill: #007c6a; --booking-hover: #006253; --booking-text: #f5f2eb; }
a.button,.site-header a.button,.hero a.button { border-radius: 12px; justify-content: center; gap: 0; transition: background-color .3s ease-in-out,color .3s ease-in-out; }
a.button:hover,.hero a.button:hover { background: var(--booking-hover); color: var(--booking-text); }
a.button .button-label,.site-header a.button .button-label,.hero a.button .button-label { position: relative; display: block; min-width: 0; max-width: 100%; overflow: hidden; border-radius: inherit; font: inherit; line-height: 1.25; transform: none; }
a.button .button-line,.site-header a.button .button-line,.hero a.button .button-line { display: flex; align-items: center; justify-content: center; min-height: var(--button-height); padding: .625rem var(--button-inset); font: inherit; line-height: inherit; text-align: center; transform: translateY(0); transition: transform .3s cubic-bezier(.42,0,.58,1); }
a.button .button-line[aria-hidden=true] { position: absolute; inset: 0; transform: translateY(100%); }
a.button:is(:hover,:focus-visible) .button-line:first-child { transform: translateY(-100%); }
a.button:is(:hover,:focus-visible) .button-line[aria-hidden=true] { transform: translateY(0); }
/* The media stays visually uninterrupted. Keyboard users can reveal the control. */
.hero .motion-control { opacity: 0; pointer-events: none; clip-path: inset(50%); width: auto; min-width: 155px; padding: 10px 14px; font-size: 14px; line-height: 1.3; border-radius: 10px; }
.hero .motion-control:focus-visible { opacity: 1; pointer-events: auto; clip-path: none; background: var(--paper); color: var(--ink); }
.hero .pyramid-frame { -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent); }
/* Each incoming surface retains the preceding section's color behind its corners. */
main > .section { position: relative; isolation: isolate; padding: 0; margin: 0; border-radius: 0; background: var(--previous-surface); overflow: clip; }
.section-surface { position: relative; background: var(--surface); border-radius: 64px 64px 0 0; padding-block: 76px 82px; transform-origin: 50% 0; transform: translateY(var(--panel-y,0px)) scale(var(--panel-scale,1)); }
.sprint { --surface: #0d0f0e; --previous-surface: #e4dbd8; --line: #424840; --muted: #c4cec4; color: var(--paper); }
.sprint .section-label { border-top: 0; padding-top: 0; }
.sprint .inclusions li>span { color: var(--teal); }
.scope-section { --surface: #f5f2eb; --previous-surface: #0d0f0e; }
.approach-section { --surface: #0d0f0e; --previous-surface: #f5f2eb; }
.approach-section .container { padding-inline: var(--pad); }
.founder-section { --surface: #f5f2eb; --previous-surface: #0d0f0e; }
.fit-section { --surface: #e4dbd8; --previous-surface: #f5f2eb; }
.fit-section .section-surface { padding-bottom: 44px; }
.site-footer { background: var(--paper); }
/* Header colors follow the current section without a jump in contrast. */
.site-header { --header-surface: #e4dbd8; background: var(--header-surface); transition: background-color .3s ease-in-out,color .3s ease-in-out; }
.site-header[data-surface=ink] { --header-surface: #0d0f0e; }
.site-header[data-surface=forest] { --header-surface: #082f28; }
.site-header[data-surface=paper] { --header-surface: #f5f2eb; }
.site-header[data-surface=mint] { --header-surface: #cdebe1; }
.site-header .mobile-nav { background: var(--header-surface); }
.site-header[data-tone=dark] { color: var(--paper); }
.site-header[data-tone=dark] .wordmark img { filter: invert(1); }
.site-header[data-tone=dark] .desktop-nav:before { background: #ffffff14; }
.site-header[data-tone=dark] .menu-toggle span { background: var(--paper); }
@media(max-width:980px) { .section-surface { padding-block: 56px; border-radius: 40px 40px 0 0; } }
@media(max-width:700px) { .section-surface { padding-block: 44px; border-radius: 32px 32px 0 0; } .site-header .mobile-nav .menu-booking { border-radius: 12px; } }
@media(prefers-reduced-motion:reduce) { .section-surface { transform: none; } a.button .button-line,a.button:is(:hover,:focus-visible) .button-line:first-child { transform: none; } a.button .button-line[aria-hidden=true] { display: none; } }

/* A quiet footer setting keeps pointer and touch access to motion controls. */
.footer-bottom { align-items: center; }
.footer-motion-control { min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
.footer-motion-control[hidden] { display: none; }
.footer-motion-control:hover { text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:700px) { .footer-bottom { align-items: flex-start; } }

/* Deep teal identifies booking actions; the brighter brand teal stays in graphics.
   The header's smaller painted control sits within a 44px click target. */
a.button,.hero a.button,.site-header a.button,.booking-panel a.button,.site-header .mobile-nav a.button.menu-booking {
  --button-height: 2.75rem;
  --button-inset: 1rem;
  --button-font: .9375rem;
  width: fit-content; max-width: 100%; min-height: var(--button-height);
  padding: 0; border-width: 0; font-size: var(--button-font); font-weight: 500; line-height: 1.25;
  background: var(--booking-fill); color: var(--booking-text);
  border-radius: .625rem; gap: 0; white-space: normal;
  justify-self: start; flex: 0 1 auto;
}
a.button:hover,.hero a.button:hover,.site-header a.button:hover,.booking-panel a.button:hover,.site-header .mobile-nav a.button.menu-booking:hover { background: var(--booking-hover); color: var(--booking-text); }
.site-header .header-inner>a.button { --button-height: 2.25rem; --button-inset: .625rem; --button-font: .875rem; min-height: 44px; background: transparent; border-radius: 8px; }
.site-header .header-inner>a.button .button-label { background: var(--booking-fill); transition: background-color .3s ease-in-out; }
.site-header .header-inner>a.button:hover .button-label { background: var(--booking-hover); }
.site-header .header-inner>a.button .button-line { padding-block: .375rem; }
.booking-panel a.button { display: inline-flex; }
@media(max-width:700px) {
  a.button,.hero a.button,.site-header a.button,.booking-panel a.button,.site-header .mobile-nav a.button.menu-booking { --button-font: 1rem; }
}
/* Foundation pass: a balanced three-line headline. */
.booking-duration { text-align: left; }
.hero h1 { font-size: clamp(60px,7.2vw,106px); line-height: .93; }
.hero h1 span { white-space: nowrap; }
.hero-description { margin-top: 25px; }
.hero .hero-actions { gap: 16px 22px; }
.sprint-bottom { grid-template-columns: 1fr auto; gap: 28px; }
.sprint-bottom .timing { max-width: 810px; }
.section-label,.scope-number,.booking-panel>.mono { font-family: var(--body); font-size: 13px; font-weight: 600; letter-spacing: .015em; text-transform: none; }
.section-label { border-top: 0; padding-top: 0; }
.booking-panel h3 { font-size: clamp(28px,2.5vw,36px); line-height: 1.08; margin: 18px 0 24px; }
.faqs summary { min-height: 44px; }
@media(min-width:701px) and (max-width:980px) { .hero h1 { font-size: clamp(50px,7.1vw,70px); } }
@media(max-width:700px) {
  .hero h1 { font-size: clamp(43px,12.8vw,76px); line-height: .96; }
  .hero .hero-actions { gap: 8px 20px; }
  .sprint-bottom { grid-template-columns: 1fr; gap: 22px; }
}
@media(max-width:374px) { .hero h1 { font-size: 12vw; } }

/* One shopper, one missed expectation. Keep the video and message together. */
.obstacles-section { --surface: #0d0f0e; --previous-surface: #e4dbd8; color: var(--paper); }
.obstacles-section .section-surface { padding-block: clamp(60px,6.5vw,96px) 70px; }
.obstacle-layout { display: grid; grid-template-columns: .94fr 1.06fr; gap: clamp(28px,4.5vw,72px); align-items: center; }
.obstacle-copy { padding-bottom: 32px; }
.obstacle-copy h2 { font-size: clamp(44px,4.65vw,72px); line-height: 1.02; letter-spacing: -.025em; }
.obstacle-copy h2>span { display: block; }
.obstacle-copy h2>span+span { color: #71dec7; margin-top: .2em; }
.obstacle-intro { margin-top: 28px; max-width: 370px; font-size: 19px; line-height: 1.55; color: #c9cbc5; text-wrap: pretty; }
.obstacle-visual { width: 100%; max-width: 640px; min-width: 0; justify-self: end; }
.obstacle-stage {
  aspect-ratio: 1; position: relative; isolation: isolate; opacity: var(--story-opacity,1);
  /* Broad feathering and an open top-left dissolve the frame into the section. */
  --story-mask: linear-gradient(to right,transparent,#000 20%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 75%,transparent),radial-gradient(ellipse 65% 55% at 0 0,transparent 15%,#000 100%);
  mask-image: var(--story-mask); mask-composite: intersect;
  -webkit-mask-image: var(--story-mask); -webkit-mask-composite: source-in;
}
.obstacle-stage img,.obstacle-stage video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.shopper-video { opacity: 0; transition: opacity .35s ease; }
.obstacle-stage[data-state=playing] .shopper-video,.obstacle-stage[data-state=paused] .shopper-video { opacity: 1; }
.story-controls { display: flex; justify-content: flex-end; min-height: 44px; margin-top: 2px; }
.story-motion-control { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; padding: 0; border: 1px solid #ffffff18; border-radius: 50%; background: transparent; color: #a2aaa4; transition: background-color .2s,color .2s; }
.story-motion-control[hidden] { display: none; }
.story-motion-control:hover { color: var(--paper); background: #ffffff0d; }
.story-motion-control:focus-visible { outline-color: var(--teal); }
.story-motion-control svg { width: 16px; height: 16px; }
.story-motion-control[data-playing=true] .story-play-icon,.story-motion-control:not([data-playing=true]) .story-pause-icon { display: none; }
.obstacle-bridge { margin: 38px auto 0; max-width: 620px; color: #eceee7; font-size: clamp(20px,1.8vw,25px); line-height: 1.45; text-align: center; text-wrap: balance; }
.obstacle-bridge-break { display: none; }
.sprint { --previous-surface: #f5f2eb; }
.fit-section { --previous-surface: #0d0f0e; }
@media(min-width:701px) and (max-width:980px) {
  .obstacle-layout { gap: 24px; grid-template-columns: 1fr 1fr; }
  .obstacle-copy h2 { font-size: clamp(34px,4.8vw,47px); }
  .obstacle-intro { margin-top: 22px; font-size: 17px; }
}
@media(max-width:700px) {
  .obstacles-section .section-surface { padding-block: 44px 48px; }
  .obstacle-layout { grid-template-columns: 1fr; gap: 26px; }
  .obstacle-copy { padding-bottom: 0; }
  .obstacle-copy h2 { font-size: clamp(36px,9.5vw,60px); line-height: 1.04; }
  .obstacle-copy h2 br { display: none; }
  .obstacle-copy h2>span { max-width: 560px; }
  .obstacle-copy h2>span+span { margin-top: .14em; }
  .obstacle-intro { margin-top: 20px; max-width: 390px; font-size: 17px; line-height: 1.5; }
  .obstacle-visual { justify-self: center; max-width: 520px; }
  .story-controls { margin-top: 0; }
  .obstacle-bridge { margin-top: 24px; max-width: 350px; font-size: 20px; line-height: 1.45; }
  .obstacle-bridge-break { display: block; }
}
@media(max-width:374px) {
  .obstacle-copy h2 { font-size: 10.1vw; }
  .obstacle-intro { font-size: 16px; }
  .obstacle-bridge { font-size: 18px; }
}

/* A physical process, with readable explanations independent of playback. */
.approach-section .section-surface { padding-block: clamp(56px,6vw,88px) 54px; }
.approach-section .container { padding-inline: var(--pad); }
.process-heading { font-size: clamp(38px,4.2vw,64px); line-height: 1.08; letter-spacing: -.025em; }
.process-heading>span { color: #71dec7; }
.process-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); gap: clamp(28px,5vw,76px); align-items: center; margin-top: 24px; }
.process-visual { width: 100%; min-width: 0; max-width: 640px; justify-self: center; }
.process-stage { aspect-ratio: 1; position: relative; isolation: isolate; opacity: var(--process-opacity,1); --process-mask: linear-gradient(to right,transparent,#000 9%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent); mask-image: var(--process-mask); mask-composite: intersect; -webkit-mask-image: var(--process-mask); -webkit-mask-composite: source-in; }
.process-stage img,.process-stage video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.process-video { opacity: 0; transition: opacity .3s ease; }
.process-stage[data-state=playing] .process-video,.process-stage[data-state=paused] .process-video { opacity: 1; }
.process-controls { display: flex; justify-content: flex-end; margin-top: -26px; position: relative; min-height: 44px; }
.process-motion-control { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff24; border-radius: 50%; background: transparent; color: #afb7b1; }
.process-motion-control[hidden] { display: none; }
.process-motion-control:hover { color: var(--paper); background: #ffffff0d; }
.process-motion-control:focus-visible { outline-color: var(--teal); }
.process-motion-control svg { width: 16px; height: 16px; }
.process-motion-control[data-playing=true] .process-play-icon,.process-motion-control:not([data-playing=true]) .process-pause-icon { display: none; }
.process-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.process-step { position: relative; padding: 2px 0 2px 25px; border-left: 2px solid #ffffff26; transition: border-color .3s ease; }
.process-step h3 { font-family: var(--body); font-size: 27px; font-weight: 600; line-height: 1.15; text-transform: none; letter-spacing: -.025em; color: #eceee7; transition: color .3s ease; }
.process-step p { margin-top: 8px; max-width: 310px; font-size: 17px; line-height: 1.5; color: #c5cbc5; }
.process-step[data-active=true] { border-left-color: #71dec7; }
.process-step[data-active=true] h3 { color: #71dec7; }
.process-step[data-active=true]:before { content: ''; position: absolute; left: -4px; top: 8px; width: 6px; height: 15px; background: #71dec7; border-radius: 2px; }
.process-note { margin-top: 25px; padding-top: 23px; border-top: 1px solid #ffffff21; max-width: 850px; font-size: 14px; line-height: 1.6; color: #afb7b1; }
@media(min-width:701px) and (max-width:980px) {
  .process-layout { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 24px; }
  .process-steps { gap: 20px; }
  .process-step { padding-left: 18px; }
  .process-step h3 { font-size: 25px; }
  .process-step p { font-size: 16px; }
}
@media(max-width:700px) {
  .approach-section .section-surface { padding-block: 46px 42px; }
  .process-heading { font-size: clamp(32px,8vw,47px); line-height: 1.1; }
  .process-layout { grid-template-columns: 1fr; gap: 25px; margin-top: 8px; }
  .process-visual { max-width: 480px; }
  .process-steps { grid-template-columns: 1fr 1fr; gap: 25px 20px; }
  .process-step { padding-left: 15px; }
  .process-step h3 { font-size: 23px; }
  .process-step p { font-size: 16px; margin-top: 7px; }
  .process-note { margin-top: 28px; font-size: 14px; }
}
@media(max-width:374px) {
  .process-steps { gap: 22px 16px; }
  .process-step { padding-left: 12px; }
  .process-step h3 { font-size: 21px; }
  .process-step p { max-width: none; }
}

/* The answer to hesitation: one generous, explorable purchase journey. */
.scope-section .section-surface { padding-block: clamp(64px,7vw,106px) 76px; }
.purchase-heading { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 48px; margin-bottom: 56px; }
.purchase-heading h2 { font-size: clamp(46px,5.3vw,80px); line-height: 1; }
.purchase-heading>p { max-width: 425px; justify-self: end; font-size: 20px; line-height: 1.5; padding-bottom: 5px; }
.purchase-showcase { display: grid; grid-template-columns: .74fr 1.26fr; gap: clamp(30px,5vw,76px); align-items: center; }
.purchase-options { display: flex; flex-direction: column; align-self: center; }
.purchase-option { width: 100%; position: relative; text-align: left; padding: 25px 0 25px 23px; border: 0; border-left: 2px solid #cccac1; background: none; color: #666861; transition: color .25s,border-color .25s; }
.purchase-option[aria-selected=true] { color: var(--ink); border-left-color: #147b6c; }
.purchase-option:hover { color: var(--ink); border-left-color: #147b6c; }
.purchase-option-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; font: 600 clamp(19px,1.7vw,25px)/1.25 var(--body); letter-spacing: -.035em; }
.purchase-option-title svg { width: 20px; height: 20px; opacity: 0; transform: translateX(-5px); transition: opacity .25s,transform .25s; }
.purchase-option[aria-selected=true] .purchase-option-title svg { opacity: 1; transform: none; }
.purchase-option-copy { display: block; max-width: 310px; margin-top: 12px; font-size: 16px; line-height: 1.5; }
.purchase-stage { min-width: 0; }
.purchase-scene[hidden] { display: none; }
.purchase-scene { outline-offset: 8px; }
.purchase-scene:focus-visible { outline: 2px solid #147b6c; border-radius: 18px; }
.path-visual { position: relative; width: 100%; min-width: 0; min-height: 480px; aspect-ratio: 1.25; border-radius: 26px; background: #e7e4db; overflow: hidden; isolation: isolate; color: #172d2a; }
.path-visual img { height: auto; object-fit: contain; }
.path-piece { box-shadow: 0 18px 44px -22px #203c3542; }
.scope-section.is-in-view .purchase-scene:not([hidden]) .path-piece { animation: path-arrive .7s cubic-bezier(.2,.75,.25,1) both; }
.scope-section.is-in-view .purchase-scene:not([hidden]) .path-piece:nth-of-type(2) { animation-delay: .12s; }
@keyframes path-arrive { from { opacity: 0; transform: translateY(20px) scale(.97); } to { opacity: 1; transform: none; } }
.luma-ad { position: absolute; left: 5%; top: 14%; width: 34%; background: #fffefb; border: 1px solid #d6d8d0; border-radius: 13px; overflow: hidden; z-index: 2; }
.ad-account { display: flex; align-items: center; gap: 8px; padding: 13px 12px; font-size: 12px; color: #25352e; }
.ad-account b { font-weight: 600; }
.ad-account small { display: block; font-size: 11px; color: #66746c; margin-top: 1px; }
.luma-avatar { display: grid; place-items: center; width: 26px; height: 26px; background: #1b4945; color: #fff; font-size: 10px; border-radius: 50%; flex-shrink: 0; }
.ad-menu { margin-left: auto; align-self: flex-start; font-size: 15px; }
.luma-ad>img { width: 100%; aspect-ratio: 1; }
.ad-shop { display: flex; justify-content: space-between; padding: 10px 12px; background: #e8eee9; font-size: 12px; font-weight: 600; }
.ad-caption { padding: 16px 13px 19px; }
.ad-caption b { font-size: clamp(17px,1.6vw,23px); line-height: 1.2; letter-spacing: -.03em; }
.ad-caption>span { display: block; margin-top: 10px; color: #69746d; font-size: 11px; }
.path-connection { position: absolute; left: 39.5%; top: 53%; width: 8%; color: #42786b; }
.path-connection svg { width: 100%; height: auto; }
.luma-destination { position: absolute; top: 7%; right: 4%; width: 48%; border-radius: 13px; overflow: hidden; background: #fbfaf6; border: 1px solid #d6d8d0; }
.luma-store-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e1e1d7; color: #1f423b; }
.luma-store-header>span:first-child { font-size: 13px; font-weight: 600; letter-spacing: .18em; }
.luma-store-header>span:last-child:not(:first-child) { font-size: 12px; }
.luma-store-header svg { width: 17px; height: 17px; }
.destination-copy { padding: 24px 20px 2px; }
.destination-copy p { font-family: Georgia,serif; font-size: clamp(27px,2.5vw,37px); line-height: 1.04; letter-spacing: -.04em; }
.destination-copy>span { display: block; margin-top: 12px; font-size: 12px; }
.luma-destination>img { width: 100%; aspect-ratio: 1.45; object-fit: cover; object-position: center 63%; }
.luma-purchase-action { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 15px; border-radius: 6px; background: #1b4945; color: #fffef7; font: 400 14px/1.3 var(--body); }
.luma-destination>.luma-purchase-action { margin: 0 17px 20px; }
.purchase-scene-caption { margin: 20px auto 0; text-align: center; color: #50594f; font-size: 15px; line-height: 1.55; }
.luma-product-window { position: absolute; inset: 9% 5% auto; background: #fbfaf6; border: 1px solid #d6d8d0; border-radius: 13px; overflow: hidden; }
.luma-product-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 24px 18px 28px; gap: 20px; }
.luma-product-photo { border-radius: 8px; overflow: hidden; }
.luma-product-photo img { width: 100%; aspect-ratio: .8; object-fit: contain; }
.luma-product-category { display: block; font-size: 12px; color: #67756b; margin-bottom: 10px; }
.luma-product-detail>p { font: 400 clamp(27px,2.5vw,38px)/1.05 Georgia,serif; letter-spacing: -.035em; }
.luma-product-size { display: block; margin: 12px 0 17px; font-size: 13px; }
.luma-detail-line { padding: 11px 0; display: flex; justify-content: space-between; border-top: 1px solid #dadfd5; font-size: 13px; }
.luma-size-choice { display: flex; align-items: center; gap: 14px; margin: 14px 0; font-size: 12px; }
.luma-size-choice b { font-weight: 400; padding: 5px 12px; border: 1px solid #5e7d6d; border-radius: 4px; }
.decision-note { position: absolute; bottom: 6%; left: 9%; display: flex; align-items: center; gap: 14px; padding: 17px 21px; background: #c5e3d3; border-radius: 9px; font-size: 16px; line-height: 1.25; }
.decision-mark { font-size: 28px; }
.luma-email { position: absolute; top: 7%; left: 6%; width: 65%; border: 1px solid #d3d8cd; border-radius: 12px; background: #fffefb; overflow: hidden; }
.email-subject { padding: 13px 21px; display: flex; flex-direction: column; gap: 3px; border-bottom: 1px solid #e1e1d7; font-size: 12px; }
.email-subject>span:first-child { color: #69746d; font-size: 11px; }
.email-body { padding: 23px; }
.email-brand { font-size: 12px; font-weight: 600; letter-spacing: .19em; }
.email-body>p { font: 400 clamp(25px,2.3vw,34px)/1.06 Georgia,serif; margin-top: 22px; letter-spacing: -.04em; }
.email-product { display: flex; align-items: center; gap: 16px; margin: 20px 0; font-size: 14px; }
.email-product img { width: 74px; height: 74px; border-radius: 6px; }
.email-product small,.saved-cart-product small { display: block; color: #6d786e; font-size: 12px; margin-top: 5px; }
.luma-saved-cart { position: absolute; bottom: 8%; right: 5%; width: 53%; background: #fffefb; border: 1px solid #d3d8cd; border-radius: 12px; padding: 21px; }
.cart-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: 17px; }
.cart-heading svg { width: 18px; height: 18px; }
.saved-cart-product { display: flex; align-items: center; gap: 10px; margin: 17px 0; font-size: 13px; }
.saved-cart-product img { width: 65px; height: 65px; border-radius: 6px; }
.luma-saved-cart>.luma-purchase-action { font-size: 13px; }
.purchase-scope-note { color: #6b7066; font-size: 15px; line-height: 1.5; margin-top: 32px; text-align: right; }
.purchase-invitation { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding-top: 38px; margin-top: 40px; border-top: 1px solid #cecec2; }
.purchase-invitation>div { display: flex; align-items: center; gap: 34px; }
.purchase-invitation h3 { font-size: clamp(27px,2.9vw,39px); line-height: 1.06; }
.purchase-invitation p { font-size: 16px; line-height: 1.5; color: #50594f; }
@media(min-width:701px) and (max-width:1100px) {
  .purchase-showcase { grid-template-columns: .65fr 1fr; gap: 25px; }
  .purchase-heading { gap: 32px; }
  .purchase-heading>p { font-size: 18px; }
  .purchase-option { padding: 23px 0 23px 16px; }
  .purchase-option-title { font-size: 20px; }
  .purchase-option-copy { font-size: 15px; }
  .path-visual { min-height: 440px; }
  .ad-account { padding: 10px 8px; gap: 5px; }.luma-avatar { display: none; }
  .luma-store-header { padding: 14px 12px; }.luma-store-header>span:first-child { font-size: 11px; letter-spacing: .12em; }
  .destination-copy { padding: 22px 13px 8px; }.destination-copy p { font-size: 29px; }
  .luma-destination { top: 8%; }.luma-ad { top: 10%; }
  .luma-destination>.luma-purchase-action { margin: 6px 10px 14px; padding: 11px 9px; font-size: 12px; }
  .luma-product-layout { padding: 20px 12px 24px; gap: 13px; }
  .luma-product-detail>p { font-size: 28px; }.luma-product-category { font-size: 11px; }
  .luma-product-window { inset: 6% 4% auto; }
  .decision-note { bottom: 7%; padding: 14px 18px; font-size: 15px; }
  .luma-email { width: 75%; }.email-body { padding: 20px; }
  .luma-saved-cart { width: 65%; padding: 16px; }
  .purchase-invitation>div { display: block; }.purchase-invitation p { margin-top: 15px; }
}
@media(max-width:700px) {
  .scope-section .section-surface { padding-block: 48px 52px; }
  .purchase-heading { display: block; margin-bottom: 28px; }
  .purchase-heading h2 { font-size: clamp(40px,10.8vw,66px); }
  .purchase-heading>p { margin-top: 22px; font-size: 18px; padding: 0; max-width: 460px; }
  .purchase-showcase { display: block; }
  .purchase-options { flex-direction: row; margin: 0 0 24px; gap: 8px; }
  .purchase-option { flex: 1; min-width: 0; padding: 12px 6px; min-height: 72px; border-left: 0; border-bottom: 2px solid #cecec2; text-align: center; }
  .purchase-option[aria-selected=true] { border-bottom-color: #147b6c; }
  .purchase-option-title { font-size: 15px; line-height: 1.3; letter-spacing: -.025em; justify-content: center; }
  .purchase-option-title svg,.purchase-option-copy { display: none; }
  .path-visual { aspect-ratio: 1; min-height: 430px; border-radius: 18px; }
  .luma-ad { top: 14%; left: 4%; width: 38%; }.ad-account { padding: 10px 8px; gap: 5px; }.luma-avatar { display: none; }
  .ad-shop { font-size: 11px; padding: 9px 8px; }.ad-shop>span { display: none; }
  .ad-caption { padding: 14px 9px; }.ad-caption b { font-size: 19px; }.ad-caption>span { font-size: 10px; margin-top: 8px; }
  .path-connection { left: 42%; width: 7%; }
  .luma-destination { top: 8%; right: 3%; width: 47%; }
  .luma-store-header { padding: 13px 11px; gap: 6px; }.luma-store-header>span:first-child { font-size: 11px; letter-spacing: .08em; }.luma-store-header svg { width: 14px; }
  .luma-store-header>span:last-child:not(:first-child) { font-size: 10px; }
  .destination-copy { padding: 20px 11px 12px; }.destination-copy p { font-size: clamp(21px,6.5vw,28px); }.destination-copy>span { font-size: 11px; line-height: 1.4; }
  .luma-destination>img { aspect-ratio: 1; }.luma-destination>.luma-purchase-action { margin: 7px 10px 14px; padding: 10px 8px; font-size: 12px; gap: 5px; }
  .luma-destination>.luma-purchase-action>span { display: none; }
  .purchase-scene-caption { font-size: 14px; margin-top: 17px; }
  .luma-product-window { inset: 6% 4% auto; }.luma-product-layout { grid-template-columns: .85fr 1.15fr; padding: 20px 12px; gap: 13px; }
  .luma-product-photo img { aspect-ratio: .55; }.luma-product-detail>p { font-size: 26px; }.luma-product-category { font-size: 10px; margin-bottom: 8px; }
  .luma-product-size { margin: 10px 0 12px; font-size: 12px; }.luma-detail-line { font-size: 12px; padding: 9px 0; }
  .luma-size-choice { font-size: 11px; margin: 12px 0; }.luma-product-detail>.luma-purchase-action { font-size: 12px; padding: 11px; }
  .decision-note { left: 8%; bottom: 5%; padding: 12px 16px; font-size: 14px; gap: 10px; }
  .luma-email { top: 6%; left: 5%; width: 79%; }.email-subject { padding: 11px 16px; }.email-body { padding: 18px; }
  .email-body>p { font-size: 27px; margin-top: 18px; }.email-product { margin: 16px 0; font-size: 13px; }.email-product img { width: 62px; height: 62px; }
  .return-visual { min-height: 480px; }
  .email-product { display: none; }
  .email-body>.luma-purchase-action { margin-top: 20px; }
  .luma-saved-cart { bottom: 6%; right: 5%; width: 75%; padding: 15px; }.saved-cart-product { margin: 12px 0; }.saved-cart-product img { width: 52px; height: 52px; }
  .cart-heading { font-size: 15px; }.luma-saved-cart>.luma-purchase-action { font-size: 12px; padding: 11px; }
  .purchase-scope-note { font-size: 14px; margin-top: 25px; text-align: center; }
  .purchase-invitation { display: block; padding-top: 30px; margin-top: 30px; }
  .purchase-invitation>div { display: block; }.purchase-invitation h3 { font-size: 33px; }.purchase-invitation p { margin-top: 16px; font-size: 16px; }
  .purchase-invitation>.button { margin-top: 24px; }.invitation-break { display: none; }
}
@media(max-width:374px) {
  .purchase-heading h2 { font-size: 11.1vw; }.purchase-option-title { font-size: 14px; }
  .ad-caption b { font-size: 17px; }.ad-account { font-size: 11px; }.ad-account small { font-size: 10px; }
  .destination-copy p { font-size: 19px; }.destination-copy { padding-inline: 9px; }.destination-copy>span { font-size: 10px; }
  .luma-store-header { padding-inline: 9px; }.luma-destination .luma-store-header svg { display: none; }
  .luma-product-layout { gap: 9px; padding-inline: 9px; }.luma-product-detail>p { font-size: 23px; }
  .return-visual { min-height: 520px; }
}
@media(prefers-reduced-motion:reduce) {
  .scope-section.is-in-view .purchase-scene:not([hidden]) .path-piece { animation: none; }
}

/* Founder: portrait and company story between the method and engagement. */
.founder-section .section-surface { padding-block: clamp(64px,8vw,120px); }
.founder-story { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: clamp(40px,7vw,112px); row-gap: clamp(36px,4.5vw,64px); align-items: start; }
.founder-heading { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr 1fr; column-gap: clamp(40px,7vw,112px); align-items: end; }
.founder-portrait { width: 100%; max-width: 480px; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 18px; background: #eeeae2; }
.founder-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.founder-heading h2 { font-size: clamp(48px,5.2vw,78px); line-height: .98; letter-spacing: -.025em; }
.founder-heading h2 span { display: block; }
.founder-heading .founder-belief { max-width: 390px; margin: 0 0 5px; font-size: 21px; line-height: 1.4; }
.founder-profile { max-width: 480px; padding-top: 6px; }
.founder-identity { margin-bottom: 28px; }
.founder-person { font-size: clamp(24px,2.1vw,30px); line-height: 1.2; font-weight: 600; letter-spacing: -.035em; }
.founder-identity .founder-role { margin-top: 8px; font-size: 15px; line-height: 1.4; color: #565b56; }
.founder-experience,.founder-meaning { font-size: 18px; line-height: 1.6; color: #474c48; }
.founder-profile .founder-conviction { margin-block: 30px; padding-left: 22px; border-left: 3px solid #178772; font-size: clamp(23px,2.1vw,29px); line-height: 1.35; font-weight: 500; letter-spacing: -.025em; }
@media(max-width:980px) {
  .founder-story { grid-template-columns: 1fr 1fr; gap: 36px; }
  .founder-heading { grid-template-columns: 1fr 1fr; column-gap: 36px; }
  .founder-heading h2 { font-size: clamp(36px,5.2vw,52px); }
  .founder-experience,.founder-meaning { font-size: 17px; }
}
@media(max-width:700px) {
  .founder-section .section-surface { padding-block: 48px 52px; }
  .founder-story { grid-template-columns: 1fr; gap: 32px; }
  .founder-heading { display: block; }
  .founder-portrait { max-width: 440px; aspect-ratio: 1; border-radius: 14px; }
  .founder-heading h2 { font-size: clamp(34px,10.5vw,68px); line-height: 1; }
  .founder-heading .founder-belief { margin-top: 18px; font-size: 18px; }
  .founder-profile { max-width: 520px; padding-top: 0; }
  .founder-identity { margin-bottom: 22px; }
  .founder-person { font-size: 25px; }
  .founder-identity .founder-role { font-size: 14px; }
  .founder-profile .founder-conviction { margin-block: 24px; padding-left: 17px; font-size: 24px; }
}