:root{--orange:#ff7a00;--ink:#1f2937;--bg:#f7fafc;--card:#fff;--line:#e5eaf1}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}.brand svg{height:36px}.brand .title{font-weight:900;color:var(--orange)}
nav ul{display:flex;gap:14px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
nav a{color:#334155;font-weight:600}
.hero{padding:44px 0 16px;background:linear-gradient(90deg,#ffd7b3,#fff)}
.section{padding:28px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 6px 22px rgba(0,0,0,.05)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}.col-4{grid-column:span 12}.col-6{grid-column:span 12}.col-8{grid-column:span 12}
@media(min-width:900px){.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}}
.bullet{padding-left:18px}
.footer{margin-top:30px;background:#fff;border-top:1px solid var(--line);color:#64748b}
.footer-inner{display:grid;gap:18px;padding:24px 0}@media(min-width:900px){.footer-inner{grid-template-columns:1fr 1fr 1fr}}
.small{font-size:14px;color:#64748b}.center{text-align:center}