:root{
  --bg:#090b0f;--bg-2:#0d1015;--panel:#10141a;--panel-2:#141922;--line:#232a34;--line-soft:#1a2029;
  --text:#f2f4f7;--muted:#959daa;--muted-2:#6d7684;--accent:#d9a84a;--accent-2:#f0cb78;--accent-soft:rgba(217,168,74,.12);
  --success:#8fd5a6;--blue:#7aa2ff;--violet:#9d86ff;--shadow:0 30px 90px rgba(0,0,0,.45);--radius:18px;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.ambient{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.16}.ambient-a{width:520px;height:520px;background:#967028;top:60px;right:-160px}.ambient-b{width:420px;height:420px;background:#274887;top:620px;left:-250px;opacity:.09}
.site-header{position:sticky;top:0;z-index:100;background:rgba(9,11,15,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;color:var(--accent-2);display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.brand-word{font-size:20px}.desktop-nav{display:flex;gap:28px;margin-left:auto;margin-right:auto}.desktop-nav a,.footer-col a{color:var(--muted);text-decoration:none;font-size:14px;transition:.2s}.desktop-nav a:hover,.footer-col a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--text);text-decoration:none;font-weight:650;font-size:14px;transition:.2s;background:rgba(255,255,255,.02)}.button:hover{transform:translateY(-1px);border-color:#3a4350}.button svg{width:17px}.button-primary{background:linear-gradient(180deg,#e4b95e,#c89232);border-color:#e6b95d;color:#171107;box-shadow:0 7px 28px rgba(210,158,57,.18)}.button-primary:hover{filter:brightness(1.05);border-color:#f0c86d}.button-ghost{background:rgba(255,255,255,.025)}.button-large{padding:13px 19px;border-radius:11px}.button-full{width:100%;padding:13px}.language-picker{position:relative}.language-button{height:40px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:10px;padding:0 10px;cursor:pointer}.language-button:hover{color:var(--text)}.language-button svg{width:15px}.language-globe{font-size:17px}.language-menu{position:absolute;right:0;top:48px;width:185px;background:#11151b;border:1px solid #28303b;border-radius:12px;padding:6px;box-shadow:var(--shadow);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.18s}.language-menu.open{opacity:1;transform:none;pointer-events:auto}.language-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#dce0e6;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left}.language-menu button:hover{background:#1a2029}.language-menu small{color:#727d8c}.mobile-menu-button,.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:.94fr 1.3fr;gap:52px;align-items:center;min-height:740px;padding-top:70px;padding-bottom:80px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--accent-2);text-transform:uppercase;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(143,213,166,.08)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 24px;max-width:720px}.hero h1 span,.section-heading h2 span,.download-copy h2 span,.compare-copy h2 span{color:#a7afba}.hero-lead{color:#adb5c1;font-size:18px;max-width:650px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:31px}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#77818e;font-size:12px;margin-top:18px}.meta-sep{width:3px;height:3px;border-radius:50%;background:#444d59}.hero-visual{position:relative;perspective:1600px}.app-window{background:#0e1218;border:1px solid #2a313b;border-radius:16px;overflow:hidden;box-shadow:0 55px 120px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;transform:rotateY(-4deg) rotateX(1deg);transform-origin:center}.app-topbar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid #1c222b;background:#11151b}.traffic{display:flex;gap:6px}.traffic i{width:7px;height:7px;border-radius:50%;background:#3a414c}.app-title{font-size:11px;color:#707987}.top-actions{display:flex;justify-content:flex-end;gap:8px}.top-actions span{width:14px;height:14px;border:1px solid #323b47;border-radius:4px}.app-toolbar{height:54px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #1a2028}.app-search{flex:1;height:36px;border:1px solid #2b333e;background:#0b0e13;border-radius:8px;display:flex;align-items:center;gap:8px;color:#65707d;padding:0 10px;font-size:11px}.app-search svg{width:15px}.app-search kbd{margin-left:auto;font-family:inherit;font-size:9px;border:1px solid #2a333d;padding:1px 5px;border-radius:4px;color:#56606c}.tiny-filter{height:34px;border:1px solid #2a333d;background:#131820;color:#8b95a2;font-size:9px;border-radius:7px}.app-main{display:grid;grid-template-columns:150px 1fr;min-height:285px}.mock-sidebar{border-right:1px solid #1c222a;padding:12px 8px;background:#0d1015}.side-label{font-size:8px;color:#59626e;font-weight:700;letter-spacing:.12em;padding:0 8px 6px}.side-label.second{margin-top:14px}.side-item{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:5px;height:29px;padding:0 7px;border-radius:6px;color:#88929f;font-size:9px}.side-item b{font-weight:500;color:#555f6b;font-size:8px}.side-item.active{background:#1a2029;color:#e4e8ec}.side-icon{color:#6f7985}.dot{width:6px;height:6px;border-radius:50%;margin-left:3px}.gold{background:#d9a84a}.blue{background:#6d91e9}.violet{background:#8d78de}.mock-browser{overflow:hidden}.browser-head,.audio-row{display:grid;grid-template-columns:30px 1.65fr 1.5fr 65px 35px;align-items:center}.browser-head{height:26px;background:#10141a;border-bottom:1px solid #1e252e;color:#505a67;font-size:7px;font-weight:800;letter-spacing:.1em;padding:0 8px}.audio-row{height:48px;padding:0 8px;border-bottom:1px solid #171d25;color:#606b78;font-size:8px}.audio-row strong{font-size:9px;color:#b4bcc7;font-weight:540;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.audio-row.selected{background:rgba(217,168,74,.09);box-shadow:inset 2px 0 0 #d9a84a}.audio-row.selected strong{color:#f0e5ce}.mini-wave,.large-wave,.card-wave{display:flex;align-items:center;gap:1px;height:24px;overflow:hidden}.wave-bar{width:2px;min-width:1px;background:#5a6675;border-radius:2px}.selected .wave-bar{background:#aa8749}.wave-panel{height:173px;border-top:1px solid #222a34;background:#0b0e13;padding:12px 14px}.wave-info{display:flex;justify-content:space-between;align-items:flex-start}.wave-info strong{display:block;font-size:10px}.wave-info span{font-size:8px;color:#59636f}.tag{font-size:7px;color:#cba14e;border:1px solid rgba(217,168,74,.28);padding:2px 6px;border-radius:5px;background:rgba(217,168,74,.06)}.large-wave{height:72px;gap:1px;position:relative}.large-wave .wave-bar{background:#6c7784;width:2px;opacity:.78}.playhead{position:absolute;left:58%;bottom:35px;height:94px;width:1px;background:#e8b456;box-shadow:0 0 8px rgba(232,180,86,.3)}.playhead span{position:absolute;top:-2px;left:-3px;width:7px;height:7px;border-radius:50%;background:#e8b456}.transport{height:28px;display:flex;align-items:center;gap:8px;color:#66717e;font-size:8px}.transport button{border:0;background:transparent;color:#73808e;font-size:10px;padding:0}.transport .play{color:#e4bd6d}.transport time{margin-left:8px}.transport-spacer{flex:1}.floating-card{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #2c3440;background:rgba(16,20,26,.92);backdrop-filter:blur(12px);padding:9px 11px;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.38)}.floating-card strong{font-size:10px;display:block}.floating-card small{font-size:8px;color:#737e8b;display:block}.floating-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(217,168,74,.1);color:#d9a84a}.float-search{left:-22px;top:115px}.float-local{right:-26px;bottom:72px}
.trust-strip{padding:25px 0 95px;text-align:center}.trust-strip p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5d6673;margin-bottom:25px}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:20px;color:#7d8692;font-weight:800;font-size:12px;letter-spacing:.08em}.section{padding:115px 0}.section-heading{max-width:700px;margin-bottom:55px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.compare-copy h2,.download-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-.045em;margin:14px 0 19px}.section-heading p{color:#9099a6;max-width:650px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{min-height:395px;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(180deg,rgba(20,25,33,.86),rgba(13,17,23,.86));padding:30px;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 20% -20%,rgba(217,168,74,.08),transparent 60%);pointer-events:none}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.feature-index{font-size:10px;color:#59626e;letter-spacing:.12em;margin-bottom:48px}.feature-card h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin-bottom:13px}.feature-card p{color:#8f99a6;max-width:560px}.feature-list,.price-list{list-style:none;padding:0;margin:24px 0 0}.feature-list li,.price-list li{position:relative;padding-left:20px;color:#a5adba;font-size:14px;margin:10px 0}.feature-list li:before,.price-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:#d2a34a}.search-demo{border:1px solid #242c36;border-radius:14px;background:#0b0f14;padding:18px;box-shadow:0 22px 55px rgba(0,0,0,.28)}.demo-search-row{height:48px;border:1px solid #2a333f;background:#10151c;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px}.search-chip{border:1px solid rgba(217,168,74,.25);background:rgba(217,168,74,.07);color:#deb865;border-radius:5px;padding:4px 7px;font-size:11px}.operator{font-size:9px;color:#6c7784}.cursor{width:1px;height:18px;background:#e7b85b;animation:blink 1.1s infinite}.demo-result{display:flex;align-items:center;gap:8px;padding:15px 2px 10px;color:#7c8794;font-size:11px}.demo-result b{color:#d8dde3;font-size:18px}.demo-result small{margin-left:auto;color:#6fae83}.demo-lines i{display:block;height:1px;background:#1d242e;margin:12px 0}.card-wave{height:90px;margin-top:38px;border-top:1px solid #242c35;border-bottom:1px solid #242c35;gap:2px}.card-wave .wave-bar{flex:1;background:#74808d;max-width:5px}.card-wave-labels{display:flex;justify-content:space-between;color:#505b68;font-size:10px;margin-top:8px}.metric-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px}.metric-stack div{border:1px solid #252d37;border-radius:11px;background:#0d1117;padding:16px}.metric-stack strong{display:block;font-size:28px;color:#dfb45f}.metric-stack span{font-size:10px;color:#707b89}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.tag-cloud span{border:1px solid #2b3440;background:#0e1218;border-radius:18px;padding:7px 11px;color:#9ba5b2;font-size:11px}.tag-cloud span:nth-child(2n){border-color:rgba(217,168,74,.26);color:#c5a868;background:rgba(217,168,74,.05)}.segment-demo{height:78px;display:flex;align-items:center;gap:4px;margin-top:35px;background:#0b0e13;border-radius:10px;padding:0 10px;border:1px solid #222a34}.segment-demo i{height:32%;flex:1;background:#3a444f;border-radius:2px}.segment-demo i.active{height:76%;background:#b98c3d;box-shadow:inset 3px 0 0 #e0b65d,inset -3px 0 0 #e0b65d}.segment-demo i.short{flex:.55}.organize-demo{display:grid;grid-template-columns:.65fr 1.35fr;gap:13px}.folder-stack{display:grid;gap:8px}.folder-stack span,.metadata-card{border:1px solid #28313c;background:#0d1117;border-radius:10px}.folder-stack span{padding:14px;color:#818b98;font-size:12px}.metadata-card{padding:17px}.metadata-card small{display:block;color:#525d6a;font-size:8px;letter-spacing:.12em;margin-bottom:8px}.metadata-card strong{font-size:13px;line-height:1.5;display:block}.metadata-card div{display:flex;gap:6px;margin-top:18px}.metadata-card span{font-size:9px;border:1px solid #323a45;color:#858f9d;border-radius:12px;padding:3px 7px}
.workflow-section{padding:115px 0;background:linear-gradient(180deg,#0d1015,#090b0f);border-top:1px solid #141a22;border-bottom:1px solid #141a22}.workflow-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:start;margin-top:70px}.workflow-step{display:flex;gap:14px}.workflow-step>span{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(217,168,74,.35);background:rgba(217,168,74,.06);color:#d8ac55;border-radius:9px;display:grid;place-items:center;font-size:11px}.workflow-step strong{font-size:14px}.workflow-step p{font-size:12px;color:#747f8d;margin-top:5px}.rail-line{width:28px;height:1px;background:#2b333d;margin-top:15px}.compare-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.compare-copy p{color:#8b95a2}.compare-panel{border:1px solid #222a34;border-radius:16px;overflow:hidden;background:#0d1117}.compare-row{display:grid;grid-template-columns:1fr 100px 140px;align-items:center;min-height:57px;border-bottom:1px solid #1d242d;padding:0 20px;color:#8d97a4;font-size:13px}.compare-row:last-child{border-bottom:0}.compare-row.head{background:#11161d;color:#58636f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.compare-row strong{text-align:center;color:#e1b45a}.compare-row em{text-align:center;color:#59636f;font-style:normal}.pricing-section{padding:115px 0;background:#0c0f14;border-top:1px solid #161c24;border-bottom:1px solid #161c24}.billing-toggle{display:inline-flex;border:1px solid #272f39;background:#0a0d12;border-radius:11px;padding:4px;margin-top:18px}.billing-toggle button{border:0;background:transparent;color:#77818d;border-radius:8px;padding:8px 13px;font-weight:650;cursor:pointer}.billing-toggle button.active{background:#1a2029;color:#eef1f4}.billing-toggle small{font-size:9px;color:#d0a34b;margin-left:5px}.pricing-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.price-card{position:relative;border:1px solid #252d37;border-radius:18px;background:#10141a;padding:30px;min-height:580px}.price-card.featured{border-color:rgba(217,168,74,.43);background:linear-gradient(180deg,rgba(217,168,74,.05),#10141a 22%);box-shadow:0 25px 70px rgba(0,0,0,.28)}.popular{position:absolute;right:18px;top:18px;color:#e1b661;background:rgba(217,168,74,.08);border:1px solid rgba(217,168,74,.2);border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800;letter-spacing:.1em}.plan-label{font-size:10px;letter-spacing:.14em;color:#7b8694}.price-top h3{font-size:24px;margin:7px 0 9px}.price-top p{color:#87919f;font-size:13px;min-height:42px}.price{display:flex;align-items:flex-start;margin:28px 0 3px}.currency{font-size:19px;color:#9099a6;margin-top:8px}.price strong{font-size:48px;line-height:1;letter-spacing:-.05em}.period{color:#6d7783;font-size:11px;margin:25px 0 0 7px}.annual-note{font-size:10px;color:#606a77;margin-bottom:18px}.price-divider{height:1px;background:#232a34;margin:25px 0}.includes{font-size:12px}.price-list li{font-size:12px;color:#8f99a6;margin:11px 0}.price-list li:before{width:5px;height:5px}.pricing-fineprint{text-align:center;color:#59636f;font-size:11px;margin:20px 0 0}.download-panel{border:1px solid #272f39;border-radius:22px;background:linear-gradient(120deg,#11161d,#0c0f14);min-height:430px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.download-copy{padding:55px}.download-copy p{color:#909aa7;max-width:570px}.download-actions{display:flex;gap:10px;margin-top:28px}.platform-button{min-width:180px;display:flex;align-items:center;gap:10px;border:1px solid #303844;border-radius:11px;background:#0b0e13;color:#eef1f4;text-decoration:none;padding:10px 13px;transition:.2s}.platform-button:hover{border-color:#4a5563;transform:translateY(-1px)}.platform-icon{font-size:25px;color:#cbd0d7}.platform-icon.windows{font-size:22px}.platform-button small{display:block;color:#697481;font-size:9px}.platform-button strong{font-size:13px}.requirements{color:#596471;font-size:10px;margin-top:14px}.download-art{position:relative;display:grid;place-items:center;overflow:hidden}.download-mark{width:170px;height:170px;border:1px solid rgba(217,168,74,.2);background:rgba(217,168,74,.04);border-radius:38px;display:grid;place-items:center;color:#dbad53;box-shadow:0 0 80px rgba(217,168,74,.08);position:relative;z-index:2;transform:rotate(-6deg)}.download-mark svg{width:110px}.disc{position:absolute;border:1px solid #2e3742;border-radius:50%}.disc-a{width:330px;height:330px}.disc-b{width:470px;height:470px;opacity:.45}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-heading h2{font-size:42px;letter-spacing:-.04em;margin-top:10px}.faq-item{border-top:1px solid #252d37}.faq-item:last-child{border-bottom:1px solid #252d37}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:transparent;color:#d8dde3;padding:20px 0;font:inherit;text-align:left;cursor:pointer}.faq-item button i{font-style:normal;color:#6f7a87;font-size:20px;transition:.2s}.faq-item>div{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item p{color:#858f9c;font-size:13px;max-width:700px;padding-bottom:20px;margin:0}.faq-item.open>div{max-height:180px}.faq-item.open button i{transform:rotate(45deg);color:#d3a74d}.site-footer{border-top:1px solid #181e26;background:#080a0d;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:40px}.footer-brand p{color:#697380;font-size:12px;margin-top:11px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col strong{font-size:11px;color:#d2d7dd;margin-bottom:4px}.footer-col a{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;color:#4e5864;font-size:10px;border-top:1px solid #151a21;padding-top:20px;margin-top:45px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:0}}
body[dir="rtl"] .desktop-nav,body[dir="rtl"] .nav-actions,body[dir="rtl"] .hero-actions,body[dir="rtl"] .hero-meta,body[dir="rtl"] .download-actions{direction:rtl}body[dir="rtl"] .language-menu{left:0;right:auto}body[dir="rtl"] .feature-list li,body[dir="rtl"] .price-list li{padding-left:0;padding-right:20px}body[dir="rtl"] .feature-list li:before,body[dir="rtl"] .price-list li:before{left:auto;right:0}body[dir="rtl"] .faq-item button{text-align:right}
@media(max-width:980px){.desktop-nav,.desktop-only{display:none}.mobile-menu-button{display:flex;width:38px;height:38px;border:1px solid var(--line);background:transparent;border-radius:9px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-menu-button span{width:15px;height:1px;background:#b9c0c9}.mobile-menu{position:absolute;left:0;right:0;top:72px;background:#0c1015;border-bottom:1px solid #222a34;padding:12px 20px 18px}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{color:#b7bec8;text-decoration:none;padding:10px 0}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{max-width:800px;margin:20px auto 0}.trust-grid{grid-template-columns:repeat(3,1fr);row-gap:28px}.feature-wide{grid-template-columns:1fr}.workflow-rail{grid-template-columns:1fr 1fr;gap:28px}.rail-line{display:none}.compare-section{grid-template-columns:1fr;gap:45px}.faq-section{grid-template-columns:1fr;gap:30px}.download-panel{grid-template-columns:1fr}.download-art{min-height:300px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:680px){.shell{width:min(100% - 28px,1180px)}.nav-wrap{height:64px}.language-button{height:36px}.hero{padding-top:48px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-meta{font-size:10px}.app-window{transform:none}.app-main{grid-template-columns:1fr}.mock-sidebar{display:none}.browser-head,.audio-row{grid-template-columns:25px 1.55fr 1.2fr 55px}.browser-head span:last-child,.audio-row span:last-child{display:none}.floating-card{display:none}.trust-strip{padding-bottom:65px}.trust-grid{grid-template-columns:1fr 1fr;font-size:10px}.section,.workflow-section,.pricing-section{padding:80px 0}.section-heading{margin-bottom:35px}.section-heading h2,.compare-copy h2,.download-copy h2{font-size:38px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-card{padding:23px;min-height:auto}.feature-index{margin-bottom:30px}.metric-stack{grid-template-columns:1fr}.organize-demo{grid-template-columns:1fr}.workflow-rail{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.compare-row{grid-template-columns:1fr 60px 90px;padding:0 12px;font-size:11px}.download-copy{padding:34px 24px}.download-actions{flex-direction:column}.platform-button{width:100%}.faq-heading h2{font-size:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:7px}.app-toolbar .tiny-filter:last-child{display:none}.wave-panel{height:155px}.large-wave{height:60px}}

/* ============================================================
   KuuKoo Visual Design System V1.2 — Website Theme Authority
   Brand Blue is identity; Accent Blue is interaction; waveform
   stays blue/cyan; Amber is reserved for playback/search timing.
   ============================================================ */
:root{
  --brand-logo:#129FE8; --accent:#1687D9; --accent-2:#2196E5; --accent-pressed:#0E6FB8; --accent-focus:#249BE5;
  --bg:#171A1D; --bg-2:#1B1F22; --panel:#202428; --panel-2:#252A2E; --raised:#292E32; --popup:#2C3136;
  --line:rgba(255,255,255,.07); --line-soft:rgba(255,255,255,.04); --line-default:#353B40; --line-strong:#495159;
  --text:#E6E9EB; --muted:#AEB6BC; --muted-2:#778088; --disabled:#555C63;
  --wave:#62A7C4; --wave-hover:#68B1D1; --wave-selected:#72BCE0; --wave-muted:#53636B; --wave-silence:#3A4046; --wave-center:#87939A;
  --playhead:#F2B84B; --marker:#E7A84B; --selection:#194D70; --selection-hover:#263E4D;
  --success:#58B88A; --warning:#E7A84B; --error:#E35D6A; --info:#5DADE2; --important:#B276E6;
  --shadow:0 30px 90px rgba(0,0,0,.32);
}
body{background:var(--bg);color:var(--text)}
.noise{opacity:.025}.ambient-a{background:#1687D9;opacity:.11}.ambient-b{background:#62A7C4;opacity:.07}
.site-header{background:rgba(23,26,29,.78);border-bottom-color:var(--line-soft)}
.brand{gap:11px}.brand-logo-frame{width:54px;height:38px;border-radius:8px;background:#fff;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.brand-logo-frame img{width:100%;height:100%;object-fit:cover}.brand-word{color:var(--text)}
.desktop-nav a,.footer-col a{color:var(--muted)}.desktop-nav a:hover,.footer-col a:hover{color:var(--text)}
.button{border-color:var(--line-default);color:var(--text);background:var(--panel)}.button:hover{border-color:#596269;background:var(--raised)}
.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 30px rgba(22,135,217,.20)}.button-primary:hover{background:var(--accent-2);border-color:var(--accent-2);filter:none}.button-primary:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}
.button:focus-visible,.language-button:focus-visible,.platform-button:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}
.language-button{border-color:var(--line-default);background:var(--panel);color:var(--muted)}.language-menu{background:var(--popup);border-color:var(--line-default)}.language-menu button{color:var(--text)}.language-menu button:hover{background:var(--selection-hover)}
.eyebrow{color:var(--accent-2)}.status-dot{background:var(--success);box-shadow:0 0 0 5px rgba(88,184,138,.10)}
.hero h1 span,.section-heading h2 span,.download-copy h2 span,.compare-copy h2 span{color:var(--muted)}.hero-lead{color:var(--muted)}.hero-meta{color:var(--muted-2)}
.app-window{background:var(--panel);border-color:var(--line-default);box-shadow:0 55px 120px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.02) inset}.app-topbar{background:var(--sidebar,#1B1F22);border-bottom-color:var(--line-soft)}.app-toolbar{border-bottom-color:var(--line-soft)}.app-search{background:var(--bg);border-color:var(--line-default);color:var(--muted-2)}.app-search:focus-within{border-color:var(--accent-focus)}.tiny-filter{background:var(--panel);border-color:var(--line-default);color:var(--muted)}
.mock-sidebar{background:#1B1F22;border-right-color:var(--line-soft)}.side-label{color:var(--muted-2)}.side-item{color:var(--muted)}.side-item b{color:var(--muted-2)}.side-item.active{background:var(--selection);color:var(--text)}
.dot.gold{background:#D9785F}.dot.blue{background:var(--info)}.dot.violet{background:var(--important)}
.browser-head{background:var(--panel);border-bottom-color:var(--line-soft);color:var(--muted-2)}.audio-row{border-bottom-color:var(--line-soft);color:var(--muted-2)}.audio-row strong{color:var(--muted)}.audio-row.selected{background:rgba(25,77,112,.78);box-shadow:inset 2px 0 0 var(--wave-selected)}.audio-row.selected strong{color:var(--text)}
.wave-bar{background:var(--wave)}.selected .wave-bar{background:var(--wave-selected)}.wave-panel{background:var(--bg);border-top-color:var(--line-soft)}.large-wave .wave-bar{background:var(--wave);opacity:.82}.playhead{background:var(--playhead);box-shadow:0 0 8px rgba(242,184,75,.28)}.playhead span{background:var(--playhead)}.transport .play{color:var(--playhead)}
.tag{color:var(--accent-2);border-color:rgba(33,150,229,.28);background:rgba(33,150,229,.07)}
.floating-card{border-color:var(--line-default);background:rgba(44,49,54,.93)}.floating-icon{background:rgba(22,135,217,.12);color:var(--accent-2)}
.section-heading p,.compare-copy p,.download-copy p{color:var(--muted)}
.feature-card,.compare-panel,.price-card{background:var(--panel);border-color:var(--line-default)}.feature-card:hover{border-color:#495159}.feature-index{color:var(--accent-2)}.feature-list li,.price-list li{color:var(--muted)}.feature-list li:before,.price-list li:before{background:var(--accent)}
.search-demo,.wave-demo,.ai-demo,.clip-demo,.organize-demo .folder-stack span,.metadata-card{background:var(--bg);border-color:var(--line-default)}
.demo-search{border-color:var(--accent);box-shadow:0 0 0 3px rgba(36,155,229,.08)}.demo-search .cursor{background:var(--accent-2)}.demo-result b,.metric-stack strong{color:var(--accent-2)}
.workflow-section{background:linear-gradient(180deg,#1B1F22,#171A1D);border-color:var(--line-soft)}.workflow-step>span{border-color:rgba(22,135,217,.38);background:rgba(22,135,217,.09);color:var(--accent-2)}.rail-line{background:var(--line-default)}
.compare-row{border-bottom-color:var(--line-soft);color:var(--muted)}.compare-row.head{background:var(--raised);color:var(--muted-2)}.compare-row strong{color:var(--accent-2)}.compare-row em{color:var(--disabled)}
.pricing-section{background:#1B1F22;border-color:var(--line-soft)}.billing-toggle{border-color:var(--line-default);background:var(--bg)}.billing-toggle button{color:var(--muted-2)}.billing-toggle button.active{background:var(--selection);color:var(--text)}.billing-toggle small{color:var(--info)}
.price-card.featured{border-color:rgba(22,135,217,.55);background:linear-gradient(180deg,rgba(22,135,217,.08),var(--panel) 24%);box-shadow:0 25px 70px rgba(0,0,0,.22)}.popular{color:#8ED0F3;background:rgba(22,135,217,.11);border-color:rgba(33,150,229,.28)}.plan-label{color:var(--muted-2)}.price-top p{color:var(--muted)}.currency{color:var(--muted)}.annual-note{color:var(--muted-2)}.price-divider{background:var(--line-soft)}
.download-panel{border-color:var(--line-default);background:linear-gradient(120deg,#202428,#171A1D)}.platform-button{border-color:var(--line-default);background:var(--bg);color:var(--text)}.platform-button:hover{border-color:var(--accent);background:var(--panel)}.platform-icon{color:var(--accent-2)}.download-mark{border-color:rgba(18,159,232,.28);background:rgba(18,159,232,.06);color:var(--brand-logo);box-shadow:0 0 80px rgba(18,159,232,.10)}.disc{border-color:var(--line-default)}
.faq-item{border-top-color:var(--line-default)}.faq-item:last-child{border-bottom-color:var(--line-default)}.faq-item button{color:var(--text)}.faq-item p{color:var(--muted)}.faq-item.open button i{color:var(--accent-2)}
.site-footer{background:#171A1D;border-top-color:var(--line-soft)}.footer-brand p{color:var(--muted-2)}.footer-col strong{color:var(--text)}.footer-bottom{border-top-color:var(--line-soft);color:var(--muted-2)}
@media(max-width:980px){.mobile-menu{background:#1B1F22;border-bottom-color:var(--line-default)}}


/* v3 — motion, brand animation and cinematic section */
html{scroll-behavior:smooth}.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:200;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--brand-logo),var(--accent-2));box-shadow:0 0 16px rgba(18,159,232,.28);pointer-events:none}
.brand{min-width:118px}.brand-logo-animated{display:block;width:126px;height:58px;overflow:hidden;filter:drop-shadow(0 7px 18px rgba(18,159,232,.08));transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}.brand-logo-animated img{display:block;width:100%;height:100%;object-fit:contain}.brand:hover .brand-logo-animated{transform:translateY(-1px) scale(1.018);filter:drop-shadow(0 9px 24px rgba(18,159,232,.16))}.brand-word{display:none}
.site-header{backdrop-filter:saturate(125%) blur(18px)}

.manifesto-section{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(23,26,29,.15),rgba(27,31,34,.92) 22%,rgba(23,26,29,.98));border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.manifesto-section:before{content:"";position:absolute;inset:0;background:radial-gradient(620px 320px at 77% 52%,rgba(22,135,217,.10),transparent 72%),linear-gradient(90deg,transparent 0 67%,rgba(255,255,255,.012) 67% 67.1%,transparent 67.1%);pointer-events:none}.manifesto-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:72px;padding-top:90px;padding-bottom:90px;will-change:transform}.manifesto-copy{max-width:940px}.manifesto-copy .eyebrow{font-size:15px;letter-spacing:.25em;margin-bottom:42px}.manifesto-copy h2{font-size:clamp(66px,7.4vw,112px);line-height:.96;letter-spacing:-.062em;margin:0 0 48px;color:var(--text)}.manifesto-copy h2 span{color:#AEB6BC}.manifesto-copy p{font-size:clamp(18px,2vw,29px);line-height:1.72;max-width:1180px;color:#AEB6BC;margin:0}.manifesto-signal{position:relative;height:340px;border-radius:50%;display:grid;place-items:center;opacity:.93;transform:translateZ(0)}.manifesto-signal:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(18,159,232,.035);box-shadow:0 0 95px rgba(18,159,232,.09)}.signal-orbit{position:absolute;border-radius:50%;border:1px solid rgba(93,173,226,.15)}.orbit-a{width:230px;height:230px;animation:signalOrbit 14s linear infinite}.orbit-b{width:320px;height:320px;border-color:rgba(98,167,196,.09);animation:signalOrbit 22s linear infinite reverse}.signal-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:-4px;left:50%;background:var(--wave-selected);box-shadow:0 0 13px rgba(114,188,224,.5)}.signal-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:124px;width:290px;position:relative;z-index:2}.signal-wave .wave-bar{width:3px;background:var(--wave);opacity:.85}.signal-playhead{position:absolute;z-index:3;width:1px;height:154px;left:54%;top:93px;background:var(--playhead);box-shadow:0 0 16px rgba(242,184,75,.3);animation:signalPlayhead 4.8s cubic-bezier(.45,0,.25,1) infinite}.signal-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--playhead)}
@keyframes signalOrbit{to{transform:rotate(360deg)}}@keyframes signalPlayhead{0%,8%{transform:translateX(-96px);opacity:.15}18%{opacity:1}82%{opacity:1}92%,100%{transform:translateX(98px);opacity:.15}}
.feature-section{padding-top:116px}

/* progressive scroll entrances */
.reveal{opacity:0;transform:translate3d(0,34px,0) scale(.992);filter:blur(5px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .95s cubic-bezier(.2,.8,.2,1),filter .85s ease}.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.reveal-split h2,.reveal-split p,.reveal-split .eyebrow{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .95s cubic-bezier(.2,.8,.2,1)}.reveal-split.visible .eyebrow{opacity:1;transform:none;transition-delay:.04s}.reveal-split.visible h2{opacity:1;transform:none;transition-delay:.13s}.reveal-split.visible p{opacity:1;transform:none;transition-delay:.24s}
.media-reveal{--media-y:0px;--media-scale:1;transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .8s ease,border-color .5s ease;transform:translate3d(0,var(--media-y),0) scale(var(--media-scale));will-change:transform}.feature-card.media-reveal:hover{--media-y:-5px;box-shadow:0 28px 74px rgba(0,0,0,.20),0 0 0 1px rgba(33,150,229,.04) inset}.feature-card .feature-demo,.feature-card .card-wave,.feature-card .metric-stack,.feature-card .tag-cloud,.feature-card .segment-demo,.feature-card .organize-demo{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease,opacity .7s ease}.feature-card:hover .feature-demo,.feature-card:hover .organize-demo{transform:translateY(-4px) scale(1.012)}.feature-card:hover .card-wave,.feature-card:hover .segment-demo{transform:scaleY(1.055)}
.scroll-scene{--scroll-shift:0px;transform:translate3d(0,var(--scroll-shift),0)}.hero-visual.scroll-scene{transform:translate3d(0,var(--scroll-shift),0)}.hero-visual .motion-surface{transition:transform .25s linear,box-shadow .65s ease}.hero-visual.visible .motion-surface{box-shadow:0 60px 130px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.02) inset}.floating-card{transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .4s ease}.hero-visual:hover .float-search{transform:translate(-6px,-5px)}.hero-visual:hover .float-local{transform:translate(6px,5px)}
.workflow-step{transition:transform .5s cubic-bezier(.2,.8,.2,1),background .45s ease,border-color .45s ease}.workflow-step:hover{transform:translateY(-4px);border-color:rgba(33,150,229,.26)}.download-mark{animation:downloadFloat 6s ease-in-out infinite}.disc-a{animation:discSpin 26s linear infinite}.disc-b{animation:discSpin 38s linear infinite reverse}@keyframes downloadFloat{50%{transform:rotate(-3deg) translateY(-9px)}}@keyframes discSpin{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-progress{display:none}.reveal,.reveal-split h2,.reveal-split p,.reveal-split .eyebrow,.media-reveal,.scroll-scene,.motion-surface{transition:none!important;transform:none!important;filter:none!important}.signal-orbit,.signal-playhead,.download-mark,.disc{animation:none!important}}
@media(max-width:980px){.brand-logo-animated{width:112px;height:51px}.manifesto-inner{grid-template-columns:1fr;gap:20px}.manifesto-signal{height:235px;opacity:.72}.manifesto-copy h2{font-size:clamp(58px,10vw,88px)}.manifesto-copy p{font-size:21px}.manifesto-section{min-height:760px}}
@media(max-width:680px){.brand-logo-animated{width:96px;height:45px}.manifesto-section{min-height:680px}.manifesto-inner{padding-top:72px;padding-bottom:72px}.manifesto-copy .eyebrow{margin-bottom:30px;font-size:12px}.manifesto-copy h2{font-size:52px;margin-bottom:32px}.manifesto-copy p{font-size:17px;line-height:1.65}.manifesto-signal{height:190px}.signal-wave{width:230px;height:96px}.orbit-a{width:170px;height:170px}.orbit-b{width:225px;height:225px}.signal-playhead{height:118px;top:35px}.feature-section{padding-top:84px}}

/* ==========================================================
   v4 — Motion Precision / transparent animated brand
   ========================================================== */
:root{
  --ease-premium:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
}

body{background:
  radial-gradient(1200px 700px at 52% -180px,rgba(18,159,232,.075),transparent 62%),
  linear-gradient(180deg,#171A1D 0%,#171A1D 62%,#15181B 100%);
}
.site-header{background:rgba(23,26,29,.70);border-bottom:1px solid rgba(255,255,255,.035)}
.nav-wrap{height:78px}
.brand{min-width:152px;display:flex;align-items:center}
.brand-logo-animated{width:146px;height:68px;overflow:visible;filter:drop-shadow(0 9px 22px rgba(18,159,232,.09));transform-origin:35% 50%}
.brand-logo-animated img{width:100%;height:100%;object-fit:contain;object-position:left center;background:transparent!important}
.brand:hover .brand-logo-animated{transform:translate3d(0,-1px,0) scale(1.024);filter:drop-shadow(0 10px 28px rgba(18,159,232,.18))}

/* cinematic hero field */
.hero-visual{isolation:isolate}
.hero-field{position:absolute;inset:-13% -9% -15% -10%;z-index:-1;pointer-events:none;overflow:visible}
.field-ring{position:absolute;border:1px solid rgba(114,188,224,.11);border-radius:50%;box-shadow:0 0 55px rgba(18,159,232,.025) inset}
.ring-a{width:66%;aspect-ratio:1;right:-4%;top:-9%;animation:orbitFloat 19s linear infinite}
.ring-b{width:48%;aspect-ratio:1;left:2%;bottom:-8%;animation:orbitFloat 27s linear infinite reverse;border-color:rgba(93,173,226,.08)}
.ring-c{width:31%;aspect-ratio:1;right:23%;top:31%;animation:orbitFloat 14s linear infinite;border-color:rgba(242,184,75,.07)}
.field-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--wave-selected);box-shadow:0 0 20px rgba(114,188,224,.8)}
.dot-a{right:11%;top:7%;animation:dotDrift 8s ease-in-out infinite}.dot-b{left:13%;bottom:14%;animation:dotDrift 10s ease-in-out -2s infinite}.dot-c{right:36%;bottom:2%;background:var(--playhead);box-shadow:0 0 16px rgba(242,184,75,.55);animation:dotDrift 7s ease-in-out -1s infinite}
@keyframes orbitFloat{to{transform:rotate(360deg)}}
@keyframes dotDrift{0%,100%{transform:translate3d(0,0,0);opacity:.55}50%{transform:translate3d(10px,-12px,0);opacity:1}}

.premium-visual .app-window{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(32,36,40,.985),rgba(23,26,29,.995));border:1px solid rgba(73,81,89,.85);box-shadow:0 70px 160px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.018) inset,0 0 90px rgba(18,159,232,.055)}
.premium-visual .app-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 28%,rgba(255,255,255,.022) 39%,transparent 51% 100%);transform:translateX(-115%);animation:surfaceSweep 9s var(--ease-soft) infinite}
@keyframes surfaceSweep{0%,70%{transform:translateX(-115%)}88%,100%{transform:translateX(115%)}}

/* higher-end product visual modules */
.pro-media{position:relative;overflow:hidden;border:1px solid rgba(73,81,89,.72)!important;background:linear-gradient(180deg,rgba(23,26,29,.98),rgba(18,22,26,.985))!important;box-shadow:0 24px 70px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.018) inset}
.pro-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 38%,rgba(114,188,224,.028) 49%,transparent 60% 100%);transform:translateX(-120%);transition:transform 1.15s var(--ease-premium)}
.feature-card:hover .pro-media:after{transform:translateX(120%)}

.search-demo{min-height:268px;padding:20px 20px 18px;display:flex;flex-direction:column;justify-content:flex-start}
.demo-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(93,173,226,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,173,226,.06) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.query-scan{position:absolute;left:0;right:0;height:1px;top:28%;background:linear-gradient(90deg,transparent,var(--wave-selected),transparent);box-shadow:0 0 16px rgba(114,188,224,.25);animation:queryScan 4.4s ease-in-out infinite}
@keyframes queryScan{0%,100%{transform:translateY(-34px);opacity:0}18%{opacity:.65}52%{transform:translateY(144px);opacity:.38}70%{opacity:0}}
.demo-search-row,.demo-result,.result-stream{position:relative;z-index:2}
.demo-search-row{border-color:rgba(36,155,229,.42);box-shadow:0 0 0 3px rgba(36,155,229,.05),0 12px 38px rgba(0,0,0,.18)}
.search-chip{border-color:rgba(33,150,229,.28);background:rgba(22,135,217,.09);color:#8ED0F3}
.result-stream{display:grid;gap:8px;margin-top:6px}
.result-stream>div{display:grid;grid-template-columns:minmax(0,1fr) 88px 34px;gap:10px;align-items:center;padding:8px 9px;border:1px solid rgba(255,255,255,.035);background:rgba(37,42,46,.48);border-radius:8px;color:#AEB6BC;font-size:10px;backdrop-filter:blur(6px)}
.result-stream i{height:3px;border-radius:4px;background:linear-gradient(90deg,var(--wave),var(--wave-selected));width:var(--w);box-shadow:0 0 10px rgba(114,188,224,.12)}
.result-stream em{font-style:normal;color:#778088;text-align:right}

.wave-visual{position:relative;height:172px;margin-top:30px;border-radius:13px;padding:20px 14px 14px}
.spectrogram{position:absolute;inset:0;opacity:.37;background:
  radial-gradient(100px 40px at 24% 56%,rgba(98,167,196,.26),transparent 72%),
  radial-gradient(140px 48px at 58% 43%,rgba(114,188,224,.22),transparent 74%),
  radial-gradient(80px 36px at 83% 62%,rgba(98,167,196,.18),transparent 70%),
  repeating-linear-gradient(0deg,rgba(98,167,196,.06) 0 1px,transparent 1px 7px);
  filter:blur(.2px)
}
.wave-visual .card-wave{position:relative;z-index:2;margin-top:33px;border:0;height:84px;opacity:.96}
.wave-visual .card-wave .wave-bar{background:linear-gradient(180deg,#72BCE0,#62A7C4);box-shadow:0 0 8px rgba(98,167,196,.08)}
.precision-playhead{position:absolute;z-index:4;top:18px;bottom:15px;left:48%;width:1px;background:var(--playhead);box-shadow:0 0 12px rgba(242,184,75,.26);animation:precisionHead 5.6s var(--ease-soft) infinite}
.precision-playhead span{position:absolute;top:-1px;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--playhead)}
.selection-zone{position:absolute;z-index:1;left:57%;top:22px;bottom:22px;width:22%;background:rgba(76,137,184,.13);border-left:1px solid rgba(121,189,226,.68);border-right:1px solid rgba(121,189,226,.68)}
@keyframes precisionHead{0%,8%{left:16%;opacity:.25}17%{opacity:1}78%{left:82%;opacity:1}90%,100%{left:82%;opacity:.2}}

.scale-visual{position:relative;margin-top:30px;border-radius:14px;padding:16px;min-height:148px}
.scale-rings{position:absolute;right:-40px;top:-48px;width:200px;height:200px;opacity:.5}
.scale-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(93,173,226,.11);animation:scalePulse 5s ease-in-out infinite}
.scale-rings i:nth-child(2){inset:22px;animation-delay:-1.4s}.scale-rings i:nth-child(3){inset:46px;animation-delay:-2.7s}
@keyframes scalePulse{0%,100%{transform:scale(.94);opacity:.35}50%{transform:scale(1.03);opacity:.85}}
.scale-visual .metric-stack{position:relative;z-index:2;margin:0}
.scale-visual .metric-stack div{background:rgba(23,26,29,.68);backdrop-filter:blur(8px);border-color:rgba(73,81,89,.52)}
.scale-visual .metric-stack strong{color:#8ED0F3}

.ai-visual{position:relative;margin-top:30px;min-height:174px;border-radius:14px;padding:18px;display:flex;align-items:flex-end}
.ai-network{position:absolute;inset:0;overflow:hidden}
.ai-network:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(178,118,230,.08),rgba(22,135,217,.045) 38%,transparent 70%)}
.node{position:absolute;width:8px;height:8px;border-radius:50%;background:#5DADE2;box-shadow:0 0 18px rgba(93,173,226,.45);animation:nodePulse 3.4s ease-in-out infinite}
.n1{left:20%;top:31%}.n2{left:40%;top:19%;animation-delay:-.6s}.n3{left:63%;top:35%;animation-delay:-1.1s}.n4{left:76%;top:18%;animation-delay:-1.9s}.n5{left:51%;top:54%;background:#B276E6;animation-delay:-2.5s}
.beam{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(93,173,226,.08),rgba(93,173,226,.55),rgba(93,173,226,.08));opacity:.55}
.b1{left:21%;top:33%;width:23%;transform:rotate(-18deg)}.b2{left:42%;top:22%;width:24%;transform:rotate(34deg)}.b3{left:52%;top:55%;width:27%;transform:rotate(-48deg)}.b4{left:64%;top:37%;width:18%;transform:rotate(-30deg)}
@keyframes nodePulse{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.35);opacity:1}}
.ai-visual .tag-cloud{position:relative;z-index:2;margin:0}
.ai-visual .tag-cloud span{backdrop-filter:blur(7px);background:rgba(23,26,29,.72);border-color:rgba(73,81,89,.7)}
.ai-visual .tag-cloud span:nth-child(2n){border-color:rgba(178,118,230,.22);color:#C69AF0;background:rgba(178,118,230,.045)}

.segment-visual{position:relative;margin-top:30px;border-radius:14px;padding:14px 14px 16px}
.segment-ruler{display:flex;justify-content:space-between;color:#555C63;font-size:9px;letter-spacing:.04em;margin-bottom:8px}
.segment-visual .segment-demo{position:relative;z-index:2;margin:0;border:0;background:transparent;padding:0;height:82px}
.segment-visual .segment-demo i{background:#34414A}.segment-visual .segment-demo i.active{background:linear-gradient(180deg,#68B1D1,#4C89B8);box-shadow:inset 2px 0 0 #79BDE2,inset -2px 0 0 #79BDE2,0 0 18px rgba(76,137,184,.12)}
.segment-playhead{position:absolute;z-index:3;top:22px;bottom:10px;left:21%;width:1px;background:#F2B84B;box-shadow:0 0 12px rgba(242,184,75,.25);animation:segmentHead 6.3s var(--ease-soft) infinite}
@keyframes segmentHead{0%,8%{left:15%}50%{left:58%}88%,100%{left:84%}}

.organize-demo{position:relative;min-height:210px;padding:18px;border-radius:14px;align-items:center}
.organize-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px}
.organize-demo .folder-stack,.organize-demo .metadata-card{position:relative;z-index:2}
.organize-demo .folder-stack span,.organize-demo .metadata-card{background:rgba(23,26,29,.72);backdrop-filter:blur(9px);border-color:rgba(73,81,89,.64)}
.metadata-scan{position:absolute;z-index:3;left:44%;right:4%;height:1px;top:18%;background:linear-gradient(90deg,transparent,#249BE5,transparent);opacity:.35;animation:metaScan 4.8s ease-in-out infinite}
@keyframes metaScan{0%,100%{top:18%;opacity:0}20%{opacity:.45}65%{top:84%;opacity:.18}80%{opacity:0}}

/* smoother, more deliberate motion language */
.reveal{opacity:0;transform:translate3d(0,54px,0) scale(.982);filter:blur(13px);transition:opacity 1.05s var(--ease-premium),transform 1.18s var(--ease-premium),filter 1.0s var(--ease-premium)}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.media-reveal{clip-path:inset(4% 0 4% 0 round 18px);opacity:.86;transition:clip-path 1.2s var(--ease-premium),opacity 1s var(--ease-premium),transform 1.15s var(--ease-premium),box-shadow .9s ease,border-color .55s ease}
.reveal.visible.media-reveal,.media-reveal.visible{clip-path:inset(0 0 0 0 round 18px);opacity:1}
.feature-card{transition:border-color .5s ease,box-shadow .8s var(--ease-premium),transform .8s var(--ease-premium);background:linear-gradient(180deg,rgba(32,36,40,.92),rgba(23,26,29,.96))}
.feature-card:hover{transform:translate3d(0,-6px,0);box-shadow:0 34px 90px rgba(0,0,0,.26),0 0 0 1px rgba(33,150,229,.035) inset}
.feature-card:before{background:radial-gradient(600px 240px at 18% -15%,rgba(22,135,217,.075),transparent 64%)}

/* 3D pointer response, driven by JS CSS variables */
.tilt-card{--rx:0deg;--ry:0deg;--tz:0px;transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz));transform-style:preserve-3d;will-change:transform}
.pro-media.tilt-card{transition:transform .5s var(--ease-premium),box-shadow .6s ease,border-color .5s ease}
.pro-media.tilt-card:hover{--tz:7px;box-shadow:0 30px 74px rgba(0,0,0,.32),0 0 0 1px rgba(33,150,229,.04) inset}

/* motion-aware background and sticky depth */
.ambient{will-change:transform,opacity;transition:opacity .8s ease}
body.is-scrolling .ambient{opacity:.72}
.scroll-scene{will-change:transform}
.motion-surface{will-change:transform}

/* premium section transitions */
.section,.workflow-section,.pricing-section,.manifesto-section{position:relative}
.section:before,.workflow-section:before,.pricing-section:before{content:"";position:absolute;left:50%;top:0;width:min(84vw,1120px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);pointer-events:none}
.workflow-rail{overflow:visible}.workflow-step{transition:transform .65s var(--ease-premium),opacity .65s ease}.workflow-step:hover{transform:translateY(-4px)}
.workflow-step>span{box-shadow:0 0 24px rgba(22,135,217,.07)}

/* responsive adjustments */
@media(max-width:980px){
  .nav-wrap{height:72px}.brand{min-width:126px}.brand-logo-animated{width:122px;height:58px}
  .hero-field{inset:-6% -7% -8% -8%}
  .result-stream>div{grid-template-columns:minmax(0,1fr) 70px 30px}
}
@media(max-width:680px){
  .nav-wrap{height:66px}.brand{min-width:102px}.brand-logo-animated{width:102px;height:48px}
  .hero-field{display:none}.search-demo{min-height:240px}.result-stream>div{grid-template-columns:1fr 48px 28px;font-size:9px}.wave-visual{height:148px}.scale-visual .metric-stack{grid-template-columns:1fr}.ai-visual{min-height:158px}.organize-demo{padding:14px}
  .reveal{transform:translate3d(0,34px,0) scale(.99);filter:blur(8px)}
}
@media(prefers-reduced-motion:reduce){
  .field-ring,.field-dot,.premium-visual .app-window:after,.query-scan,.precision-playhead,.scale-rings i,.node,.segment-playhead,.metadata-scan{animation:none!important}
  .tilt-card{transform:none!important}
}
.pro-media{--entry-x:0px}
.reveal:not(.visible) .pro-media{transform:translate3d(var(--entry-x),14px,0) scale(.985)}
.pro-media.media-in{transform:perspective(1300px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,0,var(--tz,0px)) scale(1)}
.brand-logo-object{display:block;width:100%;height:100%;pointer-events:none;background:transparent}

/* ==========================================================
   v5 — Seamless Sonic Motion / brand cleanup
   ========================================================== */
/* Header logo: true transparent source, no side rails, white interior lettering. */
.brand{min-width:150px}.brand-logo-animated{width:148px;height:62px;overflow:visible;filter:drop-shadow(0 8px 22px rgba(18,159,232,.12))}.brand-logo-object{display:block;width:100%;height:100%;border:0;background:transparent;overflow:hidden}

/* Remove the feeling of a dark rectangle behind visual media. */
.hero-visual,.manifesto-signal,.download-art{background:transparent!important}
.hero-visual:after{content:"";position:absolute;inset:-12% -13%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 56% 48%,rgba(22,135,217,.12),rgba(98,167,196,.035) 38%,transparent 70%);filter:blur(12px)}
.hero-visual{mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 94%,transparent 100%)}

/* Feature media no longer reads as a black card inside a card. */
.pro-media{border-color:transparent!important;background:radial-gradient(ellipse at 50% 46%,rgba(22,135,217,.065),rgba(23,26,29,.12) 50%,transparent 76%)!important;box-shadow:none!important;overflow:visible}
.pro-media:before{content:"";position:absolute;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(98,167,196,.045),transparent 68%);filter:blur(18px)}
.pro-media:after{opacity:.42;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 77%)}
.search-demo,.wave-visual,.scale-visual,.ai-visual,.segment-visual,.organize-demo{border-radius:0!important}

/* Core Workflow — cinematic, borderless sonic lens. */
.manifesto-section{background:linear-gradient(180deg,rgba(23,26,29,.32),rgba(27,31,34,.72) 26%,rgba(23,26,29,.82));border-color:rgba(255,255,255,.025)}
.manifesto-section:before{background:radial-gradient(640px 480px at 79% 50%,rgba(22,135,217,.11),rgba(98,167,196,.03) 48%,transparent 74%),linear-gradient(90deg,transparent,rgba(255,255,255,.012) 66%,transparent 72%)}
.sonic-lens{height:430px;isolation:isolate;overflow:visible;filter:drop-shadow(0 28px 70px rgba(0,0,0,.18));mask-image:radial-gradient(circle at center,#000 0 61%,rgba(0,0,0,.86) 70%,transparent 91%);-webkit-mask-image:radial-gradient(circle at center,#000 0 61%,rgba(0,0,0,.86) 70%,transparent 91%)}
.sonic-aurora{position:absolute;width:370px;height:270px;border-radius:50%;background:radial-gradient(circle at 48% 50%,rgba(114,188,224,.11),rgba(22,135,217,.055) 36%,transparent 72%);filter:blur(24px);animation:auroraBreath 5.6s ease-in-out infinite}
.sonic-lens .orbit-a{width:244px;height:244px;border-color:rgba(114,188,224,.20);animation-duration:13s}.sonic-lens .orbit-b{width:346px;height:346px;border-color:rgba(98,167,196,.095);animation-duration:23s}.sonic-lens .orbit-c{width:408px;height:408px;border:1px dashed rgba(93,173,226,.055);animation:signalOrbit 35s linear infinite}
.sonic-lens .orbit-a:before,.sonic-lens .orbit-c:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#F2B84B;box-shadow:0 0 14px rgba(242,184,75,.54);right:12%;bottom:14%}
.spectral-ring{position:absolute;border-radius:50%;pointer-events:none}.ring-one{width:292px;height:292px;border:1px solid rgba(36,155,229,.10);box-shadow:0 0 70px rgba(36,155,229,.035) inset;animation:spectralBreathe 4.8s ease-in-out infinite}.ring-two{width:190px;height:190px;border:1px solid rgba(242,184,75,.055);animation:spectralBreathe 4.8s ease-in-out -2.1s infinite}
.signal-wave{width:330px;height:142px;filter:drop-shadow(0 0 10px rgba(114,188,224,.14))}.signal-wave-back{position:absolute;opacity:.22;transform:scaleY(1.7) scaleX(.88);filter:blur(1px);mix-blend-mode:screen}.signal-playhead{top:137px;height:158px;animation:signalPlayheadV5 5.8s cubic-bezier(.22,.61,.36,1) infinite;box-shadow:0 0 22px rgba(242,184,75,.38)}
.signal-particles{position:absolute;inset:0;pointer-events:none}.signal-particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#72BCE0;opacity:.16;box-shadow:0 0 8px rgba(114,188,224,.6);animation:particleFloat var(--d) ease-in-out calc(var(--i)*-.19s) infinite}
.signal-particles i:nth-child(4n){background:#F2B84B;box-shadow:0 0 8px rgba(242,184,75,.45);width:2px;height:2px}
.signal-readout{position:absolute;right:4%;bottom:13%;display:flex;gap:12px;align-items:center;color:#778088;font-size:8px;letter-spacing:.11em}.signal-readout span{color:#5DADE2}.signal-readout b{font-weight:600;color:#AEB6BC}.signal-readout em{font-style:normal;color:#778088}
@keyframes auroraBreath{50%{transform:scale(1.12);opacity:.72}}
@keyframes spectralBreathe{50%{transform:scale(1.035);opacity:.52}}
@keyframes particleFloat{0%,100%{transform:translate3d(0,0,0);opacity:.08}45%{opacity:.48}50%{transform:translate3d(8px,-13px,0)}75%{opacity:.18}}
@keyframes signalPlayheadV5{0%,9%{transform:translateX(-112px);opacity:.06}20%{opacity:1}80%{opacity:1}92%,100%{transform:translateX(112px);opacity:.06}}

/* Download area — seamless launch core instead of a boxed illustration. */
.download-panel{position:relative;overflow:visible;border-color:rgba(73,81,89,.58);background:linear-gradient(112deg,rgba(32,36,40,.88),rgba(23,26,29,.54) 62%,rgba(23,26,29,.18));box-shadow:0 32px 90px rgba(0,0,0,.16)}
.download-panel:after{content:"";position:absolute;right:-7%;top:-20%;width:54%;height:140%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(22,135,217,.095),rgba(98,167,196,.028) 42%,transparent 72%);filter:blur(16px)}
.launch-core{min-height:430px;overflow:visible;isolation:isolate;mask-image:radial-gradient(circle at center,#000 0 58%,rgba(0,0,0,.83) 69%,transparent 92%);-webkit-mask-image:radial-gradient(circle at center,#000 0 58%,rgba(0,0,0,.83) 69%,transparent 92%)}
.launch-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(18,159,232,.105),rgba(22,135,217,.035) 42%,transparent 72%);filter:blur(18px);animation:coreGlow 5s ease-in-out infinite}
.launch-core .disc{border-color:rgba(114,188,224,.12);box-shadow:0 0 44px rgba(22,135,217,.018) inset}.launch-core .disc-a{width:250px;height:250px}.launch-core .disc-b{width:355px;height:355px;opacity:.72}.launch-core .disc-c{width:455px;height:455px;opacity:.32;border-style:dashed;animation:discSpin 42s linear infinite}
.launch-arcs{position:absolute;width:330px;height:330px;animation:discSpin 16s linear infinite}.launch-arcs i{position:absolute;inset:0;border-radius:50%;border:1px solid transparent;border-top-color:rgba(114,188,224,.35);border-right-color:rgba(114,188,224,.055);transform:rotate(calc(var(--n,0)*45deg))}.launch-arcs i:nth-child(2){inset:24px;border-top-color:rgba(33,150,229,.28);transform:rotate(78deg)}.launch-arcs i:nth-child(3){inset:52px;border-top-color:rgba(242,184,75,.18);transform:rotate(155deg)}.launch-arcs i:nth-child(4){inset:78px;border-top-color:rgba(93,173,226,.24);transform:rotate(230deg)}
.download-mark{width:150px;height:150px;border-color:rgba(36,155,229,.24);background:linear-gradient(145deg,rgba(22,135,217,.085),rgba(23,26,29,.20));color:#129FE8;box-shadow:0 0 0 1px rgba(255,255,255,.018) inset,0 0 80px rgba(18,159,232,.11);backdrop-filter:blur(8px);animation:coreFloat 6.4s ease-in-out infinite}.download-mark svg{width:96px;filter:drop-shadow(0 0 10px rgba(18,159,232,.15))}.core-pulse{position:absolute;inset:-14px;border-radius:50px;border:1px solid rgba(114,188,224,.10);animation:corePulse 2.8s ease-out infinite}
.launch-data{position:absolute;right:11%;bottom:14%;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.12em;color:#778088}.launch-data b{color:#58B88A;font-size:8px}.launch-data b:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#58B88A;box-shadow:0 0 10px rgba(88,184,138,.5)}
@keyframes coreGlow{50%{transform:scale(1.13);opacity:.68}}@keyframes coreFloat{50%{transform:rotate(-3deg) translateY(-11px) scale(1.025)}}@keyframes corePulse{0%{transform:scale(.92);opacity:.42}80%,100%{transform:scale(1.22);opacity:0}}

/* Smoother entrances: less blur, longer spatial easing and staggered media. */
.reveal{transform:translate3d(0,42px,0) scale(.988);filter:blur(8px);transition:opacity 1.08s cubic-bezier(.16,1,.3,1),transform 1.28s cubic-bezier(.16,1,.3,1),filter 1.12s cubic-bezier(.16,1,.3,1)}
.reveal.visible{transform:translate3d(0,0,0) scale(1)}
.media-reveal{transition:clip-path 1.35s cubic-bezier(.16,1,.3,1),opacity 1.15s ease,transform 1.28s cubic-bezier(.16,1,.3,1),filter 1.2s ease;filter:saturate(.88) brightness(.92)}
.media-reveal.visible,.reveal.visible .media-reveal{filter:saturate(1) brightness(1)}

@media(max-width:980px){.sonic-lens{height:310px}.launch-core{min-height:320px}.download-panel:after{width:80%;right:-25%}}
@media(max-width:680px){.brand-logo-animated{width:108px;height:46px}.sonic-lens{height:230px}.signal-readout,.launch-data{display:none}.launch-core{min-height:250px}.launch-core .disc-c{width:330px;height:330px}.launch-arcs{width:245px;height:245px}.download-mark{width:120px;height:120px}.download-mark svg{width:78px}}
@media(prefers-reduced-motion:reduce){.sonic-aurora,.spectral-ring,.signal-particles i,.launch-glow,.launch-arcs,.disc-c,.core-pulse{animation:none!important}}