@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f4f1e9;--ink:#1c2521;--green:#224c3c;--orange:#e96f42;--line:#d9dcd2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}nav{max-width:1320px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand b{color:var(--orange)}.links{display:flex;gap:32px;font-size:14px}.links a.active{color:var(--orange)}.navcta{padding:12px 20px;border:1px solid #a9b9ad;border-radius:40px;font-size:13px}main{max-width:1320px;margin:auto;padding:70px 5%}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #e96f4212}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:550px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(46px,6.3vw,86px);line-height:1.02;letter-spacing:-5px;margin:30px 0}h1 em{font-style:normal;color:var(--green)}.intro{color:#6e776e;line-height:1.8;max-width:420px;font-size:16px}.actions{display:flex;gap:20px;align-items:center;margin:32px 0}.btn{display:inline-flex;gap:30px;align-items:center;justify-content:center;border:0;border-radius:40px;padding:17px 24px;background:var(--green);color:white;cursor:pointer;font-size:13px}.btn:hover{background:#31634e;transform:translateY(-2px)}.subtle{font-size:13px;border-bottom:1px solid #a9b9ad;padding:10px 0}.hero-art{background:#e2e8dc;border:1px solid #d6dfd0;border-radius:18px;height:510px;position:relative;overflow:hidden;box-shadow:0 30px 80px #224c3c0b;background-image:radial-gradient(#224c3c22 1px,transparent 1px);background-size:19px 19px}.orbit{position:absolute;width:330px;height:330px;border:1px solid #224c3c30;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit:after{content:'';position:absolute;inset:40px;border:1px dashed #224c3c40;border-radius:50%}.orb{position:absolute;left:calc(50% - 95px);top:calc(48% - 95px);width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#b5d1a2 0%,#45765b 35%,#143d2d 72%);box-shadow:inset -10px -15px 40px #0c261e66,0 30px 50px #143d2d33;animation:float 6s ease-in-out infinite}.orb:after{content:'✳';font:120px 'Space Grotesk';color:#e7f0d0b0;position:absolute;left:37px;top:24px;animation:spin 30s linear infinite}.codecard{position:absolute;left:25px;top:28px;width:220px;background:#f9faf5e8;backdrop-filter:blur(10px);border:1px solid white;border-radius:10px;padding:17px;transform:rotate(-5deg);font:11px monospace;line-height:1.9;box-shadow:0 12px 30px #224c3c12}.codecard span{color:#e96f42}.status{position:absolute;right:22px;bottom:80px;display:flex;align-items:center;gap:12px;background:#fffdf4;border-radius:10px;padding:18px;box-shadow:0 12px 35px #224c3c20;font-size:12px;transform:rotate(4deg)}.status i{background:#e96f42;color:white;border-radius:50%;padding:8px;font-style:normal}.artcaption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}.strip{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:65px 0;color:#6e776e;font-size:12px}.strip strong{color:var(--ink);font:500 18px 'Space Grotesk'}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:70px 0 30px}.sectionhead h2{font-size:38px;letter-spacing:-2px;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:12px;padding:28px;background:#f9f7f0;transition:.3s}.card:hover{transform:translateY(-6px);border-color:#98b2a0}.card small{font:11px monospace;letter-spacing:1px;color:#8d968c}.card h3{font-size:25px;font-weight:500;letter-spacing:-1px}.card p{font-size:14px;line-height:1.8;color:#6e776e}.thumbnail{height:170px;border-radius:8px;background:#dce7d5;display:grid;place-items:center;font-size:60px;color:#224c3c;margin-bottom:24px;overflow:hidden}.thumbnail.orange{background:#f3d7c1;color:#c35c31}.thumbnail.dark{background:#233e32;color:#b0c39a}.cta{background:var(--green);border-radius:15px;color:#f4f1e9;padding:55px;display:flex;justify-content:space-between;align-items:center;margin-top:85px}.cta h2{font-size:38px;margin:0 0 12px;letter-spacing:-2px}.cta p{font-size:14px;opacity:.7}.cta .btn{background:#e9eddb;color:var(--green)}footer{max-width:1320px;margin:auto;padding:32px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#7b847a;font-size:11px}.pagehero{max-width:800px;padding-bottom:45px}.pagehero h1{font-size:70px}.wide{max-width:800px;line-height:1.85}.wide h2{font-size:30px;letter-spacing:-1px;margin-top:45px}.wide p,.wide li{color:#687567}.lab{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#e7ecdf;border-radius:16px;padding:35px}.lab input{width:100%;padding:16px;border:1px solid #c6d2bd;background:#f9faf4;border-radius:8px;margin:16px 0;color:var(--ink)}.preview{min-height:300px;border-radius:12px;background:#234b3b;color:#f4f1e9;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .8s;text-align:center;padding:25px}.preview .symbol{font-size:80px;animation:spin 24s linear infinite}.preview h3{font-size:28px;margin:20px 0 5px}.preview small{opacity:.6}.palette{display:flex;gap:12px;margin:20px 0}.palette button{width:32px;height:32px;border-radius:50%;border:3px solid white;cursor:pointer}.notice{font-size:12px;color:#70806c;line-height:1.7}.reveal{animation:appear .8s both}.step{display:grid;grid-template-columns:60px 1fr;gap:20px;border-top:1px solid var(--line);padding:28px 0}.step b{font:18px monospace;color:var(--orange)}.step h3{margin:0;font-size:25px}.step p{margin-bottom:0}.journal{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:32px 0;border-top:1px solid var(--line)}.journal h2{margin-top:0}.journal small{color:#8b9685;font:12px monospace}.journal p{color:#687567;line-height:1.8}.menu{display:none}@keyframes float{50%{transform:translateY(-16px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:750px){nav{height:80px;flex-wrap:wrap}.navcta{display:none}.links{gap:14px;font-size:12px}main{padding-top:40px}.hero{grid-template-columns:1fr;gap:30px}.hero-art{height:390px}h1{letter-spacing:-3px}.cards{grid-template-columns:1fr}.strip{flex-wrap:wrap;margin:40px 0}.strip strong{font-size:16px}.cta{padding:30px;display:block}.cta h2{font-size:30px}.cta .btn{margin-top:15px}.pagehero h1{font-size:48px}.lab{grid-template-columns:1fr;padding:22px}.journal{grid-template-columns:1fr;gap:8px}footer{gap:20px;flex-wrap:wrap}.sectionhead h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}

body{font-family:Arial,sans-serif}h1,h2,h3,.brand,.strip strong{font-family:Arial,sans-serif}h1{font-size:clamp(40px,5vw,70px);letter-spacing:-3px}.brand{font-size:23px}.pagehero h1{font-size:62px}.room{background:#e7dfd0;background-image:none;perspective:600px}.room:before{content:'';position:absolute;left:0;right:0;bottom:0;height:155px;background:repeating-linear-gradient(0deg,transparent 0 28px,#9e785b20 29px 30px),#cdb08d;transform-origin:bottom}.window{position:absolute;left:38px;top:44px;width:125px;height:190px;border:10px solid #faf6ed;background:linear-gradient(150deg,#c4d6cd,#f6edca);box-shadow:10px 10px 0 #bdb49e22}.window:before{content:'';position:absolute;left:48%;height:100%;width:5px;background:#faf6ed}.window:after{content:'';position:absolute;top:48%;height:5px;width:100%;background:#faf6ed}.sunlight{position:absolute;top:150px;left:100px;width:300px;height:280px;background:linear-gradient(125deg,#fff9d640,transparent);transform:rotate(-25deg);animation:light 8s ease-in-out infinite}.picture{position:absolute;right:65px;top:65px;height:120px;width:105px;border:7px solid #ae8056;background:#f4efdf;display:grid;place-items:center;font:60px serif;color:#748969;box-shadow:7px 8px 15px #0001}.sofa{position:absolute;left:55px;right:65px;bottom:122px;height:115px;background:#697e63;border-radius:18px 18px 8px 8px;box-shadow:0 15px 15px #0002;border-bottom:15px solid #52664c}.sofa:before,.sofa:after{content:'';position:absolute;bottom:-20px;height:18px;width:9px;background:#674a34}.sofa:before{left:20px}.sofa:after{right:20px}.sofa i{position:absolute;top:16px;left:20px;background:#b9b89b;width:57px;height:52px;border-radius:8px;transform:rotate(-12deg)}.sofa i+i{left:auto;right:24px;background:#d6b396;transform:rotate(10deg)}.rug{position:absolute;bottom:40px;left:40px;right:35px;height:90px;background:#f1e7d1;border-radius:50%;box-shadow:0 4px 0 #bba07a}.table{position:absolute;bottom:79px;left:150px;width:125px;height:50px;border-radius:50%;background:#aa7852;border-bottom:12px solid #8b603d;box-shadow:0 12px 10px #0002}.table:after{content:'';position:absolute;top:33px;left:56px;height:40px;width:10px;background:#8b603d}.plant{position:absolute;right:20px;bottom:130px;width:42px;height:55px;border-radius:3px 3px 15px 15px;background:#bf7953}.plant:before{content:'';position:absolute;left:20px;bottom:50px;height:100px;width:4px;background:#4e6846}.plant i,.plant b{position:absolute;bottom:100px;left:0;width:30px;height:55px;border-radius:90% 0 90% 0;background:#66865a;transform:rotate(-35deg);animation:leaf 5s ease-in-out infinite}.plant b{left:20px;bottom:80px;transform:rotate(40deg);background:#7d9769}.artcaption{font-size:8px;letter-spacing:.5px}.preview .symbol{animation:none;font-family:serif}.preview{background:#566f56}.preview h3{font-size:27px}.sectionhead h2{font-size:34px}.cta h2{font-size:33px}.thumbnail{font-family:serif}@keyframes leaf{50%{margin-left:3px}}@keyframes light{50%{opacity:.5}}@media(max-width:750px){.brand{font-size:18px}.links{gap:11px;font-size:11px}.pagehero h1{font-size:43px}.hero h1{font-size:47px}.sectionhead h2{font-size:29px}.sofa{left:35px;right:50px}.table{left:110px}.window{left:24px;top:30px;width:100px;height:145px}.picture{right:45px;top:38px;width:83px;height:100px}.cta h2{font-size:28px}}