* { box-sizing:border-box; }

        html { scroll-behavior:smooth; }

        body{
            margin:0;
            font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
            background:#f4f7f6;
            color:#0f172a;
        }

        .container{
            width:min(94vw,1180px);
            margin:0 auto;
        }

        .topbar{
            background:#020617;
            color:#fff;
            padding:18px 0;
        }

        .topbar-inner{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:24px;
        }

        .brand{
            font-weight:900;
            font-size:22px;
            text-decoration:none;
            color:#fff;
        }

        .brand span{
            color:#22c55e;
        }

        .nav{
            display:flex;
            gap:22px;
            flex-wrap:wrap;
        }

        .nav a{
            color:#e5e7eb;
            text-decoration:none;
            font-weight:700;
        }

        .nav a:hover{
            color:#22c55e;
        }

        .hero{
            position:relative;
            overflow:hidden;
            background:
                radial-gradient(circle at 78% 18%, rgba(34,197,94,0.32), transparent 24%),
                radial-gradient(circle at 15% 80%, rgba(59,130,246,0.25), transparent 28%),
                linear-gradient(135deg,#020617 0%,#07152d 48%,#0f172a 100%);
            color:#fff;
            padding:78px 0 82px;
        }

        .hero::before{
            content:"";
            position:absolute;
            inset:0;
            opacity:.16;
            background-image:
                linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);
            background-size:46px 46px;
        }

        .hero-inner{
            position:relative;
            z-index:2;
            max-width:900px;
        }

        .eyebrow{
            color:#93c5fd;
            font-size:14px;
            font-weight:900;
            letter-spacing:2px;
            margin-bottom:18px;
        }

        .hero h1{
            font-size:clamp(44px,5vw,72px);
            line-height:1.02;
            letter-spacing:-2px;
            margin:0 0 22px;
        }

        .hero h1 span{
            display:block;
            color:#22c55e;
        }

        .hero p{
            color:#dbeafe;
            font-size:18px;
            line-height:1.65;
            margin:0;
            max-width:800px;
        }

        main{
            padding:30px 0;
        }

        .card{
            background:#fff;
            border:1px solid #e5e7eb;
            border-radius:18px;
            padding:30px;
            box-shadow:0 2px 18px rgba(0,0,0,.08);
            margin-bottom:28px;
        }

        .card h2{
            margin-top:0;
            font-size:30px;
        }

        .card p,
        .card li{
            color:#475569;
            line-height:1.7;
            font-size:16px;
        }

        .card ul{
            padding-left:22px;
        }

        .effective-date{
            background:#ecfdf5;
            border:1px solid #d1fae5;
            border-radius:12px;
            padding:14px 18px;
            margin-bottom:28px;
            color:#065f46;
            font-weight:700;
        }

        .final-cta{
            background:linear-gradient(135deg,#020617,#111827);
            color:#fff;
            text-align:center;
            border-radius:20px;
            padding:34px;
            margin-bottom:50px;
        }

        .final-cta h2{
            margin:0 0 10px;
        }

        .final-cta p{
            color:#cbd5e1;
        }

        .btn-primary{
            display:inline-block;
            padding:13px 25px;
            border-radius:8px;
            text-decoration:none;
            font-weight:900;
            background:#22c55e;
            color:#052e16;
        }

        .btn-primary:hover{
            background:#16a34a;
            color:#fff;
        }

        .site-footer{
            padding:34px 0;
            background:#020617;
            color:#cbd5e1;
        }

        .footer-inner{
            display:flex;
            justify-content:space-between;
            flex-wrap:wrap;
            gap:20px;
        }

        .footer-brand{
            font-weight:900;
            color:#fff;
        }

        .footer-brand span{
            color:#22c55e;
        }

        .footer-nav{
            display:flex;
            gap:18px;
            flex-wrap:wrap;
        }

        .footer-nav a{
            color:#cbd5e1;
            text-decoration:none;
            font-weight:700;
        }

        .footer-nav a:hover{
            color:#22c55e;
        }

        @media(max-width:700px){
            .container{
                width:100%;
                padding:0 16px;
            }

            .hero{
                text-align:center;
                padding:52px 0 58px;
            }

            .hero h1{
                font-size:40px;
            }

            .card{
                padding:20px;
            }
        }