*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2eee5;color:#20241d;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}nav{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#f5f2e9}.brand{display:flex;align-items:center;gap:11px;font-size:10px;line-height:1.05;letter-spacing:2px}.brand-mark{border:1px solid currentColor;width:38px;height:38px;display:grid;place-items:center}.nav-links{display:flex;gap:38px;font-size:13px}.nav-links a{opacity:.8}.nav-links a:hover{opacity:1}.nav-cta,.primary{background:#e7ff4e;color:#1e2815;padding:14px 20px;display:flex;align-items:center;gap:22px;font-weight:700;font-size:13px;border:0;cursor:pointer}.menu{display:none;background:none;border:0;color:inherit}.hero{height:min(900px,100vh);min-height:700px;background:#263321;color:#f5f2e9;position:relative;overflow:hidden;padding:20vh 8vw}.hero:before{content:"";position:absolute;width:55vw;height:55vw;border:1px solid #afc49d20;border-radius:50%;right:-15vw;top:-15vw}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:1px;background:#b5cf3f}.hero h1{font-size:clamp(76px,11vw,160px);line-height:.75;letter-spacing:-.075em;margin:52px 0 36px;font-weight:500}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e7ff4e}.hero>p{font-size:16px;line-height:1.75;color:#c0c8b9;max-width:510px}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.text-link{font-size:13px;border-bottom:1px solid #829077;padding:11px 0;display:flex;gap:14px}.hero-box{position:absolute;right:12vw;top:25%;width:310px;height:310px;perspective:800px}.cube{width:210px;height:210px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-32deg);animation:float 5s ease-in-out infinite}.face{position:absolute;width:210px;height:210px;background:#b5814d;border:1px solid #d0a16d}.front{transform:translateZ(105px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3d2e20}.front span{font:60px Georgia}.front small{font:8px DM Mono;letter-spacing:2px}.side{transform:rotateY(90deg) translateZ(105px);filter:brightness(.7)}.top{transform:rotateX(90deg) translateZ(105px);filter:brightness(1.18)}@keyframes float{50%{transform:rotateX(-14deg) rotateY(-25deg) translateY(-20px)}}.hero-stat{position:absolute;right:6vw;bottom:13%;display:flex;gap:14px}.hero-stat strong{font:36px Georgia}.hero-stat span{font-size:10px;line-height:1.5;color:#b5beaf}.scroll-note{position:absolute;bottom:28px;left:8vw;font:10px DM Mono;letter-spacing:2px;display:flex;gap:15px}.intro,.config-section,.process{padding:110px 7vw}.intro h2,.config-section h2,.process h2{font:400 clamp(44px,6vw,80px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:35px 0 70px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9c5b9;border:1px solid #c9c5b9}.feature-grid article{background:#f2eee5;padding:36px;min-height:310px;position:relative}.feature-grid article>span{font:10px DM Mono;color:#8d8d84}.icon{margin:44px 0 28px}.feature-grid h3{font-size:17px}.feature-grid p{font-size:13px;line-height:1.8;color:#6d7068;max-width:300px}.config-section{background:#ddd8cc}.config-section>header{display:flex;align-items:end;justify-content:space-between}.config-section>header h2{margin-bottom:0}.config-section>header>p{max-width:390px;line-height:1.7;color:#656860;font-size:14px}.builder{margin-top:65px;display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;background:#f6f3eb}.viewer{position:relative;background:#c9c3b5;min-height:650px;overflow:hidden}.viewer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:40px 40px}.viewer canvas{position:relative}.viewer-label{position:absolute;z-index:2;top:25px;left:28px;font:10px DM Mono;letter-spacing:1.5px}.live-dot{width:7px;height:7px;background:#84a300;border-radius:50%;display:inline-block;margin-right:8px}.rotate{position:absolute;bottom:22px;left:26px;font:10px DM Mono;display:flex;gap:8px}.measure{position:absolute;font:10px DM Mono;background:#eeeae1;padding:5px 8px}.measure-x{bottom:15%;left:46%}.measure-y{right:13%;top:45%}.controls{padding:38px 42px}.step{display:flex;gap:18px;border-top:1px solid #dad6cb;padding-top:22px;margin-top:25px}.step:first-child{margin-top:0;border:0;padding-top:0}.step>span{font:10px DM Mono;color:#83857e}.step h3{font-size:15px;margin:0 0 4px}.step p{font-size:11px;color:#898b83;margin:0}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 30px}.dimensions label{border:1px solid #d1cdc2;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.dimensions label>span,.dimensions small{font:9px DM Mono;color:#777}.dimensions input{width:100%;border:0;background:none;text-align:center;font:20px DM Mono;outline:none}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.swatches button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dedad0;background:transparent;padding:9px;cursor:pointer}.swatches button.selected{border-color:#495541}.swatches i{width:32px;height:32px;display:grid;place-items:center;font-style:normal;color:#fff}.swatches span{font-size:11px}.swatches small{display:block;color:#95968f;font-size:8px;margin-top:3px}.quantity-step{align-items:center}.quantity{margin-left:auto;display:flex;align-items:center;border:1px solid #d7d2c7}.quantity button{border:0;background:none;padding:9px;cursor:pointer}.quantity strong{font:13px DM Mono;min-width:45px;text-align:center}.total{margin-top:30px;padding-top:26px;border-top:1px solid #d5d1c6;display:flex;justify-content:space-between;align-items:end}.total>div{display:flex;flex-direction:column}.total span{font:9px DM Mono;letter-spacing:1px}.total strong{font:32px Georgia;margin:5px 0}.total small{font-size:9px;color:#8d8e87}.process{background:#263321;color:#f2eee5}.process h2{margin-bottom:60px}.process-line{display:grid;grid-template-columns:repeat(3,1fr);gap:7vw;border-top:1px solid #61705a}.process-line div{padding-top:30px;position:relative}.process-line div:before{content:"";position:absolute;width:8px;height:8px;background:#e7ff4e;border-radius:50%;top:-4px}.process-line b{font:10px DM Mono;color:#a6b19f}.process-line h3{font:24px Georgia;margin-top:35px}.process-line p{font-size:12px;color:#aeb8a8;line-height:1.7}footer{background:#1b2118;color:#eef0e8;padding:70px 7vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}footer p{font:24px Georgia;margin:0}footer>div{display:flex;flex-direction:column;gap:12px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #4c5348;padding-top:20px;margin-top:50px;color:#7f897a;font:9px DM Mono}@media(max-width:900px){.nav-links,.nav-cta{display:none}.menu{display:block}.nav-links.open{display:flex;position:absolute;top:75px;left:5vw;right:5vw;background:#f2eee5;color:#20241d;padding:25px;flex-direction:column}.hero{padding:19vh 7vw}.hero-box{right:-90px;top:38%;transform:scale(.7)}.hero-stat{display:none}.feature-grid,.builder{grid-template-columns:1fr}.viewer{min-height:480px}.config-section>header{display:block}.config-section>header>p{margin-top:25px}.process-line{grid-template-columns:1fr}.process-line div{padding-bottom:25px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero h1{font-size:72px}.hero>p{max-width:90%}.hero-actions{align-items:flex-start;flex-direction:column}.hero-box{opacity:.55;right:-150px}.intro,.config-section,.process{padding:80px 5vw}.controls{padding:28px 20px}.dimensions{gap:4px}.swatches{grid-template-columns:1fr}.total{align-items:stretch;flex-direction:column;gap:20px}.total .primary{justify-content:space-between}.config-section h2,.intro h2,.process h2{font-size:43px}.viewer{min-height:400px}footer{grid-template-columns:1fr}}