@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
:root{--bg:#121a19;--panel:#1e2926;--text:#f3f1e8;--muted:#b5c0b8;--accent:#d5ef9c;--line:#39443e;--light:#f3f1e8;--dark:#15201a;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 95% 10%,#344333 0,transparent 40%),radial-gradient(ellipse at 10% 80%,#263c35 0,transparent 35%),var(--bg);color:var(--text);font:400 17px/1.65 'Geist',system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid transparent;background:var(--accent);color:#15201a;padding:14px 22px;border-radius:100px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:transform .3s,background .3s}button:hover,.button:hover{transform:translateY(-3px);background:#e3ffae}.secondary{background:transparent;color:var(--text);border-color:#657361}.secondary:hover{background:#344333;color:#fff}.small{padding:7px 14px;font-size:14px}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}main{overflow-x:hidden;width:100%;max-width:100%}.wrap{max-width:1280px;margin:auto;padding:0 48px}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:#15201a;padding:12px;z-index:100}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px auto 0;max-width:1184px;padding:14px 22px;border:1px solid var(--line);border-radius:100px;background:#18221bd9;backdrop-filter:blur(14px)}.brand{text-decoration:none;font-weight:600;letter-spacing:-.04em;font-size:23px}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px}.nav-links a{text-decoration:none}.nav .button{padding:9px 16px}.hero{padding:130px 0 100px;position:relative;min-height:650px}.hero h1{font-weight:500;letter-spacing:-.065em;line-height:1.07;font-size:clamp(2rem,5.2vw,5.2rem);margin:0 0 28px;max-width:1152px;text-wrap:balance;position:relative;z-index:2}.max-w-6xl{max-width:1152px}.hero p{max-width:710px;color:var(--muted);font-size:20px;margin:0 0 34px;position:relative;z-index:2}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2}.hero-visual{position:absolute;width:205px;height:260px;right:35px;bottom:14px;transform:rotate(8deg);border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #0008;border:1px solid #748465;background:#22372b}.hero-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out;filter:contrast(1.12) saturate(.65)}.hero-visual:hover img{transform:scale(1.05)}.hero-icon{position:absolute;right:190px;bottom:0;width:92px;height:92px;border-radius:22px;border:5px solid var(--bg);box-shadow:0 20px 40px #0007}.chapter{padding:128px 0;border-top:1px solid var(--line)}h2{font-size:clamp(1.9rem,3.7vw,3.5rem);line-height:1.15;font-weight:500;letter-spacing:-.05em;margin:0 0 28px;text-wrap:balance}h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 18px}p{margin:0 0 22px}.lead{max-width:840px;font-size:22px;color:var(--muted)}.inline-icon{width:66px;height:42px;object-fit:cover;border-radius:100px;vertical-align:middle;margin:0 6px 4px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;margin-top:52px}.tool-note{color:var(--muted);font-size:15px}.tool-shell{background:var(--light);color:var(--dark);border-radius:var(--radius);padding:34px;min-width:0;box-shadow:0 30px 75px #0002}.tool-shell button{background:#22382b;color:white}.tool-shell .secondary{background:transparent;color:#22382b;border-color:#647661}.tool-shell button:hover{background:#3a553f;color:white}.tool-shell .secondary:hover{background:#dde5d2;color:#15201a}.tool-shell label{display:block;font-size:14px;font-weight:600;line-height:1.5}.tool-shell input,.tool-shell textarea,.tool-shell select{display:block;width:100%;min-width:0;border:1px solid #b2bdac;border-radius:10px;padding:11px 12px;margin-top:7px;background:#fffef9;color:#15201a}.tool-shell textarea{resize:vertical;min-height:100px}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tool-fields>label:has(textarea),.tool-fields>fieldset,.tool-fields>.room,.tool-fields>p{grid-column:1/-1}.tool-fields>button{align-self:end}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.tool-shell fieldset{border:1px solid #b2bdac;border-radius:10px}.tool-shell .check{display:flex;gap:10px;align-items:center;margin:8px 0}.tool-shell .check input{width:auto;margin:0}.result{margin-top:25px;border-top:1px solid #c8d1bd;padding-top:22px}.result:empty{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.7 'Geist',system-ui;margin:0}.metric{font-size:42px;font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0 0 22px}.metric span{display:block;font-size:14px;letter-spacing:0;line-height:1.5;margin-top:7px;font-weight:400}.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#tool-error{color:#a41c25;font-size:15px;margin:20px 0 0}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:420px;text-align:left;font-size:15px}td,th{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--line)}.tool-shell td,.tool-shell th{border-color:#c8d1bd;padding:12px}.comparison{background:var(--panel);padding:32px;border-radius:var(--radius)}.comparison th{color:var(--accent);font-weight:500}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:16px;margin-top:52px}.card{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;text-decoration:none;overflow:hidden}.card img{width:64px;height:64px;border-radius:16px;margin-bottom:20px;transition:transform .7s}.card:hover img{transform:scale(1.05)}.card p{color:var(--muted);font-size:16px}.card a{display:inline-block;margin-top:8px}.article-text{max-width:840px}.article-text p{color:var(--muted);font-size:19px}.steps-stack{padding-top:35px}.step{padding:44px 50px;background:#202c25;border:1px solid #53654d;border-radius:var(--radius);margin-bottom:24px;box-shadow:0 18px 60px #0002;max-width:980px}.step p{color:#ced5c9;margin:0;max-width:760px}.scrub-text{font-size:clamp(1.65rem,3.2vw,3rem);line-height:1.4;letter-spacing:-.035em;max-width:1040px}.scrub-text span{display:inline-block}.carousel{background:#d5ef9c;color:#15201a;border-radius:var(--radius);padding:48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.carousel h3{font-size:30px;max-width:740px}.carousel p{max-width:850px}.carousel button{background:#15201a;color:white;padding:12px 18px}.carousel-controls{display:flex;gap:8px}.carousel-dots{font-size:14px;opacity:.7}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:24px 0;color:#93a487;font-size:22px;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee 45s linear infinite;gap:48px}.marquee-track span{display:inline-block}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.source-list{display:flex;flex-wrap:wrap;gap:14px 28px;font-size:15px;margin-top:35px}.source-note{font-size:14px;color:var(--muted)}.cta{padding:120px 0;background:var(--accent);color:#15201a}.cta h2{max-width:1000px;font-size:clamp(2.4rem,5.7vw,5.2rem);letter-spacing:-.06em}.cta .button{background:#15201a;color:white}.cta p{max-width:730px}.footer{padding:38px 0 50px;color:var(--muted);font-size:14px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.hub-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:16px}.hub-apps .card{display:flex;flex-direction:column}.hub-apps .card a{margin-top:auto}.search{margin:32px 0 45px;max-width:650px}.search input{width:100%;padding:16px 22px;border:1px solid var(--line);border-radius:100px;background:var(--panel);color:white;font:inherit}.no-match{display:none}.room{position:relative;min-height:240px;background-color:#e4e8db;background-image:linear-gradient(to right,#b9c3ad 1px,transparent 1px),linear-gradient(to bottom,#b9c3ad 1px,transparent 1px);border:1px solid #97a28b;border-radius:6px;overflow:hidden}.tool-shell .furniture{position:absolute;border-radius:4px;padding:3px;background:#536c4b;font-size:12px;touch-action:none;transition:none;border:2px solid #354d2d;color:white;overflow:hidden}.tool-shell .furniture:hover{transform:none}.tool-shell .furniture.selected{border:3px solid #15201a}.tool-shell .furniture.overlap{background:#9b3f34}.balance-bars{display:grid;gap:12px;margin:20px 0}.balance-bars div{background:#22382b;color:white;padding:8px 12px;border-radius:4px;min-width:95px;white-space:nowrap}
@media(max-width:1000px){.wrap{padding:0 30px}.nav{margin:20px 30px 0}.tool-layout{grid-template-columns:1fr;gap:35px}.hero p{max-width:620px}.hero-visual{width:145px;height:180px;bottom:-15px}.hero-icon{right:150px;width:70px;height:70px;bottom:-15px}.bento,.hub-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:24px}.chapter{padding:100px 0}.hero{min-height:640px}}
@media(max-width:680px){body{font-size:16px}.wrap{padding:0 22px}.nav{margin:16px 16px 0;padding:12px 16px}.brand{font-size:19px}.nav-links{gap:12px}.nav-links>a:first-child{display:none}.nav .button{font-size:12px;padding:8px 12px}.hero{padding:88px 0 175px;min-height:600px}.hero h1{font-size:clamp(1.8rem,7.8vw,3rem);letter-spacing:-.055em;max-width:100%}.hero p{font-size:17px}.hero-actions .button{font-size:14px;padding:12px 16px}.hero-visual{right:12px;bottom:20px;width:115px;height:140px}.hero-icon{right:113px;bottom:22px;width:56px;height:56px;border-width:3px}.chapter{padding:85px 0}.lead{font-size:19px}.tool-shell{padding:23px 18px}.tool-fields{grid-template-columns:1fr}.tool-fields>*{grid-column:1!important}.tool-fields>button{width:100%}.bento,.hub-apps{grid-template-columns:1fr}.step{padding:28px 24px}.carousel{padding:28px;grid-template-columns:1fr}.carousel h3{font-size:24px}.comparison{padding:18px}.cta{padding:85px 0}.source-list{display:grid;gap:12px}.footer-links{gap:16px}.inline-icon{width:50px;height:34px}.metric{font-size:34px}h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
.hero.wrap{padding-inline:48px}
@media(max-width:1000px){.hero.wrap{padding-inline:30px}}
@media(max-width:680px){.hero.wrap{padding-inline:22px}}
.guide-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}.guide-columns .step{margin-bottom:48px}.hero h1{max-width:1152px} @media(max-width:760px){.guide-columns{grid-template-columns:1fr;gap:24px}}