@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f2f0e9;--ink:#20221e;--muted:#72746b;--line:#d6d6cb;--brand:#3da5ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,.carousel:focus-visible{outline:2px solid var(--brand);outline-offset:6px}::selection{background:var(--brand);color:#fff}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:10px}header{max-width:1500px;padding:32px 5%;margin:auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Manrope',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px}.logo span{font-size:12px;vertical-align:top;line-height:2;letter-spacing:0;margin-left:3px}nav{display:flex;gap:40px;align-items:center;font-size:13px;font-weight:500}nav a:hover{color:var(--brand)}nav a span{font-size:9px;vertical-align:super;margin-left:4px}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:12px 22px}.nav-contact b{margin-left:18px}main{max-width:1500px;margin:auto}.hero{padding:65px 5% 67px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.section-label,.visual-kicker,.micro,.visual-bottom,.placeholder-label,.steps article>span,.contact-top{font-size:10px;letter-spacing:1.4px;font-weight:600}.availability{font-size:11px;display:flex;align-items:center;gap:8px}.availability i{width:6px;height:6px;background:#6d825c;border-radius:50%;box-shadow:0 0 0 4px #dfe3d7}h1,h2,h3,p{margin:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(62px,8.4vw,124px);line-height:1.035;letter-spacing:-.075em;font-weight:650;margin:34px 0 38px}h1>span:first-of-type{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.period{color:var(--brand)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-copy{max-width:370px}.hero-copy p{font-size:16px;line-height:1.65;color:#696c63}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid var(--ink);padding:18px 0 8px;font-size:13px;font-weight:600}.text-link span{font-size:22px}.hero-note{display:flex;align-items:center;gap:18px;padding-bottom:5px}.asterisk{color:var(--brand);font-size:65px;line-height:1}.hero-note p{font-size:11px;line-height:1.8;color:var(--muted)}.hero-note strong{color:var(--ink);font-weight:500}.showcase{padding:0 5%}.section-label{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between}.section-label h2{font-size:10px;font-weight:600;letter-spacing:1.4px}.tiny-plus{margin-left:25px}.carousel{background:#252722;border-radius:8px;overflow:hidden;color:white}.visual{height:570px;position:relative;overflow:hidden;isolation:isolate}.visual-one{background:#bfcac0;background-image:radial-gradient(ellipse at 80% 25%,#e2e3c9,transparent 50%),linear-gradient(130deg,#758a78,#c9d2bd)}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:100px 100px;transform:perspective(600px) rotateX(30deg) scale(1.3);opacity:.35}.visual-kicker{position:absolute;top:28px;left:32px;color:#24372b;font-size:9px;z-index:3}.orb{position:absolute;border-radius:50%;box-shadow:inset -30px -30px 50px #172f3080,20px 30px 60px #334d4930;background:radial-gradient(circle at 30% 20%,#f8f3c0,#809184 65%)}.orb-one{width:230px;height:230px;right:-35px;top:30px}.orb-two{width:130px;height:130px;left:80px;bottom:10px}.product-window{position:absolute;width:590px;left:50%;top:56%;transform:translate(-50%,-50%) rotate(-5deg);background:#f4f4ee;color:#293328;border-radius:13px;box-shadow:15px 40px 65px #24372b50,0 0 0 1px #fff7;transition:transform .7s}.visual-one:hover .product-window{transform:translate(-50%,-50%) rotate(-2deg)}.window-top{height:36px;border-bottom:1px solid #d9dfd3;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;color:#858d7e}.window-top>span:first-child{letter-spacing:3px;font-size:7px}.window-body{display:flex}.window-menu{width:56px;flex-shrink:0;border-right:1px solid #d9dfd3;padding:20px;text-align:center;font-size:20px}.window-menu span{font-size:15px;line-height:2.8;color:#7a8673}.window-menu small{display:block;margin-top:65px}.window-content{padding:24px 30px 28px;width:100%}.micro{font-size:7px}.window-content h3{font-size:44px;letter-spacing:-2px;line-height:1.05;margin:12px 0 18px;font-weight:500}.window-content h3 em{font-family:Georgia,serif;font-weight:400}.mock-card{display:flex;align-items:center;gap:16px;padding:15px;background:#e2e7db;border-radius:7px}.mock-card>span{font-size:37px}.mock-card>div{flex:1}.mock-card small{font-size:10px}.mock-lines{width:65%;height:4px;margin-top:8px;background:#c4ceba}.mock-card>b{font-size:15px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-cards>div{border:1px solid #d6decd;border-radius:6px;padding:13px}.mini-cards span{font-size:9px;display:block}.mini-cards strong{display:block;font-size:25px;font-weight:500;margin-top:4px}.mini-cards small{font-size:15px;color:#6a8c59}.bar-chart{height:33px;display:flex;align-items:flex-end;gap:6px}.bar-chart i{width:12%;background:#9aad85;height:35%}.bar-chart i:nth-child(2n){height:60%}.bar-chart i:nth-child(3n){height:80%}.bar-chart i:last-child{height:100%}.mini-cards .mini-blue{background:#3da5ed;border:none;display:flex;justify-content:space-between;align-items:center}.mini-blue span{font-size:19px;letter-spacing:-.5px;line-height:1.2}.mini-blue b{font-size:28px}.visual-bottom{position:absolute;left:32px;bottom:26px;color:#344337;font-size:9px}.placeholder-label{position:absolute;bottom:24px;right:26px;font-size:8px;padding:7px 10px;border:1px solid #ffffff55;border-radius:3px;color:#fff;background:#15251e40;backdrop-filter:blur(10px)}.carousel-foot{display:flex;justify-content:space-between;align-items:center;padding:26px 30px}.carousel-foot .eyebrow{font-size:8px;color:#aeb3a5}.carousel-foot h3{font-size:24px;font-weight:450;letter-spacing:-.5px;margin-top:7px}.carousel-controls{display:flex;align-items:center;gap:9px}.carousel-controls>span{font-size:11px;margin-right:24px}.carousel-controls>span span{color:#95998e;margin-left:8px}.carousel-controls button{width:42px;height:42px;color:white;background:transparent;border:1px solid #ffffff40;border-radius:50%;font-size:20px;transition:background .2s}.carousel-controls button:hover{background:var(--brand);border-color:var(--brand)}.work-note{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted);padding:17px 0}.visual-two{background:#d8cdc0}.visual-two .visual-kicker{color:#6c4a30}.phone{position:absolute;width:225px;height:430px;border-radius:28px;border:6px solid #242521;box-shadow:25px 30px 50px #60452b50;overflow:hidden;background:#d3b386;top:65px}.phone-front{left:30%;transform:rotate(8deg)}.phone-back{left:14%;transform:rotate(-12deg);top:80px;background:#9a977b}.phone-image{height:100%;background:linear-gradient(25deg,#282b23 15%,transparent 15%),linear-gradient(155deg,transparent 40%,#636953 40%,#535944 60%,#8a8c68 60%)}.phone-image span{position:absolute;top:50px;left:20px;font-size:30px;font-weight:700;line-height:1}.landscape{height:100%;background:linear-gradient(#697c84,#edb987 60%,#ad7546)}.sun{position:absolute;top:135px;left:90px;width:70px;height:70px;background:#ffe4a5;border-radius:50%;box-shadow:0 0 50px #ffe4a580}.mountain{position:absolute;bottom:-20px;left:-30%;width:170%;height:53%;background:#393d32;clip-path:polygon(0 90%,35% 40%,60% 65%,80% 20%,100% 70%,100% 100%,0 100%)}.mountain.back{bottom:20px;background:#787359;transform:scaleX(-1)}.phone-timestamp{position:absolute;top:18px;left:17px;font-size:7px}.phone-title{position:absolute;top:57px;left:20px;font-size:42px;line-height:.95;letter-spacing:-1px;font-weight:700;color:white}.phone-title em{font-family:Georgia,serif;font-weight:400}.phone-subtitle{position:absolute;bottom:50px;font-size:10px;width:100%;text-align:center}.phone-track{position:absolute;bottom:25px;left:15px;right:15px;height:2px;background:#ffffff60}.phone-track:before{content:'';display:block;width:40%;height:2px;background:white}.story-caption{position:absolute;left:63%;top:38%;font-size:30px;line-height:1.35;color:#4b453b;letter-spacing:-1px}.story-caption em{font-family:Georgia,serif}.visual-three{background:#beb4dc}.visual-three .visual-kicker{color:#403255}.violet-orbit{position:absolute;width:600px;height:600px;left:-120px;top:180px;border:1px solid #ede2ff;box-shadow:0 0 0 45px #d7cdea55,0 0 0 90px #d7cdea33;border-radius:50%;transform:rotateX(55deg)}.spec-ui{position:absolute;width:620px;height:370px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(3deg);background:linear-gradient(120deg,#27242e,#141316);border-radius:12px;padding:36px;box-shadow:25px 35px 60px #49346750}.spec-ui .micro{color:#c3b9d5}.spec-ui h3{font-size:51px;line-height:1.03;letter-spacing:-2px;margin-top:30px;font-weight:500;position:relative;z-index:2}.chrome-shape{position:absolute;right:22px;top:15px;font-size:255px;line-height:1.1;color:#d3c5f4;text-shadow:2px 2px #fff,-6px -7px #55466f,7px 10px 0 #8a78ae,15px 20px 25px #000;transform:rotate(10deg)}.spec-bottom{position:absolute;bottom:30px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #ffffff30;padding-top:20px}.proof{margin:60px 5% 0;padding:38px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;align-items:center}.proof-intro p{font-size:19px;line-height:1.4;margin-top:13px;letter-spacing:-.5px}.proof>div>strong{font-family:'Manrope',sans-serif;font-size:48px;letter-spacing:-3px;font-weight:500}.proof>div>strong>span{color:#919886;font-size:35px}.proof>div:not(:first-child)>p{font-size:11px;color:var(--muted);margin-top:9px}.section{margin:0 5%;padding:110px 0;border-bottom:1px solid var(--line)}.services{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}h2{font-family:'Manrope',sans-serif;font-size:46px;font-weight:500;letter-spacing:-2px;line-height:1.12}h2 em{font-family:Georgia,serif;font-weight:400}.section-intro h2,.faq h2{margin-top:24px}.section-intro>p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:25px;max-width:270px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-list details:first-child{border-top:1px solid var(--line)}.service-list summary{display:flex;gap:23px;align-items:center;padding:25px 0}.service-number{font-size:10px;color:var(--muted)}.service-list h3{font-size:21px;font-weight:500;letter-spacing:-.5px}.expand{margin-left:auto;font-size:24px;font-weight:400}details[open] .expand{transform:rotate(45deg);color:var(--brand)}.service-body{padding:0 0 27px 36px}.service-body p{font-size:13px;line-height:1.8;color:var(--muted);max-width:390px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.tags span{border:1px solid var(--line);font-size:8px;padding:6px 10px;border-radius:20px}.approach-top{display:flex;justify-content:space-between;align-items:flex-start}.approach-top h2{width:55%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.steps article>span{font-size:9px;color:#818778}.steps h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:22px 0 14px}.steps p{font-size:13px;color:var(--muted);line-height:1.8;max-width:300px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;border:none}.faq h2{font-size:38px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding:23px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px}.faq-list summary span{font-size:18px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.8;color:var(--muted);padding:0 25px 23px 0}.contact{margin:0 3%;padding:42px 4% 25px;background:var(--brand);border-radius:8px;color:#241f19}.contact-top{display:flex;justify-content:space-between;font-size:9px}.contact-title{display:block;position:relative;font-family:'Manrope',sans-serif;font-size:clamp(65px,9vw,128px);line-height:1;letter-spacing:-.07em;font-weight:500;margin:48px 0}.contact-title em{font-family:Georgia,serif;font-weight:400}.contact-title>span{position:absolute;right:5px;top:5px;font-size:150px;line-height:1;transition:transform .3s}.contact-title:hover>span{transform:translate(8px,-8px)}.contact-bottom{border-top:1px solid #24231e40;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.contact-bottom>div{display:flex;gap:25px}.contact-bottom button{border:0;padding:0;background:none;color:inherit;font-size:12px}#copy-status{font-size:11px;min-height:14px;margin-top:10px}footer{max-width:1500px;margin:auto;padding:35px 5%;display:flex;justify-content:space-between;align-items:center}footer .logo{font-size:24px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.slide.active{animation:slideIn .5s ease}@keyframes slideIn{from{opacity:.45;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){h1{font-size:124px}}
@media(max-width:900px){header{padding-top:23px}nav{gap:24px}.hero{padding-top:45px}h1{font-size:8.8vw}.hero-copy{max-width:310px}.hero-note{gap:10px}.hero-note p{font-size:9px}.asterisk{font-size:50px}.visual{height:490px}.product-window{width:520px}.window-content{padding:20px 25px}.window-content h3{font-size:38px}.window-menu small{margin-top:40px}.orb-two{left:30px}.services,.faq{gap:40px}.section{padding:80px 0}h2{font-size:36px}.proof{gap:15px}.proof>div>strong{font-size:38px}.proof-intro p{font-size:16px}.steps{gap:30px}.phone{width:190px;height:370px}.phone-front{left:28%}.phone-back{left:9%}.story-caption{font-size:24px}.spec-ui{width:80%}.contact-title>span{font-size:100px}}
@media(max-width:600px){header{padding:22px 6%}.logo{font-size:27px}nav{gap:18px;font-size:11px}nav>a:nth-child(2){display:none}.nav-contact{padding:9px 14px}.nav-contact b{margin-left:8px}.hero{padding:45px 6% 40px}.hero-top{gap:15px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1px}.availability{font-size:8px;white-space:nowrap;gap:6px}.availability i{width:5px;height:5px}h1{font-size:12.1vw;letter-spacing:-.075em;line-height:1.07;margin:28px 0}h1>span:first-of-type{letter-spacing:-.065em}.hero-bottom{align-items:flex-start;gap:23px;flex-direction:column}.hero-copy{max-width:310px}.hero-copy p{font-size:14px}.text-link{font-size:12px;padding-top:14px}.hero-note{gap:12px;align-self:flex-end}.asterisk{font-size:38px}.hero-note p{font-size:9px}.showcase{padding:0 4%}.section-label{padding:16px 2%;font-size:8px}.section-label h2{font-size:8px}.visual{height:375px}.visual-kicker{top:18px;left:20px;font-size:7px;letter-spacing:1px}.product-window{width:440px;transform:translate(-50%,-50%) rotate(-6deg) scale(.7);top:53%}.visual-one:hover .product-window{transform:translate(-50%,-50%) rotate(-3deg) scale(.7)}.window-content h3{font-size:37px}.orb-one{width:140px;height:140px;right:-40px;top:35px}.orb-two{width:80px;height:80px;left:0;bottom:10px}.visual-bottom{left:20px;font-size:7px}.placeholder-label{font-size:6px;right:15px;bottom:19px;padding:6px}.carousel-foot{padding:20px 18px;gap:10px}.carousel-foot .eyebrow{font-size:6px;letter-spacing:.8px}.carousel-foot h3{font-size:16px}.carousel-controls{gap:6px}.carousel-controls button{width:32px;height:32px;font-size:17px}.carousel-controls>span{display:none}.work-note{padding:13px 2%;font-size:8px;line-height:1.5;flex-direction:column;gap:4px}.proof{margin-top:30px;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:25px 12px}.proof-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}.proof-intro p{font-size:13px;margin-top:0}.proof>div>strong{font-size:32px;letter-spacing:-2px}.proof>div>strong>span{font-size:24px}.proof>div:not(:first-child)>p{font-size:8px;margin-top:5px}.section{margin:0 6%;padding:60px 0}.services,.faq{grid-template-columns:1fr;gap:30px}h2{font-size:38px}.section-intro h2,.faq h2{margin-top:18px}.section-intro>p{max-width:300px;margin-top:17px}.service-list summary{padding:22px 0}.service-list h3{font-size:20px}.service-body{padding-left:35px}.approach-top{display:block}.approach-top h2{width:auto;margin-top:18px}.steps{grid-template-columns:1fr;gap:27px;margin-top:35px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps h3{margin:12px 0 8px}.steps p{max-width:none}.faq h2{font-size:36px}.faq-list summary{font-size:13px}.contact{padding:28px 6% 15px;margin:0 3%}.contact-top{font-size:7px;letter-spacing:.8px}.contact-title{font-size:16vw;margin:35px 0}.contact-title>span{font-size:70px;right:-8px;top:8px}.contact-bottom{flex-direction:column;font-size:11px;gap:18px}.contact-bottom>div{gap:24px}footer{padding:25px 6%;flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%;font-size:9px}footer .logo{font-size:24px}.phone{width:170px;height:330px;top:30px}.phone-front{left:30%;transform:rotate(8deg) scale(.85)}.phone-back{left:4%;top:40px;transform:rotate(-12deg) scale(.85)}.story-caption{display:none}.phone-title{font-size:36px}.spec-ui{width:430px;height:330px;transform:translate(-50%,-50%) rotate(3deg) scale(.7)}.chrome-shape{font-size:200px;top:65px;right:0}.spec-ui h3{font-size:43px;max-width:260px}.spec-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
