:root{--paper:#fff;--bg:#F7F8FA;--bg-2:#EEF1F5;--ink:#0E1626;--ink-2:#39424F;--muted:#6B7482;
  --line:#E4E7EC;--accent:#A67C2A;--accent-2:#B98F3D;--accent-ink:#8A6518;--accent-soft:#F6F1E6;
  --font:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;--radius:12px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.container{max-width:960px;margin:0 auto;padding:0 32px}
.header{position:sticky;top:0;z-index:50;background:rgba(14,22,38,.96);border-bottom:1px solid rgba(255,255,255,.09)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.wordmark b{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.wordmark i{font-style:normal;color:var(--accent-2)}
.back{font-size:14px;font-weight:500;color:rgba(255,255,255,.75);white-space:nowrap}
.back:hover{color:#fff}
.hero{background:linear-gradient(180deg,#0E1626,#16233B);color:#fff;padding:72px 0 64px}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:18px}
.hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:700;letter-spacing:-.025em;line-height:1.12;max-width:820px}
.hero .lead{margin-top:20px;font-size:clamp(16px,1.8vw,18.5px);color:rgba(255,255,255,.74);max-width:760px}
.actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:600;transition:background .2s,border-color .2s}
.btn svg{width:18px;height:18px;fill:currentColor}
.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}
.btn-primary:hover{background:var(--accent-ink)}
.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.btn-ghost:hover{border-color:var(--accent-2)}
.section{padding:64px 0}
.section.soft{background:var(--bg-2)}
h2{font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.015em;line-height:1.2;margin-bottom:22px}
.does{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.does li{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 20px 50px;font-size:15.5px;color:var(--ink-2);line-height:1.55}
.does li::before{content:"";position:absolute;left:20px;top:23px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6518' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/16px}
.result{margin-top:22px;padding:18px 22px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;font-size:16px;color:var(--ink-2)}
.result b{color:var(--ink)}
.case{margin-top:16px;padding:20px 22px;border-radius:var(--radius);background:var(--ink);color:rgba(255,255,255,.8)}
.case .tag{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);margin-bottom:8px}
.case p{font-size:15.5px;line-height:1.55}
.case a{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--accent-2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.two h2{font-size:20px;margin-bottom:10px}
.two p{font-size:15.5px;color:var(--ink-2)}
.two a{display:inline-block;color:var(--accent-ink);font-weight:600;white-space:nowrap}
.rels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rel{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:600;transition:border-color .2s}
.rel span{color:var(--accent-ink)}
.rel:hover{border-color:var(--accent)}
.cta{background:linear-gradient(180deg,#0E1626,#16233B);color:#fff;padding:64px 0}
.cta h2{color:#fff}
.cta p{color:rgba(255,255,255,.72);font-size:16px;max-width:640px}
.footer{background:#0E1626;color:rgba(255,255,255,.45);padding:28px 0;border-top:1px solid rgba(255,255,255,.09)}
.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px}
@media(max-width:760px){
  .does{grid-template-columns:1fr}
  .two{grid-template-columns:1fr;gap:28px}
  .rels{grid-template-columns:1fr}
}
@media(max-width:600px){
  .container{padding:0 20px}
  .hero{padding:52px 0 48px}
  .section,.cta{padding:48px 0}
  .btn{width:100%;justify-content:center}
}