{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --brand:#0047FF; --ink:#0f172a; --muted:#475569; --bg:#f8fafc; --accent:#00D1B2; --card:#ffffff; --shadow:0 10px 30px rgba(2,8,23,.08); --radius:18px; } *{box-sizing:border-box} body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji"; color:var(--ink); background:var(--bg); line-height:1.6; } a{color:var(--brand);text-decoration:none} a.cta{ display:inline-block; background:linear-gradient(135deg,var(--brand),#6aa8ff); color:#fff; padding:14px 22px; border-radius:12px; font-weight:700; box-shadow:var(--shadow); transition:transform .06s ease; } a.cta:hover{transform:translateY(-1px)} header.hero{ position:relative; min-height:68vh; display:grid; align-items:center; background: linear-gradient( to bottom, rgba(0,0,0,.45), rgba(0,0,0,.35) ), url("https://images.unsplash.com/photo-1502920917128-1aa500764b9e?q=80&w=1600&auto=format&fit=crop") center/cover no-repeat; color:#fff; padding:72px 24px; } .hero .wrap{max-width:1100px;margin:0 auto} .badge{ display:inline-flex;gap:10px;align-items:center; background:rgba(255,255,255,.14); padding:8px 14px;border-radius:999px;font-weight:700;backdrop-filter: blur(6px); } .badge svg{width:18px;height:18px} h1{ font-size:clamp(32px,6vw,56px); line-height:1.08; margin:18px 0 12px; letter-spacing:.2px; } .sub{ font-size:clamp(16px,2.2vw,20px); color:#e5ecff; max-width:800px; margin-bottom:26px; } main{max-width:1100px;margin:-42px auto 80px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px} .grid{display:grid;gap:22px} .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:960px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}} .card{ background:var(--card);border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(2,8,23,.04) } .kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px} h2{font-size:clamp(22px,3.2vw,30px);margin:6px 0 10px} p{color:#0b1220} ul{padding-left:18px;margin:0} li{margin:.5rem 0} .img{ width:100%;border-radius:14px;aspect-ratio:16/9;object-fit:cover } .highlight{ background:linear-gradient(180deg, #fff, #f1f5ff); border:1px solid #dbeafe; border-radius:16px; padding:18px 18px 2px; } .callout{ display:flex;gap:14px;align-items:flex-start;background:#ecfeff;border:1px solid #99f6e4;border-radius:14px;padding:16px } .faq summary{cursor:pointer;font-weight:700} footer{ text-align:center;color:var(--muted);padding:40px 20px; } .spacer{height:8px} .pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700}