:root{color-scheme:light;--ink:#20342c;--muted:#64756b;--paper:#f3f3e9;--line:#d4dacf;--green:#295d44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1320px;margin:auto}header{padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}.brand i{font-size:9px;color:#80aa6b;vertical-align:top;margin-left:4px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav button{border:1px solid var(--line);border-radius:20px;background:transparent;padding:5px 15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:610px;align-items:center;padding:65px 48px}.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(56px,6vw,86px);line-height:1.02;letter-spacing:-5px;font-weight:600;margin:25px 0}h2{font-size:38px;line-height:1.2;letter-spacing:-1.5px}.intro{color:var(--muted);font-size:17px;margin:26px 0 30px}.primary{display:inline-block;background:var(--green);color:white;border-radius:30px;padding:13px 24px}.subtle{margin-left:20px;font-size:14px}.note{font-size:12px;color:var(--muted);margin-top:20px}.scene{position:relative;min-height:430px;display:flex;justify-content:center;align-items:center;isolation:isolate}.orb{position:absolute;background:#d9e0cf;border-radius:50%;width:340px;height:340px;top:10px;z-index:-2}.phone{position:relative;z-index:2;width:95%;max-width:460px;background:#18231e;border:9px solid #303b34;border-radius:35px;transform:rotate(-6deg);color:#ddeb99;padding:22px 25px 15px;box-shadow:12px 20px 25px #17201a25}.phone-top,.phone-bottom{font:9px ui-monospace,monospace;display:flex;justify-content:space-between;letter-spacing:1px}.phone-top span{color:#8b9d75;font-size:7px}#demo-time{font:clamp(60px,7.8vw,106px)/1.5 ui-monospace,monospace;letter-spacing:-7px;text-align:center}.stand{position:absolute;top:260px;width:270px;height:80px;background:linear-gradient(100deg,#9baa87,#d6ddc8);clip-path:polygon(17% 0,82% 0,100% 100%,0 100%);border-radius:8px;z-index:1}.surface{position:absolute;top:337px;height:1px;width:100%;background:#bac5ae;box-shadow:0 5px 25px 10px #20342c10}.caption{position:absolute;bottom:10px;left:30px;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}#tools{padding:35px 48px 60px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-title h2{margin:0}.tools{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool{padding:30px 24px 32px;transition:background .2s}.tool:first-child{padding-left:0}.tool+.tool{border-left:1px solid var(--line)}.tool:hover{background:#e6ebdf}.number{font:11px ui-monospace,monospace;color:var(--muted);letter-spacing:2px}h3{font-size:25px;letter-spacing:-.8px}.tool p{font-size:14px;min-height:95px;color:var(--muted)}.tool-link{font-size:14px;font-weight:600}.how{padding:20px 48px 70px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.how ol{padding-left:22px}.how li{padding:12px 0 12px 12px}.how p{font-size:14px;color:var(--muted);margin:6px 0}footer{border-top:1px solid var(--line);padding:28px 48px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.guide{max-width:850px;min-height:70vh;padding:55px 30px}.guide h1{font-size:55px;letter-spacing:-2px}.guide li{margin:18px 0}.status{padding:20px;background:#e4ebdc;border-radius:16px}.guide a:not(.primary){text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #b16d34;outline-offset:5px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px 22px}.hero{grid-template-columns:1fr;padding:35px 24px;gap:0}h1{font-size:64px}.scene{min-height:360px}.phone{max-width:380px}.orb{width:290px;height:290px}.stand{top:232px;height:70px}.surface{top:300px}#demo-time{font-size:78px}.caption{bottom:15px;left:0}#tools{padding:20px 24px}.section-title{display:block}.tools{grid-template-columns:1fr}.tool,.tool:first-child{padding:25px 0}.tool+.tool{border-left:0;border-top:1px solid var(--line)}.tool p{min-height:0}.how{grid-template-columns:1fr;padding:20px 24px 40px;gap:0}footer{padding:24px;gap:20px}nav{gap:14px}.subtle{display:inline-block;margin-top:15px}}
