:root{
  --navy:#061421;
  --navy-2:#0a1e31;
  --ink:#071629;
  --text:#344457;
  --blue:#1184ff;
  --blue-2:#0871f2;
  --green:#11c86b;
  --line:#dce9f4;
  --soft:#f3f8fd;
  --shadow:0 22px 55px rgba(14,46,79,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img,video{display:block;max-width:100%}
button,a{font:inherit}
.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.topbar{position:absolute;inset:0 0 auto;z-index:40;color:#fff;height:72px}
.topbar__inner{height:72px;display:flex;align-items:center;gap:48px}
.logo{display:flex;align-items:baseline;gap:9px;text-decoration:none;white-space:nowrap}
.logo strong{font-size:25px;letter-spacing:-.045em;font-weight:900;color:#fff}
.logo strong span{color:var(--blue)}
.logo em{font-size:12px;font-style:normal;font-weight:500;color:#e4edf5}
.navlinks{display:flex;align-items:center;gap:32px;margin-left:40px}
.navlinks a{font-size:12px;font-weight:600;text-decoration:none;color:#f0f5f9;opacity:.94;transition:.2s}
.navlinks a:hover{color:#7fc3ff}
.wa{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:800;border-radius:999px;background:linear-gradient(135deg,#0795ff,#0770f0);box-shadow:0 14px 38px rgba(3,115,241,.26);transition:transform .2s,box-shadow .2s,filter .2s;cursor:pointer}
.wa:hover,.primary:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 42px rgba(3,115,241,.34)}
.wa svg{width:17px;height:17px;fill:#fff;margin-right:8px}
.wa--nav{padding:11px 19px;margin-left:auto;font-size:10px;letter-spacing:.025em}
.hero{position:relative;min-height:435px;padding:108px 0 42px;color:#fff;background:radial-gradient(circle at 82% 17%,#18364e 0,#0d2133 28%,#071725 56%,#06131f 100%);overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.08)}
.hero__glow{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}
.hero__glow--one{width:430px;height:430px;background:rgba(40,139,255,.13);right:14%;top:-170px}
.hero__glow--two{width:270px;height:270px;background:rgba(255,255,255,.06);left:36%;bottom:-180px}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:285px}
.hero__copy{padding-left:0;position:relative;z-index:3}
.kicker{margin:0 0 14px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.kicker--light{color:#65b7ff}
.hero h1{font-size:clamp(40px,4vw,52px);line-height:1.04;letter-spacing:-.047em;margin:0 0 18px;font-weight:900;max-width:535px}
.hero h1 span{color:var(--blue)}
.hero__lead{max-width:470px;margin:0 0 21px;font-size:15px;line-height:1.55;color:#f0f5fa}
.primary{display:inline-flex;align-items:center;gap:14px;padding:16px 29px;color:#fff;background:linear-gradient(135deg,#0a86ff,#0b73ed);border-radius:999px;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 15px 34px rgba(14,129,255,.25);transition:.2s}
.primary b{font-size:17px;line-height:1}
.hero__proof{display:flex;align-items:center;gap:24px;margin-top:27px;color:#e7f0f8;font-size:10px;font-weight:600;line-height:1.25}
.hero__proof>span{display:flex;align-items:center;gap:8px}
.mini-icon{width:22px;height:22px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.mini-icon svg{width:12px;height:12px;stroke:#fff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero__visual{position:absolute;z-index:1;right:0;top:50px;width:56%;max-width:680px;transform-origin:center center;will-change:transform;pointer-events:none}
.hero__visual:before{content:"";position:absolute;inset:12% 6% 5% 16%;border-radius:50%;background:rgba(24,133,255,.08);filter:blur(42px)}
.hero__visual img{position:relative;width:100%;filter:drop-shadow(0 36px 65px rgba(0,0,0,.23))}
.flow-row{padding:25px 0;border-bottom:1px solid #edf2f7}
.flow-row--blue{background:linear-gradient(90deg,#eef7ff 0%,#f7fbff 48%,#edf6ff 100%)}
.flow-row--results{padding-bottom:16px}
.flow-grid{display:grid;grid-template-columns:1.25fr .93fr .86fr;gap:34px;align-items:center;min-height:175px}
.flow-copy h2{font-size:27px;line-height:1.08;letter-spacing:-.04em;margin:0 0 13px;font-weight:900;max-width:430px}
.flow-copy p:last-child{font-size:13px;line-height:1.55;color:#415167;margin:0;max-width:445px}
.video-shell{height:158px;border-radius:14px;overflow:hidden;position:relative;background:#dfe9f4;box-shadow:0 11px 28px rgba(15,52,89,.15);isolation:isolate;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease}
.video-shell video,.video-shell .youtube-poster{width:100%;height:100%;object-fit:cover;background:#d9e4ef}
.video-shell .youtube-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:6}
.video-shell.is-playing:after{display:none}
.video-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));pointer-events:none;z-index:1}
.play{position:absolute;z-index:3;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.88);background:rgba(12,40,67,.55);backdrop-filter:blur(7px);display:grid;place-items:center;cursor:pointer;box-shadow:0 9px 26px rgba(0,0,0,.22);transition:.2s}
.play:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(12,40,67,.72)}
.play span{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:4px}
.duration{position:absolute;z-index:3;right:9px;bottom:8px;background:rgba(4,16,27,.79);color:#fff;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.06em}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:12px;color:#16283c}
.checklist li{position:relative;padding-left:28px;line-height:1.35}
.checklist li:before{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:10px}
.checklist--bad li:before{content:"×";background:#f24c4c}
.checklist--good li:before{content:"✓";background:#14ba67}
.checklist--panel{padding:16px 17px;border-radius:12px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(29,69,109,.05)}
.benefits{padding:21px 0 32px;background:#fff}
.section-title{text-align:center;margin-bottom:18px}
.section-title .kicker{margin-bottom:6px}
.section-title p:last-child{margin:0;color:#506176;font-size:11px}
.benefit-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.benefit-grid article{height:90px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#fbfdff,#f5faff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;box-shadow:0 8px 20px rgba(27,73,115,.045);transition:.22s;transform-style:preserve-3d}
.benefit-grid article:hover{transform:translateY(-5px) rotateX(3deg);box-shadow:0 14px 30px rgba(27,73,115,.12)}
.benefit-grid i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f4ff}
.benefit-grid svg{width:16px;height:16px;fill:none;stroke:#0d80ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.benefit-grid b{font-size:10px;line-height:1.25;font-weight:700}
.about{background:#f7fafc;padding:0;border-top:1px solid #edf3f8}
.about-grid{display:grid;grid-template-columns:56% 44%;align-items:stretch;min-height:221px}
.about-copy{padding:30px 46px 29px 0}
.about-copy h2{font-size:28px;margin:0 0 12px;letter-spacing:-.04em;font-weight:900}
.about-copy h2 span{color:var(--blue)}
.about-copy>p:not(.kicker){font-size:12px;line-height:1.45;color:#35485c;max-width:590px;margin:0 0 9px}
.about-meta{display:flex;align-items:center;gap:16px;margin-top:19px;font-size:9px;font-weight:650;color:#14283d;white-space:nowrap}
.about-meta span{display:flex;align-items:center;gap:5px}
.about-meta svg{width:15px;height:15px;stroke:#0b2a4b;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.about-visual{min-height:221px;overflow:hidden;position:relative;transform-style:preserve-3d;will-change:transform}
.about-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.final-cta{position:relative;min-height:164px;color:#fff;background:radial-gradient(circle at 75% 15%,rgba(31,97,145,.55),transparent 37%),linear-gradient(120deg,#08233b 0%,#0a3657 55%,#0b2944 100%);overflow:hidden}
.final-cta__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,55,.96) 0%,rgba(8,48,79,.90) 48%,rgba(10,49,80,.72) 100%)}
.cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:164px;gap:40px}
.cta-grid h2{font-size:28px;line-height:1.08;letter-spacing:-.04em;margin:0 0 10px;font-weight:900}
.cta-grid>div>p:last-child{font-size:12px;line-height:1.45;color:#d8e7f3;margin:0}
.cta-side{text-align:center}
.wa--big{background:linear-gradient(135deg,#0fd36d,#16c660);padding:16px 28px;min-width:315px;font-size:13px;line-height:1.2;box-shadow:0 18px 40px rgba(11,194,101,.24)}
.wa--big svg{width:30px;height:30px;margin-right:13px}
.wa--big span{text-align:left;font-weight:700}
.wa--big span b{font-size:16px}
.cta-side small{display:flex;justify-content:center;gap:10px;align-items:center;color:#d9ebf7;font-size:9px;margin-top:10px}
.cta-side small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19d779;box-shadow:0 0 0 3px rgba(25,215,121,.12)}
.cta-side small b{font-weight:400;color:#8ba9c0}
.footer{background:#071522;color:#8297aa;padding:15px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}
.logo--footer strong{font-size:18px}
.logo--footer em{font-size:9px;color:#9cb0c0}
.footer p{font-size:9px;text-align:center;margin:0}
.footer small{font-size:8px;text-align:right}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
.video-empty{position:fixed;z-index:200;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#081a2a;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;box-shadow:0 16px 42px rgba(0,0,0,.28);font-size:12px;transition:.25s;max-width:90vw;text-align:center}
.video-empty.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){
  .shell{width:min(920px,calc(100% - 40px))}.topbar__inner{gap:24px}.navlinks{gap:18px;margin-left:10px}.hero__grid{grid-template-columns:48% 52%}.hero h1{font-size:40px}.hero__visual{width:60%;right:-70px}.flow-grid{grid-template-columns:1.1fr .9fr .9fr;gap:20px}.benefit-grid{grid-template-columns:repeat(4,1fr);row-gap:12px}.about-grid{grid-template-columns:1fr 1fr}.about-meta{flex-wrap:wrap;white-space:normal}.wa--big{min-width:280px}
}
@media(max-width:760px){
  .shell{width:min(100% - 30px,620px)}.topbar{height:64px}.topbar__inner{height:64px}.logo strong{font-size:22px}.logo em{font-size:10px}.navlinks{display:none}.wa--nav{padding:10px 12px}.wa--nav span{display:none}.wa--nav svg{margin:0;width:20px;height:20px}.hero{padding:86px 0 28px;min-height:auto}.hero__grid{display:block}.hero__copy{max-width:100%}.hero h1{font-size:38px;max-width:560px}.hero__lead{font-size:14px;max-width:520px}.hero__proof{gap:13px;justify-content:space-between;font-size:9px}.hero__visual{position:relative;right:auto;top:auto;width:110%;max-width:none;margin:8px -5% -26px}.flow-row{padding:30px 0}.flow-grid{grid-template-columns:1fr;gap:20px}.flow-copy h2{font-size:25px}.video-shell{height:auto;aspect-ratio:16/9}.checklist{grid-template-columns:1fr 1fr;gap:10px 12px}.checklist--panel{padding:15px}.benefits{padding:29px 0}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article{height:96px}.about-grid{grid-template-columns:1fr}.about-copy{padding:30px 0 24px}.about-visual{min-height:210px;border-radius:16px;margin-bottom:26px}.about-meta{display:grid;grid-template-columns:1fr 1fr}.cta-grid{grid-template-columns:1fr;gap:22px;padding:30px 0}.final-cta{min-height:auto}.cta-grid h2{font-size:27px}.cta-side{text-align:left}.wa--big{min-width:0;width:100%}.cta-side small{justify-content:flex-start}.footer-grid{grid-template-columns:1fr;gap:8px;text-align:center}.logo--footer{justify-content:center}.footer p,.footer small{text-align:center}.desktop-only{display:none}
}
@media(max-width:430px){
  .shell{width:calc(100% - 26px)}.hero h1{font-size:34px}.hero__proof{display:grid;grid-template-columns:1fr 1fr}.hero__proof span:last-child{grid-column:1/-1}.checklist{grid-template-columns:1fr}.benefit-grid{gap:9px}.about-meta{grid-template-columns:1fr}.wa--big{padding:15px 20px}.wa--big span{font-size:11px}.wa--big span b{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.benefit-grid article,.wa,.primary,.video-shell{transition:none}}

.final-cta:before,.final-cta:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:88px;pointer-events:none}.final-cta:before{background:linear-gradient(140deg,transparent 0 18%,rgba(45,86,119,.34) 18% 28%,transparent 28% 38%,rgba(29,73,109,.30) 38% 50%,transparent 50% 61%,rgba(41,83,117,.31) 61% 70%,transparent 70%);opacity:.8}.final-cta:after{background:linear-gradient(168deg,transparent 0 43%,rgba(4,25,43,.62) 43% 62%,transparent 62% 100%);opacity:.8}
@media (min-width:761px) and (max-width:1100px){.hero h1{font-size:38px}.hero__grid{grid-template-columns:45.5% 54.5%}.hero__visual{width:55%}}