*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a;background:#ffffff}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}
.container{width:min(1100px,92%);margin:0 auto}
.header{padding:18px 0;position:sticky;top:0;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#0ea5e9)}
.tagline{font-size:13px;color:#64748b;margin-left:8px;font-weight:600}
.nav a{margin-left:16px;font-weight:600;color:#334155}
.hero{padding:72px 0;background:radial-gradient(1200px 400px at 90% -10%, #dcfce7 0%, transparent 60%)}
.hero h1{font-size:clamp(30px,3.6vw,48px);margin:0 0 12px;line-height:1.1}
.hero p{font-size:clamp(16px,2vw,18px);color:#475569}
.section{padding:56px 0}
.grid{display:grid;gap:24px}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.two{grid-template-columns:1fr}.nav{display:none}}
.card{position:relative;border:1px solid #e2e8f0;border-radius:16px;padding:22px;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);box-shadow:0 10px 30px rgba(2,6,23,.06)}
.card::after{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg, transparent, #bbf7d0, transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800;font-size:12px;letter-spacing:.04em}
.price{font-weight:800;margin-top:10px}
.included{margin-top:10px;font-size:14px;color:#166534;background:#dcfce7;padding:6px 10px;border-radius:999px;display:inline-block}
.lead{color:#475569}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;border:1px solid #0f172a20;transition:transform .08s ease, box-shadow .2s ease}
.btn.primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;box-shadow:0 8px 24px rgba(34,197,94,.28)}
.btn:hover{transform:translateY(-1px)}
.footer{padding:36px 0;border-top:1px solid #e2e8f0;color:#64748b}
.small{font-size:14px;color:#64748b}
.kicker{letter-spacing:.18em;text-transform:uppercase;color:#16a34a;font-weight:900;font-size:12px}
.itin{margin:10px 0 0 0;padding-left:18px;color:#334155}
.box{margin-top:12px;border:1px dashed #86efac;background:#f0fdf4;border-radius:12px;padding:12px}
.box h4{margin:0 0 8px 0;font-size:14px;color:#166534}
.box ul{margin:0;padding-left:18px}