:root{
      --main:#0f172a;
      --accent:#22c55e;
      --muted:#e5e7eb;
      --text:#0b1220;
      --card:#111827;
      --cardText:#f8fafc;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:system-ui, Arial, sans-serif;color:var(--text);background:#fff;line-height:1.6}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}

    .container{max-width:1100px;margin:0 auto;padding:0 16px}
    .btn{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--accent);color:#061016;font-weight:700;border:2px solid var(--accent);transition:.2s ease;white-space:nowrap}
    .btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
    .btn--ghost{background:transparent;color:#fff;border-color:#ffffff80}
    .section{padding:56px 0}
    .title{font-size:clamp(28px,3.5vw,40px);margin:0 0 10px}
    .subtitle{opacity:.85;margin:0 0 24px}
    .badge{display:inline-block;background:#16a34a1a;color:#14532d;border:1px solid #16a34a66;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}

    .topbar{position:sticky;top:0;z-index:50;background:var(--main);color:#fff;border-bottom:1px solid #0b122040}
    .topbar .wrap{display:flex;align-items:center;gap:16px;padding:12px 0}
    .brand{display:flex;align-items:center;gap:10px}
    .brand img{width:36px;height:36px}
    .brand .name{font-weight:900;letter-spacing:.3px}

    .nav{margin-left:auto;display:flex;align-items:center;gap:18px}
    .nav a{color:#fff;opacity:.9}
    .nav a:hover{opacity:1}
    .btns{display:flex;gap:10px}
    #nav-toggle{display:none}
    .hamburger{display:none;cursor:pointer;border:1px solid #ffffff33;border-radius:8px;padding:8px 10px}
    .hamburger span{display:block;width:22px;height:2px;background:#fff;margin:4px 0}
    @media (max-width:860px){
      .nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--main);border-bottom:1px solid #0b122033}
      #nav-toggle:checked ~ .nav{display:flex;flex-direction:column;padding:14px 16px}
      .btns{flex-direction:column;width:100%}
      .btns .btn,.nav a{width:100%;text-align:center}
      .hamburger{display:block;margin-left:auto}
    }

    .hero{background:linear-gradient(135deg,#0f172a 0%,#0b1220 40%,#13233a 100%);color:#fff;padding:72px 0}
    .hero .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
    .hero .cta{display:flex;gap:12px;flex-wrap:wrap}
    .hero .card{background:rgba(255,255,255,.04);border:1px solid #ffffff1f;border-radius:20px;padding:18px}
    .hero .thumb{border-radius:14px;overflow:hidden}
    @media (max-width:860px){.hero .grid{grid-template-columns:1fr}}

    .benefits{background:#f8fafc}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
    .card h3{margin:0 0 8px}
    .ico{font-size:22px;margin-right:8px}
    @media (max-width:860px){.cards{grid-template-columns:1fr}}

    .content p{margin:0 0 16px}
    .content h2{margin:32px 0 12px;font-size:24px;color:#0f172a}
    .table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px}
    table{width:100%;border-collapse:collapse;min-width:640px}
    th,td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left}
    thead th{background:#f1f5f9;font-weight:800}
    tbody tr:hover{background:#f8fafc}

    .gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
    .gallery .tile{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px}
    .gallery img{aspect-ratio:1/1;object-fit:cover;border-radius:8px}
    .gallery .cap{font-size:12px;margin-top:6px;text-align:center}
    @media (max-width:1100px){.gallery{grid-template-columns:repeat(5,1fr)}}
    @media (max-width:900px){.gallery{grid-template-columns:repeat(4,1fr)}}
    @media (max-width:700px){.gallery{grid-template-columns:repeat(3,1fr)}}
    @media (max-width:520px){.gallery{grid-template-columns:repeat(2,1fr)}}

    .final-cta{background:linear-gradient(135deg,#0f172a,#13233a);color:#fff;text-align:center;border-top:1px solid #0b122053;border-bottom:1px solid #0b122053}

    .footer{background:var(--main);color:#cbd5e1}
    .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
    .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:10px}
    .foot-logo img{width:36px;height:36px}
    .foot-col h4{color:#fff;margin:0 0 10px}
    .foot-links a{display:block;padding:6px 0;color:#cbd5e1;opacity:.9}
    .foot-links a:hover{opacity:1}
    @media (max-width:860px){.foot-grid{grid-template-columns:1fr}}
    .foot-bottom{border-top:1px solid #0b122040;margin-top:18px;padding-top:12px;font-size:13px;color:#94a3b8}
    .legal{font-size:12px;margin-top:6px}