*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;line-height:1.6;background:#fff}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:9;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-weight:800;font-size:18px}.logo em{font-style:normal;color:#64748b;font-weight:600}
.mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#1a1a22,#0B0B0F);color:#C9A227;color:#fff;font-size:14px;margin-right:6px}
nav{display:flex;gap:22px;align-items:center;font-size:15px;color:#334155}nav a:hover{color:#8A6A12}
.btn{display:inline-block;padding:13px 24px;border-radius:10px;background:#0B0B0F;color:#fff;font-weight:700;transition:.2s}.btn:hover{background:#2a2a33;transform:translateY(-1px)}.btn.sm{padding:8px 16px;color:#fff}
.btn.ghost{background:transparent;border:2px solid #C9A227;color:#7A5C0E}.btn.light{background:#C9A227;color:#0B0B0F}.btn.light2{border-color:rgba(255,255,255,.6);color:#fff}
.hero{background:radial-gradient(circle at 80% 20%,#F5E9C4,transparent 50%),linear-gradient(180deg,#FBF6E6,#fff);padding:80px 0}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.art{width:100%}
h1{font-size:clamp(32px,4.6vw,52px);line-height:1.12;margin:.2em 0;letter-spacing:-.02em}h2{font-size:clamp(26px,3vw,36px);margin:.2em 0 1em;letter-spacing:-.01em}h3{margin:.3em 0}
.lead{font-size:18px;color:#475569;max-width:620px}.eyebrow{color:#8A6A12;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin:0}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.sec{padding:84px 0}.alt{background:#f8fafc}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:.2s}.card:hover{box-shadow:0 12px 30px rgba(201,162,39,.18);transform:translateY(-2px)}.card p{color:#475569;margin:0}
.ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1a1a22,#0B0B0F);color:#C9A227;color:#fff;font-size:18px}
.feat{border:2px solid #C9A227;background:linear-gradient(180deg,#FBF6E6,#fff)}.tag{display:inline-block;background:#0B0B0F;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps li{padding:28px;border-radius:16px;border:1px solid #e2e8f0}.steps p{color:#475569;margin:0}
.steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#FBF6E6;color:#7A5C0E;font-size:18px}
.cta-sec{background:linear-gradient(135deg,#0B0B0F,#26200e);color:#fff}.cta-sec .lead{color:#E7DDBF;margin:0 auto}.center{text-align:center;justify-content:center}
footer{background:#0B0B0F;color:#cbd5e1;padding:36px 0;font-size:14px}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer strong{color:#fff}
@media(max-width:860px){.logo{font-size:15px}.logo em{display:none}nav a:not(.btn){display:none}.hero-in,.grid3,.grid2,.steps{grid-template-columns:1fr}.hero{padding:48px 0}.sec{padding:56px 0}.art{max-width:360px;margin:auto}}

.logo{display:flex;align-items:center}.logo img{display:block;height:52px;width:auto}.logo-short{display:none!important}.foot-logo{height:40px;width:auto;display:block}
@media(max-width:860px){.logo-full{display:none!important}.logo-short{display:block!important;height:36px!important}}