@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#111827;--muted:#64748b;--line:#e5e7eb;--soft:#f6f8fb;--accent:#2563eb;--accent2:#1d4ed8;--white:#fff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}p{color:var(--muted)}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:820px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;font-size:19px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px}.nav{display:flex;gap:24px;align-items:center;font-size:14px;color:#475569}.nav a:hover,.nav .active{color:var(--ink)}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{padding:88px 0 74px;background:radial-gradient(circle at 80% 20%,#dbeafe 0,transparent 28%),linear-gradient(180deg,#fff,#f8fafc)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:13px}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.12;margin:0 0 16px}h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.045em}h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}h3{font-size:22px}.hero-copy{font-size:19px;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;font-weight:700;border:1px solid var(--line)}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:var(--accent2)}.secondary{background:#fff}.hero-card{background:#111827;color:#fff;padding:36px;border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.16)}.hero-card p{color:#cbd5e1}.orb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#1e40af;font-size:28px;margin-bottom:24px}
.notice{background:#eff6ff;border-block:1px solid #dbeafe}.notice-inner{padding:17px 0;display:flex;gap:12px;align-items:center}.notice span{color:#475569}
.section{padding:86px 0}.soft{background:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.text-link,.card a,.list-card a{color:var(--accent);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.list-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.card p{min-height:75px}.tag{display:inline-block;font-size:12px;font-weight:700;color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 10px;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.check-list{display:grid;gap:15px}.check-list>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.check-list span,.icon{font-family:"Space Grotesk";font-weight:700;color:var(--accent)}.check-list p{margin:4px 0 0}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer;font-size:18px}.faq p{max-width:800px}
.page-hero{padding:72px 0;background:var(--soft);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(42px,6vw,64px)}.page-hero p{font-size:19px;max-width:720px}.article{padding:75px 0}.article h1{font-size:clamp(40px,6vw,64px)}.article-lead{font-size:20px;color:#475569;margin-bottom:40px}.article h2{font-size:30px;margin-top:42px}.article li{margin:10px 0;color:#475569}.article-warning{margin-top:50px;padding:20px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}.article-warning strong{color:#9a3412}.article-list{display:grid;gap:18px;max-width:850px}.list-card h2{font-size:28px}.list-card p{max-width:720px}.prose{max-width:820px}.prose h2{font-size:30px;margin-top:38px}.prose li{margin:9px 0;color:#475569}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.contact-form{display:grid;gap:18px}.contact-form label{font-weight:700;display:grid;gap:8px}.contact-form input,.contact-form textarea{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #dbeafe}.side-note{padding:26px;background:var(--soft);border-radius:18px;height:max-content}.form-status{font-size:14px}
.footer{background:#0f172a;color:#cbd5e1;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:50px}.footer .brand{color:#fff}.footer p{max-width:360px}.footer strong{display:block;color:#fff;margin-bottom:13px}.footer-grid a:not(.brand){display:block;margin:7px 0;color:#cbd5e1;font-size:14px}.footer-bottom{border-top:1px solid #334155;margin-top:35px;padding-top:18px;font-size:13px;color:#94a3b8}
@media(max-width:800px){.nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 40px rgba(15,23,42,.1)}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero{padding-top:60px}.cards{grid-template-columns:1fr}.section{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.hero-card{max-width:600px}}
@media(max-width:520px){.container{width:min(calc(100% - 28px),var(--max))}.footer-grid{grid-template-columns:1fr}.notice-inner{align-items:flex-start;flex-direction:column}.hero h1{font-size:44px}}