:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#023e8a;--navy:#023e8a;--blue:#0077b6;--cyan:#90e0ef;--ice:#caf0f8;--glass:#073d718c;--line:#ffffff3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 10%,#7de5ee75,transparent 25%),radial-gradient(circle at 9% 58%,#0ac0d85c,transparent 30%),linear-gradient(155deg,#023e8a 0%,#0077b6 38%,#39bfd1 66%,#0064a0 82%,#032e63 100%);background-attachment:fixed;color:#fff}a{color:inherit}.site-header{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 48px));padding:28px 0}.brand{display:flex;align-items:baseline;gap:9px;text-decoration:none}.brand span{font-size:1.55rem;font-weight:900;letter-spacing:-.055em}.brand b{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;opacity:.76}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{font-size:.88rem;font-weight:800;text-decoration:none}.nav-cta{padding:11px 17px;border:1px solid #ffffff69;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(8px)}.hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:72px;width:min(1160px,calc(100% - 48px));min-height:780px;margin:auto;padding:140px 0 95px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#d5f7fb;font-size:.74rem;font-weight:900;letter-spacing:.15em}.eyebrow span{width:29px;height:2px;background:currentColor}.hero h1{margin:0;font-size:clamp(3.5rem,6.4vw,6.7rem);line-height:.89;letter-spacing:-.072em}.hero h1 em{color:var(--ice);font-style:normal}.lead{max-width:590px;margin:32px 0 0;color:#e2f8fb;font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:9px;background:#fff;color:var(--navy);font-weight:900;text-decoration:none;box-shadow:0 13px 30px #002e6928}.secondary{font-weight:800;text-decoration:none}.secondary span{margin-left:7px}.hero-note{margin-top:19px;color:#d7f5fb;font-size:.78rem;font-weight:700}.product-frame{position:relative;margin:0;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);border:1px solid #bdefff77;border-radius:12px;background:#061116;box-shadow:0 38px 90px #00245666,0 0 0 10px #ffffff0b;overflow:hidden}.product-frame>img{display:block;width:100%;height:auto}.product-frame>figcaption{position:absolute;right:12px;bottom:10px;padding:5px 8px;border-radius:5px;background:#001a2ebb;color:#d9f6fb;font-size:.65rem;font-weight:700}.facts{display:grid;grid-template-columns:repeat(4,1fr);width:min(1160px,calc(100% - 48px));margin:0 auto;border:1px solid var(--line);border-radius:22px;background:#073d718c;box-shadow:0 25px 65px #00305c35;overflow:hidden;backdrop-filter:blur(18px)}.facts div{padding:26px;border-right:1px solid #ffffff31}.facts div:last-child{border:0}.facts strong,.facts span{display:block}.facts strong{font-size:1.02rem}.facts span{margin-top:7px;color:#d3ecf2;font-size:.82rem;line-height:1.45}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;width:min(1080px,calc(100% - 48px));margin:125px auto 50px}.section-intro h2,.steps h2,.audience h2,.final-cta h2{margin:0;font-size:clamp(2.6rem,4.7vw,4.9rem);line-height:.96;letter-spacing:-.06em}.section-intro>p:last-child{margin:34px 0 0;color:#e0f5f8;font-size:1.04rem;line-height:1.72}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);width:min(1160px,calc(100% - 48px));margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 25px 65px #00305c2d}.feature-grid article{min-height:270px;padding:31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#073d7180;backdrop-filter:blur(16px)}.number{color:#a5eef4;font-size:.73rem;font-weight:900}.feature-grid h3{margin:52px 0 12px;font-size:1.25rem}.feature-grid p{margin:0;color:#d6edf2;line-height:1.62}.steps{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;width:min(1160px,calc(100% - 48px));margin:125px auto 0;padding:65px;border:1px solid var(--line);border-radius:25px;background:#003d7880;box-shadow:0 28px 80px #002a5a38;backdrop-filter:blur(18px)}.steps-intro{max-width:480px;margin:28px 0 0;color:#d5edf3;line-height:1.7}.steps ol{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-top:1px solid #ffffff31}.steps li:last-child{border-bottom:1px solid #ffffff31}.steps li>b{display:grid;width:42px;height:42px;place-items:center;border:1px solid #8ee7ef;border-radius:50%;color:#c5f5f8}.steps h3{margin:2px 0 8px}.steps li p{margin:0;color:#d0e9ef;line-height:1.6}.audience{display:grid;grid-template-columns:1fr 1fr;gap:100px;width:min(1080px,calc(100% - 48px));margin:125px auto}.audience-list p{margin:0;padding:21px 0;border-bottom:1px solid #ffffff3b;font-size:1.1rem;font-weight:800}.final-cta{width:min(1160px,calc(100% - 48px));margin:0 auto 95px;padding:85px 40px;border:1px solid #ffffff45;border-radius:25px;text-align:center;background:linear-gradient(135deg,#006bacb8,#2abed0b8);box-shadow:0 25px 70px #00305c38}.final-cta .eyebrow{justify-content:center}.final-cta p:not(.eyebrow){margin:22px 0 30px;color:#e5faff}.site-footer{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:start;gap:50px;width:min(1160px,calc(100% - 48px));margin:auto;padding:45px 0 48px;border-top:1px solid #ffffff38;color:#d2e7ef}.site-footer p{margin:0;font-size:.82rem;line-height:1.6}.site-footer>div{display:flex;gap:20px}.site-footer>div a{font-size:.82rem;font-weight:700}.site-footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid #ffffff22;color:#afd0d8}
@media(max-width:900px){.site-header nav>a:not(.nav-cta){display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:125px}.hero-copy{max-width:680px}.product-frame{transform:none}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(2){border-right:0}.section-intro,.steps,.audience{grid-template-columns:1fr;gap:34px}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.site-footer p{grid-column:1/-1;grid-row:2}.site-footer small{grid-row:3}}
@media(max-width:560px){.site-header{width:calc(100% - 30px);padding-top:20px}.brand span{font-size:1.25rem}.nav-cta{padding:10px 13px}.hero{width:calc(100% - 30px);padding:110px 0 70px;gap:44px}.hero h1{font-size:3.35rem}.lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.secondary{text-align:center}.product-frame{margin:0 -3px}.facts{width:calc(100% - 30px);grid-template-columns:1fr}.facts div{padding:20px;border-right:0}.section-intro,.audience{width:calc(100% - 36px);margin-top:88px}.feature-grid{width:calc(100% - 30px);grid-template-columns:1fr}.steps{width:calc(100% - 30px);margin-top:88px;padding:38px 25px}.final-cta{width:calc(100% - 30px);padding:70px 22px}.site-footer{width:calc(100% - 30px);grid-template-columns:1fr;gap:24px}.site-footer p,.site-footer small{grid-column:auto;grid-row:auto}.site-footer>div{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.primary{border:1px solid #ffffff69;background:#ffffff0d;color:#fff;box-shadow:none;backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease}.primary:hover,.primary:focus-visible{border-color:#ffffffa6;background:#ffffff1c}.number{display:block;color:#caf0f8;font-size:2rem;font-weight:900;letter-spacing:-.05em;line-height:1}.feature-grid h3{margin:30px 0 12px}.final-cta{padding:0;border:0;background:none;box-shadow:none}.final-cta .primary{min-width:230px}
.section-intro{display:block;width:min(920px,calc(100% - 48px))}.section-intro h2{max-width:920px;margin-bottom:30px}.section-intro>p:last-child{max-width:760px;margin:0}.steps{grid-template-columns:1fr;gap:34px;width:min(920px,calc(100% - 48px))}.steps>div{max-width:760px}.steps ol{width:100%}.audience{grid-template-columns:1fr;gap:32px;width:min(920px,calc(100% - 48px))}.audience-list{width:100%}