body.demo-v5{background:#020812;color:#f4f8fb;overflow-x:hidden}
.demo-v5 main{background:radial-gradient(circle at 12% 4%,rgba(37,165,237,.18),transparent 31%),radial-gradient(circle at 92% 30%,rgba(91,218,255,.09),transparent 28%),#020812}
.dv-hero{position:relative;min-height:860px;padding:150px max(24px,calc((100vw - 1380px)/2)) 86px;display:grid;align-items:center;overflow:hidden}
.dv-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(100,220,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,220,255,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.dv-hero-media{position:absolute;inset:0}.dv-hero-media img{width:100%;height:100%;object-fit:cover;opacity:.43;filter:saturate(.88) contrast(1.08)}.dv-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020812 4%,rgba(2,8,18,.93) 39%,rgba(2,8,18,.4) 72%,#020812 100%),linear-gradient(180deg,rgba(2,8,18,.18),#020812 96%)}
.dv-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.dv-hero h1{font-size:clamp(58px,7.2vw,112px);line-height:.91;letter-spacing:-.065em;margin:0 0 26px;max-width:930px}.dv-hero h1 span{display:block;color:#68dfff}.dv-hero p{max-width:720px;font-size:clamp(17px,1.45vw,22px);line-height:1.62;color:#b9cad8;margin:0}.dv-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.dv-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 22px;border-radius:999px;border:1px solid rgba(102,221,255,.31);font-weight:800;font-size:13px;transition:.28s}.dv-btn.primary{color:#03111b;border:0;background:linear-gradient(135deg,#68e3ff,#1b8ee8);box-shadow:0 16px 46px rgba(40,169,238,.28)}.dv-btn:hover{transform:translateY(-3px)}
.dv-console{position:relative;min-height:520px;border:1px solid rgba(102,221,255,.22);border-radius:34px;background:linear-gradient(145deg,rgba(7,29,46,.92),rgba(2,12,22,.84));box-shadow:0 36px 110px rgba(0,0,0,.55);overflow:hidden}.dv-console img{width:100%;height:520px;object-fit:cover;opacity:.7}.dv-console:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,18,.08),rgba(2,8,18,.76))}.dv-hotspot{position:absolute;z-index:3;width:22px;height:22px;border-radius:50%;background:#6be3ff;box-shadow:0 0 0 9px rgba(107,227,255,.12),0 0 30px rgba(107,227,255,.72);animation:dvPulse 2s infinite}.dv-hotspot.h1{left:27%;top:34%}.dv-hotspot.h2{right:24%;top:44%}.dv-hotspot.h3{left:51%;bottom:27%}.dv-console-panel{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;padding:18px 20px;border-radius:20px;background:rgba(2,12,22,.72);border:1px solid rgba(102,221,255,.24);backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dv-console-panel strong{display:block;font-size:17px}.dv-console-panel span{font-size:10px;letter-spacing:.11em;color:#89a5b8}
.dv-section{padding:96px max(24px,calc((100vw - 1380px)/2))}.dv-head{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end;margin-bottom:44px}.dv-head h2{font-size:clamp(42px,5.3vw,80px);line-height:.96;letter-spacing:-.05em;margin:0}.dv-head p{font-size:17px;color:#9fb5c5;max-width:620px;margin:0 0 7px}
.dv-live{padding:0 max(16px,calc((100vw - 1540px)/2)) 104px}.dv-frame{position:relative;min-height:740px;border-radius:36px;overflow:hidden;border:1px solid rgba(102,221,255,.23);background:#06131f;box-shadow:0 42px 130px rgba(0,0,0,.45)}.dv-frame img{width:100%;height:740px;object-fit:cover}.dv-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.92),rgba(2,8,18,.18) 62%,rgba(2,8,18,.52))}.dv-frame-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:690px}.dv-frame h2{font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.058em;margin:0 0 22px}.dv-frame p{font-size:18px;line-height:1.62;color:#bed0dc;max-width:610px}.dv-play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#09213b;font-size:21px;margin-top:28px;box-shadow:0 16px 42px rgba(0,0,0,.34);transition:.3s}.dv-play:hover{transform:scale(1.06)}
.dv-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.dv-card{position:relative;min-height:430px;border:1px solid rgba(102,221,255,.16);border-radius:28px;overflow:hidden;background:#071522}.dv-card.large{grid-column:span 7}.dv-card.small{grid-column:span 5}.dv-card.half{grid-column:span 6}.dv-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s}.dv-card:hover img{transform:scale(1.045)}.dv-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,18,.04),rgba(2,8,18,.18) 32%,rgba(2,8,18,.96) 88%)}.dv-card-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:27px}.dv-card-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;background:rgba(2,13,23,.76);border:1px solid rgba(102,221,255,.27);color:#6de1ff;font-size:19px}.dv-card h3{font-size:clamp(27px,3vw,44px);line-height:1;margin:0 0 10px;letter-spacing:-.035em}.dv-card p{max-width:600px;margin:0;color:#c0d0da;font-size:14px;line-height:1.55}
.dv-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.dv-story-copy,.dv-story-list{border:1px solid rgba(102,221,255,.16);border-radius:28px;background:linear-gradient(145deg,#071927,#030d17)}.dv-story-copy{padding:42px}.dv-story-copy h2{font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.05em;margin:0 0 18px}.dv-story-copy p{color:#9db3c3;line-height:1.6}.dv-story-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:25px 28px;border-bottom:1px solid rgba(102,221,255,.13)}.dv-story-list article:last-child{border-bottom:0}.dv-story-list i{color:#6de1ff;font-size:20px;margin-top:3px}.dv-story-list h3{font-size:21px;margin:0 0 5px}.dv-story-list p{margin:0;color:#91a9ba;font-size:13px;line-height:1.5}
.dv-cta{margin:0 max(24px,calc((100vw - 1380px)/2)) 100px;padding:64px;border-radius:34px;background:linear-gradient(120deg,#25afea,#174fa1);position:relative;overflow:hidden}.dv-cta:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-130px;top:-190px;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 50px rgba(255,255,255,.06),0 0 0 100px rgba(255,255,255,.04)}.dv-cta h2{font-size:clamp(44px,6vw,82px);line-height:.94;letter-spacing:-.055em;max-width:980px;margin:0 0 28px}.dv-cta .dv-btn{background:#fff;color:#06203c;border:0;position:relative;z-index:2}
.dv-reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.dv-reveal.in{opacity:1;transform:none}
@keyframes dvPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(max-width:1050px){.dv-hero-grid,.dv-head,.dv-story{grid-template-columns:1fr}.dv-console{min-height:460px}.dv-card.large,.dv-card.small,.dv-card.half{grid-column:span 6}}
@media(max-width:680px){.dv-hero{padding:124px 18px 70px;min-height:auto}.dv-hero h1{font-size:clamp(50px,15vw,76px)}.dv-console,.dv-console img{height:420px;min-height:420px}.dv-console-panel{grid-template-columns:1fr 1fr}.dv-section{padding:72px 18px}.dv-live{padding:0 10px 72px}.dv-frame,.dv-frame img{height:680px;min-height:680px}.dv-frame-copy{left:28px;right:28px}.dv-grid{display:flex;flex-direction:column}.dv-card{min-height:410px}.dv-story-copy{padding:30px}.dv-cta{margin:0 18px 72px;padding:42px 25px}}
@media(prefers-reduced-motion:reduce){.dv-reveal{opacity:1;transform:none;transition:none}.dv-card img,.dv-btn,.dv-play{transition:none}.dv-hotspot{animation:none}}