:root{--bg:#05070c;--blue-1:#0a1f4a;--blue-2:#0b3a8f;--yellow:#ffd21a;--yellow-soft:#ffe27a;--wa-1:#25d366;--wa-2:#0e9f6e;--wa-3:#0b7a53;--txt:#eef2fb;--muted:#93a0ba;--line:rgba(148,163,196,.16)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--txt);background:var(--bg);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(45% 40% at 78% 18%,rgba(23,86,190,.42),transparent 68%),radial-gradient(48% 42% at 14% 30%,rgba(11,58,143,.3),transparent 72%),radial-gradient(60% 55% at 60% 105%,rgba(9,40,110,.4),transparent 72%),linear-gradient(180deg,#05070c,#050a17 55%,#050c1e);animation:drift 20s ease-in-out infinite alternate}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px) 0 0/100% 46px,radial-gradient(130% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.6) 100%);-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 40%,transparent 85%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 40%,transparent 85%)}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-1.5%,0) scale(1.05)}}.shell{max-width:1200px;margin:0 auto;padding:34px 22px 64px;min-height:100dvh;display:flex;align-items:center}.hero{width:100%;display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "stage" "cta";gap:30px;align-items:center}.copy{grid-area:copy}.stage{grid-area:stage}.cta-zone{grid-area:cta}.copy{text-align:center;display:flex;flex-direction:column;align-items:center}.logo{width:min(230px,58vw);height:auto;margin-bottom:22px;filter:brightness(1.16) drop-shadow(0 6px 22px rgba(0,0,0,.55));opacity:0;animation:fadeDown .7s cubic-bezier(.16,.84,.44,1) .05s forwards}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-soft);padding:8px 15px;border:1px solid rgba(255,210,26,.28);border-radius:100px;background:#ffd21a0d;margin-bottom:20px;opacity:0;animation:fadeUp .7s cubic-bezier(.16,.84,.44,1) .14s forwards}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px var(--yellow);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}h1{font-size:clamp(1.7rem,4.4vw + .6rem,3.05rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;max-width:16ch;text-wrap:balance;opacity:0;animation:fadeUp .75s cubic-bezier(.16,.84,.44,1) .22s forwards}h1 b{color:#fff;font-weight:800}h1 .hl{color:var(--yellow);text-shadow:0 0 30px rgba(255,210,26,.35);background:linear-gradient(90deg,#ffd21ad9,#ffd21a52) left 100%/100% .12em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.04em}.lead{margin-top:18px;font-size:clamp(1rem,1vw + .85rem,1.2rem);color:var(--muted);opacity:0;animation:fadeUp .75s cubic-bezier(.16,.84,.44,1) .3s forwards}.lead .mark{color:#fff;font-weight:700}.benefits{list-style:none;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:440px;opacity:0;animation:fadeUp .8s cubic-bezier(.16,.84,.44,1) .38s forwards}.benefits li{display:flex;align-items:center;gap:10px;text-align:left;font-size:.95rem;font-weight:600;color:#e7ecf7;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);transition:border-color .2s ease,transform .2s ease}.benefits li:hover{border-color:#ffd21a59;transform:translateY(-2px)}.benefits li svg{width:20px;height:20px;flex:0 0 auto;color:var(--yellow);padding:3px;border-radius:50%;background:#ffd21a1f}.watch{margin-top:24px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:10px;opacity:0;animation:fadeUp .8s cubic-bezier(.16,.84,.44,1) .46s forwards}.watch .arrow{color:var(--yellow);font-size:1.2em;animation:bob 1.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.stage{display:flex;flex-direction:column;align-items:center;width:100%}.video-shell{position:relative;width:100%;max-width:390px;padding:5px;border-radius:22px;background:linear-gradient(150deg,#2563ebe6,#0d94ff59 42%,#25d3668c);opacity:0;animation:fadeUp .9s cubic-bezier(.16,.84,.44,1) .4s forwards;isolation:isolate}.video-shell:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:24px;z-index:-1;background:linear-gradient(150deg,#2563eb8c,#25d36673);filter:blur(24px);opacity:.55;animation:halo 3.6s ease-in-out infinite}@keyframes halo{0%,to{opacity:.4;transform:scale(.98)}50%{opacity:.72;transform:scale(1.02)}}.video-inner{border-radius:18px;overflow:hidden;background:#000;-webkit-transform:translateZ(0);transform:translateZ(0)}vturb-smartplayer{display:block;width:100%}.cta-zone{width:100%;max-width:390px;justify-self:center;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center}.locked{display:inline-flex;align-items:center;gap:9px;font-size:.9rem;color:var(--muted);padding:13px 20px;border:1px solid var(--line);border-radius:100px;background:#ffffff05;animation:pulseDim 2.2s ease-in-out infinite}@keyframes pulseDim{0%,to{opacity:.6}50%{opacity:1}}.cta{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:19px 26px;border-radius:100px;font-size:clamp(1rem,.8vw + .85rem,1.16rem);font-weight:800;letter-spacing:.01em;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--wa-1) 0%,var(--wa-2) 55%,var(--wa-3) 100%);background-size:180% 180%;box-shadow:0 12px 32px -6px #25d36699,inset 0 1px #ffffff47;overflow:hidden;-webkit-tap-highlight-color:transparent;will-change:transform;transition:transform .25s cubic-bezier(.16,.84,.44,1),box-shadow .25s ease,background-position .5s ease,filter .25s ease;animation:ctaIn .7s cubic-bezier(.16,.84,.44,1) forwards,attention 2.4s ease-in-out 1s 2}.cta .wa-ico{width:26px;height:26px;flex:0 0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.cta:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);opacity:0}.cta:hover{transform:translateY(-3px) scale(1.015);background-position:100% 0;filter:brightness(1.06);box-shadow:0 18px 44px -8px #25d366cc,0 0 0 4px #25d36624,inset 0 1px #ffffff59}.cta:hover:after{animation:sweep .85s ease}.cta:active{transform:translateY(-1px) scale(.995)}@keyframes sweep{0%{left:-60%;opacity:0}12%{opacity:1}to{left:130%;opacity:0}}@keyframes ctaIn{0%{opacity:0;transform:translateY(26px) scale(.94)}60%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes attention{0%,to{box-shadow:0 12px 32px -6px #25d36699,inset 0 1px #ffffff47}50%{box-shadow:0 16px 42px -6px #25d366eb,0 0 0 6px #25d3661a,inset 0 1px #ffffff4d}}.cta-note{margin-top:14px;font-size:.82rem;color:var(--muted);max-width:34ch;animation:fadeUp .6s ease .15s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:920px){.shell{padding:40px}.hero{grid-template-columns:1.08fr .92fr;grid-template-areas:"copy  stage" "cta   stage";grid-template-rows:auto 1fr;column-gap:56px;row-gap:26px;align-items:start}.copy{text-align:left;align-items:flex-start}.logo{width:250px;margin-bottom:26px}h1{font-size:clamp(2.3rem,2.4vw + 1.4rem,3.15rem);max-width:14ch}h1 .hl{white-space:nowrap}.benefits{max-width:none}.watch{margin-top:22px}.watch .arrow{transform:rotate(-90deg);animation:bobX 1.4s ease-in-out infinite}@keyframes bobX{0%,to{transform:rotate(-90deg) translateY(0)}50%{transform:rotate(-90deg) translateY(5px)}}.video-shell{max-width:360px}.cta-zone{max-width:420px;width:100%;justify-self:start;align-items:stretch;align-self:start;margin-top:4px}.locked{align-self:flex-start}.cta{padding:22px 30px;font-size:1.2rem}.cta .wa-ico{width:28px;height:28px}.cta-note{align-self:flex-start;text-align:left}}@media (min-width:1400px){.hero{gap:72px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.logo,h1,.eyebrow,.lead,.benefits,.watch,.video-shell{opacity:1!important}}
