/* VeoTV V10.1 — premium polish + accessibility + performance-friendly effects */
:root{--accent:#20d889;--accent-soft:rgba(32,216,137,.14);--glass:rgba(13,19,29,.72)}
::selection{background:var(--accent);color:#03130b}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.header{box-shadow:0 10px 35px rgba(0,0,0,.16)}
.nav{position:relative}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.navlinks a{position:relative;padding:5px 0}
.navlinks a:not(.active):hover{color:#fff;transform:translateY(-1px)}
.navlinks a.active{color:#fff}
.nav-actions .btn{white-space:nowrap}
.hero{position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-230px;border-radius:50%;border:1px solid rgba(32,216,137,.08);box-shadow:0 0 0 70px rgba(32,216,137,.018),0 0 0 140px rgba(32,216,137,.012);pointer-events:none}
.hero-copy,.hero-visual{position:relative;z-index:1}
.eyebrow{padding:7px 11px;border:1px solid rgba(32,216,137,.18);background:rgba(32,216,137,.055);border-radius:999px}
.hero h1{font-weight:900;text-wrap:balance}
.hero h1 span{text-shadow:0 0 35px rgba(32,216,137,.12)}
.lead{line-height:1.75}
.hero-actions .btn{min-height:48px}
.dashboard{box-shadow:0 35px 100px rgba(0,0,0,.46),0 0 70px rgba(32,216,137,.07)}
.dashboard:before{content:"";position:absolute;inset:1px;border-radius:25px;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 25%,transparent 75%,rgba(32,216,137,.08));pointer-events:none}
.dash-card{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.dashboard:hover .dash-card{border-color:rgba(255,255,255,.11)}
.dashboard:hover .dash-card.big{transform:translateY(-2px)}
.screen{background:linear-gradient(135deg,#142231,#1c3439)}
.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.09),transparent 65%);transform:translateX(-120%);transition:transform .7s ease}
.dashboard:hover .screen:before{transform:translateX(120%)}
.float-badge{border:1px solid rgba(7,16,11,.08)}
.stat{transition:background .2s ease}.stat:hover{background:rgba(32,216,137,.035)}
.card,.feature,.price-card{box-shadow:0 10px 35px rgba(0,0,0,.08)}
.card{position:relative;overflow:hidden}
.card:after{content:"";position:absolute;inset:auto -20% -70% -20%;height:140px;background:radial-gradient(circle,rgba(32,216,137,.08),transparent 65%);pointer-events:none}
.feature{transition:transform .2s ease,border-color .2s ease,background .2s ease}.feature:hover{transform:translateY(-3px);border-color:rgba(32,216,137,.2);background:rgba(255,255,255,.04)}
.faq details{transition:background .2s ease}.faq details:hover{background:rgba(255,255,255,.018)}
.faq summary{padding-right:8px}
.cta-box{position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.cta-box:after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-130px;border-radius:50%;background:rgba(32,216,137,.08);filter:blur(8px);pointer-events:none}
.cta-box>*{position:relative;z-index:1}
.footer{position:relative}.footer a{transition:color .18s ease}.footer .brand{margin-bottom:8px}
/* SEO content helpers */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#78869a;font-size:12px;margin-bottom:18px}.breadcrumbs a:hover{color:#fff}.breadcrumbs .sep{opacity:.45}
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--accent);color:#03130b;padding:10px 14px;border-radius:10px;font-weight:800}.skip-link:focus{top:12px}
@media(max-width:1050px){.navlinks{gap:11px}.navlinks a{font-size:13px}.hero-grid{gap:42px}}
@media(max-width:800px){.navlinks.open{backdrop-filter:blur(18px);background:rgba(12,18,27,.96)}.navlinks.open a{font-size:14px}.hero:before{right:-320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card,.feature,.dash-card,.screen:before{transition:none!important}.dashboard:hover .screen:before{transform:none}}