*{box-sizing:border-box;margin:0;padding:0}
:root{--brand:#f7b801;--brand2:#ff9e2c;--brand3:#ffd869;--navy:#1a2847;
--bg:#0f0d08;--card:#1a160d;--ink:#f2ead6;--mut:#b3a888;--line:#38301d;
--ok:#3ecf6b;--shadow:0 14px 36px -16px rgba(0,0,0,.6)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Be Vietnam Pro",system-ui,"Segoe UI",sans-serif;
line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(620px 460px at 12% 6%,rgba(247,184,1,.10),transparent 62%),
radial-gradient(560px 420px at 88% 12%,rgba(255,158,44,.08),transparent 62%),
radial-gradient(640px 480px at 80% 92%,rgba(255,216,105,.07),transparent 62%)}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);
background:rgba(15,13,8,.82);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:18px;height:62px;flex-wrap:wrap}
.logo{font-weight:800;font-size:19px;letter-spacing:.3px}
.logo b{color:var(--brand)}
.nav a.mn{color:var(--mut);font-size:14.5px;font-weight:600}
.nav a.mn:hover,.nav a.mn[aria-current]{color:var(--brand)}
.sp{flex:1}
.btn{display:inline-block;padding:11px 20px;border-radius:11px;font-weight:700;font-size:15px;
background:linear-gradient(135deg,var(--brand),var(--brand2));color:#241a00;
box-shadow:0 8px 22px -10px rgba(247,184,1,.7);transition:transform .14s,box-shadow .14s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(247,184,1,.85)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand)}
section{padding:56px 0}
h1{font-size:clamp(29px,5vw,46px);line-height:1.18;font-weight:800;letter-spacing:-.5px}
h2{font-size:clamp(23px,3.4vw,32px);font-weight:800;margin-bottom:10px;letter-spacing:-.3px}
h3{font-size:17.5px;font-weight:700;margin-bottom:6px}
.sub{color:var(--mut);font-size:17px;max-width:60ch}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px;
box-shadow:var(--shadow);transition:transform .16s,border-color .16s,box-shadow .16s}
.card:hover{transform:translateY(-4px);border-color:var(--brand);
box-shadow:0 20px 44px -18px rgba(247,184,1,.35)}
.card p{color:var(--mut);font-size:14.8px}
.card .ico{font-size:27px;display:block;margin-bottom:9px}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;
background:rgba(247,184,1,.13);color:var(--brand3);border:1px solid rgba(247,184,1,.28);margin-bottom:9px}
.tag.free{background:rgba(62,207,107,.13);color:var(--ok);border-color:rgba(62,207,107,.3)}
.gia{font-weight:800;color:var(--brand);font-size:16px;margin-top:9px;display:block}
.scope{color:var(--mut);font-size:13.6px;border-left:3px solid var(--line);padding-left:12px}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--mut);font-size:14px}
footer a{color:var(--brand)}
ul.tick{list-style:none;margin-top:10px}
ul.tick li{padding-left:24px;position:relative;margin:7px 0;color:var(--mut);font-size:15px}
ul.tick li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.hero{padding:66px 0 44px}
.hero .btn{margin-top:22px;margin-right:10px}
@media(max-width:560px){.nav{height:auto;padding:10px 0}.wrap{padding:0 15px}section{padding:40px 0}}

details.faq{background:var(--card);border:1px solid var(--line);border-radius:11px;
  padding:14px 16px;margin-bottom:10px;transition:border-color .14s}
details.faq:hover{border-color:var(--brand)}
details.faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::before{content:"+";color:var(--brand);font-weight:800;margin-right:9px}
details.faq[open] summary::before{content:"–"}
details.faq p{color:var(--mut);margin-top:9px;font-size:15px}
