/* Clip Everyday's original blue, silver and glossy desktop identity. */
:root{color-scheme:light;--ink:#182438;--muted:#536177;--line:#cdd5e1;--blue:#205bd4;--blue-deep:#1441a0;--blue-soft:#e2edff;--surface:#fbfcff;--shadow:0 1px 0 #fff inset,0 4px 12px #263d6320;--edge:1px solid #c5d0e0}
body{background:radial-gradient(ellipse 900px 650px at 50% 14%,#c3d9ff7a,transparent 80%),radial-gradient(ellipse at 50% 0,#fff 0,#f5f7fb 46%,#e7ecf4 100%) fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#c7ddff;color:#133e8a}:focus-visible{outline-color:#3377e7}.skip{background:#e2edff;color:#1441a0}.muted{color:var(--muted)}
.site-nav{border-color:#cdd6e4;background:linear-gradient(180deg,#ffffffc9,#f1f5fc85);backdrop-filter:blur(22px);border-radius:0 0 22px 22px;padding:0 22px;box-shadow:0 1px 0 #fff inset,0 9px 24px #1d4d9410}
.brand{color:#18345d}.brand-symbol{width:44px;height:44px;object-fit:contain;background:none;border-radius:12px;transform:none;box-shadow:0 5px 16px #205bd427;filter:drop-shadow(0 0 10px #3377e72b)}.brand-copy small{color:#6b7e9b}.nav-links{color:#536177}.nav-links a:hover,.footer a:hover{color:var(--blue)}.nav-actions{color:#264976}
.button{border:var(--edge);border-radius:11px;color:#233e67;background:linear-gradient(#fff,#e8eef7);box-shadow:var(--shadow)}.button:hover{background:linear-gradient(#fff,#dce9fd);border-color:#9eb8e1;box-shadow:0 1px 0 #fff inset,0 5px 17px #205bd426}.button.primary-blue{color:#fff;background:linear-gradient(#4b8bff,#205bd4 58%,#154bbb);border:1px solid #1750bf;box-shadow:0 1px 0 #cfe4ffb3 inset,0 4px 12px #224a9b35,0 0 24px #3377e722}.button.primary-blue:hover{background:linear-gradient(#6ca2ff,#2d6ae5 58%,#205bd4);box-shadow:0 1px 0 #eff7ff inset,0 5px 19px #205bd445,0 0 30px #3377e72b}
.hero{isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;top:90px;left:15%;right:15%;height:360px;background:radial-gradient(ellipse,#7eb3ff38,transparent 68%);filter:blur(30px);pointer-events:none}.hero .eyebrow{color:#536d94}.eyebrow:before{background:#3377e7;box-shadow:0 0 10px #3377e775}.hero h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:750;color:#182c4b;letter-spacing:-7px;text-shadow:0 1px 0 #fff}.hero h1 em{color:#205bd4;background:linear-gradient(180deg,#639dff 5%,#205bd4 62%,#1441a0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 20px #3377e72a)}.hero h1 .star{color:#3b7bf0;text-shadow:0 0 30px #3377e755}.hero-sub{color:#5b6d86}.hero-sub strong{color:#273f63}.creator-tag{color:#4a6385;background:linear-gradient(#ffffffed,#e8f0fcd9);border-color:#c5d4ea;box-shadow:0 1px 0 #fff inset,0 3px 12px #205bd410}.creator-tag b{color:#205bd4;border-color:#c4d3e9}
.import-box{border-color:#aac2e7;border-radius:17px;background:linear-gradient(180deg,#fff,#edf3fc);box-shadow:0 1px 0 #fff inset,0 8px 26px #205bd419,0 0 40px #3377e71c}.import-box .link-icon{color:#2f65b6}.import-box input{color:#182438}.import-box input::placeholder{color:#7b8ca4}.upload-link{color:#205bd4}.import-note{color:#657b99}.import-status{color:#1441a0}.import-status[data-error=true]{color:#ab2639}.hero-actions{color:#6c7f98}.hero-actions a{color:#1d52a6}.hero-actions .tiny-dot{background:#a0b5d0}
.showcase{border:1px solid #a9bedc;border-radius:22px 22px 14px 14px;background:#fbfcff;box-shadow:0 1px 0 #fff inset,0 25px 65px #205bd41c,0 0 65px #69a3ff24}.showcase-top{background:linear-gradient(#fff,#e8edf6);border-color:#c6d3e5;color:#687c99}.window-dots i:nth-child(1){background:#ff6158;box-shadow:0 0 0 1px #d9453e55}.window-dots i:nth-child(2){background:#ffbd2e;box-shadow:0 0 0 1px #c9912355}.window-dots i:nth-child(3){background:#28c840;box-shadow:0 0 0 1px #1ba83055}.showcase-brand{color:#36547e}.sample-label{color:#7187a6}.sample-sidebar{border-color:#cdd5e1;background:linear-gradient(125deg,#e3ecf8e6,#f4f7fc);color:#587091}.sample-sidebar .selected{color:#143e91;background:linear-gradient(#fff,#dce9ff);border:1px solid #b4c8e6;box-shadow:var(--shadow)}.sample-sidebar .sample-section{color:#8393ab}.sample-sidebar .sample-count{color:#50719e}.sample-canvas{background:radial-gradient(#9fb0c654 1px,transparent 1px) 0 0/15px 15px,radial-gradient(ellipse at 50% 12%,#f8faff,#d6deea 96%)}.sample-toolbar{color:#526887}.sample-toolbar b{color:#205bd4}.video-screen{border:2px solid white;border-radius:10px;box-shadow:0 9px 22px #25395740,0 0 0 1px #7f8c9e}.video-screen .clip-badge{color:#e6f0ff;background:#163b71e6;border-color:#8db5f270}.video-screen .play-button{background:#174890a8;border-color:#ffffffb0;box-shadow:0 1px 0 #ffffff60 inset}.sample-timeline i{background:repeating-linear-gradient(90deg,#7da5e8 0 10px,#5b85c7 10px 12px)}.sample-timeline i:nth-child(2){background:repeating-linear-gradient(90deg,#a599d6 0 10px,#8e7fbd 10px 12px)}.sample-timeline:after{border-color:#205bd4}.sample-controls{color:#4d6890}.sample-inspector{border-color:#cdd5e1;background:linear-gradient(100deg,#fff,#f2f6fc);color:#263e61}.sample-inspector label{color:#6a7f9c}.preset-switch button{color:#536c92;background:linear-gradient(#fff,#e7eef8);border-color:#bdcee6;border-radius:8px;box-shadow:var(--shadow)}.preset-switch button[aria-pressed=true]{background:linear-gradient(#edf5ff,#cedfff);border-color:#6090dc;color:#16469d}.demo-line{background:#dce5f2}.demo-line:after{background:#73a2ef}.preset-chip{color:#214a8e;background:linear-gradient(#f4f9ff,#e1edff);border-color:#b7c9e5}.showcase-footer{background:linear-gradient(#f9fbff,#e8eff9);border-color:#cdd5e1;color:#6c80a0}.showcase-footer a{color:#205bd4}
.format-strip{border-color:#ccd8e7;color:#7e90aa}.format-strip strong{color:#536b8d}.section h2,.closing h2{color:#182c4b;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:700}.section h2 em{color:#6481a9}.section-heading>p{color:#607592}.feature{border:1px solid #c2d1e5;border-radius:22px;background:linear-gradient(145deg,#ffffffec,#edf3fbd9);box-shadow:0 1px 0 #fff inset,0 9px 30px #1b4c9211}.feature-index{color:#7b90ad}.pill{color:#456992;border-color:#b9cde8;background:#e6effb}.pill.red{color:#a13241;background:linear-gradient(#fff5f5,#ffe5e8);border-color:#e7b6bf}.feature h3{color:#223e66;font-weight:650}.feature p{color:#5d7493}.feature a.text-link{color:#205bd4}.dock-demo{background:linear-gradient(#f7faff,#e3edf9);border-color:#aec5e4;border-radius:15px;box-shadow:0 1px 0 #fff inset,0 10px 25px #205bd418}.dock-demo .dock-title{color:#60799e}.dock-title b{color:#205bd4}.dock-controls button{background:linear-gradient(#4b8bff,#205bd4 58%,#154bbb);color:white;border:1px solid #1750bf;border-radius:9px;box-shadow:0 1px 0 #d4e6ffb3 inset,0 3px 12px #205bd430}.dock-controls button.recording{background:linear-gradient(#fb6975,#df3645 58%,#ba2130);color:white;border-color:#c22e3c;box-shadow:0 1px 0 #ffabb599 inset,0 0 20px #df364533}.dock-controls .timecode{color:#385780;background:linear-gradient(#fff,#e6eef9);border-color:#c1d0e5;border-radius:9px}.demo-help{color:#7086a4}.feature-presets{background:radial-gradient(ellipse at 70% 90%,#b8d4ff5c,transparent 65%),linear-gradient(145deg,#fff,#ebf2ff)}.mini-reel{border-color:#a8bddb;box-shadow:0 9px 24px #205bd425;border-radius:12px}.mini-reel span{color:#fff}.mini-reel small{color:#d2e4ff}.mini-reel:nth-child(2) span{background:linear-gradient(#669dff,#205bd4);color:#fff;box-shadow:0 1px 0 #ffffff77 inset}.feature-icon{color:#3377e7;text-shadow:0 0 18px #3377e744}.workflow{border-color:#bacde8}.workflow .step{color:#205bd4}.workflow h3{color:#294873}.workflow p{color:#607897}.workflow a{color:#205bd4}
.pricing-heading p{color:#657c9b}.price-card{border-color:#c0cfe3;border-radius:22px;background:linear-gradient(145deg,#fff,#eef4fc);box-shadow:0 1px 0 #fff inset,0 8px 26px #205bd411}.price-card.featured{border-color:#6c9bea;background:linear-gradient(150deg,#fff,#dceaff);box-shadow:0 1px 0 #fff inset,0 12px 34px #205bd421,0 0 32px #3377e719}.price-card .popular{color:white;background:linear-gradient(#508cfa,#205bd4);border:1px solid #2b64c8;box-shadow:0 1px 0 #b7d7ff99 inset;border-radius:8px}.price-name,.price{color:#223e66}.price{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.price span{color:#6f84a2}.price-description{color:#657b99}.price-card ul{border-color:#cad8ea;color:#4d6689}.price-card li:before{color:#205bd4}.price-card .plan-note,.pricing-footnote{color:#7086a5}.faq-list details{border-color:#c6d5e8}.faq-list summary{color:#2c476f}.faq-list summary:after{color:#3377e7}.faq-list details p{color:#627a9a}.closing h2 em{color:#205bd4;text-shadow:0 7px 28px #3377e726}.closing p{color:#607998}.closing small{color:#7b90ad}.footer{border-color:#bfcee2;color:#7186a3}.footer button:hover{color:#205bd4}
dialog{background:linear-gradient(145deg,#fffffff5,#edf4fff5);color:#182438;border-color:#b4c8e6;border-radius:22px;box-shadow:0 1px 0 #fff inset,0 25px 100px #153d7940;backdrop-filter:blur(30px)}dialog::backdrop{background:#192f5c66;backdrop-filter:blur(9px)}dialog p,dialog li{color:#536b8c}dialog .close{color:#637b9c}dialog a.inline,.dialog-label{color:#205bd4}.video-screen[data-format=split]:after{background:#174890e6;color:#e6f0ff}
@media(max-width:1000px){.site-nav{padding:0 14px}}@media(max-width:720px){.site-nav{padding:0 10px;border-radius:0 0 16px 16px}.brand-symbol{width:37px;height:37px;border-radius:10px}.nav-links{background:#f3f7ffed;border-color:#bacde8;box-shadow:0 12px 22px #205bd419;backdrop-filter:blur(22px)}.menu-toggle{color:#30558a}.hero h1{letter-spacing:-4px}.hero:before{left:0;right:0;top:50px;height:280px}.showcase{border-radius:17px}.workflow>div{border-color:#cbd8ea}.feature{border-radius:19px}}