@property --p{syntax:"<number>";inherits:true;initial-value:0}:root{--bg:#f4f7f5;--surface:#fff;--ink:#174f40;--muted:#56706a;--green:#2d7b65;--mint:#ddebe3;--line:#c3d5cb;--amber:#b85c12;--red:#b3261e;--shadow:0 24px 60px -30px #174f4073;--ease:cubic-bezier(.2, .7, .2, 1);--on-green:#fff;--green-2:#4fa98c;--tint:#ddebe3;--tint-edge:transparent;--blob-a:#cfe6da;--blob-b:#f6e3cf;--blob-opacity:.7;--phone:#10231d;--phone-ring:#2c443d;--badge-red:#b3261e;--badge-amber:#b85c12;--badge-green:#2d7b65;--band:#174f40;color-scheme:light}:root[data-theme=dark]{--bg:#131c18;--surface:#1f2b26;--ink:#e7efea;--muted:#a9bdb5;--green:#79cdb1;--mint:#26463b;--line:#3a4d45;--amber:#f2a766;--red:#ff9b91;--shadow:0 24px 60px -30px #000c;--on-green:#062c23;--green-2:#b5ecd6;--tint:#1b2e26;--tint-edge:#2f4a3f;--blob-a:#1c4a3b;--blob-b:#4a3320;--blob-opacity:.45;--phone:#27362f;--phone-ring:#42564d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:8px}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.narrow{max-width:720px}.center{text-align:center}.center .lead{margin-inline:auto}.rise{animation:rise .8s var(--ease) both;animation-delay:calc(var(--d,0) * 90ms + 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--d,0) * 80ms);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@keyframes drift{50%{transform:translate(30px,-24px)scale(1.08)}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%{box-shadow:0 0 #ffffffe6}to{box-shadow:0 0 0 10px #fff0}}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 24px -20px #174f4080}.header-row,.footer-row{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.header-end{align-items:center;gap:24px;display:flex}nav{gap:28px;font-size:.95rem;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:border-color .2s, transform .2s var(--ease);border-radius:12px;place-content:center;padding:0;display:grid}.theme-toggle:hover{border-color:var(--green);transform:rotate(12deg)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}nav a{color:var(--muted);text-decoration:none;transition:color .2s;position:relative}nav a:after{content:"";background:var(--green);transform-origin:0;height:2px;transition:transform .25s var(--ease);border-radius:2px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}nav a:hover{color:var(--ink)}nav a:hover:after{transform:scaleX(1)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:10px;font-size:.8rem;font-weight:700}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,5.6vw,4rem);line-height:1.05}.accent{background:linear-gradient(100deg, var(--green), var(--green-2));color:#0000;-webkit-background-clip:text;background-clip:text}h2{letter-spacing:-.02em;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15}h3{font-size:1.05rem}.lead{color:var(--muted);max-width:34em;margin-top:18px;font-size:1.15rem}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.label-green{color:var(--green)}.button{border:1.5px solid var(--green);background:var(--green);color:var(--on-green);box-shadow:0 12px 24px -14px var(--green);transition:transform .2s var(--ease), box-shadow .2s, background .2s;border-radius:14px;padding:14px 24px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--ink);border-color:var(--ink);box-shadow:0 16px 28px -14px var(--ink);transform:translateY(-2px)}.button-ghost{color:var(--ink);border-color:var(--line);box-shadow:none;background:0 0}.button-ghost:hover{background:var(--surface);border-color:var(--green);box-shadow:none}.hero{padding:72px 0 96px;position:relative;overflow:hidden}.blob{filter:blur(70px);opacity:var(--blob-opacity);border-radius:50%;animation:16s ease-in-out infinite drift;position:absolute}.blob-a{background:var(--blob-a);width:520px;height:520px;top:-140px;right:-120px}.blob-b{background:var(--blob-b);width:380px;height:380px;animation-delay:-8s;bottom:-160px;left:-140px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.ticks{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:.92rem;display:flex}.ticks li:before{content:"✓";color:var(--green);margin-right:7px;font-weight:700}.hero-visual{place-items:center;min-height:560px;display:grid;position:relative}.phone{background:var(--phone);width:min(280px,72vw);box-shadow:var(--shadow), inset 0 0 0 2px var(--phone-ring);border-radius:44px;padding:10px;position:relative}.phone:before{content:"";z-index:2;background:#10231d;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:20px;left:50%}.phone-float{animation:7s ease-in-out infinite float}.phone-screen{aspect-ratio:590/1226;background:#fffbf5;border-radius:34px;position:relative;overflow:hidden;container-type:inline-size}.phone-screen>img{object-fit:cover;width:100%;height:100%}.chip{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.chip-title{font-size:.92rem;font-weight:700;line-height:1.3}.chip-sub{color:var(--muted);font-size:.76rem}.chip-score{animation-delay:-2s;bottom:7%;left:-12%}.chip-issue{animation-delay:-4s;top:44%;right:-6%}.chip-done{animation-delay:-1s;top:5%;right:0}.tick{background:var(--green);width:26px;height:26px;color:var(--on-green);border-radius:50%;place-content:center;font-size:.8rem;font-weight:700;display:grid}.ring{text-align:center;background:radial-gradient(closest-side, var(--surface) 78%, transparent 80%), conic-gradient(var(--amber) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;flex:none;place-content:center;width:88px;height:88px;line-height:1.1;display:grid}.ring strong{font-size:1.55rem}.ring span{color:var(--muted);font-size:.7rem}.ring-small{width:52px;height:52px}.ring-small strong{font-size:1rem}.reveal [data-ring]{--p:0!important}.reveal.is-visible [data-ring]{transition:--p 1.2s var(--ease) .2s;--p:75!important}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.pill-amber{color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, transparent)}.pill-red{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.num{color:#fff;border-radius:50%;flex:none;place-content:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:grid}.num-red{background:var(--badge-red)}.num-amber{background:var(--badge-amber)}.num-green{background:var(--badge-green)}.section{padding:96px 0}.section-tint{background:linear-gradient(180deg, var(--tint), color-mix(in srgb, var(--tint) 55%, var(--bg)));border-block:1px solid var(--tint-edge)}.cards{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px;display:grid}.card{background:var(--surface);border:1px solid var(--line);transition:opacity .7s var(--ease), transform .4s var(--ease), box-shadow .3s, border-color .3s;border-radius:20px;padding:22px}.card.is-visible:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-6px)}.card p{color:var(--muted);margin-top:6px;font-size:.92rem;line-height:1.5}.icon{background:var(--mint);width:46px;height:46px;transition:background .3s, transform .4s var(--ease);border-radius:13px;place-content:center;margin-bottom:16px;display:grid}.icon svg{fill:var(--ink);fill-rule:evenodd;transition:fill .3s,stroke .3s}.icon svg.outline{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.card:hover .icon{background:var(--green);transform:rotate(-6deg)scale(1.06)}.card:hover .icon svg{fill:var(--on-green)}.card:hover .icon svg.outline{fill:none;stroke:var(--on-green)}.how-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;margin-top:40px;display:grid}.steps{gap:12px;display:grid}.step{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;gap:14px;padding:18px 20px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.step:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.step[aria-pressed=true]{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.step .num{background:var(--line);color:var(--ink);transition:background .3s,color .3s}.step[aria-pressed=true] .num{background:var(--green);color:var(--on-green)}.step-body{gap:4px;display:grid}.step-title{font-weight:700}.step-text{color:var(--muted);font-size:.95rem}.step-progress{background:var(--green);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.is-playing .step[aria-pressed=true] .step-progress{animation:4.5s linear progress}.how-visual{place-items:center;display:grid}.screen{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);position:absolute;inset:0;transform:translate(16px)scale(.98)}.screen.is-active{opacity:1;transform:none}.app{background:var(--bg);flex-direction:column;gap:3.4cqw;padding:14cqw 5.4cqw 6cqw;font-size:4.3cqw;line-height:1.3;display:flex}.app-title{font-size:6.6cqw;font-weight:700}.app-card{border:1px solid var(--line);background:var(--surface);border-radius:5cqw;align-items:center;gap:3.4cqw;padding:4cqw;display:flex}.app .ring{width:24cqw;height:24cqw}.app .ring strong{font-size:7cqw}.app .ring span{font-size:3cqw}.app-room{margin-bottom:1.4cqw;font-size:5.4cqw;font-weight:700}.app .pill{padding:1cqw 3cqw;font-size:3.3cqw}.app .num{width:7.4cqw;height:7.4cqw;font-size:3.4cqw}.app-row{font-weight:600}.app-row .pill{margin-left:auto}.app-photo{background:linear-gradient(#e9e2d6 0 62%,#b9a98f 62%);border-radius:5cqw;flex:1;min-height:0;position:relative;overflow:hidden}.app-shape{border-radius:2cqw;position:absolute}.app-window{background:#cfe3ee;border:1.2cqw solid #fff;width:30%;height:30%;top:12%;left:10%}.app-sofa{background:#5c7f73;border-radius:4cqw 4cqw 2cqw 2cqw;width:46%;height:22%;bottom:22%;right:8%}.app-table{background:#6b5540;width:26%;height:12%;bottom:10%;left:14%}.pin{box-sizing:content-box;border:.8cqw solid #fff;position:absolute}.screen.is-active .pin{animation:1.8s ease-out infinite pulse}.pin-1{top:18%;right:22%}.pin-2{bottom:12%;left:22%;animation-delay:.6s!important}.results-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.points{color:var(--muted);gap:12px;margin-top:26px;display:grid}.points li{padding-left:30px;position:relative}.points li:before{content:"✓";background:var(--mint);width:20px;height:20px;color:var(--green);border-radius:50%;place-content:center;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:3px;left:0}.points strong{color:var(--ink)}.result{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px}.result-top{align-items:center;gap:16px;margin:14px 0 20px;display:flex}.result-room{margin-bottom:6px;font-size:1.2rem;font-weight:700}.issue{border:1.5px solid var(--green);border-radius:18px;padding:16px}.issue-head{align-items:center;gap:10px;font-weight:700;display:flex}.issue-head .pill{margin-left:auto}.issue-collapsed{border:1px solid var(--line);border-radius:18px;margin-top:12px;padding:14px 16px}.action{background:var(--mint);border-radius:14px;margin-top:14px;padding:14px;font-size:.95rem;font-weight:500}.action .label{margin-bottom:4px}.facts{margin-top:12px;font-size:.9rem}.facts div{border-top:1px solid var(--line);gap:12px;padding:8px 0;display:flex}.facts dt{width:120px;color:var(--muted)}.facts dd{font-weight:600}.note{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:14px;margin-top:28px;padding:14px 18px;font-size:.95rem;display:inline-block}.closing{background:radial-gradient(600px 300px at 15% 0%, #2d7b65 0%, transparent 70%), radial-gradient(500px 300px at 90% 100%, #236653 0%, transparent 70%), var(--band);color:#fff;padding:88px 0}.closing .eyebrow{color:#a8e6cf}.closing-lead{color:#fffc;margin-top:12px;font-size:1.15rem}.stores{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.store{color:#fff;text-align:left;cursor:default;user-select:none;border:1px solid #ffffff47;border-radius:14px;align-items:center;gap:12px;min-width:210px;padding:12px 22px 12px 18px;display:flex}.store.published{cursor:pointer;background:#0c1814;text-decoration:none}.store svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.store span{line-height:1.25;display:grid}.store small{color:#ffffffb3;font-size:.72rem}.store strong{font-size:1.2rem}.closing-note{color:#ffffffb3;margin-top:20px;font-size:.9rem}.site-footer{color:var(--muted);font-size:.9rem}.site-footer .brand{color:var(--ink);font-size:1rem}@media (width<=960px){.hero-grid,.how-grid,.results-grid{grid-template-columns:1fr;gap:48px}.cards{grid-template-columns:repeat(2,1fr)}.chip-score{left:0}.chip-issue{right:0}.how-visual{order:-1}}@media (width<=640px){nav{display:none}.hero{padding:44px 0 64px}.section{padding:64px 0}.cards{grid-template-columns:1fr}.hero-visual{min-height:0;padding:24px 0}.chip-done{display:none}.chip{padding:9px 12px}.issue-head .pill{display:none}.facts dt{width:104px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.reveal [data-ring]{--p:75!important}}