@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #111315;
  --ink-2: #191d20;
  --ink-3: #252b30;
  --paper: #f5f5f2;
  --white: #fff;
  --muted: #aeb5b9;
  --body: #3f474c;
  --line: rgba(255,255,255,.12);
  --accent: #FFCA00;
  --accent-dark: #9B7600;
  --accent-contrast: #171b1e;
  --accent-tint: rgba(255,202,0,.16);
  --max: 1160px;
  --radius: 16px;
  --shadow: 0 22px 60px rgba(0,0,0,.18);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'DM Sans', sans-serif; color: var(--body); background: var(--paper); line-height: 1.65; }
h1,h2,h3,h4 { font-family: 'Manrope', sans-serif; color: var(--ink); line-height: 1.12; margin: 0 0 18px; letter-spacing: -.035em; }
h1 { font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 800; }
h2 { font-size: clamp(2rem, 4vw, 3.15rem); font-weight: 800; }
h3 { font-size: 1.25rem; font-weight: 800; }
p { margin: 0 0 18px; }
a { color: inherit; text-decoration: none; }
img,svg { max-width: 100%; }
.container { width: min(var(--max), calc(100% - 44px)); margin: 0 auto; }
.skip-link { position:absolute; left:-999px; top:8px; background:#fff; color:#000; padding:10px 14px; z-index:1000; }
.skip-link:focus { left:8px; }
.site-header { position: sticky; top:0; z-index:50; background:rgba(17,19,21,.96); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav-wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:11px; color:#fff; font:800 1.55rem 'Manrope',sans-serif; letter-spacing:-.06em; white-space:nowrap; }
.brand img { width:37px; height:37px; }
.brand span span { color:var(--accent); }
.nav-links { display:flex; align-items:center; gap:25px; color:#d7dcdf; font-size:.91rem; font-weight:600; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:#fff; }
.nav-cta { background:var(--accent); color:var(--accent-contrast) !important; padding:12px 17px; border-radius:7px; }
.nav-cta:hover,.button-primary:hover { background:var(--accent-dark); }
.menu-toggle { display:none; border:1px solid var(--line); color:#fff; background:transparent; border-radius:8px; padding:9px 12px; font:600 .9rem 'DM Sans'; }
.hero { position:relative; overflow:hidden; color:#fff; background: radial-gradient(ellipse at 80% 15%, rgba(255,202,0,.16), transparent 34%), linear-gradient(125deg,#111315 0%,#191e22 62%,#252b30 100%); padding:104px 0 96px; }
.hero:after { content:""; position:absolute; width:580px; height:580px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-170px; bottom:-350px; box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.02); }
.hero-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:50px; position:relative; z-index:1; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.16em; color:#FFCA00; font-size:.72rem; font-weight:800; margin-bottom:22px; }
.eyebrow:before { content:""; width:28px; height:2px; background:var(--accent); }
.hero h1 { color:#fff; max-width:760px; }
.hero h1 em { color:#FFCA00; font-style:normal; }
.hero p { color:#c4cbcf; max-width:620px; font-size:1.08rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:7px; padding:14px 20px; font-weight:800; font-size:.92rem; transition:.2s ease; border:1px solid transparent; cursor:pointer; }
.button-primary { background:var(--accent); color:var(--accent-contrast); }
.button-outline { border-color:rgba(255,255,255,.28); color:#fff; }
.button-outline:hover { background:rgba(255,255,255,.08); }
.button-dark { background:var(--ink); color:#fff; }
.button-light { background:#fff; color:var(--ink); }
.hero-art { min-height:330px; display:grid; place-items:center; position:relative; }
.key-visual { width:min(100%,390px); filter:drop-shadow(0 28px 28px rgba(0,0,0,.35)); transform:rotate(-13deg); }
.hero-note { position:absolute; bottom:18px; right:0; background:#fff; color:var(--ink); border-radius:10px; padding:13px 16px; box-shadow:var(--shadow); font-size:.82rem; font-weight:800; }
.hero-note small { display:block; color:#737b80; font-weight:500; }
.trust-strip { background:#fff; border-bottom:1px solid #e7e8e5; }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:24px 0; }
.trust-item { display:flex; align-items:center; gap:12px; color:var(--ink); font-weight:700; font-size:.92rem; }
.trust-icon { width:38px; height:38px; display:grid; place-items:center; background:var(--accent-tint); color:var(--accent-dark); border-radius:10px; font-size:1.1rem; }
.section { padding:88px 0; }
.section-tight { padding:62px 0; }
.section-dark { background:var(--ink); color:#c5cbce; }
.section-dark h2,.section-dark h3 { color:#fff; }
.section-dark .eyebrow { color:#FFCA00; }
.section-heading { max-width:720px; margin-bottom:42px; }
.section-heading p { font-size:1.05rem; color:#697277; }
.section-dark .section-heading p { color:#aeb7bc; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.card { background:#fff; border:1px solid #e8e9e6; border-radius:var(--radius); padding:27px; box-shadow:0 8px 26px rgba(0,0,0,.035); }
.card-number { width:42px; height:42px; border-radius:11px; display:grid; place-items:center; background:var(--accent-tint); color:var(--accent-dark); font-weight:800; margin-bottom:24px; }
.card p { color:#687177; margin-bottom:16px; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--accent-dark); font-weight:800; font-size:.9rem; }
.text-link:after { content:"→"; transition:transform .2s; }
.text-link:hover:after { transform:translateX(4px); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:68px; align-items:center; }
.panel-dark { background:linear-gradient(145deg,#20262a,#111315); color:#c5cbce; border-radius:20px; padding:38px; position:relative; overflow:hidden; }
.panel-dark h3 { color:#fff; font-size:1.65rem; }
.panel-dark:after { content:""; position:absolute; width:230px;height:230px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-110px;bottom:-140px;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.02); }
.check-list { list-style:none; padding:0; margin:24px 0; }
.check-list li { padding:8px 0 8px 30px; position:relative; }
.check-list li:before { content:"✓"; position:absolute; left:0; top:8px; width:20px;height:20px;border-radius:50%;background:var(--accent-tint);color:var(--accent-dark);font-size:.78rem;font-weight:900;display:grid;place-items:center; }
.section-dark .check-list li:before { background:rgba(255,202,0,.18); }
.cta-band { background:var(--accent); color:var(--accent-contrast); padding:52px 0; }
.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.cta-band h2 { color:var(--accent-contrast); font-size:clamp(1.8rem,3.6vw,2.8rem); margin-bottom:8px; }
.cta-band p { margin:0; color:rgba(23,27,30,.82); }
.cta-band .button { flex-shrink:0; }
.page-hero { background:radial-gradient(ellipse at 90% 10%,rgba(255,202,0,.15),transparent 35%),#171b1e; color:#fff; padding:76px 0 70px; }
.page-hero h1 { color:#fff; font-size:clamp(2.35rem,5vw,4.1rem); max-width:850px; }
.page-hero p { color:#c5cdd1; max-width:740px; font-size:1.06rem; }
.breadcrumbs { color:#aab2b7; font-size:.82rem; margin-bottom:25px; }
.breadcrumbs a { color:#fff; }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:55px; align-items:start; }
.prose h2 { font-size:2rem; margin-top:42px; }
.prose h2:first-child { margin-top:0; }
.prose h3 { margin-top:28px; }
.prose p,.prose li { color:#535d63; }
.prose ul { padding-left:22px; }
.sidebar { background:#fff; border:1px solid #e7e8e5; border-radius:14px; padding:25px; position:sticky; top:105px; }
.sidebar h3 { font-size:1.12rem; }
.sidebar a { display:block; padding:10px 0; border-bottom:1px solid #eceeeb; color:#4c555a; font-size:.9rem; font-weight:600; }
.sidebar a:last-child { border:0; }
.area-list { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.area-pill { background:#fff; border:1px solid #e4e6e2; border-radius:999px; padding:9px 15px; color:#30383d; font-weight:700; font-size:.88rem; }
.faq-list { display:grid; gap:12px; }
details { background:#fff; border:1px solid #e7e8e5; border-radius:12px; padding:18px 20px; }
summary { cursor:pointer; font-weight:800; color:var(--ink); }
details p { color:#5b656a; margin:14px 0 0; }
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:25px; }
.contact-card { background:#fff; border:1px solid #e7e8e5; border-radius:16px; padding:28px; }
.contact-card h3 { margin-bottom:10px; }
.contact-line { padding:15px 0; border-bottom:1px solid #eceeeb; }
.contact-line:last-child { border:0; }
.contact-line strong { display:block; color:var(--ink); }
.note { background:#fff7e8; border-left:3px solid #e6a23c; padding:14px 17px; border-radius:0 8px 8px 0; color:#66502b; font-size:.9rem; }
.site-footer { background:#0d0f10; color:#aeb5b9; padding:58px 0 24px; }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:45px; padding-bottom:40px; }
.site-footer .brand { margin-bottom:18px; }
.site-footer p { max-width:370px; color:#939da2; font-size:.92rem; }
.site-footer h3 { color:#fff; font-size:1rem; letter-spacing:0; }
.footer-links { display:grid; gap:9px; font-size:.9rem; }
.footer-links a:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding-top:20px; display:flex; justify-content:space-between; gap:20px; font-size:.8rem; color:#7e888d; }
.mobile-call { display:none; }
.small { font-size:.86rem; color:#788187; }
@media(max-width:900px) {
 .nav-links { gap:15px; font-size:.84rem; }
 .hero-grid { grid-template-columns:1fr .7fr; gap:25px; }
 .cards { grid-template-columns:repeat(2,1fr); }
 .split { gap:35px; }
 .content-grid { grid-template-columns:1fr; }
 .sidebar { position:static; }
}
@media(max-width:700px) {
 .container { width:min(var(--max),calc(100% - 34px)); }
 .nav-wrap { min-height:70px; }
 .menu-toggle { display:block; }
 .nav-links { display:none; position:absolute; top:70px; left:0; right:0; background:#111315; padding:14px 22px 22px; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; }
 .nav-links.open { display:flex; }
 .nav-links a { padding:12px 0; border-bottom:1px solid var(--line); }
 .nav-links .nav-cta { text-align:center; margin-top:12px; padding:12px; }
 .hero { padding:70px 0 65px; }
 .hero-grid { grid-template-columns:1fr; }
 .hero-art { min-height:190px; max-width:330px; margin:0 auto; }
 .key-visual { width:245px; }
 .hero-note { right:-10px; bottom:0; }
 .trust-grid { grid-template-columns:1fr; gap:13px; padding:20px 0; }
 .section { padding:65px 0; }
 .section-tight { padding:48px 0; }
 .cards { grid-template-columns:1fr; }
 .split,.contact-grid { grid-template-columns:1fr; }
 .cta-inner { align-items:flex-start; flex-direction:column; }
 .footer-grid { grid-template-columns:1fr 1fr; gap:30px; }
 .footer-grid > div:first-child { grid-column:1/-1; }
 .footer-bottom { flex-direction:column; gap:8px; }
 .mobile-call { display:block; position:fixed; z-index:40; bottom:12px; left:12px; right:12px; }
 .mobile-call a { display:flex; justify-content:center; align-items:center; gap:10px; background:var(--accent); color:var(--accent-contrast); padding:15px; border-radius:9px; font-weight:900; box-shadow:0 8px 28px rgba(0,0,0,.28); }
 body { padding-bottom:72px; }
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *{transition:none!important} }