* { margin:0; padding:0; box-sizing:border-box; }
body.AabcDeefGghi { background:#06101d; color:#dbeafe; font-family:Arial, Helvetica, sans-serif; line-height:1.6; overflow-x:hidden; }
a { color:inherit; text-decoration:none; } img { max-width:100%; display:block; }
.BbcdEeffGghh { position:sticky; top:0; z-index:50; background:rgba(6,16,29,.88); backdrop-filter:blur(14px); border-bottom:1px solid rgba(56,189,248,.16); }
.CcdeFfggHhii { width:min(1180px, calc(100% - 40px)); margin:0 auto; min-height:82px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.EefgHhiiJjkk { font-size:1.9rem; font-weight:800; color:#38bdf8; letter-spacing:.08em; text-transform:uppercase; }
.NnopQqqrRrss { height:2px; background:linear-gradient(90deg, transparent, #38bdf8, transparent); box-shadow:0 0 14px rgba(56,189,248,.4); }
.JjklMmmnOoop { position:relative; }
.KklmNnnoPppq { list-style:none; display:flex; gap:22px; align-items:center; }
.MmnoPppqRrrf { color:#dbeafe; font-size:.95rem; font-weight:600; transition:.25s ease; }
.MmnoPppqRrrf:hover { color:#38bdf8; }
.GghiJjkkLllm { display:none; }
.HhijKkllMmmn { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.IijkLlmmNnno { width:28px; height:3px; background:#38bdf8; border-radius:999px; }
.PpqrSsttTuuu, .ZzabCdddDeee, .storySection, .HhijKkllMmmm, .SstuVvwwXxxx, .YyzaBcccDddd, .contactSection { padding:92px 0; }
.QqrsTtuuUvvv, .storyGrid, .contactGrid { width:min(1180px, calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:1.02fr .98fr; gap:48px; align-items:center; }
.heroEyebrow { display:inline-block; margin-bottom:14px; color:#22c55e; font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; }
.UuvwXxyyYzzz, .CcdeFgggGhhh, .JjklMmmnOooo, .UuvwXxyyZzzz, .AabcDeeeFfff { margin:0 0 16px; line-height:.98; letter-spacing:-.04em; color:#fff; }
.UuvwXxyyYzzz { font-size:clamp(2.4rem, 4.8vw, 4.4rem); }
.CcdeFgggGhhh, .JjklMmmnOooo, .UuvwXxyyZzzz, .AabcDeeeFfff { font-size:clamp(2rem, 3.5vw, 3rem); }
.VvwxYyzzZaaa, .WwxyZaaaAbbb, .XxyzAbbbBccc, .LlmnOoopQqqq, .PpqrSsttUuuu, .sectionLead { color:#94a3b8; font-size:1.05rem; }
.heroActions, .heroStats { display:flex; flex-wrap:wrap; gap:14px; }
.heroActions { margin-top:28px; } .heroStats { margin-top:32px; }
.YyzaBcccCddd, .secondaryBtn, .QqrsTtuuVvvv { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:999px; font-weight:700; transition:.25s ease; }
.YyzaBcccCddd, .QqrsTtuuVvvv { background:linear-gradient(135deg, #38bdf8 0%, #22c55e 100%); color:#04111e; box-shadow:0 16px 34px rgba(56,189,248,.24); }
.secondaryBtn { border:1px solid rgba(56,189,248,.18); background:rgba(255,255,255,.03); color:#dbeafe; }
.statCard, .imageFrame, .benefitCard, .storyCopy, .planCard, .XxyzAbbbCccc, .CcdeFgggHhhh, .contactForm { background:rgba(15,23,42,.88); border:1px solid rgba(56,189,248,.14); border-radius:28px; box-shadow:0 24px 60px rgba(0,0,0,.35); }
.statCard { padding:18px; min-width:150px; }
.imageFrame { position:relative; padding:28px; min-height:560px; }
.SstuVvwwWxxx, .GghiJjkkLlll, .storyImage { width:100%; height:100%; object-fit:cover; border-radius:22px; }
.floatCard { position:absolute; display:grid; gap:4px; padding:14px 16px; border-radius:18px; background:rgba(6,16,29,.78); border:1px solid rgba(56,189,248,.18); }
.floatCard span { color:#38bdf8; font-weight:700; text-transform:uppercase; }
.floatOne { top:24px; right:20px; } .floatTwo { bottom:26px; left:18px; }
.sectionIntro { max-width:760px; margin:0 auto 34px; text-align:center; }
.darkCenter { text-align:center; }
.benefitGrid, .KklmNnnoPppp, .WwxyZaaaBbbb, .faqGrid { display:grid; gap:18px; }
.benefitGrid, .KklmNnnoPppp { grid-template-columns:repeat(3, minmax(0,1fr)); }
.WwxyZaaaBbbb { grid-template-columns:repeat(3, minmax(0,1fr)); }
.benefitCard, .storyCopy, .planCard, .XxyzAbbbCccc, .contactForm { padding:28px; }
.cardNum { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:14px; border-radius:50%; background:rgba(56,189,248,.14); color:#38bdf8; font-weight:800; }
.storyList { margin-top:22px; padding-left:20px; list-style:disc; color:#dbeafe; }
.NnopQqqrSsss { font-size:2rem; font-weight:800; margin:12px 0 18px; color:#38bdf8; }
.OopqRrssTttt { list-style:disc; padding-left:18px; margin-bottom:24px; }
.planBadge { position:absolute; top:18px; right:18px; padding:8px 12px; border-radius:999px; background:rgba(34,197,94,.14); color:#22c55e; font-size:.78rem; font-weight:700; text-transform:uppercase; }
.featuredPlan { position:relative; transform:translateY(-10px); border-color:rgba(34,197,94,.28); }
.RrstUuvvWwww { text-align:center; color:#64748b; margin-top:18px; }
.XxyzAbbbCccc { font-weight:600; text-align:center; }
.BbcdEfffGggg { max-width:860px; margin:0 auto; display:grid; gap:14px; }
.CcdeFgggHhhh { padding:18px 22px; }
.DdefGhhhIiii { cursor:pointer; font-weight:700; list-style:none; }
.DdefGhhhIiii::-webkit-details-marker { display:none; }
.EefgHiiiJjjj { padding-top:14px; }
.field { display:grid; gap:8px; margin-bottom:16px; }
.field span { color:#94a3b8; }
.field input, .field textarea { width:100%; min-height:52px; padding:0 16px; border:1px solid rgba(56,189,248,.16); border-radius:16px; background:rgba(6,16,29,.76); color:#dbeafe; font:inherit; }
.field textarea { min-height:140px; padding-top:14px; resize:vertical; }
.fullBtn { width:100%; border:0; cursor:pointer; }
@media (max-width: 1040px) { .QqrsTtuuUvvv, .storyGrid, .contactGrid, .benefitGrid, .KklmNnnoPppp, .WwxyZaaaBbbb { grid-template-columns:1fr; } .featuredPlan { transform:none; } }
@media (max-width: 900px) { .HhijKkllMmmn { display:flex; } .KklmNnnoPppq { position:absolute; top:60px; right:0; min-width:240px; display:none; flex-direction:column; gap:12px; padding:18px; background:rgba(6,16,29,.98); border:1px solid rgba(56,189,248,.16); border-radius:20px; } .GghiJjkkLllm:checked + .HhijKkllMmmn + .JjklMmmnOoop .KklmNnnoPppq { display:flex; } }
@media (max-width: 768px) { .BbcdEeffGghh { position:static; } .CcdeFfggHhii, .QqrsTtuuUvvv, .storyGrid, .contactGrid { width:min(100% - 24px, 1180px); } .PpqrSsttTuuu, .ZzabCdddDeee, .storySection, .HhijKkllMmmm, .SstuVvwwXxxx, .YyzaBcccDddd, .contactSection { padding:72px 0; } .imageFrame, .benefitCard, .storyCopy, .planCard, .XxyzAbbbCccc, .contactForm { padding:22px; } .floatCard { position:static; margin-top:12px; } .UuvwXxyyYzzz { font-size:2.3rem; } }