:root{--blue:#1683ff;--red:#b13a2f;--ink:#171717;--muted:#666;--paper:#f5f1e8;--card:#ffffffea;--line:#ded8cd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;line-height:1.6;background:radial-gradient(circle at 20% 0%,#fff,transparent 34rem),linear-gradient(135deg,#f3efe7,#fff 48%,#f1eee8)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1080px,calc(100% - 36px));margin:auto}
header{padding:32px 0 18px}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:14px;font-weight:800;font-size:1.15rem}.brand img{width:54px;height:54px;border-radius:14px;box-shadow:0 5px 18px #0002}.nav-links{display:flex;gap:20px;font-size:.95rem}
.hero{padding:55px 0 75px;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.kicker{color:var(--blue);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.88rem}.hero h1{margin:12px 0 16px;font-size:clamp(2.7rem,7vw,5.2rem);line-height:.98;letter-spacing:-.045em}.hero h1 span{color:var(--red)}.lead{font-size:clamp(1.15rem,2vw,1.4rem);color:#333}.hero-logo{width:min(100%,430px);display:block;margin:auto;border-radius:28px;box-shadow:0 26px 55px #23190a38}
section{padding:68px 0}.section-title{max-width:720px;margin-bottom:34px}.section-title h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0 0 12px;letter-spacing:-.03em}.section-title p{margin:0;color:var(--muted);font-size:1.08rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid #00000012;border-radius:22px;padding:25px;box-shadow:0 18px 45px #23190a1f;backdrop-filter:blur(12px)}.card h3{margin:0 0 8px;font-size:1.25rem}.card p{margin:0;color:#555}
.highlight{background:linear-gradient(135deg,#fffdf8,#f2eee5);color:#171717;border:1px solid #ded8cd;border-radius:28px;padding:48px;box-shadow:0 18px 45px #23190a1f}.highlight p{color:#555}.highlight h2{color:#171717;font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.1}.cta{text-align:center;padding:70px 24px}.cta h2{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 14px;letter-spacing:-.035em}
footer{border-top:1px solid var(--line);padding:30px 0 44px;color:#777;font-size:.92rem}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.legal{padding:58px 0 80px}.legal article{max-width:820px;margin:auto;background:#fffffff0;padding:clamp(28px,6vw,58px);border-radius:28px;box-shadow:0 18px 45px #23190a1f}.legal h1{margin-top:0;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}.legal h2{margin-top:2.2em;font-size:1.45rem}.legal p,.legal li{color:#444}.notice{border-left:4px solid var(--blue);padding:12px 18px;background:#f1f7ff;border-radius:0 12px 12px 0}
@media(max-width:800px){
  body{overflow-x:hidden}
  .nav{align-items:flex-start;flex-wrap:wrap;gap:12px}
  .brand{font-size:1rem}
  .brand img{width:42px;height:42px;border-radius:11px}
  .nav-links{flex-direction:column;align-items:flex-end;gap:6px}
  .hero{grid-template-columns:1fr;padding-top:30px}
  .hero h1{font-size:clamp(1.85rem,9vw,3.5rem)}
  .hero-logo{max-width:300px}
  .grid{grid-template-columns:1fr}
  .highlight{padding:44px 28px 36px}
}