@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');
:root{--orange:#ff6115;--cream:#fffcf4;--navy:#111827;--white:#fff;--muted:#667085;--line:#ded9cf;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,system-ui,sans-serif;color:var(--navy);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--cream)}a{color:inherit}button,input,select{font:inherit}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;background:var(--navy);color:#fff;padding:.85rem 1rem}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;inset:0 0 auto;background:linear-gradient(var(--cream) 60%,transparent)}.brand img{display:block;width:clamp(164px,18vw,222px)}.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}.site-header nav>a:not(.button){font-weight:600;text-decoration:none;font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;background:var(--orange);border:2px solid var(--orange);color:#fff;text-decoration:none;font-weight:700;border-radius:8px;transition:transform .25s var(--ease),background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--orange) 55%,transparent);outline-offset:4px}.button-small{min-height:43px;padding:0 18px}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link span{color:var(--orange)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero{min-height:100svh;padding:clamp(126px,15vh,180px) clamp(22px,5vw,76px) 52px;position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);align-items:center;gap:3vw}.hero-copy{z-index:2}.hero h1,.manifesto h2,.story h2,.section-intro h2,.hours h2,.devices h2,.support h2,.one-product h2,.pricing h2,.final-cta h2{font:700 clamp(4rem,8.6vw,9rem)/.82 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:.2em 0}.hero h1{font-size:clamp(4.4rem,9vw,9.7rem);max-width:1050px}.hero h1 span,.story-copy h2 span,.pricing h2 span{color:var(--orange)}.lead{font-size:clamp(1rem,1.45vw,1.35rem);max-width:470px;line-height:1.55}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-product{position:relative;min-height:560px;display:grid;align-items:center}.orbit-word{position:absolute;font:700 clamp(6rem,12vw,13rem)/1 'Space Grotesk';letter-spacing:-.08em;color:#f0eadf;transform:rotate(90deg);right:-29vw;top:24%}.device{will-change:transform}.browser{background:#fff;border:1px solid #d8d5ce;border-radius:14px;box-shadow:0 35px 80px #11182722;overflow:hidden}.device-hero{width:min(850px,58vw);transform:translate(calc(-4vw),var(--parallax,0px)) rotate(-3deg);position:relative;z-index:2}.browser-bar{height:34px;border-bottom:1px solid #eee9df;display:flex;align-items:center;padding:0 12px;gap:6px;color:#8b909a;font-size:9px}.browser-bar i{width:7px;height:7px;background:#dad6cf;border-radius:50%}.browser-bar span{margin:auto}.product-shell{display:grid;grid-template-columns:26% 74%;min-height:390px}.product-nav{background:var(--navy);color:#fff;padding:23px 18px}.product-nav img{width:130px;filter:brightness(0) invert(1);margin-bottom:24px}.product-nav small{display:block;color:#a7afbc;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.product-nav b{font-size:11px}.product-nav ul{list-style:none;padding:18px 0 0;margin:0;display:grid;gap:4px}.product-nav li{font-size:10px;padding:8px;border-radius:5px;color:#c7ccd5}.product-nav .active{background:#ffffff15;color:#fff;box-shadow:inset 2px 0 var(--orange)}.dashboard{padding:38px 34px}.dashboard .orange{color:var(--orange);font-weight:700;letter-spacing:.13em}.dashboard h2{font:700 28px/1 'Space Grotesk';letter-spacing:-.04em;margin:8px 0}.dashboard>p{font-size:11px;color:var(--muted)}.next-step{margin-top:29px;background:var(--orange);color:#fff;border-radius:8px;padding:23px;display:flex;align-items:end;justify-content:space-between}.next-step div{display:grid;gap:4px}.next-step small{font-size:7px;letter-spacing:.12em}.next-step b{font:700 17px 'Space Grotesk'}.next-step span{font-size:9px}.next-step button{background:#fff;border:0;border-radius:5px;padding:8px;font-size:9px;font-weight:700}.summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border-block:1px solid #e8e4dd}.summary span{font-size:9px;padding:16px 0;display:grid}.summary b{font:700 19px 'Space Grotesk'}.scroll-cue{position:absolute;bottom:28px;left:clamp(22px,5vw,76px);display:flex;align-items:center;gap:14px;text-decoration:none;font-size:.74rem;font-weight:700}.scroll-cue i{width:35px;height:1px;background:var(--navy);position:relative}.scroll-cue i:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}
.manifesto{min-height:180vh;background:var(--navy);color:#fff;position:relative}.manifesto>div{min-height:100vh;padding:clamp(80px,12vw,170px) clamp(22px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.manifesto p{letter-spacing:.17em;font-size:.74rem;font-weight:700}.manifesto h2{font-size:clamp(3.8rem,9vw,10rem)}.old-list{display:flex;gap:clamp(20px,5vw,90px);font-size:clamp(1rem,1.6vw,1.5rem);color:#aeb5c2}.manifesto-new{background:var(--orange);color:var(--navy);clip-path:inset(0)}.manifesto-new strong{font-size:clamp(1.5rem,3vw,3.4rem)}
.story{min-height:185vh;padding:0 clamp(22px,6vw,95px)}.story-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw}.story-copy h2{font-size:clamp(3rem,6vw,7rem);line-height:.88}.story-copy>p:last-child{font-size:clamp(1.2rem,2vw,1.8rem)}.workflow-frame{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 28px 70px #11182715;transform:translateY(var(--parallax,0px)) rotate(2deg)}.workflow-head{padding:25px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.workflow-head span{font-size:.8rem;color:var(--muted)}.demo-form{padding:32px;display:grid;gap:22px}.demo-form label{display:grid;gap:8px;font-size:.75rem;font-weight:700}.demo-form input,.demo-form select{min-height:48px;border:1px solid #d4d6da;border-radius:7px;padding:0 13px;background:#fff;color:var(--navy)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.done-row{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.done-row i{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal}.done-row button{border:0;background:var(--orange);color:#fff;padding:12px 16px;border-radius:7px;font-weight:700}
.routing{padding:clamp(95px,13vw,180px) clamp(22px,7vw,115px);background:var(--orange)}.section-intro{display:grid;grid-template-columns:1fr auto;align-items:end}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2{font-size:clamp(4rem,9vw,9rem)}.section-intro>p:last-child{font-size:clamp(1.4rem,3vw,3rem);font-weight:700}.call-flow{margin:90px 0 0;display:grid;grid-template-columns:1.2fr .35fr 1fr .35fr 1fr .35fr 1fr;align-items:center}.flow-source,.flow-stop{background:var(--cream);min-height:155px;padding:25px;display:grid;border:2px solid var(--navy)}.flow-source span,.flow-stop small{font-size:.68rem;letter-spacing:.12em}.flow-source b,.flow-stop b{font:700 clamp(1.1rem,2vw,1.8rem) 'Space Grotesk'}.flow-stop{grid-template-columns:auto 1fr;gap:15px;align-items:center}.flow-stop>span{font:700 2rem 'Space Grotesk';color:var(--orange)}.flow-stop>div{display:grid;gap:4px}.flow-stop em{font-size:.72rem;color:var(--muted);font-style:normal}.flow-line{height:2px;background:var(--navy);position:relative}.flow-line:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}
.hours{min-height:190vh;background:var(--navy);color:#fff}.hours-stage{position:sticky;top:0;min-height:100vh;padding:clamp(85px,9vw,125px) clamp(22px,7vw,115px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.hours-copy h2{font-size:clamp(3.8rem,7vw,8rem)}.hours-copy>p:last-child{color:#bdc4cf;max-width:420px;line-height:1.65}.hours-ui{background:#fff;color:var(--navy);border-radius:13px;padding:30px;box-shadow:0 35px 80px #0005}.hours-ui header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.hours-ui header>div{display:grid;gap:5px}.hours-ui header small,.schedule span{font-size:.64rem;letter-spacing:.12em;color:var(--muted)}.status{font-size:.73rem;color:var(--orange);font-weight:700}.schedule>div{display:grid;grid-template-columns:130px 1fr auto;padding:21px 4px;border-bottom:1px solid var(--line)}.schedule .selected{color:var(--orange)}.schedule i{font-style:normal}.hours-outcomes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:20px 0 0;border-top:1px solid #ffffff30}.hours-outcomes li{padding:20px 0;display:grid;color:#757f90}.hours-outcomes span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.hours-outcomes b{font:600 clamp(1rem,1.7vw,1.5rem) 'Space Grotesk'}.hours-outcomes .current{color:#fff;border-top:3px solid var(--orange);margin-top:-2px}
.devices{min-height:1050px;padding:clamp(100px,13vw,180px) clamp(22px,6vw,95px);position:relative}.devices-copy{text-align:center}.devices h2{font-size:clamp(4rem,8vw,8.5rem)}.devices-copy>p:last-child{font-size:1.2rem}.device-stage{height:570px;position:relative;margin-top:55px}.laptop{position:absolute;width:min(800px,60vw);left:50%;top:40px;transform:translateX(-50%) rotate(-1deg)}.laptop-screen{aspect-ratio:16/9;background:#fff;border:13px solid var(--navy);border-radius:13px;display:grid;grid-template-columns:20% 80%;overflow:hidden;box-shadow:0 25px 55px #11182720}.mini-sidebar{background:var(--navy)}.calls-screen{padding:7%}.calls-screen small{color:var(--orange);font-weight:700;letter-spacing:.13em}.calls-screen h3{font:700 clamp(1.5rem,3vw,2.8rem) 'Space Grotesk';margin:.3em 0}.calls-screen>div{display:grid;grid-template-columns:1fr 1.6fr auto;padding:15px 0;border-bottom:1px solid var(--line);font-size:clamp(.5rem,1vw,.8rem)}.calls-screen span,.calls-screen em{color:var(--muted);font-style:normal}.laptop-base{height:18px;background:#c8c9cb;border-radius:2px 2px 14px 14px;margin:0 -6%}.phone{position:absolute;z-index:2;width:220px;min-height:430px;left:15%;top:120px;background:var(--navy);color:#fff;border:8px solid #070b13;border-radius:30px;padding:40px 22px 25px;text-align:center;box-shadow:0 30px 60px #11182738;transform:rotate(-8deg)}.phone-speaker{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:55px;height:5px;background:#303642;border-radius:8px}.phone-brand{display:flex;align-items:center;gap:8px;text-align:left}.phone-brand img{width:28px;border-radius:7px}.phone-brand span{font-size:.75rem;font-weight:700}.phone>small{display:block;margin-top:65px;color:#aeb5c2}.phone h3{font:700 1.45rem 'Space Grotesk';margin:10px 0 3px}.phone p{font-size:.75rem;color:#aeb5c2}.phone-actions{display:flex;justify-content:space-around;margin-top:75px}.phone-actions i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#c43c30;font-style:normal}.phone-actions i:last-child{background:#1b8d58}.desk-phone{position:absolute;right:11%;top:165px;width:250px;height:310px;background:#dad8d3;border-radius:18px 18px 35px 35px;padding:25px;transform:rotate(7deg);box-shadow:0 30px 60px #11182725}.desk-screen{height:100px;background:#cddbbf;border:7px solid #252a31;border-radius:6px;padding:9px;display:grid;color:#111827}.desk-screen small{font-size:.55rem}.desk-screen b{font-size:1.15rem}.desk-screen span{font-size:.7rem}.desk-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:22px 30px}.desk-keys i{height:17px;background:#96979a;border-radius:50%}
.support{background:var(--orange);padding:clamp(100px,13vw,180px) clamp(22px,7vw,115px);display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center}.support h2{font-size:clamp(4rem,7vw,8rem)}.support-copy>p:last-child{font-size:1.15rem}.support-conversation{display:grid;gap:16px}.support-conversation p{max-width:88%;margin:0;background:var(--cream);padding:17px 20px;border:2px solid var(--navy);font-weight:600}.support-conversation p:nth-child(2){margin-left:auto;background:var(--navy);color:#fff}.support-conversation span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;color:var(--orange)}.support-conversation strong{font:700 clamp(2rem,4vw,4rem) 'Space Grotesk';margin-top:22px}.one-product{min-height:90vh;padding:clamp(100px,15vw,220px) clamp(22px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.one-product h2{font-size:clamp(6rem,17vw,18rem);margin:.05em 0}.one-product>p:last-child{font-size:clamp(1.2rem,2.2vw,2rem);align-self:flex-end}.pricing{background:var(--navy);color:#fff;padding:clamp(100px,12vw,180px) clamp(22px,7vw,115px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.pricing h2{font-size:clamp(4rem,7vw,8rem)}.pricing-copy>p:last-child{color:#bdc4cf;line-height:1.7;max-width:500px}.price-panel{border-top:6px solid var(--orange);background:#1b2433;padding:clamp(30px,5vw,65px)}.price-panel>span,.price-panel>small{font-size:.68rem;letter-spacing:.12em;color:#b9c0cc}.price-panel h3{font:700 clamp(2rem,4vw,4.2rem)/1 'Space Grotesk';letter-spacing:-.055em;margin:.45em 0}.price-panel ul{list-style:none;padding:0;margin:30px 0}.price-panel li{padding:14px 0;border-bottom:1px solid #ffffff25}.price-panel li:before{content:'✓';color:var(--orange);margin-right:12px}.button-light{background:#fff;border-color:#fff;color:var(--navy);margin:12px 0 20px}.price-panel>small{display:block;line-height:1.5}.final-cta{min-height:100vh;background:var(--orange);padding:clamp(100px,12vw,175px) clamp(22px,7vw,115px);position:relative;display:flex;align-items:center}.final-cta h2{font-size:clamp(4.5rem,9vw,10rem);position:relative;z-index:2}.final-cta>div:last-child{position:relative;z-index:2}.final-cta>div:last-child>p:not(.eyebrow){font-size:1.1rem}.final-mark{position:absolute;right:-8vw;top:50%;transform:translateY(-50%) rotate(12deg);opacity:.13}.final-mark img{width:min(52vw,750px)}.button-dark{background:var(--navy);border-color:var(--navy)}footer{background:var(--cream);padding:60px clamp(22px,7vw,115px);display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end}footer img{width:220px}footer p{margin:0;text-align:right}footer nav{display:flex;gap:25px}footer nav a{font-size:.85rem;font-weight:600}footer small{text-align:right;color:var(--muted)}
.js .reveal{opacity:0;transform:translateY(45px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{padding-bottom:0}.hero-product{min-height:420px}.device-hero{width:85vw;margin-left:10vw;transform:translateY(var(--parallax,0px)) rotate(-2deg)}.orbit-word{right:-25vw}.product-shell{min-height:320px}.story-sticky{grid-template-columns:1fr;padding:90px 0;align-content:center}.workflow-frame{max-width:700px;margin:auto}.call-flow{grid-template-columns:1fr;gap:0;margin-top:55px}.flow-line{width:2px;height:35px;margin:auto}.flow-line:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.hours-stage{grid-template-columns:1fr;align-content:center;gap:35px}.hours-outcomes{margin-top:0}.support,.pricing{grid-template-columns:1fr}.support-conversation,.price-panel{max-width:680px}.desk-phone{right:4%}.phone{left:4%}}
@media(max-width:720px){.site-header{height:76px;padding-inline:18px}.brand img{width:150px}.site-header nav>a:not(:last-child){display:none}.button-small{min-height:40px}.hero{padding:115px 20px 50px;min-height:auto;display:block}.hero h1{font-size:clamp(4rem,20vw,7rem);line-height:.84}.hero .lead{max-width:330px}.hero .actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-product{min-height:360px;margin:60px -20px 0}.device-hero{width:112vw;margin:0;left:8vw;transform:rotate(-2deg)}.browser-bar{height:23px}.product-shell{min-height:255px}.product-nav{padding:14px 10px}.product-nav img{width:80px;margin-bottom:12px}.product-nav ul{padding-top:10px}.product-nav li{padding:5px;font-size:7px}.dashboard{padding:24px 18px}.dashboard h2{font-size:19px}.next-step{margin-top:17px;padding:15px}.next-step b{font-size:12px}.next-step span,.next-step button{font-size:7px}.summary{margin-top:14px}.summary span{padding:9px 0;font-size:7px}.summary b{font-size:13px}.scroll-cue{display:none}.manifesto{min-height:auto}.manifesto>div{min-height:78svh;padding:90px 20px}.manifesto h2{font-size:clamp(3.5rem,16vw,6rem)}.old-list{flex-direction:column;gap:10px}.story{min-height:auto;padding:0 20px}.story-sticky{position:relative;min-height:auto;padding:95px 0;gap:50px}.story-copy h2{font-size:clamp(3.25rem,14vw,5rem)}.workflow-frame{transform:none}.workflow-head,.demo-form{padding:20px}.form-row{grid-template-columns:1fr}.done-row{align-items:flex-start;gap:14px;flex-direction:column}.routing{padding:95px 20px}.section-intro{display:block}.section-intro h2{font-size:clamp(4rem,18vw,6.5rem)}.section-intro>p:last-child{font-size:1.5rem}.flow-source,.flow-stop{min-height:120px}.hours{min-height:auto}.hours-stage{position:relative;min-height:auto;padding:95px 20px}.hours h2{font-size:clamp(3.8rem,17vw,6rem)}.hours-ui{padding:20px}.schedule>div{grid-template-columns:95px 1fr;gap:8px}.schedule i{display:none}.hours-outcomes{grid-template-columns:1fr}.hours-outcomes li{border-top:1px solid #ffffff25}.hours-outcomes .current{border-top:3px solid var(--orange)}.devices{min-height:900px;padding:95px 20px}.devices h2{font-size:clamp(3.8rem,17vw,6.3rem)}.device-stage{height:510px;margin-top:60px}.laptop{width:105vw;top:70px}.calls-screen{padding:5%}.calls-screen>div{grid-template-columns:1fr}.calls-screen span,.calls-screen em{display:none}.phone{width:155px;min-height:310px;left:0;top:185px;border-width:5px;border-radius:23px;padding:35px 12px 18px}.phone-brand span{display:none}.phone>small{margin-top:38px}.phone h3{font-size:1rem}.phone-actions{margin-top:42px}.phone-actions i{width:34px;height:34px}.desk-phone{width:155px;height:210px;right:-5%;top:230px;padding:15px;border-radius:12px 12px 25px 25px}.desk-screen{height:70px;border-width:4px}.desk-screen b{font-size:.8rem}.desk-keys{padding:12px 17px;gap:5px}.desk-keys i{height:10px}.support{padding:95px 20px}.support h2{font-size:clamp(3.8rem,16vw,6rem)}.one-product{min-height:70vh;padding:95px 20px}.one-product h2{font-size:clamp(6rem,30vw,10rem)}.one-product>p:last-child{align-self:flex-start}.pricing{padding:95px 20px}.pricing h2{font-size:clamp(4rem,17vw,6rem)}.price-panel{padding:30px 22px}.final-cta{min-height:90svh;padding:95px 20px}.final-cta h2{font-size:clamp(4rem,17vw,6.5rem)}.final-cta .actions{flex-direction:column;align-items:flex-start;gap:20px}.final-mark{right:-45vw}.final-mark img{width:100vw}footer{grid-template-columns:1fr;align-items:start;padding:50px 20px}footer p,footer small{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.device{will-change:auto}.button{transition:none}.device-hero,.workflow-frame{transform:none}.story,.hours{min-height:auto}.story-sticky,.hours-stage{position:relative}}
.product-nav img{filter:none}
@media(max-width:720px){.hero h1{font-size:clamp(3.8rem,18vw,6.5rem)}}

/* Issue 116: scroll-led product storytelling */
.supporting-copy{max-width:38rem;font:500 clamp(.95rem,1.3vw,1.15rem)/1.65 Inter,sans-serif;letter-spacing:0!important;text-transform:none!important}.manifesto-new .supporting-copy{margin-top:2rem;max-width:46rem}.story-copy .supporting-copy{font-size:1rem!important;color:var(--muted);max-width:34rem}.section-intro>div{max-width:31rem}.section-intro>div>p:first-child{font-size:clamp(1.4rem,3vw,3rem);font-weight:700;margin:.25rem 0}.section-intro .supporting-copy{font-size:1rem;font-weight:500;line-height:1.6}.devices-copy .supporting-copy{margin:1rem auto 0;max-width:45rem}.hours-copy .supporting-copy{font-size:.95rem;color:#bdc4cf}.hero.scroll-story{min-height:135vh;align-items:start}.hero.scroll-story .hero-copy,.hero.scroll-story .hero-product{position:sticky;top:16vh;margin-top:2vh}.hero.scroll-story .hero-copy{transform:translateY(var(--hero-copy-y,0));will-change:transform}.hero.scroll-story .device-hero{transform:translateX(-4vw) translateY(var(--hero-y,0)) rotate(var(--hero-tilt,-3deg)) scale(var(--hero-scale,.94));transform-origin:center;will-change:transform}.hero.scroll-story .orbit-word{transform:translateY(calc(var(--story-progress,0) * -70px)) rotate(90deg)}
.manifesto.scroll-story{min-height:210vh}.manifesto.scroll-story .manifesto-old{position:sticky;top:0;z-index:1}.manifesto.scroll-story .manifesto-new{position:relative;z-index:2;margin-top:10vh;box-shadow:0 -45px 90px #0002}.old-list [data-step]{opacity:1;transform:none;transition:opacity .35s ease,transform .55s var(--ease)}.old-list [data-step].is-active{opacity:.08;transform:translateY(-35px)}
.story-person{min-height:200vh}.story-person .workflow-frame{transform:rotate(var(--person-tilt,2deg)) scale(var(--person-scale,.9));will-change:transform}.form-step{opacity:.2;transform:translateY(20px);transition:opacity .45s ease,transform .6s var(--ease)}.form-step.is-active{opacity:1;transform:none}.form-step.is-active input,.form-step.is-active select{border-color:#9ea5b0;box-shadow:0 0 0 3px #ff61150b}.done-row.is-active span i{background:var(--orange)}
.routing.scroll-story{min-height:240vh;padding:0}.routing-stage{position:sticky;top:0;min-height:100vh;padding:clamp(70px,9vh,110px) clamp(22px,7vw,115px);display:flex;flex-direction:column;justify-content:center}.routing-stage .call-flow{margin-top:clamp(35px,6vh,70px)}.route-step,.routing .flow-line{opacity:.22;transform:scale(.96);transition:opacity .35s ease,transform .55s var(--ease),background .35s}.route-step.is-active{opacity:1;transform:scale(1)}.routing .flow-line{transform:scaleX(0);transform-origin:left}.routing .flow-line.is-active{opacity:1;transform:scaleX(1)}.route-step.is-active:last-child{background:var(--navy);color:#fff}.route-step.is-active:last-child em{color:#d5dae3}
.hours.scroll-story{min-height:260vh}.hours.scroll-story .hours-stage{overflow:hidden}.hours-ui{transform:scale(calc(.94 + var(--story-progress,0) * .06));transition:background .35s}.hours-choice{opacity:.28;transition:opacity .35s,color .35s,transform .5s var(--ease)}.hours-choice i{opacity:0}.hours-choice.current{opacity:1;color:var(--orange);transform:translateX(8px)}.hours-choice.current i{opacity:1}.hours-outcomes li{transition:color .35s,border-color .35s}.hours[data-call-state="open"] .status{color:#44d08b}.hours[data-call-state="busy"] .status{color:#ffb347}.hours[data-call-state="closed"] .status{color:var(--orange)}
.devices.scroll-story{min-height:250vh;padding:0}.devices-sticky{position:sticky;top:0;min-height:100vh;padding:clamp(65px,8vh,105px) clamp(22px,6vw,95px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.devices-sticky .devices-copy h2{font-size:clamp(3.8rem,7vw,7.2rem)}.devices-sticky .device-stage{height:48vh;min-height:430px;margin-top:30px}.devices .laptop{transform:translateX(-50%) translateY(calc((1 - var(--device-centre,0)) * 65px)) rotate(calc(-4deg + var(--device-centre,0) * 4deg)) scale(calc(.86 + var(--device-centre,0) * .14));will-change:transform}.devices .phone{transform:translateX(calc((1 - var(--device-centre,0)) * -110px)) translateY(calc((1 - var(--device-centre,0)) * 70px)) rotate(calc(-16deg + var(--device-centre,0) * 8deg)) scale(calc(.88 + var(--device-centre,0) * .12));will-change:transform}.devices .desk-phone{transform:translateX(calc((1 - var(--device-centre,0)) * 110px)) translateY(calc((1 - var(--device-centre,0)) * 55px)) rotate(calc(15deg - var(--device-centre,0) * 8deg)) scale(calc(.88 + var(--device-centre,0) * .12));will-change:transform}
.support.scroll-story{min-height:135vh}.support-conversation [data-step]{opacity:.12;transform:translateY(22px);transition:opacity .4s ease,transform .55s var(--ease)}.support-conversation [data-step].is-active{opacity:1;transform:none}.site-footer{grid-template-columns:1.1fr 1.3fr auto;align-items:end}.site-footer .footer-brand{display:grid;gap:18px}.site-footer .footer-brand p,.site-footer .footer-legal p{margin:0;text-align:left}.site-footer .footer-legal{display:grid;gap:8px}.site-footer .footer-legal small{text-align:left}.site-footer nav{justify-self:end}
@media(max-width:1000px){.hero.scroll-story{min-height:120vh}.routing-stage{justify-content:flex-start;padding-top:70px;overflow:auto}.routing-stage .call-flow{margin-top:30px}.devices-sticky .device-stage{height:540px}.site-footer{grid-template-columns:1fr 1fr}.site-footer nav{justify-self:start}}
@media(max-width:720px){.supporting-copy{font-size:.95rem!important;line-height:1.55}.hero.scroll-story{min-height:auto}.hero.scroll-story .hero-copy,.hero.scroll-story .hero-product{position:relative;top:auto;margin-top:0;transform:none}.hero.scroll-story .device-hero{transform:rotate(-2deg) scale(calc(.98 + var(--story-progress,0) * .02))}.manifesto.scroll-story,.story-person,.routing.scroll-story,.hours.scroll-story,.devices.scroll-story,.support.scroll-story{min-height:auto}.manifesto.scroll-story .manifesto-old,.manifesto.scroll-story .manifesto-new,.routing-stage,.devices-sticky{position:relative;top:auto;margin-top:0}.routing-stage{min-height:auto;padding:95px 20px;overflow:visible}.routing .flow-line{transform:scaleY(0);transform-origin:top}.routing .flow-line.is-active{transform:scaleY(1)}.story-person .workflow-frame{transform:scale(calc(.96 + var(--story-progress,0) * .04))}.hours-ui{transform:none}.devices-sticky{min-height:auto;padding:95px 20px;overflow:hidden}.devices-sticky .device-stage{height:510px;min-height:0}.devices .laptop{transform:translateX(-50%) rotate(-1deg)}.devices .phone{transform:rotate(-8deg)}.devices .desk-phone{transform:rotate(7deg)}.support.scroll-story{display:grid}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-self:start}}
@media(prefers-reduced-motion:reduce){.hero.scroll-story,.manifesto.scroll-story,.story-person,.routing.scroll-story,.hours.scroll-story,.devices.scroll-story,.support.scroll-story{min-height:auto}.hero.scroll-story .hero-copy,.hero.scroll-story .hero-product,.manifesto.scroll-story .manifesto-old,.routing-stage,.devices-sticky{position:relative;top:auto;margin-top:0}.hero.scroll-story .hero-copy,.hero.scroll-story .device-hero,.story-person .workflow-frame,.devices .laptop,.devices .phone,.devices .desk-phone,.hours-ui{transform:none}.old-list [data-step]{opacity:1;transform:none}.form-step,.route-step,.routing .flow-line,.support-conversation [data-step]{opacity:1;transform:none}.hours-choice{opacity:1}.hours-choice.current{transform:none}.routing-stage,.devices-sticky{min-height:auto}.devices.scroll-story{padding:clamp(100px,13vw,180px) clamp(22px,6vw,95px)}}
