@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#eeeae2;--ink:#242923;--orange:#f56b3c;--line:#ccc9be;--cabinet:#ed683e;--cabinet-dark:#9b3e25;--ease:cubic-bezier(.2,.7,.2,1)}
body{background:var(--paper);max-width:none}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{margin:0;height:100px;padding:0 4%;background:#181b18;color:var(--paper);border-color:#ffffff1c;position:relative;z-index:4}.brand{font-size:39px;letter-spacing:-2.8px}header .brand span{color:var(--orange)}nav{font-size:11px;gap:36px}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--orange);transition:width .3s}nav a:hover:after{width:100%}header .pill{border-color:#ffffff38;font-size:10px;padding:12px 20px}header .pill:hover{background:var(--paper);color:var(--ink)}.pill{transition:background .3s,color .3s,transform .3s}.hero{min-height:820px;height:calc(100svh - 100px);max-height:1120px;padding:0 4%;background:#181b18;color:var(--paper);isolation:isolate;overflow:hidden}.hero:after{content:'';position:absolute;width:60%;height:100%;right:0;top:0;background:radial-gradient(ellipse at 70% 55%,#7585681a,transparent 65%);z-index:-1}.hero-meta{display:flex;justify-content:space-between;padding:28px 0;font:9px/1.3 'DM Sans',sans-serif;letter-spacing:1.3px;color:#b9beb2}.hero-meta i{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{position:relative;font-size:clamp(86px,10.5vw,180px);font-weight:500;letter-spacing:-.075em;line-height:.94;margin:55px 0 0;width:80%;z-index:2;pointer-events:none}.hero h1 em{color:var(--paper);font-weight:400;display:inline-block;margin-left:8vw}.hero-description{position:absolute;left:4.4%;bottom:145px;z-index:3;max-width:300px}.tiny-index{font-size:8px;letter-spacing:1px;color:#969f90}.hero-description p{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:23px 0 18px}.hero-description>span:not(.tiny-index){font-size:11px;line-height:1.7;display:block;color:#a2aa9b}.round-link{display:flex;align-items:center;gap:35px;font-size:11px;margin-top:28px}.round-link b{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff42;border-radius:50%;font-size:23px;font-weight:400;transition:transform .4s,background .4s}.round-link:hover b{background:var(--orange);border-color:var(--orange);color:var(--ink);transform:rotate(45deg)}.product-stage{position:absolute;right:4%;top:140px;width:51%;height:calc(100% - 235px);min-height:540px;perspective:1300px;z-index:1}.stage-grid{position:absolute;inset:15% -10% -20%;background-image:linear-gradient(#9daa8c12 1px,transparent 1px),linear-gradient(90deg,#9daa8c12 1px,transparent 1px);background-size:65px 65px;transform:rotateX(62deg) rotateZ(-15deg);mask-image:radial-gradient(ellipse,#000,transparent 68%)}.stage-halo{position:absolute;left:-10%;top:0;width:120%;height:100%;background:radial-gradient(ellipse,#b6bf9b20,transparent 65%);filter:blur(25px)}.locker{width:77%;height:440px;top:135px;left:14%;transform:rotateY(-23deg) rotateX(6deg) rotateZ(-3deg);background:linear-gradient(125deg,#fff3,transparent 45%,#0002),var(--cabinet);border:1px solid #ffbb8340;border-radius:4px;box-shadow:16px 8px 0 var(--cabinet-dark),17px 8px 1px #723323,25px 25px 30px #0004,inset 1px 1px 0 #ffd3a15c;padding:16px;transition:background .55s,transform .8s var(--ease);will-change:transform}.locker:before{content:'';position:absolute;inset:0;border-radius:4px;background:linear-gradient(100deg,#ffffff0a,transparent 45%,#0000000a);pointer-events:none;z-index:2}.locker-top{height:50px;font-size:27px;color:#272b22}.locker-top span{font-size:5px;letter-spacing:1px;padding-top:15px}.locker-body{height:340px;gap:12px}.doors{width:72%;gap:5px;background:#48291b;border:2px solid #914124;padding:2px}.door{border:1px solid #ca542e;background:linear-gradient(135deg,#ffffff13,#00000013),var(--cabinet);color:#4b311f;padding:9px;font-size:7px;box-shadow:inset 1px 1px 0 #ffcf8c35,0 0 3px #0004}.door:after{width:2px;height:13px;background:#513522;box-shadow:1px 0 1px #ffa875}.door.open{transform:rotateY(-55deg);background:var(--cabinet);z-index:3;box-shadow:5px 3px 8px #0005}.terminal{background:linear-gradient(120deg,#272d25,#131713);padding:16px 8px;color:#bdc6b6;border:1px solid #73533b;box-shadow:inset 1px 1px 2px #000a}.signal{font-size:5px;color:#b5c69d}.screen{min-height:145px;background:#dedfc9;padding:15px 5px;box-shadow:0 0 20px #d9e4bd15}.screen>span{font-size:6px;text-transform:uppercase;letter-spacing:1px}.screen strong{font-size:10px;letter-spacing:-.3px;margin-top:15px}.qr{font-size:40px;margin:10px 0}.screen small{font-size:3px;letter-spacing:.5px}.terminal-label{font-size:4px}.feet:before,.feet:after{height:23px;bottom:-24px;background:linear-gradient(90deg,#444a3e,#1a1e19);width:9px}.product-shadow{left:10%;right:-8%;bottom:-18px;height:55px;background:#0009;filter:blur(17px);transform:rotate(-7deg);z-index:-1}.orbit{top:45px;right:0;transform:none;border:0;display:flex;flex-direction:column;gap:6px;text-align:right;padding:0}.orbit span:first-child{font-size:8px;letter-spacing:1px;color:#c6caba}.orbit span+span{font-size:10px;letter-spacing:0;color:#8b9583}.product-caption{position:absolute;bottom:-18px;left:12%;right:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;line-height:1.7;color:#a4ac9b}.product-caption span+span{text-align:right;color:#7f8b77;font-size:6px}.finish-picker{position:absolute;left:-6%;top:345px;display:flex;flex-direction:column;gap:14px}.finish-picker>span{font-size:6px;letter-spacing:1.5px;writing-mode:vertical-rl}.color-controls{position:static;display:flex;flex-direction:column;gap:12px}.swatch{width:18px;height:18px;border:4px solid #181b18}.swatch.active{outline-color:#a6b197}.hero-bottom{position:absolute;bottom:0;width:92%;margin:0;padding:22px 0 26px;border-color:#ffffff20;font-size:7px;letter-spacing:1.3px;align-items:center;line-height:1.7}.hero-bottom>a{display:flex;gap:22px;align-items:center;font-size:7px}.hero-bottom>a span{font-size:19px}.hero-bottom>span:last-child{color:#7e8877;text-align:right}.chapter-band{display:flex;align-items:center;justify-content:space-around;gap:25px;padding:30px 4%;background:var(--orange);color:#22271e;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:2px}.chapter-band b{font-size:28px;font-weight:400}.manifesto{background:var(--paper);padding:120px 6% 70px}.eyebrow{font-size:8px;letter-spacing:1.7px}.manifesto h2{font-size:clamp(42px,6vw,96px);line-height:1.04;letter-spacing:-.055em;margin:40px 0 70px}.manifesto h2 span{color:#929783}.usage-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.usage{display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:5%;align-items:center;border:0;border-bottom:1px solid var(--line);padding:34px 16px;min-height:160px;transition:background .5s,padding .5s}.usage.selected{background:#e2e1d6;color:var(--ink);border-color:var(--line)}.usage>span{font-size:8px;line-height:1.7;letter-spacing:1px}.usage h3{font-size:31px;letter-spacing:-1.1px;line-height:1.15;margin:0}.usage p{font-size:11px;margin:0;line-height:1.8;opacity:.65;padding-right:20px}.usage b{right:18px;bottom:18px;font-size:23px}.usage:hover{padding-left:25px;background:#e2e1d6}.use-detail{font-size:11px;margin-top:24px;color:#6b755f;min-height:30px}.modular{position:relative;background:#e1e2d8;padding:130px 7% 100px;gap:7%}.section-index{position:absolute;top:40px;left:7%;font-size:8px;letter-spacing:1.3px;color:#6d795f}.modular h2{font-size:clamp(48px,6vw,90px);letter-spacing:-.065em;line-height:1.02}.modular p,.platform-copy p{font-size:13px;line-height:1.9;color:#727b68;max-width:310px}.modular h2 em{color:#5a6c4b}.modular-visual{position:relative;align-self:stretch;min-height:450px;display:flex;align-items:center;background-image:linear-gradient(#6c7b5212 1px,transparent 1px),linear-gradient(90deg,#6c7b5212 1px,transparent 1px);background-size:35px 35px;border:1px solid #909d7630}.measure-line{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1.2px;color:#7a8669}.dimension-line{position:absolute;bottom:30px;width:85%;left:7.5%;font-size:6px;letter-spacing:1px;text-align:center;border-top:1px solid #909d7660;padding-top:16px;color:#6a775c}.dimension-line span{position:absolute;top:-11px;left:0;right:0;font-size:18px}.module-art{width:78%;margin:auto;min-height:350px;transform:perspective(900px) rotateY(-18deg) rotateX(7deg);gap:7px;transition:transform .8s}.mini-module{height:300px;background:#536347;padding:5px;box-shadow:7px 5px 0 #34472c,17px 15px 25px #4b5b3520}.mini-module div{background:linear-gradient(120deg,#ffffff1a,#00000008),#879574;border-color:#627552;box-shadow:inset 1px 1px #bac8a640}.mini-module:nth-child(2){height:260px}.mini-module:nth-child(3){height:330px}.stepper{border-bottom:1px solid #a5b195;width:235px;padding-bottom:14px}.stepper button{border-color:#9ca98c;width:35px;height:35px;font-size:20px}.stepper strong{font-size:28px;font-weight:400}.modular small{font-size:8px;line-height:1.7;display:block;max-width:260px}.platform{padding:120px 7%;background:#20271e;gap:10%;overflow:hidden}.platform h2{font-size:clamp(48px,5.5vw,83px);letter-spacing:-.065em}.platform h2 em{color:#b2c09f}.platform-copy p{color:#97a48b}.platform .eyebrow{color:#aab69e}.tag{font-size:6px;letter-spacing:1.5px;border-color:#54634a;color:#a6b699}.dashboard{transform:perspective(1000px) rotateY(-10deg) rotateZ(3deg);border:6px solid #4d5945;border-radius:9px;background:#eaece1;box-shadow:25px 30px 60px #0004}.dash-top{border-color:#cdd3bf;padding:20px}.dash-top strong{font-size:22px}.dash-content{padding:30px}.dash-content h3{font-size:24px;letter-spacing:-1px}.metrics>div{background:#d7dfca;border-radius:3px;padding:22px 18px}.metrics strong{font-size:41px}.dash-lockers span{height:43px;border-radius:2px}.faq{padding:110px 15%;background:var(--paper)}.faq h2{font-size:64px;letter-spacing:-4px;margin-top:30px}.faq details{padding:26px 0}.faq summary{font-size:15px}.faq summary span{font-size:20px;color:#8d987e}.faq details p{font-size:12px}.contact{background:#e77446;padding:100px 7%}.contact h2{font-size:clamp(55px,7vw,115px);letter-spacing:-.065em;margin:40px 0 65px}.contact h2 em{color:#f7e7d1}.contact h2>span{font-weight:400;font-size:130px;top:130px;right:10%}.contact form{max-width:100%;grid-template-columns:1fr 1.5fr;gap:40px}.contact select,.contact textarea{font-size:14px}.contact .pill{font-size:10px;padding:16px 22px}.form-note{font-size:9px;opacity:.7}footer{background:#181b18;color:var(--paper);padding:45px 4% 25px;overflow:hidden}.footer-note{border:0;margin:0;padding:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.6px;color:#9ba590}footer>.brand{display:block;font-size:clamp(105px,23vw,400px);letter-spacing:-.08em;line-height:1.18;margin-left:-.015em}footer>.brand>span{font-size:clamp(30px,6vw,100px);padding-top:3vw;color:var(--orange);margin-left:1vw}footer>p{font-size:11px;color:#a4ad9b;margin-top:0}footer>div:last-child{border-color:#ffffff24;margin-top:35px;font-size:8px;color:#a4ad9b}footer button{font-size:8px}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.motion-enabled .reveal.visible{opacity:1;transform:none}.hero h1{animation:hero-enter 1.15s var(--ease) both}.locker{animation:object-enter 1.5s var(--ease) both}.hero-meta,.hero-description{animation:hero-enter 1.2s var(--ease) both}.hero-description{animation-delay:.15s}@keyframes hero-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes object-enter{from{opacity:0;translate:50px 40px;rotate:4deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(min-width:1450px){.locker{height:510px;top:160px}.locker-body{height:400px}.locker-top{height:60px}.screen{min-height:190px}.screen strong{font-size:13px}.qr{font-size:50px}.hero-description{bottom:170px}.product-stage{right:6%;width:48%}.product-caption{bottom:0}.finish-picker{top:400px}}
@media(max-width:1000px){header{height:85px}.hero{height:850px;min-height:850px}.hero h1{font-size:12vw;margin-top:75px}.product-stage{top:180px;right:3%;width:55%;height:500px;min-height:0}.locker{height:360px;top:130px;width:83%;left:10%;padding:12px}.locker-body{height:276px;gap:8px}.locker-top{height:45px;font-size:23px}.locker-top span{font-size:4px}.hero-description{bottom:150px}.hero-description p{font-size:20px}.hero-description>span:not(.tiny-index){font-size:10px}.product-caption{bottom:-50px;font-size:6px}.finish-picker{left:-2%;top:300px}.terminal{padding:13px 5px}.screen{min-height:140px;padding:10px 3px}.screen strong{font-size:9px}.qr{font-size:32px}.terminal-label{font-size:3px}.usage h3{font-size:25px}.usage{gap:4%;grid-template-columns:1fr 2fr 1.6fr}.modular-visual{min-height:400px}.mini-module{height:260px}.mini-module:nth-child(2){height:225px}.mini-module:nth-child(3){height:290px}.module-art{width:80%;min-height:310px}.dash-content{padding:20px}.dash-content h3{font-size:20px}.metrics>div{padding:15px}.platform{gap:6%}}
@media(max-width:650px){header{height:80px;padding:0 6%}header .brand{font-size:33px}header .pill{font-size:8px;padding:10px 13px;gap:12px}header .pill span{font-size:17px}.hero{height:1050px;min-height:1050px;padding:0 6%;max-height:none}.hero-meta{padding:25px 0;font-size:6px;letter-spacing:1px}.hero-meta>span+span{display:none}.hero h1{font-size:clamp(55px,15vw,98px);letter-spacing:-.075em;line-height:1;margin:35px 0 0;width:100%}.hero h1 em{margin-left:6vw}.hero-description{left:6%;top:280px;bottom:auto;width:100%;max-width:none}.hero-description .tiny-index{display:none}.hero-description p{font-size:17px;line-height:1.3;margin:20px 0 10px}.hero-description>span:not(.tiny-index){font-size:9px;line-height:1.6}.round-link{position:absolute;right:12%;top:30px;gap:10px;font-size:8px;margin:0}.round-link b{height:35px;width:35px;font-size:20px}.product-stage{width:92%;right:4%;top:450px;height:440px;min-height:0}.locker{width:77%;left:14%;height:330px;top:60px;padding:11px;transform:rotateY(-22deg) rotateX(6deg) rotateZ(-3deg)}.locker-body{height:252px;gap:8px}.locker-top{height:42px;font-size:23px}.locker-top span{font-size:4px}.terminal{padding:11px 4px}.screen{min-height:123px;padding:10px 3px}.screen strong{font-size:8px;margin-top:12px}.screen>span{font-size:4px}.qr{font-size:31px;margin:5px 0}.screen small{display:none}.door{font-size:6px;padding:7px}.door:after{right:5px;height:11px}.terminal-label{font-size:3px}.orbit{top:0;right:7%;gap:4px}.orbit span:first-child{font-size:6px}.orbit span+span{font-size:8px}.finish-picker{top:165px;left:0;gap:11px}.finish-picker>span{font-size:5px}.color-controls{gap:10px}.swatch{width:16px;height:16px}.product-caption{bottom:0;left:10%;right:3%;font-size:5px}.product-caption span+span{font-size:5px}.product-shadow{bottom:30px;left:14%;right:0;height:30px}.hero-bottom{width:88%;padding:21px 0;bottom:12px;font-size:5px}.hero-bottom>span:last-child{max-width:100px}.hero-bottom>a{gap:8px;font-size:5px}.hero-bottom>a span{font-size:15px}.chapter-band{padding:22px 5%;gap:25px;justify-content:flex-start;font-size:8px;letter-spacing:1.3px}.chapter-band b{font-size:22px}.chapter-band>span:last-of-type,.chapter-band>b:last-child{display:none}.manifesto{padding:75px 6% 45px}.manifesto h2{font-size:43px;margin:30px 0 45px}.usage{display:grid;grid-template-columns:1fr;gap:12px;min-height:235px;padding:27px 15px}.usage h3{font-size:28px}.usage p{font-size:11px;max-width:85%}.usage>span{font-size:7px}.usage b{font-size:24px}.use-detail{font-size:10px}.modular{padding:110px 6% 60px;grid-template-columns:1fr;gap:35px}.section-index{left:6%;top:35px;font-size:7px}.modular h2{font-size:58px;margin:25px 0}.modular p{font-size:12px}.modular-visual{min-height:380px}.measure-line{font-size:5px}.module-art{min-height:300px}.mini-module{height:255px}.mini-module:nth-child(2){height:220px}.mini-module:nth-child(3){height:280px}.platform{padding:75px 6%;grid-template-columns:1fr;gap:45px}.platform h2{font-size:58px}.platform-copy h2 br:nth-child(2){display:initial}.platform-copy p{font-size:12px;max-width:100%}.dashboard{transform:perspective(1000px) rotateY(-5deg) rotateZ(2deg);width:96%;margin:auto}.dash-content h3{font-size:20px}.metrics strong{font-size:36px}.dash-lockers span{height:36px}.faq{padding:70px 6%}.faq h2{font-size:52px;letter-spacing:-3px}.faq summary{font-size:13px}.contact{padding:75px 6%}.contact h2{font-size:57px;margin:35px 0 45px}.contact h2>span{font-size:60px;right:6%;top:115px}.contact form{grid-template-columns:1fr;gap:25px}.contact .form-note{font-size:8px}.footer-note{font-size:5px!important;letter-spacing:1px;gap:20px}footer{padding:35px 6% 20px}footer>.brand{font-size:23vw;letter-spacing:-.08em;margin-top:20px}footer>.brand>span{font-size:6vw;padding-top:3vw}footer>p{font-size:9px}footer>div:last-child,footer button{font-size:6px}.eyebrow{font-size:7px;letter-spacing:1.2px}}
@media(max-width:650px){.hero{height:clamp(900px,160vw,1000px);min-height:900px}.hero-description{top:clamp(210px,45vw,280px)}.product-stage{top:clamp(330px,67vw,420px)}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}