@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#243e35;background:#f4f1e9;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #c05d39;outline-offset:6px}header{height:92px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:33px;font-weight:700;letter-spacing:-2px}.wordmark span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-pill{border:1px solid #aeb7aa;border-radius:30px;padding:12px 20px}.nav-pill span{margin-left:16px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}.hero{text-align:center;padding:73px 6% 0;max-width:1440px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}.hero .eyebrow,.closing .eyebrow{justify-content:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ab5f3d;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(55px,7.7vw,112px);font-weight:500;line-height:1.04;letter-spacing:-6px;margin:24px 0}.intro{font-size:19px;line-height:1.6;color:#69766b}.text-link{display:inline-flex;gap:35px;align-items:center;font-size:13px;font-weight:600;margin:26px 0 50px}.hero-art{width:86%;margin:auto}.art{height:460px;border-radius:6px;box-shadow:0 24px 60px #203c3520}.landscape{position:relative;overflow:hidden;background:#d8b69a;isolation:isolate}.landscape:before{content:"";position:absolute;inset:0;background:linear-gradient(#ead3b4,#d9b396);z-index:-1}.sun{position:absolute;top:13%;left:58%;width:15%;aspect-ratio:1;border-radius:50%;background:#f7e6bb}.ridge{position:absolute;width:140%;height:83%;left:-15%;border-radius:48% 46% 0 0;transform:rotate(-12deg);box-shadow:0 -5px 14px #163d3020}.far{top:45%;background:#9ba898;transform:rotate(15deg)}.middle{top:62%;background:#557867;transform:rotate(-17deg)}.near{top:83%;background:#244d40;transform:rotate(10deg)}.art-label{position:absolute;left:38px;bottom:34px;font-size:27px;color:#f4efe5;letter-spacing:-1px}.art-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;padding:22px 0;color:#7b8176}.story{height:270vh;min-height:1500px;margin-top:100px;background:#e8e9df;--progress:0;scroll-margin-top:0}.story-sticky{height:100vh;min-height:700px;position:sticky;top:0;overflow:hidden;padding:8vh 7%;display:flex;flex-direction:column;justify-content:center}.story-copy{width:35%;position:relative;z-index:3}h2{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-3px;font-weight:500}.story h2{margin:23px 0}.story-copy p{font-size:16px;line-height:1.7;color:#6b766b;min-height:85px;max-width:325px}.steps{display:flex;gap:18px;margin-top:30px;font-size:10px;color:#919a8d}.steps span{padding-top:12px;border-top:2px solid #bdc6b9}.steps .active{color:#244d40;border-color:#244d40}.stage{position:absolute;width:59%;right:1%;height:500px;top:50%;transform:translateY(-50%)}.mac{position:absolute;top:16%;left:5%;width:87%;transform:translateY(calc(var(--progress) * -35px)) scale(calc(1 - var(--progress) * .13));transform-origin:50% 30%}.mac-screen{background:#202820;border:9px solid #29312c;border-radius:14px 14px 4px 4px;overflow:hidden;box-shadow:0 20px 30px #25352a20}.app-chrome{height:30px;background:#f0f0e9;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:7px;color:#667366}.traffic{color:#b28a6d;font-size:9px}.app-body{display:flex;background:#fafaf5;aspect-ratio:1.7}aside{width:23%;padding:20px 9px;background:#e6e9df;display:flex;flex-direction:column;gap:16px;font-size:8px}aside b{font-size:10px}aside small{margin-top:auto;font-size:6px}.selected{color:#274d3d;font-weight:700}.editor{padding:17px;width:77%}.editor-title{font-size:12px;margin-bottom:15px}.editor-title span{float:right;font-size:7px;color:#7b8578}.canvas{width:100%;height:65%;border-radius:3px}.timeline{display:flex;gap:5px;align-items:center;margin-top:12px}.timeline i{display:block;width:28px;height:19px;background:#a1b4a0;border-radius:2px}.timeline i:nth-child(2n){background:#d7b99d}.timeline span{font-size:6px;margin-left:auto;color:#7a8275}.mac-base{height:11px;background:linear-gradient(#b6b9af,#8c9287);width:112%;margin-left:-6%;border-radius:0 0 50% 50%}.tablet{position:absolute;left:2%;top:45%;width:52%;aspect-ratio:1.45;border:8px solid #27322d;border-radius:15px;background:#27322d;box-shadow:0 15px 30px #263b3326;opacity:clamp(0,calc((var(--progress) - .4)*4),1);transform:translateY(calc((1 - var(--progress))*100px))}.tablet .landscape,.phone .landscape{width:100%;height:100%;border-radius:6px}.tablet>span{position:absolute;bottom:-30px;font-size:9px;left:0;color:#647260}.phone{position:absolute;right:9%;top:50%;width:17%;aspect-ratio:.49;border:6px solid #27322d;border-radius:22px;box-shadow:0 15px 30px #263b3330;opacity:clamp(0,calc((var(--progress) - .56)*5),1);transform:translateY(calc((1 - var(--progress))*100px))}.phone .landscape{border-radius:16px}.phone:after{content:"";position:absolute;top:5px;left:30%;width:40%;height:8px;background:#27322d;border-radius:20px}.browser-badge{position:absolute;top:99%;left:36%;background:#f8f7f0;border:1px solid #d2d9ca;border-radius:30px;padding:12px 18px;font-size:9px;display:flex;gap:9px;align-items:center;opacity:clamp(0,calc((var(--progress) - .72)*6),1)}.scroll-hint{position:absolute;bottom:30px;font-size:9px;letter-spacing:1.8px;color:#75816f}.scroll-hint span{margin-left:20px}.platform{padding:120px 10%;max-width:1440px;margin:auto;scroll-margin-top:40px}.section-heading{max-width:650px}.section-heading h2{margin:24px 0}.section-heading>p{max-width:460px;color:#73806f;line-height:1.7;font-size:17px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.product-grid article{padding:38px;border-radius:8px;min-height:420px;display:flex;flex-direction:column}.server-card{background:#274d40;color:#f4f1e9}.client-card{background:#e5d8c5}.product-number{font-size:9px;letter-spacing:1.7px}.product-symbol{font-size:65px;margin:20px 0 10px;line-height:1}h3{font-size:30px;font-weight:500;letter-spacing:-1px}.product-grid p{font-size:15px;line-height:1.8;margin:15px 0 35px;max-width:340px;opacity:.76}.product-foot{margin-top:auto;font-size:11px;padding-top:20px;border-top:1px solid #94a38b60}.closing{text-align:center;padding:100px 6% 110px;background:#ede9de}.closing h2{font-size:clamp(64px,8vw,110px);margin:30px 0;letter-spacing:-5px}.closing p{color:#76806e;line-height:1.8;font-size:16px}.release-pill{display:inline-flex;align-items:center;gap:12px;background:#274d40;color:#f4f1e9;padding:15px 24px;border-radius:30px;font-size:12px;margin-top:30px}.release-pill .dot{background:#c9b38c}footer{padding:45px 6%;display:flex;align-items:center;gap:30px;max-width:1440px;margin:auto}footer p,footer>a:last-child{font-size:11px}footer small{font-size:9px;line-height:1.8;color:#7b8375;margin-left:auto}@media(min-width:1500px){.stage{right:7%;width:53%}}@media(max-width:800px){header{height:75px}nav{gap:16px}nav>a:first-child{display:none}.wordmark{font-size:28px}.hero{padding-top:55px}h1{letter-spacing:-3px}.hero-art{width:100%}.art{height:310px}.art-label{font-size:22px}.art-caption{font-size:7px;letter-spacing:.7px}.story{margin-top:60px;height:250vh;min-height:1600px}.story-sticky{justify-content:flex-start;padding:55px 7%;min-height:720px}.story-copy{width:100%}.story h2{font-size:43px;margin:18px 0}.story-copy p{max-width:95%;min-height:55px;font-size:14px}.steps{margin-top:12px}.stage{width:96%;right:2%;height:350px;top:auto;bottom:70px;transform:none}.mac{top:4%;left:10%;width:80%}.tablet{top:38%;left:5%;width:50%}.phone{top:36%;right:9%;width:16%}.browser-badge{top:86%;left:33%;font-size:8px;padding:9px 12px}.scroll-hint{bottom:20px}.platform{padding:80px 7%}.product-grid{grid-template-columns:1fr;margin-top:35px}.product-grid article{min-height:360px;padding:30px}.closing{padding:80px 7%}.closing h2{letter-spacing:-3px}.closing p br{display:none}footer{flex-wrap:wrap;gap:20px}footer small{order:4;width:100%;margin:0}footer>a:last-child{margin-left:auto}}@media(max-width:380px){nav{font-size:11px}.nav-pill{padding:10px}h1{font-size:48px}.eyebrow{font-size:8px}.stage{bottom:55px;height:300px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.story{height:auto;min-height:0}.story-sticky{position:relative;height:800px}.scroll-hint{display:none}}