/* ClipVixo dark product theme — aligned with the Windows app UI. */
:root{color-scheme:dark;--bg:#070a08;--surface:#0d120f;--surface-2:#121914;--line:#202a22;--text:#f2f5ef;--muted:#929b93;--lime:#b8ff31;--lime-soft:#d7ff8b;--ink:#090c0a;--shadow:0 24px 80px rgba(0,0,0,.34)}
*{scrollbar-color:#53604f var(--bg)}html{scroll-padding-top:92px}body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 78% 8%,rgba(184,255,49,.075),transparent 25%),radial-gradient(circle at 12% 38%,rgba(184,255,49,.035),transparent 24%)}
h1,h2,h3{font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:680}h2{letter-spacing:-2.8px}em{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--lime-soft)}.wrap{max-width:1240px}.skip{background:var(--lime);color:var(--ink);border-radius:9px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--lime)}
header.wrap{position:sticky;top:0;z-index:15;width:min(1240px,calc(100% - 48px));height:78px;padding:0 22px;margin-top:14px;background:rgba(9,13,10,.83);border:1px solid var(--line);border-radius:15px;backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.16)}.brand{font-size:21px;letter-spacing:-.8px}.logo{background:var(--lime);color:var(--ink);border-radius:10px;width:36px;height:36px;font-size:26px;box-shadow:0 0 24px rgba(184,255,49,.12)}nav{gap:29px;color:#b9c0ba}nav a{font-size:12px;transition:color .18s}nav a:hover,.footer-links a:hover{color:var(--lime)}
.button{border-radius:10px;padding:17px 22px;gap:25px;transition:transform .2s,box-shadow .2s,background .2s;border-color:var(--line)}.button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.26)}.button.dark,.button.purple,.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.small{padding:11px 15px;font-size:11px}.button.disabled{background:#6e8d35;color:#10150d;border-color:#6e8d35;opacity:.7}
.hero{min-height:720px;padding:72px 0 85px;gap:40px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--lime);letter-spacing:1.7px}.dot{background:var(--lime);box-shadow:0 0 0 5px rgba(184,255,49,.08),0 0 15px rgba(184,255,49,.42)}.hero h1{font-size:clamp(58px,6.9vw,94px);line-height:.98;letter-spacing:-5.5px;margin:27px 0 28px;max-width:690px}.hero h1>span{color:var(--text)}.hero h1>span:after{content:"";display:block;width:118px;height:5px;margin-top:14px;background:var(--lime);border-radius:99px}.spark{display:none}.lead{color:#a8b0a9;font-size:18px;line-height:1.7;max-width:520px}.actions{margin:32px 0 24px}.text-button{color:#d8ded8}.play-outline{border-color:#3b463d;background:var(--surface);color:var(--lime)}.hero-note{color:#788179;text-transform:uppercase;letter-spacing:.6px}
.hero-art{height:560px}.orbit{border-color:#253126;width:500px;height:500px;left:22px}.orbit.inner{border-color:#283526}.workspace{top:76px;background:#080c09;border:5px solid #222a24;border-radius:16px;box-shadow:var(--shadow),0 0 0 1px #1e261f;transform:rotate(-3deg)}.workspace-top,.workspace-bottom{border-color:#1f2721}.workspace-top b{background:var(--lime);color:var(--ink)}.workspace-body aside{border-color:#1f2721;background:#090d0a}.workspace .selected{background:#182315;color:var(--lime)}.workspace-main small{color:var(--lime)}.waveform i{background:var(--lime)}.timeline i{background:#1b251c;color:#c8d0c8}.phone{border-color:#e9ece8;background:#080b09;box-shadow:0 24px 60px rgba(0,0,0,.52)}.phone-play,.big-play{background:var(--lime);color:var(--ink)}.tag{border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.33)}.tag-top{background:var(--lime);color:var(--ink)}.tag-bottom{background:#111713;color:var(--text)}.tag-bottom b{color:var(--ink);background:var(--lime)}.art-note{color:#667068}
.ticker{background:var(--lime);color:var(--ink);border:0;padding:17px 0}.ticker i{color:var(--ink)}.ticker span{font-size:12px}
.ownership{border-color:var(--line);padding-top:92px;padding-bottom:82px}.ownership h2{font-size:clamp(42px,4.4vw,58px)}.ownership-copy>p,.unlimited-count>p{color:var(--muted)}.ownership .eyebrow{color:var(--lime)}.ownership-benefits{background:linear-gradient(145deg,var(--surface),#0a0e0b);padding:36px;border:1px solid var(--line);border-radius:18px}.unlimited-count>span{color:var(--lime)}.ownership-benefits li>span{color:var(--lime)}.ownership-note{color:#6f786f}
.section{padding-top:110px;padding-bottom:110px}.section-heading>p,.feature p,.workflow p,.clip-info p{color:var(--muted)}.showcase-tools{border-top:1px solid var(--line);padding-top:22px}.filter{border-color:var(--line);color:#b3bbb4;background:var(--surface)}.filter:hover{border-color:#43523f;color:var(--text)}.filter.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.filter.active small{color:#27331e}.showcase-tools>small{color:#6d766e}.clip-visual{border:1px solid var(--line);background:#111713;border-radius:18px}.clip-visual.lavender{background:linear-gradient(145deg,#19221b,#0e130f)}.clip-visual.lime{background:linear-gradient(145deg,#1d2c16,#10170f)}.clip-visual.peach{background:linear-gradient(145deg,#27221b,#13120f)}.clip-category{color:#b4bdb5}.clip-corner{background:#101611e8;color:#d7ddd7;border:1px solid #283129}.clip-info>span{color:var(--lime)}.disclosure{color:#6f786f;border-color:var(--line)}
.features-bg{background:#090d0a;border-block:1px solid var(--line)}.feature-grid{gap:18px}.feature{background:var(--surface);border:1px solid var(--line);border-radius:18px}.feature-top{color:#7d887e}.feature-top b{color:var(--lime)}.tracking-demo{background:#0a0f0b;border:1px solid var(--line)}.person{background:#2d392e}.two{background:#424e43}.tracking-box{border-color:var(--lime)}.tracking-box span{background:var(--lime);color:var(--ink)}.caption-feature{background:linear-gradient(145deg,#172114,#0d120e)}.caption-demo mark{background:var(--lime);color:var(--ink)}.local-visual b{background:var(--lime);color:var(--ink)}.local-visual i{background:#354036}.local-visual i:after{background:var(--lime)}
.workflow{gap:90px}.text-link{border-color:#566158}.steps li{border-color:var(--line)}.steps li>span,.steps b{color:var(--lime)}
.download-panel{background:linear-gradient(135deg,#121a13,#080b09);border:1px solid #2b372b;box-shadow:0 25px 80px rgba(0,0,0,.3);border-radius:22px}.download-panel:before{border-color:#33432e}.download-panel .eyebrow{color:var(--lime)}.download-panel>div>p{color:#9da69e}.release-card{background:#0b100c;border-color:#35452f;transform:rotate(2deg)}.release-logo{background:var(--lime);color:var(--ink)}.release-badge{color:var(--lime);border-color:#41553a}.release-card ul{color:#c4cbc4}.release-card li:before{color:var(--lime)}.release-bottom{border-color:#2d382e}
.faq-list details{border-color:var(--line)}.faq-list summary{font-weight:600}.faq-list summary span{color:var(--lime)}.faq-list p{color:var(--muted)}
.blog-home{border-color:var(--line)}.blog-card,.article-row{background:var(--surface);border-color:var(--line)}.blog-card:hover{box-shadow:0 18px 50px rgba(0,0,0,.32);border-color:#3b4c35}.blog-card.featured{background:linear-gradient(145deg,#1f2d19,#10170f);color:var(--text);border-color:#3d542f}.blog-card p,.blog-card.featured p,.article-row p{color:var(--muted)}.blog-card b{color:var(--lime)}
footer{border-color:var(--line)}footer>div>p,.footer-links button,.footer-bottom{color:#747d75}.footer-bottom{border-color:var(--line)}dialog{background:#0d120f;color:var(--text);border-color:#334035}dialog::backdrop{background:rgba(0,0,0,.78)}.close{border-color:#374239;color:var(--text)}.dialog-note,#release-status{color:var(--muted)}#release-dialog li{color:#bec5be}
.blog-header{height:72px}.blog-hero{padding-top:100px}.blog-hero h1,.article-page h1{color:var(--text)}.blog-hero p,.article-page p,.article-page li{color:#a6aea7}.article-row{transition:border-color .2s,transform .2s}.article-row:hover{border-color:#40523a;transform:translateY(-2px)}.article-cta{background:linear-gradient(145deg,#1a2616,#10170f);border:1px solid #35492d}.article-meta{color:#717a72!important}
@media(max-width:1100px){header.wrap{width:calc(100% - 32px)}.hero{gap:16px}.hero h1{font-size:clamp(58px,7.6vw,80px)}.hero-art{transform:scale(.9)}}
@media(max-width:800px){header.wrap{height:68px;margin-top:10px;padding:0 16px}.hero{min-height:0;padding-top:62px}.hero h1{font-size:clamp(58px,11vw,82px)}.hero-art{transform:none}.ownership-benefits{padding:28px}.section{padding-top:84px;padding-bottom:84px}}
@media(max-width:560px){header.wrap{width:calc(100% - 20px);border-radius:12px}.hero{padding-top:54px}.hero h1{font-size:clamp(48px,15vw,68px);letter-spacing:-4px}.hero h1>span:after{width:80px;height:4px}.lead{font-size:16px}.actions{align-items:stretch;flex-direction:column;max-width:310px}.actions .button{width:100%}.text-button{justify-content:center}.hero-note{line-height:1.8}.hero-note span{margin:0 4px}.hero-art{height:410px}.ownership-benefits{padding:24px 20px}.section{padding-top:70px;padding-bottom:70px}.clip-visual{height:350px}.download-panel{border-radius:16px}.blog-hero{padding-top:65px}}
@media(prefers-reduced-motion:reduce){body:before{display:none}}