:root{--bg:#f5f7fb;--ink:#182230;--muted:#586579;--navy:#101827;--blue:#4f46e5;--cyan:#0ea5e9;--line:#e1e7ef;--white:#fff;--green:#0f766e;--gold:#f59e0b}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    a{color:var(--blue)}.wrap{width:min(1080px,92%);margin:auto}.topbar{background:var(--navy);color:#e8edf7;padding:13px 0;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;align-items:center}.brand{font-weight:800;letter-spacing:.3px;color:#fff}
    .hero{background:radial-gradient(circle at 85% 15%,#3730a3 0,transparent 32%),linear-gradient(135deg,#101827,#172554 72%,#0f3b55);color:#fff;padding:72px 0 60px}
    .eyebrow{display:inline-block;background:#ffffff18;border:1px solid #ffffff35;border-radius:99px;padding:6px 12px;color:#dbeafe;font-size:13px;font-weight:700;letter-spacing:.4px}
    h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.1;letter-spacing:-1.6px;max-width:850px;margin:20px 0}
    .hero p{font-size:1.1rem;color:#e2e8f0;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fbbf24;color:#171717;text-decoration:none;font-weight:850;padding:15px 23px;border-radius:10px;box-shadow:0 8px 22px #0002;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.secondary{background:var(--blue);color:#fff}.btn.light{background:#fff;color:var(--navy)}.small{font-size:13px;color:#64748b}.hero .small{color:#cbd5e1}
    .hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:34px;align-items:center}.hero-card{background:#ffffff12;border:1px solid #ffffff2b;border-radius:18px;padding:24px;backdrop-filter:blur(8px)}.hero-card strong{font-size:2.3rem;display:block;line-height:1.2}.hero-card ul{padding-left:20px;color:#e2e8f0}
    main{padding:34px 0 70px}.notice{background:#fff7df;border:1px solid #f3d58a;border-radius:12px;padding:16px 18px;color:#664b0a;font-size:14px;margin-bottom:22px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}.content,.sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,38px);box-shadow:0 6px 24px #15233a08}.sidebar{position:sticky;top:16px;padding:22px}.sidebar h3{margin-top:0}.sidebar a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
    h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.25;letter-spacing:-.6px;margin:42px 0 14px}h2:first-child{margin-top:0}h3{font-size:1.18rem;line-height:1.35;margin:24px 0 8px}p{margin:12px 0}.muted{color:var(--muted)}.pill{display:inline-block;border-radius:999px;background:#eef2ff;color:#3730a3;padding:4px 10px;font-size:12px;font-weight:800}.verdict{border-left:4px solid var(--blue);background:#f5f6ff;padding:18px 20px;border-radius:0 12px 12px 0;margin:20px 0}
    .feature-grid,.proscons,.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature,.panel,.step{border:1px solid var(--line);border-radius:12px;padding:17px;background:#fff}.feature h3,.panel h3{margin:0 0 6px}.feature p,.panel p{font-size:14px;color:var(--muted);margin:0}.check{color:var(--green);font-weight:900}.cross{color:#b45309;font-weight:900}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}th{background:#f8fafc}
    .cta-band{margin:28px 0;background:linear-gradient(120deg,#111827,#312e81);color:#fff;border-radius:16px;padding:25px}.cta-band h3{margin:0 0 8px;font-size:1.35rem}.cta-band p{color:#dbeafe}.cta-band .small{color:#cbd5e1}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:var(--muted)}.disclosure{font-size:13px;color:#64748b;background:#f8fafc;padding:15px;border-radius:10px;margin-top:24px}.footer{background:#101827;color:#cbd5e1;padding:28px 0;font-size:13px}.footer a{color:#fff}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media(max-width:800px){.hero-grid,.layout{grid-template-columns:1fr}.sidebar{position:static;order:-1}.hero{padding:48px 0}.feature-grid,.proscons,.steps{grid-template-columns:1fr}.topbar .wrap{align-items:flex-start;flex-direction:column}h1{letter-spacing:-.8px}}
