:root{--ink: #070b10;--ink-2: #0c1219;--card: #111922;--line: #1e2a36;--line-2: #2b3a49;--text: #e8eef4;--muted: #8a9bab;--subtle: #5b6b7a;--acc: #10b981;--acc-dim: #0c9b5a;--acc-ink: #6ee7b7;--gold: #d9a441;--violet: #8b5cf6;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;--serif: "Songti SC", "Noto Serif SC", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 600px at 8% -5%,rgba(16,185,129,.11),transparent 60%),radial-gradient(700px 500px at 95% 8%,rgba(139,92,246,.07),transparent 60%);z-index:0}.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 28px}.nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b10b8;border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:28px;height:62px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;color:var(--text);text-decoration:none}.logo:hover i{filter:brightness(1.12)}.logo i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc),#0891b2);color:#04231a;font-style:normal;font-weight:900;font-size:16px}.nav a{color:var(--muted);text-decoration:none;font-size:13.5px;transition:color .15s}.nav a:hover{color:var(--text)}.nav .sp{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:9px 16px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:650;border:1px solid var(--line-2);background:transparent;color:var(--text);text-decoration:none;transition:border-color .15s,background .15s,transform .1s}.btn:hover{border-color:var(--acc-dim);background:#10b9810f}.btn:active{transform:translateY(1px)}.btn.pri{background:linear-gradient(135deg,var(--acc),var(--acc-dim));border-color:transparent;color:#04231a;font-weight:750}.btn.pri:hover{filter:brightness(1.08)}.btn.lg{padding:13px 24px;font-size:15px;border-radius:12px}.hero{padding:92px 0 76px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-ink);border:1px solid rgba(16,185,129,.28);background:#10b98112;padding:5px 11px;border-radius:999px}h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.035em;margin:22px 0 20px;font-weight:800}h1 em{font-style:normal;color:var(--acc-ink)}.lede{font-size:17px;color:var(--muted);max-width:40ch;margin-bottom:30px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.snippet{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -30px #000c}.snippet-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0a1017}.snippet-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.snippet-bar span{margin-left:8px;font-family:var(--mono);font-size:11.5px;color:var(--subtle)}.snippet pre{margin:0;padding:18px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.85;overflow-x:auto;color:#c9d6e2}.snippet .k{color:var(--violet)}.snippet .s{color:var(--acc-ink)}.snippet .c{color:var(--subtle)}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.strip div{background:var(--ink-2);padding:22px 20px}.strip b{display:block;font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.strip span{font-size:12.5px;color:var(--muted)}section{padding:84px 0}.sec-head{margin-bottom:36px;max-width:60ch}.sec-head h2{font-size:clamp(27px,3.2vw,38px);letter-spacing:-.03em;margin:10px 0 12px;font-weight:780}.sec-head p{color:var(--muted);font-size:15.5px;margin:0}.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}.fams{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.fam{padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:all .15s}.fam:hover{color:var(--text)}.fam.on{background:#10b9811a;border-color:var(--acc-dim);color:var(--acc-ink)}.plaza{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.mcard{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:16px 17px;transition:transform .18s,border-color .18s,background .18s}.mcard:hover{transform:translateY(-3px);border-color:var(--acc-dim);background:#131d27}.mcard .fam-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.mcard .id{font-weight:650;font-size:14.5px;margin:5px 0 12px;letter-spacing:-.01em;word-break:break-all;line-height:1.35}.mcard .price{font-family:var(--mono);font-size:19px;font-weight:700;color:var(--acc-ink);letter-spacing:-.02em}.mcard .unit{font-size:11.5px;color:var(--subtle);font-family:var(--sans);font-weight:400}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:26px 24px;position:relative;overflow:hidden}.feat:after{content:"";position:absolute;inset:auto auto -40% -20%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.12),transparent 70%)}.feat .n{font-family:var(--mono);font-size:12px;color:var(--acc);letter-spacing:.1em}.feat h3{font-size:17.5px;margin:12px 0 9px;letter-spacing:-.015em}.feat p{color:var(--muted);font-size:13.8px;margin:0}.apply{background:linear-gradient(160deg,#0e1720,#0a1017);border:1px solid var(--line);border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}.field .hint{color:var(--subtle);font-size:11.5px;margin-left:6px}.field input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line-2);background:#0a0f15;color:var(--text);font:inherit;font-size:14px;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--acc-dim)}.field input::placeholder{color:var(--subtle)}.err{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:14px}.ok{background:#10b9811a;border:1px solid var(--acc-dim);color:var(--acc-ink);padding:14px 16px;border-radius:12px;font-size:14px}.checklist{list-style:none;padding:0;margin:18px 0 0}.checklist li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px;padding:7px 0}.checklist li:before{content:"✓";color:var(--acc);font-weight:800}footer{border-top:1px solid var(--line);padding:34px 0;margin-top:40px;color:var(--subtle);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}@media(max-width:900px){.hero,.apply{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}.nav a.hide-sm{display:none}}