
:root{--brand:#ff6a3d;--peach:#fff2ec;--ink:#111;--muted:#5b616b;--line:#e7e7e7;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.62 -apple-system,system-ui,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900}
.brand .logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffd5c7;font-weight:900}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}
nav a{color:var(--ink);text-decoration:none;padding:.4rem .65rem;border-radius:999px}
nav a:hover{background:#f5f5f5}
header .wrap{display:flex;justify-content:space-between;align-items:center}
.hero{padding:60px 0;background:linear-gradient(180deg,#fff 0%, var(--peach) 60%, #fff 100%)}
.hero .title{font-size:clamp(36px,6.5vw,56px);font-weight:900;letter-spacing:-.02em;margin:0 0 8px}
.hero .sub{font-size:1.1rem;margin:0;color:#333}
.hero .img{margin-top:18px;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08);border:1px solid var(--line)}
.hero .img img{display:block;width:100%;height:auto}
section{padding:66px 0}
.section-title{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.section-title img{width:86px;height:86px;object-fit:cover;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.08);background:#fff}
.section-title h2{margin:0;font-size:clamp(26px,4.8vw,38px);font-weight:900;letter-spacing:-.01em}
.grid{display:grid;gap:20px}
@media(min-width:860px){.grid.cols-2{grid-template-columns:repeat(2,1fr)} .grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.strip{background:#fff7f3}
footer{border-top:1px solid var(--line);background:#fafafa;padding:28px 0;margin-top:8px;color:#555}
.pdf-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff;color:#111}
.pdf-icon{width:18px;height:18px;display:inline-block}
.small{font-size:14px;color:#666}
