:root{--ink: #182530;--ink-soft: #223342;--paper: #f5f4f0;--text: #232e38;--muted: #6e7883;--jade: #2f7a68;--border: #d9d7d0}*{box-sizing:border-box}body{margin:0;font-family:Be Vietnam Pro,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--paper);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--jade);text-decoration:none}a:hover{text-decoration:underline}.site-head{max-width:1120px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.head-logo{height:28px;display:block}.site-head nav a{font-weight:500}.hero{max-width:1120px;margin:0 auto;padding:48px 24px 72px;display:flex;gap:56px;align-items:center}.hero-text{flex:1;min-width:0}.hero h1{margin:0 0 16px;font-size:44px;line-height:1.15;font-weight:600;letter-spacing:-.02em}.hero h1 span{color:var(--jade)}.lead{margin:0 0 28px;max-width:44ch;font-size:18px;color:var(--muted)}.lead b{color:var(--text)}.cta{display:flex;gap:12px;flex-wrap:wrap}.btn-ink,.btn-line{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:9px;font-size:15px;font-weight:600}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink-soft);text-decoration:none}.btn-line{border:1px solid var(--border);color:var(--text);background:#fff}.btn-line:hover{border-color:var(--ink);text-decoration:none}.cta-note{margin:12px 0 0;font-size:13px;color:var(--muted)}.feats{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;font-size:14px;color:var(--muted)}.feats b{color:var(--text)}.feats li{padding-left:18px;position:relative}.feats li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--jade)}.hero-shot{flex:1.1;min-width:0}.hero-shot img{width:100%;display:block;border-radius:14px;border:1px solid var(--border)}.site-foot{max-width:1120px;margin:0 auto;padding:20px 24px 36px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}@media(max-width:900px){.hero{flex-direction:column-reverse;padding-top:16px;gap:32px}.hero h1{font-size:32px}.feats{grid-template-columns:1fr}}
