:root{color-scheme:light;--bg:#f5f8f7;--panel:#fff;--text:#102a25;--muted:#5d726b;--line:#dbe6e0;--accent:#0c8b61}html[data-theme=dark]{color-scheme:dark;--bg:#0c1714;--panel:#14251f;--text:#eaf7ef;--muted:#a6bbb1;--line:#2c4037;--accent:#31ce94}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}nav{display:flex;gap:22px;align-items:center}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--accent)}small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding:65px 0}h1{font-size:clamp(36px,5vw,64px);line-height:1.07;letter-spacing:-2px;margin:20px 0}h2{font-size:30px;line-height:1.2}h3{margin-top:0}p{color:var(--muted)}.eyebrow{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:2px}.button,button{background:var(--accent);color:var(--bg);border:0;border-radius:10px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer;display:inline-block}button:disabled{opacity:.6;cursor:wait}.ghost{background:var(--panel);color:var(--text);border:1px solid var(--line)}.actions{display:flex;gap:12px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 25px #00000005}.mock{transform:rotate(-2deg)}.row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;gap:16px}.badge{color:var(--accent);font-size:13px;background:var(--bg);border-radius:8px;padding:5px 10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section{padding:35px 0}.price{font-size:48px;font-weight:800;letter-spacing:-2px}.price small{display:inline;font-size:16px}.login{max-width:460px;margin:48px auto}label{display:block;margin:14px 0 6px}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:inherit}form button{margin-top:18px;width:100%}.notice{padding:12px 16px;border-left:3px solid var(--accent);background:var(--panel);color:var(--muted)}.error{color:#cc5147}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.scroll{overflow:auto}.metrics{grid-template-columns:repeat(4,1fr)}.metric strong{display:block;font-size:26px}.toolbar{display:flex;justify-content:space-between;align-items:center}footer{color:var(--muted);display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px}ul{padding-left:20px}#theme{padding:5px 12px}@media(max-width:760px){header,main,footer{padding:18px}nav{gap:12px;font-size:13px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:24px;padding:35px 0}.grid,.metrics{grid-template-columns:1fr 1fr}.mock{transform:none}.grid.features{grid-template-columns:1fr}.card{padding:20px}footer{font-size:12px}}