:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172d27;--muted:#64766d;--line:#d9e3dc;--accent:#146b55;--accent-soft:#e7f4ed;--bg:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1120px,100%);margin:auto;padding:28px}.topbar{border-bottom:1px solid var(--line);background:#fff}.nav{align-items:center;gap:32px;padding-top:15px;padding-bottom:15px;display:flex}.brand{color:var(--ink);white-space:nowrap;font-size:1.35rem;font-weight:800}.brand-dot{color:var(--accent)}.nav-links{flex-wrap:wrap;gap:22px;display:flex}.hero{max-width:800px;padding:96px 0 100px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:.75rem;font-weight:800}h1{letter-spacing:-.04em;margin:.3em 0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.08}h2{letter-spacing:-.025em;margin-top:0}p{line-height:1.58}.lead{color:var(--muted);max-width:670px;font-size:1.2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 32px #172d2707}.card.highlight{background:linear-gradient(135deg,#ecf8f0,#fff)}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-weight:700;display:inline-block}.button:hover{background:#0e5946;text-decoration:none}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button:disabled{opacity:.55;cursor:not-allowed}.field{gap:6px;font-weight:650;display:grid}.input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #c9d7ce;border-radius:9px;padding:11px 12px}.error{color:#a8282b}.success{color:#176844}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 11px;font-size:.85rem;font-weight:700;display:inline-block}.progress{background:#e5ede6;border-radius:999px;height:10px;overflow:hidden}.progress>span{background:var(--accent);border-radius:999px;height:100%;display:block}.metric{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric strong{font-variant-numeric:tabular-nums}.family-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.family-list li{border:1px solid var(--line);border-radius:10px;padding:12px}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.notice{background:var(--accent-soft);border:1px solid #a4cdb4;border-radius:10px;padding:12px}.tree-frame{border:1px solid var(--line);background:#fbfdfb;border-radius:12px;position:relative;overflow:hidden}.tree-frame svg{touch-action:none;cursor:grab;width:100%;height:clamp(360px,55vw,650px);display:block}.tree-frame svg:active{cursor:grabbing}.tree-controls{z-index:1;gap:6px;display:flex;position:absolute;top:12px;right:12px}.tree-controls .button{padding:7px 12px}.tree-parent{stroke:#419879;stroke-width:3px}.tree-partner{stroke:#a48064;stroke-width:3px;stroke-dasharray:8 5}.tree-node{fill:#fff;stroke:#8cb8a0;stroke-width:2px}.tree-self{fill:#e0f4e9;stroke:#146b55;stroke-width:3px}.tree-name{fill:#172d27;font-size:14px;font-weight:700}.tree-subtitle{fill:#64766d;font-size:11px}.tree-hint{margin:8px 12px;font-size:.85rem}@media (max-width:640px){.shell{padding:18px}.nav{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{gap:12px;font-size:.9rem}.hero{padding:54px 0 70px}.card{padding:18px}}