:root{--bg: #ffffff;--bg-soft: #f5f7f6;--bg-dark: #0d1f1b;--surface: #ffffff;--border: #e3e8e6;--text: #15201d;--text-2: #4a5a55;--text-faint: #8a9a94;--primary: #0c7c63;--primary-deep: #0a5f4c;--primary-soft: #e2f1ec;--accent: #16a34a;--on-primary: #ffffff;--gold: #b8862f;--radius: 14px;--shadow: 0 10px 40px rgba(12, 124, 99, .08);--maxw: 1100px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans SC", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.section{padding:72px 0}.section-soft{background:var(--bg-soft)}h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 14px}h1{font-size:clamp(32px,6vw,54px);font-weight:800}h2{font-size:clamp(26px,4vw,36px);font-weight:800}h3{font-size:19px;font-weight:700}p{margin:0 0 14px;color:var(--text-2)}.lead{font-size:clamp(16px,2.4vw,20px);color:var(--text-2);max-width:640px}.eyebrow{color:var(--primary);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:filter .15s,transform .05s;text-decoration:none}.btn:hover{text-decoration:none;filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-ghost{background:transparent;color:var(--primary);border-color:var(--border)}.btn-lg{padding:15px 28px;font-size:16px}.btn[disabled]{opacity:.55;cursor:default}.badge{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-deep);font-size:13px;font-weight:600}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card .ic{font-size:28px;margin-bottom:12px;display:block}.site-header{position:sticky;top:0;z-index:50;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;gap:18px;height:62px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;color:var(--text)}.brand:hover{text-decoration:none}.brand .logo{width:28px;height:28px}.nav{display:flex;gap:4px;margin-left:auto;align-items:center}.nav a{color:var(--text-2);font-weight:500;padding:8px 12px;border-radius:9px;font-size:15px}.nav a:hover{background:var(--bg-soft);text-decoration:none;color:var(--text)}.nav a.router-link-active{color:var(--primary)}.lang{background:none;border:1px solid var(--border);border-radius:9px;padding:6px 10px;font-size:13px;color:var(--text-2);cursor:pointer}.lang:hover{background:var(--bg-soft)}.menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:9px;padding:7px 11px;font-size:18px;cursor:pointer}.hero{padding:78px 0 56px}.hero .badge{margin-bottom:18px}.hero h1{max-width:760px}.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}.hero .note{color:var(--text-faint);font-size:14px}.hero-visual{margin-top:48px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(160deg,#0d1f1b,#0c7c63);box-shadow:0 30px 80px #0c7c6338;aspect-ratio:16 / 8;display:flex;align-items:center;justify-content:center;overflow:hidden}.site-footer{background:var(--bg-dark);color:#cdd8d4;padding:54px 0 30px;margin-top:40px}.site-footer a{color:#cdd8d4}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}.site-footer h4{color:#fff;font-size:14px;margin:0 0 12px}.site-footer .fcol a{display:block;padding:4px 0;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:13px;color:#8aa39c}.legal-doc{max-width:760px;margin:0 auto;padding:56px 22px 80px}.legal-doc h1{font-size:32px}.legal-doc h2{font-size:22px;margin-top:32px}.legal-doc p,.legal-doc li{color:var(--text-2)}.draft-warning{background:#fff7e6;border:1px solid #f0d089;color:#6b4e16;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:28px}.form{max-width:460px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.field input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:11px;font-size:15px;font-family:inherit;background:#fff;color:var(--text)}.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-msg{padding:12px 14px;border-radius:10px;font-size:14px;margin-top:6px}.form-msg.ok{background:var(--primary-soft);color:var(--primary-deep)}.form-msg.err{background:#fde8e8;color:#9b2c2c}.form-note{font-size:13px;color:var(--text-faint);margin-top:10px}.dl-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:#fff}.dl-row .dl-os{font-weight:700}.dl-row .dl-meta{color:var(--text-faint);font-size:13px}.dl-row .spacer{flex:1}.changelog{background:var(--bg-soft);border-radius:12px;padding:18px 20px;font-size:14px}.changelog ul{margin:8px 0 0;padding-left:20px}@media(max-width:800px){.grid-3,.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:22px}.nav{display:none}.nav.open{display:flex;position:absolute;top:62px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--border);padding:10px 16px;gap:2px}.nav.open a{width:100%}.menu-btn{display:inline-block;margin-left:auto}.section{padding:52px 0}}
