.naiv-section{--naiv-bg1:#08284a;--naiv-bg2:#1e4f9f;--naiv-accent:#5cc3ee;--naiv-title_color:#fff;--naiv-desc_color:#cfe0f5;position:relative;overflow:hidden;color:#fff;padding:96px 0;background:linear-gradient(125deg,var(--naiv-bg1),#0b2f55 45%,var(--naiv-bg2));isolation:isolate}.naiv-section *{box-sizing:border-box}.naiv-section:before{content:"";position:absolute;inset:-20%;background:radial-gradient(38% 50% at 80% 60%,rgba(92,195,238,.35),transparent 70%),radial-gradient(30% 40% at 8% 0%,rgba(255,255,255,.1),transparent 70%);animation:naiv-sh 18s ease-in-out infinite alternate;pointer-events:none}@keyframes naiv-sh{to{transform:translate3d(-4%,-3%,0) scale(1.08)}}.naiv-wrap{position:relative;max-width:1180px;margin:auto;padding-inline:28px;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.naiv-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;font-weight:700;font-size:15px;color:#d8e8f8}.naiv-brand:before{content:"";width:38px;height:2px;background:var(--naiv-accent)}.naiv-txt h2{margin:0 0 16px;font-size:clamp(28px,3.8vw,44px);line-height:1.35;font-weight:800;color:var(--naiv-title_color)}.naiv-txt p{margin:0 0 34px;color:var(--naiv-desc_color);font-size:16px;max-width:44ch}.naiv-stats{display:flex;gap:14px;flex-wrap:wrap}.naiv-stat{flex:1 1 150px;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.naiv-stat b{display:block;font-size:30px;font-weight:800;line-height:1.2}.naiv-stat span{font-size:13.5px;color:#cfe0f5}.naiv-frame{position:relative;perspective:1200px}.naiv-frame:before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:30px;border:1.5px solid rgba(92,195,238,.55)}.naiv-poster{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;cursor:pointer;border-radius:30px;overflow:hidden;background:var(--naiv-poster,none) center/cover,linear-gradient(150deg,#0e3a66,#1e4f9f 60%,#2a6cc0);box-shadow:0 40px 70px -34px rgba(3,18,36,.9);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;color:#fff}.naiv-poster:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,.07) 0 2px,transparent 2px 46px),radial-gradient(60% 70% at 30% 110%,rgba(92,195,238,.55),transparent 70%);animation:naiv-drift 14s linear infinite}@keyframes naiv-drift{to{background-position:92px 0,0 0}}.naiv-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,25,48,.55),transparent 55%)}.naiv-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:34%;z-index:1;opacity:.35}.naiv-play{position:absolute;z-index:2;left:50%;top:50%;width:104px;height:104px;transform:translate(-50%,-50%);border-radius:50%;background:#e8edf5;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(255,255,255,.14),0 20px 40px -12px rgba(0,0,0,.55);transition:scale .3s,background .3s}.naiv-play svg{width:38px;height:38px;fill:#124a77;margin-left:5px}.naiv-play i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);animation:naiv-ping 3s ease-out infinite}.naiv-play i:nth-child(2){animation-delay:1s}.naiv-play i:nth-child(3){animation-delay:2s}@keyframes naiv-ping{to{transform:scale(2.8);opacity:0}}.naiv-poster:hover .naiv-play{scale:1.08;background:#fff}.naiv-caption{position:absolute;z-index:2;inset-inline-start:24px;bottom:22px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.naiv-caption:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--naiv-accent);box-shadow:0 0 0 4px rgba(92,195,238,.3)}.naiv-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(4,17,33,.96);visibility:hidden;clip-path:circle(0 at var(--cx,50%) var(--cy,50%));transition:clip-path .9s cubic-bezier(.7,0,.2,1),visibility 0s .9s}.naiv-modal.naiv-open{visibility:visible;clip-path:circle(150% at var(--cx,50%) var(--cy,50%));transition:clip-path .9s cubic-bezier(.7,0,.2,1),visibility 0s}.naiv-stage{width:min(1040px,92vw);aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}.naiv-stage video,.naiv-stage iframe{width:100%;height:100%;border:0;display:block}.naiv-demo{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#d8e8f8;padding:24px;background:linear-gradient(150deg,#0e3a66,#1e4f9f)}.naiv-close{position:absolute;top:20px;inset-inline-end:22px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:34px;line-height:1;cursor:pointer}.naiv-section :is(button):focus-visible{outline:3px solid var(--naiv-accent);outline-offset:4px}.naiv-no-motion:before,.naiv-no-motion .naiv-poster:before,.naiv-no-motion .naiv-play i{animation:none}@media(max-width:900px){.naiv-section{padding:64px 0}.naiv-wrap{grid-template-columns:1fr;gap:44px}.naiv-frame:before{inset:12px -10px -12px 10px}.naiv-play{width:84px;height:84px}.naiv-play svg{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.naiv-section:before,.naiv-poster:before,.naiv-play i{animation:none!important}.naiv-modal,.naiv-poster{transition:none!important}}
body.naiv-video-open{overflow:hidden}