:root { --vedika-violet:#8b6fd4; --vedika-violet-2:#6d4fc4; --vedika-paper:#f6f3fb; }
html { scroll-behavior:smooth; overflow-x:clip; }
body { padding-top:0; overflow-x:clip; }
.vk-nav { position:fixed; inset:0 0 auto; z-index:1000; height:64px; padding:0 clamp(20px,4vw,64px); display:flex; align-items:center; gap:34px; background:rgba(13,13,15,.86); border-bottom:1px solid rgba(255,255,255,.1); backdrop-filter:blur(18px) saturate(1.25); }
.vk-brand { display:inline-flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; flex:none; }
.vk-brand img { width:32px; height:32px; border-radius:8px; }
.vk-brand strong,.footer-vedika strong { font-size:23px; font-weight:500; letter-spacing:-.04em; }
.vk-links { display:flex; align-items:center; justify-content:center; gap:30px; position:absolute; left:50%; transform:translateX(-50%); }
.vk-links>a,.vk-mega>button,.vk-signin { color:var(--text2); font:500 14px/1 'Geist',sans-serif; text-decoration:none; background:none; border:0; cursor:pointer; transition:color .16s ease; white-space:nowrap; }
.vk-links>a:hover,.vk-mega>button:hover,.vk-signin:hover { color:var(--text); }
.vk-mega { position:relative; }
.vk-mega>button { padding:24px 0; display:flex; align-items:center; gap:7px; }
.vk-mega>button i { width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg) translateY(-2px); }
.vk-panel { position:absolute; top:58px; left:50%; transform:translate(-50%,8px); width:540px; padding:22px; display:grid; grid-template-columns:1fr 1fr; gap:22px; background:rgba(20,20,23,.98); border:1px solid var(--border2); border-radius:18px; box-shadow:0 24px 70px rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:opacity .16s ease,transform .16s ease; }
.vk-panel--wide { width:570px; }
.vk-panel--products { width:min(900px,calc(100vw - 48px)); grid-template-columns:repeat(3,minmax(0,1fr)); max-height:calc(100vh - 96px); overflow:auto; }
.vk-panel--developers { width:min(790px,calc(100vw - 48px)); grid-template-columns:repeat(3,minmax(0,1fr)); max-height:calc(100vh - 96px); overflow:auto; }
.vk-panel--resources { width:min(790px,calc(100vw - 48px)); grid-template-columns:repeat(3,minmax(0,1fr)); max-height:calc(100vh - 96px); overflow:auto; }
@media (min-width:901px) { .vk-mega.is-open .vk-panel { opacity:1; visibility:visible; transform:translate(-50%,0); } }
.vk-panel small { display:block; margin:0 0 10px; color:var(--text3); font-size:10px; letter-spacing:.16em; }
.vk-panel a { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:start; padding:9px 10px; margin:0 -10px; color:var(--text); text-decoration:none; border-radius:9px; transition:background .16s ease,color .16s ease; }
.vk-panel a:hover { background:rgba(255,255,255,.055); }
.vk-panel a>i { grid-column:1; grid-row:1 / span 2; margin-top:1px; color:var(--text3); font-size:15px; transition:color .16s ease,transform .16s ease; }
.vk-panel a:hover>i { color:#fff; transform:translateY(-1px); }
.vk-panel b { grid-column:2; display:block; font-family:'Geist',sans-serif; font-size:13px; font-weight:500; letter-spacing:-.01em; }
.vk-panel span { grid-column:2; display:block; margin-top:3px; color:var(--text2); font-family:'Geist',sans-serif; font-size:11px; font-weight:400; }
.vk-actions { margin-left:auto; display:flex; align-items:center; gap:16px; }
.vk-cta { height:40px; padding:0 18px; display:inline-flex; align-items:center; gap:12px; color:#111; text-decoration:none; font-size:13px; font-weight:500; border-radius:999px; background:linear-gradient(180deg,#fff,#cacaca); box-shadow:inset 0 1px 0 #fff,0 5px 18px rgba(0,0,0,.25); }
.experience-switch { height:32px; padding:3px; display:inline-grid; grid-template-columns:1fr 1fr; align-items:center; border:1px solid var(--border2); border-radius:999px; background:#101013; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.experience-switch>a,.experience-switch>span { min-width:43px; height:24px; padding:0 9px; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:999px; color:var(--text3); font:600 9px/1 'Geist',sans-serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:color .16s ease-out,background-color .16s ease-out; }
.experience-switch>a:hover { color:var(--text); }
.experience-switch>[aria-current="page"] { color:#0d0d0f; background:#f2f2f3; box-shadow:0 1px 5px rgba(0,0,0,.32),inset 0 1px 0 #fff; }
.experience-status { width:5px; height:5px; border-radius:50%; background:#a78bfa; box-shadow:0 0 8px rgba(167,139,250,.5); }
.experience-transition { position:fixed; inset:0; z-index:2200; display:grid; place-content:center; justify-items:center; overflow:hidden; color:#fff; background:#09090b; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease-out,visibility .18s step-end; }
.experience-transition.is-active { opacity:1; visibility:visible; pointer-events:auto; }
.experience-transition-lines,.experience-transition-lines i { position:absolute; inset:0; pointer-events:none; }
.experience-transition-lines i { left:110%; top:calc(22% + var(--line,0)*13%); width:28%; height:1px; background:rgba(255,255,255,.18); animation:experienceLine .62s linear infinite; }
.experience-transition-lines i:nth-child(1){--line:0;animation-delay:-.44s}.experience-transition-lines i:nth-child(2){--line:1;animation-delay:-.12s}.experience-transition-lines i:nth-child(3){--line:2;animation-delay:-.35s}.experience-transition-lines i:nth-child(4){--line:3;animation-delay:-.2s}.experience-transition-lines i:nth-child(5){--line:4;animation-delay:-.52s}
.experience-transition-core { position:relative; width:88px; height:88px; margin-bottom:22px; }
.experience-transition-core i { position:absolute; inset:0; border:1px solid rgba(255,255,255,.25); border-radius:50%; animation:experienceOrbit 1.1s linear infinite; }
.experience-transition-core i:nth-child(2){inset:14px; border-color:rgba(167,139,250,.52); animation-direction:reverse; animation-duration:.72s}
.experience-transition-core b { position:absolute; inset:31px; border-radius:50%; background:#f2f2f3; box-shadow:0 0 34px rgba(167,139,250,.22); }
.experience-transition p { position:relative; margin:0; font:500 14px/1.2 'Geist',sans-serif; letter-spacing:-.01em; }
.experience-transition small { position:relative; margin-top:8px; color:#85858d; font:500 9px/1.2 'Geist',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
@keyframes experienceLine { to { left:-38%; transform:scaleX(.25); opacity:0; } }
@keyframes experienceOrbit { to { transform:rotate(360deg); } }
.vk-menu { display:none; }
.motion-toggle { display:none; height:30px; padding:0 10px; border:1px solid var(--border2); border-radius:999px; color:#a7a7ae; background:#101013; font:600 9px/1 'Geist',sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.mobile-experience { display:none; color:#d8d8dc; font:600 9px/1 'Geist',sans-serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.hero-badge { text-transform:uppercase; letter-spacing:.12em; }
.hero-visual { height:auto; min-height:550px; }
.hero-img { background-position:center; }
.hero-tabs { max-width:700px; justify-content:flex-end; }

.step { min-width:0; box-sizing:border-box; }
.steps .step { min-height:565px; }
.step-demo { width:100%; aspect-ratio:1/1; overflow:hidden; border-radius:calc(var(--radius-xl) - 8px); background:#0a0a0d; border:1px solid rgba(255,255,255,.1); position:relative; color:#f4f4f5; font-family:'Geist',sans-serif; box-sizing:border-box; }
.demo-bar { height:42px; padding:0 14px; display:flex; align-items:center; gap:6px; border-bottom:1px solid rgba(255,255,255,.09); background:#111116; }
.demo-bar>span { width:7px; height:7px; border-radius:50%; background:#35353d; }
.demo-bar>b { margin-left:7px; color:#8d8d95; font:400 9px/1 ui-monospace,monospace; letter-spacing:.01em; }
.query-body { padding:22px; position:relative; }
.code-key { margin:0 0 8px; color:#9b82df; font:500 10px/1 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.1em; }
.query-text { margin:0; max-width:29ch; color:#fff; font-size:16px; line-height:1.45; }
.route-line { display:flex; align-items:center; gap:7px; margin:22px 0 16px; color:#797982; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.route-line b { color:#a78bfa; }
.query-body pre { margin:0; padding:16px; border-radius:10px; background:#101015; border:1px solid rgba(255,255,255,.07); color:#b8b8c0; font:9px/1.65 ui-monospace,monospace; }
.query-body pre em { color:#b9a7f5; font-style:normal; }
.demo-cursor { position:absolute; left:22px; bottom:9px; width:64%; height:2px; background:linear-gradient(90deg,#8b6fd4,transparent); animation:queryScan 2.8s ease-in-out infinite; }
@keyframes queryScan { 0%,100%{transform:scaleX(.2);transform-origin:left;opacity:.4} 50%{transform:scaleX(1);opacity:1} }

.voice-demo img { width:100%; height:100%; object-fit:cover; object-position:center 18%; filter:saturate(.68) contrast(1.05) brightness(.68); }
.voice-demo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(5,5,8,.86)); }
.live-chip { position:absolute; z-index:2; top:14px; right:14px; display:flex; align-items:center; gap:5px; padding:6px 8px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(8,8,10,.62); backdrop-filter:blur(8px); font-size:8px; letter-spacing:.1em; }
.live-chip i { width:5px; height:5px; border-radius:50%; background:#b9a7f5; box-shadow:0 0 10px #b9a7f5; }
.voice-copy { position:absolute; z-index:2; left:18px; right:18px; bottom:58px; }
.voice-copy p { margin:0 0 5px; font-size:14px; color:#fff; }
.voice-copy span { font-size:9px; color:#aaaab2; }
.wave { position:absolute; z-index:2; left:18px; right:62px; bottom:22px; height:22px; display:flex; align-items:center; gap:3px; }
.wave i { width:2px; height:calc(4px + var(--n)*1.5px); background:#fff; opacity:.7; border-radius:2px; animation:voiceWave .8s ease-in-out infinite alternate; animation-delay:calc(var(--n)*-60ms); }
.voice-demo:not(.is-speaking) .wave i { animation-play-state:paused; opacity:.34; }
@keyframes voiceWave { to{height:calc(7px + var(--n)*2.1px);opacity:1} }
.voice-demo>button { position:absolute; z-index:2; right:18px; bottom:17px; width:32px; height:32px; border:1px solid rgba(255,255,255,.3); border-radius:50%; color:#111; background:#eee; }

.report-stage { position:absolute; inset:42px 0 0; background:radial-gradient(circle at 34% 35%,#312547,#111116 66%); }
.report-page { position:absolute; width:52%; height:74%; left:12%; top:9%; padding:16px; transform:rotate(-5deg); background:#f4efe5; color:#19161f; box-shadow:0 22px 45px rgba(0,0,0,.5); }
.report-page img { width:18px; height:18px; }
.report-page small { display:block; margin-top:14px; color:#6d4fc4; font:600 7px/1 sans-serif; letter-spacing:.15em; }
.report-page h4 { margin:7px 0 12px; font:500 15px/1.12 Georgia,serif; }
.chart-wheel { width:68px; height:68px; margin:8px auto; border:1px solid #9586b3; border-radius:50%; background:repeating-conic-gradient(from 0deg,transparent 0 29deg,#9586b3 30deg 31deg); position:relative; }
.chart-wheel::after { content:''; position:absolute; inset:16px; border:1px solid #9586b3; border-radius:50%; }
.report-page>p { margin:12px 0 0; font-size:6px; text-align:center; color:#6f6975; }
.plug-card { position:absolute; z-index:2; right:9%; bottom:10%; width:55%; padding:15px; border:1px solid rgba(255,255,255,.16); border-radius:13px; background:rgba(15,15,19,.9); box-shadow:0 16px 38px rgba(0,0,0,.55); backdrop-filter:blur(12px); }
.plug-card span { color:#b9a7f5; font:500 8px/1 ui-monospace,monospace; }
.plug-card code { display:block; margin:10px 0 6px; color:#fff; font-size:11px; }
.plug-card p { margin:0 0 12px; color:#8d8d95; font-size:8px; }
.plug-card button { width:100%; height:28px; border:0; border-radius:7px; color:#17131e; background:#e8e0f7; font-size:9px; font-weight:600; }

.pricing-grid { grid-template-columns:repeat(4,calc((100% - 32px)/3)); overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
.pricing-grid::-webkit-scrollbar { display:none; }
.pricing-card { min-height:704px; scroll-snap-align:start; }
.pricing-rail-controls { width:min(1200px,calc(100% - 80px)); margin:18px auto 0; display:flex; align-items:center; justify-content:space-between; color:var(--text3); font:400 11px/1 'Geist',sans-serif; letter-spacing:.04em; }
.pricing-rail-controls>div { display:flex; align-items:center; gap:10px; }
.pricing-rail-controls button { width:34px; height:34px; border:1px solid var(--border2); border-radius:50%; color:var(--text); background:rgba(255,255,255,.035); font:400 15px/1 'Geist',sans-serif; transition:color .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease; }
.pricing-rail-controls button:hover:not(:disabled) { border-color:rgba(255,255,255,.46); transform:translateY(-1px); }
.pricing-rail-controls button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.pricing-rail-controls button:disabled { opacity:.28; }
.pricing-position { min-width:36px; text-align:center; color:var(--text2); }
.pricing-price .pricing-detail { font-size:13px; color:var(--text2); margin-left:3px; }
.pricing-savings { min-height:24px; margin:10px 0 0; display:flex; align-items:center; gap:10px; color:#9b9ba3; font-size:10px; }
.pricing-savings[hidden] { display:none; }
.pricing-savings span { padding:5px 8px; border:1px solid rgba(167,139,250,.55); border-radius:4px; color:#ddd6fe; font:500 9px/1 ui-monospace,monospace; letter-spacing:.05em; text-transform:uppercase; }
.pricing-savings del { text-decoration-color:#a78bfa; text-decoration-thickness:1px; }
.pricing-card.is-annual { box-shadow:inset 0 2px 0 rgba(167,139,250,.7); }
.pricing-card.is-price-changing :is(.pricing-price,.pricing-savings,.pricing-desc) { animation:pricing-readout .18s ease-out; }
@keyframes pricing-readout { from { opacity:.25; transform:translateY(5px); } to { opacity:1; transform:none; } }
.blog-card { min-height:414px; }

.proof-section,.engine-section,.launch-section { background:var(--bg); }
.engine-section { background:var(--bg2); }
.proof-heading,.engine-heading,.launch-heading { margin-top:18px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr); align-items:end; gap:64px; }
.proof-heading .section-sub,.engine-heading .section-sub,.launch-heading .section-sub { margin:0 0 8px; }
.proof-console { margin-top:58px; display:grid; grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr) minmax(250px,.9fr); overflow:hidden; border:1px solid var(--border2); border-radius:var(--radius-xl); background:#0b0b0e; box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04); }
.proof-request,.proof-response { min-width:0; padding:28px; }
.proof-request { border-right:1px solid var(--border); }
.proof-response { border-left:1px solid var(--border); }
.proof-request>p,.proof-response>p { margin:0 0 24px; color:var(--text3); font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.proof-request>p span { margin-right:8px; color:#c4b5fd; }
.proof-response>p span { margin-right:8px; color:#b9a7f5; }
.proof-request dl { margin:0; }
.proof-request dl div { padding:14px 0; border-top:1px solid var(--border); }
.proof-request dt { color:#8b6fd4; font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.proof-request dd { margin:7px 0 0; color:var(--text2); font-size:12px; line-height:1.55; }
.proof-stages { margin:0; padding:10px 28px; list-style:none; counter-reset:none; }
.proof-stages li { min-height:98px; display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:14px; border-bottom:1px solid var(--border); }
.proof-stages li:last-child { border-bottom:0; }
.proof-stages li>span { color:var(--text3); font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.proof-stages b { display:block; color:var(--text); font-size:13px; font-weight:500; }
.proof-stages p { margin:6px 0 0; color:var(--text3); font-size:11px; line-height:1.45; }
.proof-stages small { color:#c4b5fd; font:500 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.proof-response pre { margin:0; padding:18px; overflow:auto; border:1px solid var(--border); border-radius:10px; color:#a9a9b2; background:#101014; font:9px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; }
.proof-response a { display:inline-block; margin-top:18px; color:var(--text); border-bottom:1px solid var(--border2); font-size:11px; text-decoration:none; }

.engine-table { margin-top:58px; border-top:1px solid var(--border2); }
.engine-row { min-height:78px; padding:0 18px; display:grid; grid-template-columns:1fr 1.5fr 1fr 1fr; align-items:center; gap:24px; border-bottom:1px solid var(--border); color:var(--text2); font-size:12px; }
.engine-row b { color:var(--text); font-size:14px; font-weight:500; }
.engine-row--head { min-height:44px; color:var(--text3); font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; text-transform:uppercase; }
.engine-row:not(.engine-row--head):hover { background:rgba(255,255,255,.018); }
.engine-actions { margin-top:26px; display:flex; align-items:center; gap:22px; }
.engine-actions>a:not(.btn-primary-short) { color:var(--text2); border-bottom:1px solid var(--border2); font-size:12px; text-decoration:none; }

.launch-paths { position:static; inset:auto; z-index:auto; margin-top:58px; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); background:transparent; box-shadow:none; backdrop-filter:none; animation:none; }
.launch-paths>a { min-width:0; min-height:230px; padding:24px 20px; display:flex; flex-direction:column; color:var(--text); border-right:1px solid var(--border); text-decoration:none; transition:background-color .16s ease-out; }
.launch-paths>a:last-child { border-right:0; }
.launch-paths>a>span { color:var(--text3); font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.launch-paths>a>div { margin:auto 0 22px; }
.launch-paths b { display:block; font-size:15px; font-weight:500; line-height:1.35; }
.launch-paths p { margin:9px 0 0; color:var(--text3); font-size:11px; line-height:1.55; }
.launch-paths i { align-self:flex-end; color:var(--text3); font-size:18px; transition:color .16s ease-out,transform .16s ease-out; }
.launch-paths>a:hover { background:rgba(255,255,255,.018); }
.launch-paths>a:hover i { color:var(--text); transform:translate(2px,-2px); }
.footer-brand { min-width:0; }
.site-footer .footer-top { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:start; gap:16px; }
.site-footer .footer-brand { grid-column:1 / -1; padding:0 0 34px; border-bottom:1px solid rgba(255,255,255,.08); }
.site-footer .footer-col ul { max-height:none; }
.site-footer .footer-col li { margin-bottom:7px; }
.site-footer .footer-col a { line-height:1.38; }
.footer-vedika { display:inline-flex; align-items:center; gap:9px; color:var(--text); text-decoration:none; }
.footer-vedika img { width:31px; height:31px; border-radius:8px; }

@media (max-width:1100px) { .vk-links { position:static; transform:none; margin-left:auto; gap:17px; } .vk-actions { margin-left:0; } .vk-signin { display:none; } .pricing-grid { grid-template-columns:repeat(4,min(389px,calc(100vw - 64px))); } .site-footer .footer-top { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) {
  body { padding-top:0; } body.nav-open { overflow:hidden; } .vk-nav { height:62px; padding:0 18px; gap:12px; } .mobile-experience { display:inline-flex; align-items:center; margin-left:auto; } .motion-toggle { display:inline-flex; align-items:center; margin-left:0; } .vk-menu { margin-left:0; width:38px; height:38px; display:block; border:1px solid var(--border2); border-radius:10px; background:transparent; } .vk-menu span { display:block; width:16px; height:1px; margin:5px auto; background:var(--text); }
  .vk-links,.vk-actions { display:none; } body.nav-open .vk-links { position:absolute; display:flex; top:61px; left:0; right:0; height:calc(100dvh - 61px); padding:14px 20px 100px; flex-direction:column; align-items:stretch; gap:0; overflow-y:auto; overscroll-behavior:contain; transform:none; background:var(--bg); border-bottom:1px solid var(--border); } .vk-mega>button,.vk-links>a { width:100%; padding:10px 0; } .vk-mega>button { justify-content:space-between; } .vk-mega>button[aria-expanded="true"]>i { transform:rotate(225deg) translate(-2px,-2px); } .vk-panel { position:static; width:100%; max-width:none; max-height:none; margin:2px 0 10px; padding:8px 12px 14px; display:grid; grid-template-columns:1fr; gap:14px; overflow:visible; opacity:1; visibility:visible; transform:none; border-radius:12px; box-shadow:none; background:rgba(255,255,255,.025); } .vk-panel[hidden] { display:none; } .vk-panel small { margin:4px 0 6px; } .vk-panel a { padding:8px 10px; } body.nav-open .vk-actions { position:absolute; z-index:1; display:flex; top:calc(100dvh - 70px); left:0; right:0; padding:12px 20px 18px; background:linear-gradient(180deg,rgba(13,13,15,.82),var(--bg) 22%); border-top:1px solid var(--border); } .vk-cta { flex:1; justify-content:center; }
  .hero-visual { min-height:340px; height:50vh; } .hero-tabs { max-width:100%; }
  .pricing-grid { grid-template-columns:repeat(4,100%); }
  .pricing-card { min-height:560px; }
  .pricing-rail-controls { width:calc(100% - 40px); }
  .steps .step,.blog-card { min-height:0; }
  .site-footer .footer-top { padding:48px 20px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 20px; }
  .site-footer .footer-brand { grid-column:1 / -1; padding:0 0 26px; }
  .footer-tagline { max-width:32ch; }
  .footer-col { width:auto; min-width:0; }
  .footer-bottom { padding:20px; }
  .proof-heading,.engine-heading,.launch-heading { grid-template-columns:1fr; gap:16px; }
  .proof-console { grid-template-columns:1fr; margin-top:36px; }
  .proof-request { border-right:0; border-bottom:1px solid var(--border); }
  .proof-response { border-left:0; border-top:1px solid var(--border); }
  .engine-table { margin-top:36px; overflow-x:auto; }
  .engine-row { min-width:720px; }
  .launch-paths { margin-top:36px; grid-template-columns:1fr; }
  .launch-paths>a { min-height:144px; border-right:0; border-bottom:1px solid var(--border); }
  .launch-paths>a:last-child { border-bottom:0; }
  .launch-paths>a>div { margin:24px 0 12px; }
}
@media (max-width:900px) {
  body.nav-open .vk-links { scrollbar-width:thin; scrollbar-color:#45454d #111114; }
  body.nav-open .vk-links::-webkit-scrollbar { width:7px; }
  body.nav-open .vk-links::-webkit-scrollbar-track { background:#111114; }
  body.nav-open .vk-links::-webkit-scrollbar-thumb { background:#45454d; border:2px solid #111114; border-radius:999px; }
}
@media (prefers-reduced-motion:reduce) { html:not([data-vedika-motion="full"]) :is(.demo-cursor,.wave i) { animation:none!important; } }

/* Vedika Lite finishing layer */
.skip-link { position:fixed; z-index:2001; top:10px; left:12px; padding:10px 14px; color:#111; background:#fff; border-radius:8px; font:600 13px/1 'Geist',sans-serif; text-decoration:none; transform:translateY(-160%); transition:transform .16s ease-out; }
.skip-link:focus { transform:none; }
.main-anchor { position:absolute; top:0; }
:where(a,button,[role="button"]):focus-visible { outline:2px solid #fff; outline-offset:3px; }
.pricing-preferences { width:min(1200px,calc(100% - 80px)); margin:34px auto 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.pricing-toggle { display:inline-flex; padding:3px; border:1px solid var(--border2); border-radius:999px; background:rgba(255,255,255,.025); }
.pricing-toggle button { min-height:32px; padding:0 13px; border:0; border-radius:999px; color:var(--text3); background:transparent; font:500 11px/1 'Geist',sans-serif; cursor:pointer; transition:color .16s ease-out,background-color .16s ease-out; }
.pricing-toggle button[aria-pressed="true"] { color:var(--text); background:rgba(255,255,255,.08); }

.faq-q { width:100%; padding:0; display:flex; align-items:center; justify-content:space-between; gap:18px; color:var(--text); background:transparent; border:0; text-align:left; cursor:pointer; font:400 15px/1.45 'Geist',sans-serif; letter-spacing:-.01em; }
.faq-q i { flex:none; width:24px; height:24px; display:grid; place-items:center; border:1px solid var(--border2); border-radius:50%; color:var(--text2); font:400 15px/1 'Geist',sans-serif; }
.faq-q[aria-expanded="false"] { margin-bottom:0; }
.faq-a[hidden] { display:none; }
.faq-a { padding:2px 42px 0 0; }
.faq-a p { margin:0; color:var(--text2); font-size:14px; line-height:1.72; }
.faq-a a { display:inline-flex; align-items:center; gap:8px; margin-top:12px; color:var(--text); font-size:12px; text-decoration:none; border-bottom:1px solid var(--border2); }
.faq-a a:hover { border-color:var(--text); }
.faq-doc-paths { position:static; inset:auto; z-index:auto; width:auto; height:auto; margin-top:34px; padding:0; display:block; border-top:1px solid var(--border); border-bottom:0; background:transparent; box-shadow:none; backdrop-filter:none; animation:none; }
.faq-doc-paths>p { margin:20px 0 8px; color:var(--text3); font:500 9px/1 'Geist',sans-serif; letter-spacing:.14em; }
.faq-doc-paths>a { min-height:38px; display:flex; align-items:center; justify-content:space-between; color:var(--text2); border-bottom:1px solid var(--border); font-size:12px; text-decoration:none; transition:color .16s ease-out; }
.faq-doc-paths>a:hover { color:var(--text); }
.faq-doc-paths>a span { color:var(--text3); font:500 9px/1 ui-monospace,monospace; }

.cover-shell { position:relative; min-width:0; }
.cover-shell > .effect-card,.cover-shell > .blog-card { width:100%; height:100%; display:block; }
.cover-open { position:absolute; z-index:4; top:14px; right:14px; min-height:34px; padding:0 11px; display:flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; background:rgba(12,12,15,.78); font:500 10px/1 'Geist',sans-serif; opacity:0; transform:translateY(4px); cursor:pointer; backdrop-filter:blur(8px); transition:opacity .16s ease-out,transform .16s ease-out,border-color .16s ease-out; }
.cover-open i { font-size:13px; }
.cover-shell:hover .cover-open,.cover-shell:focus-within .cover-open { opacity:1; transform:none; }
.cover-open:hover { border-color:rgba(255,255,255,.58); }
.strip-inner { pointer-events:auto; }
.strip-cover { width:380px; height:300px; flex:none; padding:0; border:0; border-radius:16px; overflow:hidden; background:#111; cursor:zoom-in; }
.strip-cover img { width:100%; height:100%; }
.strip-inner { animation:none; transform:translate3d(0,0,0); }
.strip-inner.is-marquee-ready { animation:vedika-strip-forward var(--strip-duration,96s) linear infinite; will-change:transform; }
.strip-track--reverse .strip-inner.is-marquee-ready { animation-name:vedika-strip-reverse; }
.strip-cover--clone { pointer-events:none; }
body.cover-viewer-open .strip-inner { animation-play-state:paused; }
@keyframes vedika-strip-forward { from{transform:translate3d(0,0,0)} to{transform:translate3d(calc(-1 * var(--strip-distance)),0,0)} }
@keyframes vedika-strip-reverse { from{transform:translate3d(calc(-1 * var(--strip-distance)),0,0)} to{transform:translate3d(0,0,0)} }

body.cover-viewer-open { overflow:hidden; }
.cover-viewer { width:min(1180px,calc(100vw - 40px)); height:min(820px,calc(100dvh - 40px)); max-width:none; max-height:none; padding:0; overflow:hidden; color:var(--text); background:#0b0b0d; border:1px solid var(--border2); border-radius:20px; box-shadow:0 34px 100px rgba(0,0,0,.72); }
.cover-viewer::backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(8px); }
.cover-viewer-bar,.cover-viewer-controls { height:58px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--border); }
.cover-viewer-bar p { min-width:0; margin:0; display:flex; align-items:baseline; gap:10px; font-size:13px; }
.cover-viewer-bar p span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cover-viewer-bar small { color:var(--text3); font:500 10px/1 ui-monospace,monospace; }
.cover-viewer-close,.cover-viewer-controls button { width:34px; height:34px; flex:none; border:1px solid var(--border2); border-radius:50%; color:var(--text); background:transparent; cursor:pointer; font:400 17px/1 'Geist',sans-serif; transition:border-color .16s ease-out,color .16s ease-out; }
.cover-viewer-close:hover,.cover-viewer-controls button:hover { border-color:rgba(255,255,255,.56); }
.cover-viewer-stage { height:calc(100% - 116px); padding:20px; display:grid; place-items:center; background:#070708; }
.cover-viewer-stage img { width:100%; height:100%; object-fit:contain; border-radius:12px; }
.cover-viewer-controls { border-top:1px solid var(--border); border-bottom:0; }
.cover-viewer-controls p { margin:0; color:var(--text3); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }

.effect-card img,.blog-card-img,.strip-cover img { transition:filter .18s ease-out,transform .18s ease-out,clip-path .18s ease-out; }
@media (hover:hover) and (pointer:fine) {
  .cover-shell:hover img { clip-path:inset(1.4% round 14px); }
  .strip-cover:hover img { transform:scale(.97); filter:saturate(1.08) brightness(1.04); }
}

.site-footer .footer-col { min-width:0; padding-right:10px; }
.site-footer .footer-col-title { min-height:30px; color:var(--text); }
.site-footer .footer-col ul a { color:#7f7f87; }
.site-footer .footer-col ul a:hover { color:#fff; }
.site-footer .footer-bottom p,.site-footer .footer-bottom p a,.site-footer .footer-bottom-links a { color:#777780; }
.site-footer .footer-bottom-links a:hover { color:#fff; }

/* Four original Ditther frames, followed by four smooth Vedika product scenes. */
.cta-section .cta-img {
  z-index:1;
  opacity:0;
  animation:vedika-cta-cycle 40s ease-in-out infinite;
  animation-delay:var(--cta-delay, -40s);
}
@keyframes vedika-cta-cycle {
  0% { opacity:1; transform:scale(1.025); }
  10.5% { opacity:1; transform:scale(1.002); }
  12.5%,98% { opacity:0; transform:scale(1); }
  100% { opacity:1; transform:scale(1.025); }
}

/* Product proof theatre: one focal canvas, three auditable delivery paths. */
.proof-theatre { position:relative; margin-top:58px; overflow:hidden; border:1px solid var(--border2); border-radius:28px; background:#09090b; box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045); }
.proof-modebar { min-height:62px; padding:0 22px; display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--border); }
.proof-modebar button { position:relative; min-height:61px; padding:0 18px; border:0; color:#73737c; background:transparent; font:500 11px/1 'Geist',sans-serif; cursor:pointer; transition:color .16s ease-out; }
.proof-modebar button::after { content:""; position:absolute; right:18px; bottom:-1px; left:18px; height:1px; background:#a78bfa; transform:scaleX(0); transition:transform .16s ease-out; }
.proof-modebar button span { margin-right:8px; color:#4d4d55; font:500 8px/1 ui-monospace,monospace; }
.proof-modebar button[aria-selected="true"] { color:#f3f3f5; }
.proof-modebar button[aria-selected="true"]::after { transform:scaleX(1); }
.proof-modebar>p { margin-left:auto; color:#8a8a93; font:500 10px/1 ui-monospace,monospace; letter-spacing:.12em; }
.proof-modebar>p i { width:6px; height:6px; margin-right:8px; display:inline-block; border-radius:50%; background:#a78bfa; box-shadow:0 0 12px rgba(167,139,250,.46); }
.proof-panel { min-height:520px; display:grid; grid-template-columns:minmax(210px,.72fr) minmax(360px,1.35fr) minmax(250px,.9fr); }
.proof-panel[hidden] { display:none; }
.proof-brief,.proof-output { min-width:0; padding:38px 32px; }
.proof-brief { border-right:1px solid var(--border); }
.proof-kicker { margin:0 0 84px; color:#a78bfa; font:500 9px/1 ui-monospace,monospace; letter-spacing:.13em; text-transform:uppercase; }
.proof-brief h3 { max-width:9ch; margin:0; color:#f4f4f5; font:400 clamp(28px,2.8vw,45px)/.98 'Geist',sans-serif; letter-spacing:-.045em; }
.proof-brief>p:not(.proof-kicker) { margin:22px 0 0; color:#8c8c95; font-size:12px; line-height:1.6; }
.proof-brief dl { margin:28px 0 0; }
.proof-brief dl div { padding:13px 0; border-top:1px solid var(--border); }
.proof-brief dt { color:#65656e; font:500 8px/1 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.proof-brief dd { margin:7px 0 0; color:#b8b8bf; font-size:11px; line-height:1.45; }
.proof-brief>a { margin-top:28px; display:inline-flex; gap:8px; color:#d9d9dc; border-bottom:1px solid #404047; font-size:10px; text-decoration:none; }
.proof-canvas { position:relative; min-width:0; overflow:hidden; display:grid; place-items:center; background:#070708; }
.proof-canvas::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent); }
.proof-query-map { position:absolute; inset:0; padding:42px 20px 20px; display:grid; grid-template-rows:auto minmax(116px,1fr) auto; align-items:center; gap:22px; }
.proof-query-route { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:10px; color:#686870; font:500 8px/1 ui-monospace,monospace; letter-spacing:.12em; }
.proof-query-route i { position:relative; height:1px; overflow:hidden; background:#2a2a31; }
.proof-query-route i::after { content:""; position:absolute; inset:0 auto 0 0; width:34%; background:linear-gradient(90deg,transparent,#a78bfa,transparent); animation:proof-route 3.2s ease-in-out infinite; }
.proof-query-route span:last-child { color:#c4b5fd; }
.proof-query-core { position:relative; z-index:1; width:174px; min-height:96px; margin:auto; padding:17px; display:grid; grid-template-columns:38px 1fr; align-items:center; column-gap:12px; border:1px solid rgba(167,139,250,.32); border-radius:14px; background:rgba(12,12,15,.9); box-shadow:0 22px 55px rgba(0,0,0,.45),0 0 36px rgba(167,139,250,.08); }
.proof-query-core::before { content:""; position:absolute; inset:-44px; z-index:-1; border:1px solid rgba(167,139,250,.12); border-radius:50%; }
.proof-query-core img { width:38px; height:38px; grid-row:1/3; filter:drop-shadow(0 0 14px rgba(167,139,250,.28)); }
.proof-query-core span { color:#777780; font:500 7px/1 ui-monospace,monospace; letter-spacing:.12em; }
.proof-query-core b { color:#e7e7ea; font-size:10px; font-weight:500; }
.proof-timeline { position:relative; z-index:1; margin:0; padding:8px 16px; list-style:none; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(8,8,10,.9); backdrop-filter:blur(10px); }
.proof-timeline li { min-height:54px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:12px; border-bottom:1px solid var(--border); }
.proof-timeline li:last-child { border-bottom:0; }
.proof-timeline li>span,.proof-timeline em { color:#85858e; font:500 9px/1 ui-monospace,monospace; font-style:normal; }
.proof-timeline b { color:#aaaab2; font-size:10px; font-weight:500; }
.proof-timeline small { margin-top:3px; display:block; color:#5e5e66; font:500 8px/1 ui-monospace,monospace; }
.proof-timeline .is-done>span,.proof-timeline .is-done em { color:#9b82df; }
.proof-timeline .is-active { position:relative; }
.proof-timeline .is-active::before { content:""; position:absolute; left:-16px; width:1px; height:26px; background:#a78bfa; box-shadow:0 0 10px rgba(167,139,250,.5); }
.proof-timeline .is-active b,.proof-timeline .is-active em { color:#f0f0f1; }
.proof-output { border-left:1px solid var(--border); display:flex; flex-direction:column; }
.proof-output header { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#686870; font:500 8px/1 ui-monospace,monospace; letter-spacing:.1em; }
.proof-output header b { color:#a78bfa; font-weight:500; }
.proof-output>p:not(.proof-disclosure) { margin:auto 0 26px; color:#dedee1; font:400 clamp(19px,1.7vw,27px)/1.35 'Geist',sans-serif; letter-spacing:-.028em; }
.proof-facts { display:flex; flex-wrap:wrap; gap:6px; }
.proof-facts span { padding:7px 9px; border:1px solid #29292f; border-radius:7px; color:#8d8d95; font:500 8px/1 ui-monospace,monospace; }
.proof-output footer { margin-top:24px; padding-top:18px; border-top:1px solid var(--border); color:#606068; font:500 8px/1 ui-monospace,monospace; }
.proof-output footer code { margin-top:7px; display:block; color:#9999a1; }
.proof-canvas--voice { align-content:center; padding:36px; }
.proof-wave { width:100%; height:112px; display:flex; align-items:center; justify-content:center; gap:5px; }
.proof-wave i { width:3px; height:40px; border-radius:2px; background:#a78bfa; opacity:.58; transform-origin:center; animation:proof-wave 1.35s ease-in-out infinite; animation-delay:calc(var(--n) * -43ms); }
.proof-wave i:nth-child(8n+1) { height:20px; }
.proof-wave i:nth-child(8n+2) { height:38px; }
.proof-wave i:nth-child(8n+3) { height:74px; }
.proof-wave i:nth-child(8n+4) { height:96px; }
.proof-wave i:nth-child(8n+5) { height:62px; }
.proof-wave i:nth-child(8n+6) { height:82px; }
.proof-wave i:nth-child(8n+7) { height:44px; }
.proof-wave i:nth-child(8n+8) { height:26px; }
.proof-transcript { max-width:34ch; margin:26px auto 0; color:#d8d8dc; font-size:15px; line-height:1.55; text-align:center; }
.proof-transcript span { color:#616169; }
.proof-canvas--voice>small { margin-top:20px; color:#5f5f67; font:500 8px/1 ui-monospace,monospace; text-align:center; }
.proof-audio-control { width:100%; min-height:46px; margin-top:30px; padding:0 12px; display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:8px; border:1px solid #323239; border-radius:10px; color:#e6e6e8; background:#111114; text-align:left; cursor:pointer; }
.proof-audio-control i { font-style:normal; }
.proof-audio-control span { font-size:10px; }
.proof-audio-control small { color:#6f6f77; font:500 8px/1 ui-monospace,monospace; }
.proof-output--voice dl { margin:auto 0 0; }
.proof-output--voice dl div { padding:14px 0; border-bottom:1px solid var(--border); }
.proof-output--voice dt { color:#686870; font:500 8px/1 ui-monospace,monospace; text-transform:uppercase; }
.proof-output--voice dd { margin:7px 0 0; color:#c3c3c8; font-size:11px; }
.proof-disclosure { margin:22px 0 0; color:#66666e; font-size:9px; }
.proof-canvas--report { perspective:900px; }
.proof-report-stack { position:relative; width:min(274px,58%); aspect-ratio:2/3; transform:translateY(5px); }
.proof-report-stack::before { content:""; position:absolute; right:-34px; bottom:-24px; left:-34px; height:54px; border-radius:50%; background:radial-gradient(ellipse,rgba(167,139,250,.16),rgba(0,0,0,.46) 54%,transparent 72%); filter:blur(8px); transform:rotate(-1deg); }
.proof-page { position:absolute; inset:0; overflow:hidden; border:1px solid rgba(255,255,255,.19); border-radius:8px; color:#202024; background:#19191d; box-shadow:0 28px 70px rgba(0,0,0,.55); transform-origin:bottom center; }
.proof-page>span { position:absolute; right:18px; bottom:16px; color:#74746f; font:500 8px/1 ui-monospace,monospace; }
.proof-page>small { position:absolute; top:20px; left:20px; color:#85858d; font:500 7px/1 ui-monospace,monospace; letter-spacing:.14em; }
.proof-page--back { transform:translate(42px,-5px) rotate(4deg); opacity:.28; }
.proof-page--mid { transform:translate(21px,-2px) rotate(2deg); opacity:.56; background:#29292f; }
.proof-page--front { transform:rotate(-.8deg); background:#edeae1; animation:proof-page-float 5.2s ease-in-out infinite; }
.proof-report-cover { width:100%; height:100%; display:block; object-fit:cover; }
.proof-report-overlay { position:absolute; inset:0; padding:25px 24px; display:flex; flex-direction:column; background:linear-gradient(180deg,rgba(247,244,236,.97) 0%,rgba(247,244,236,.82) 31%,transparent 54%); }
.proof-report-brand { display:flex; align-items:center; gap:8px; }
.proof-report-brand img { width:21px; height:21px; }
.proof-report-brand span { color:#29272f; font:650 6px/1 ui-monospace,monospace; letter-spacing:.15em; }
.proof-report-overlay>p { margin:30px 0 7px; color:#6e6875; font:600 6px/1 ui-monospace,monospace; letter-spacing:.14em; }
.proof-report-overlay h4 { max-width:9ch; margin:0; color:#17161a; font:470 clamp(16px,1.55vw,22px)/1.01 'Geist',sans-serif; letter-spacing:-.042em; }
.proof-page--front>span { z-index:2; right:14px; bottom:12px; padding:0; color:#5f5a64; background:transparent; }
.proof-output--report ol { margin:auto 0 0; padding:0; list-style:none; }
.proof-output--report li { min-height:54px; display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:10px; border-bottom:1px solid var(--border); color:#aaaab2; font-size:10px; }
.proof-output--report li i { width:5px; height:5px; border-radius:50%; background:#a78bfa; }
.proof-output--report li b { color:#777780; font:500 8px/1 ui-monospace,monospace; }
.proof-output--report>a { margin-top:22px; color:#d5d5d8; font-size:10px; text-decoration:none; }
.proof-progress { height:2px; background:#151518; }
.proof-progress i { height:100%; display:block; background:#a78bfa; transform-origin:left; animation:proof-progress 8s linear infinite; }
@keyframes proof-route { 0%{transform:translateX(-100%);opacity:0} 20%,80%{opacity:1} 100%{transform:translateX(300%);opacity:0} }
@keyframes proof-wave { 0%,100%{transform:scaleY(.42);opacity:.28} 50%{transform:scaleY(1);opacity:.9} }
@keyframes proof-page-float { 0%,100%{transform:translateY(3px) rotate(-.8deg)} 50%{transform:translateY(-5px) rotate(-.25deg)} }
@keyframes proof-progress { from{transform:scaleX(0)} to{transform:scaleX(1)} }

.public-proof { margin-top:30px; border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); }
.public-proof>p { margin:0; padding:18px 0; color:#777780; font-size:10px; }
.public-proof>p span { margin-right:10px; color:#a78bfa; font:500 8px/1 ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; }
.public-proof-window { overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.public-proof-track { width:max-content; padding:0 0 18px; display:flex; gap:8px; animation:public-proof-slide 42s linear infinite alternate; }
.public-proof-track:hover,.public-proof-track:focus-within { animation-play-state:paused; }
.public-proof-track a { width:190px; padding:16px; border:1px solid #27272d; border-radius:10px; color:#d7d7da; text-decoration:none; transition:border-color .16s ease-out,transform .16s ease-out; }
.public-proof-track a:hover { border-color:#4a4a52; transform:translateY(-2px); }
.public-proof-track b { display:block; font-size:11px; font-weight:500; }
.public-proof-track span { margin-top:9px; display:block; color:#6f6f77; font-size:8px; }
@keyframes public-proof-slide { to { transform:translate3d(calc(-100% + min(100vw,1200px)),0,0); } }

.market-section { background:var(--bg2); }
.market-heading { margin-top:18px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); align-items:end; gap:64px; }
.market-heading .section-sub { margin:0 0 8px; }
.market-advantage { margin-top:48px; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); }
.market-advantage>div { min-height:118px; padding:24px 18px; border-right:1px solid var(--border); }
.market-advantage>div:last-child { border-right:0; }
.market-advantage img { width:22px; height:22px; margin:0 0 18px; display:block; opacity:.82; transition:opacity .16s ease-out,transform .16s ease-out; }
.market-advantage>div:hover img { opacity:1; transform:translateY(-2px); }
.market-advantage strong { display:block; color:#f1f1f2; font:400 34px/1 'Geist',sans-serif; letter-spacing:-.04em; }
.market-advantage span { max-width:18ch; margin-top:12px; display:block; color:#92929a; font-size:10px; line-height:1.45; }
.market-verdict { max-width:900px; margin:25px 0 0; color:#a3a3aa; font-size:13px; line-height:1.7; }
.market-verdict strong { color:#c4b5fd; font-weight:500; }
.market-matrix-wrap { margin-top:42px; overflow-x:auto; border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); scrollbar-width:thin; scrollbar-color:#444 transparent; }
.market-matrix { min-width:1160px; }
.market-matrix-row { display:grid; grid-template-columns:180px repeat(5,minmax(180px,1fr)); }
.market-matrix-row>* { min-height:70px; padding:17px 16px; display:flex; align-items:center; border-right:1px solid var(--border); border-bottom:1px solid var(--border); color:#898991; font-size:10px; font-weight:400; line-height:1.45; }
.market-matrix-row>*:last-child { border-right:0; }
.market-matrix-row:last-child>* { border-bottom:0; }
.market-matrix-row>[role="rowheader"] { color:#c9c9ce; font-weight:500; }
.market-matrix-row>strong { color:#d8ccff; background:#0e0e11; font-weight:500; }
.market-matrix-head>* { min-height:52px; color:#bdbdc4; font:500 9px/1.2 ui-monospace,monospace; letter-spacing:.07em; text-transform:uppercase; }
.market-matrix-head>*:nth-child(2) { color:#a78bfa; }
.market-calculator { margin-top:42px; padding:34px 0; display:grid; grid-template-columns:minmax(210px,.72fr) minmax(390px,1.25fr); gap:32px 56px; border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); }
.market-calculator-copy h3 { max-width:12ch; margin:14px 0 12px; color:#f0f0f2; font:400 29px/1.08 'Geist',sans-serif; letter-spacing:-.035em; }
.market-calculator-copy>p:last-child { max-width:39ch; color:#83838c; font-size:11px; line-height:1.6; }
.market-calculator-control label { display:flex; align-items:baseline; justify-content:space-between; gap:20px; color:#cfcfd3; font-size:11px; }
.market-calculator-control output { color:#a78bfa; font:500 22px/1 ui-monospace,monospace; }
.market-calculator-control input[type="range"] { width:100%; margin:26px 0 9px; accent-color:#a78bfa; cursor:pointer; }
.market-range { --market-progress:33.333%; position:relative; height:42px; margin:14px 0 0; display:flex; align-items:center; isolation:isolate; }
.market-range::before { content:""; position:absolute; left:0; right:0; top:20px; height:2px; background:linear-gradient(90deg,#a78bfa 0 var(--market-progress),#4e4e55 var(--market-progress) 100%); box-shadow:0 0 0 1px rgba(255,255,255,.035); }
.market-range::after { content:""; position:absolute; inset:15px 0 auto; height:12px; opacity:.24; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#cfd2d8 calc(16.666% - 1px) 16.666%); }
.market-range input[type="range"] { position:relative; z-index:3; width:100%; height:42px; margin:0; appearance:none; -webkit-appearance:none; background:transparent; accent-color:transparent; }
.market-range input[type="range"]::-webkit-slider-runnable-track { height:2px; background:transparent; }
.market-range input[type="range"]::-moz-range-track { height:2px; background:transparent; }
.market-range input[type="range"]::-webkit-slider-thumb { width:18px; height:18px; margin-top:-8px; appearance:none; -webkit-appearance:none; border:2px solid #0c0c0f; border-radius:5px; background:#a78bfa; box-shadow:0 0 0 1px #ede9fe,0 0 18px rgba(167,139,250,.42); transform:rotate(45deg); transition:transform .16s ease-out,box-shadow .16s ease-out; }
.market-range input[type="range"]::-moz-range-thumb { width:15px; height:15px; border:2px solid #0c0c0f; border-radius:5px; background:#a78bfa; box-shadow:0 0 0 1px #ede9fe,0 0 18px rgba(167,139,250,.42); transform:rotate(45deg); transition:transform .16s ease-out,box-shadow .16s ease-out; }
.market-range input[type="range"]:focus-visible { outline:0; }
.market-range input[type="range"]:focus-visible::-webkit-slider-thumb,.market-range.is-active input[type="range"]::-webkit-slider-thumb { transform:rotate(135deg) scale(1.12); box-shadow:0 0 0 3px #0c0c0f,0 0 0 5px #fff,0 0 24px rgba(167,139,250,.58); }
.market-range input[type="range"]:focus-visible::-moz-range-thumb,.market-range.is-active input[type="range"]::-moz-range-thumb { transform:rotate(135deg) scale(1.12); box-shadow:0 0 0 3px #0c0c0f,0 0 0 5px #fff,0 0 24px rgba(167,139,250,.58); }
.market-range-beam { position:absolute; z-index:2; left:var(--market-progress); top:7px; width:1px; height:28px; background:#ddd6fe; opacity:.28; transform:translateX(-1px) scaleY(.55); transition:left .16s ease-out,opacity .16s ease-out,transform .16s ease-out; pointer-events:none; }
.market-range.is-active .market-range-beam { opacity:.88; transform:translateX(-1px) scaleY(1); }
.market-volume-ticks { display:flex; justify-content:space-between; color:#6f6f77; font:500 8px/1 ui-monospace,monospace; }
.market-engine-toggle { margin-top:26px; display:flex; gap:7px; flex-wrap:wrap; }
.market-engine-toggle button { min-height:34px; padding:0 13px; border:1px solid var(--border2); border-radius:999px; color:#8d8d95; background:#111114; font-size:9px; cursor:pointer; transition:border-color .16s ease-out,color .16s ease-out; }
.market-engine-toggle button[aria-pressed="true"] { border-color:#8b6fd4; color:#d8ccff; }
.market-engine-toggle button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.market-calculator-control>p { margin:14px 0 0; color:#6f6f77; font-size:9px; line-height:1.5; }
.market-calculator-results { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); }
.market-calculator-results article { min-height:126px; padding:23px 18px 16px; border-right:1px solid var(--border); }
.market-calculator-results article:last-child { border-right:0; }
.market-calculator-results span,.market-calculator-results small { display:block; color:#777780; font-size:9px; line-height:1.45; }
.market-calculator-results strong { margin:16px 0 8px; display:block; color:#e9e9eb; font:400 22px/1 'Geist',sans-serif; letter-spacing:-.035em; }
.market-calculator-results article:first-child strong { color:#a78bfa; }
.market-result--estimate { position:relative; box-shadow:inset 0 2px 0 #a78bfa; }
.market-result--estimate::after { content:"LIVE ESTIMATE"; position:absolute; top:22px; right:18px; color:#9b82df; font:500 7px/1 ui-monospace,monospace; letter-spacing:.12em; }
.market-result--estimate.is-active strong { animation:market-readout .18s ease-out; }
.market-result--reference { background:#0c0c0f; }
.market-result--reference strong { color:#b4b4bb!important; font-size:18px; }
@keyframes market-readout { from { transform:translateY(4px); opacity:.35; } to { transform:none; opacity:1; } }
.market-rail { margin-top:58px; padding-bottom:8px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(248px,1fr); overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; border-top:1px solid var(--border2); border-bottom:1px solid var(--border2); scrollbar-width:thin; scrollbar-color:#444 transparent; }
.market-card { min-height:390px; padding:26px 22px; display:flex; flex-direction:column; scroll-snap-align:start; border-right:1px solid var(--border); }
.market-card:last-child { border-right:0; }
.market-card header { min-height:34px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.market-card header span { color:#e5e5e7; font-size:12px; font-weight:500; }
.market-card header small { color:#85858e; font:500 9px/1 ui-monospace,monospace; letter-spacing:.06em; text-align:right; }
.market-card>strong { margin-top:54px; color:#f2f2f3; font:400 42px/.95 'Geist',sans-serif; letter-spacing:-.05em; }
.market-card>p { min-height:38px; margin:12px 0 0; color:#91919a; font-size:11px; line-height:1.5; }
.market-card dl { margin:auto 0 0; }
.market-card dl div { padding:11px 0; display:grid; grid-template-columns:1fr 1.2fr; gap:10px; border-top:1px solid var(--border); }
.market-card dt { color:#888891; font-size:9px; }
.market-card dd { margin:0; color:#bdbdc3; font-size:9px; text-align:right; }
.market-card>a { margin-top:18px; color:#c9c9cd; font-size:9px; text-decoration:none; }
.market-card--vedika { background:#0e0e11; box-shadow:inset 0 2px 0 #a78bfa; }
.market-card--vedika header small,.market-card--vedika>a { color:#b9a7f5; }
.market-card { position:relative; transition:transform .16s ease-out,color .16s ease-out; }
.market-card::before { content:""; position:absolute; top:0; left:22px; right:22px; height:2px; opacity:.38; background:repeating-linear-gradient(90deg,#8a8a92 0 4px,transparent 4px 9px); }
.market-card:hover,.market-card:focus-within { transform:translateY(-2px); }
.market-card:hover::before,.market-card:focus-within::before { opacity:.8; }
.market-card--vedika::before { background:repeating-linear-gradient(90deg,#a78bfa 0 8px,transparent 8px 12px); opacity:1; }
.market-matrix-row:not(.market-matrix-head) { transition:background-color .16s ease-out; }
.market-matrix-row:not(.market-matrix-head):hover { background:#111114; }
.market-matrix-row>strong { position:relative; box-shadow:inset 2px 0 0 rgba(167,139,250,.55); }
.market-matrix-row:not(.market-matrix-head):hover>strong { color:#eeeaff; box-shadow:inset 3px 0 0 #a78bfa; }
.market-matrix-row>* { font-size:11px; }
.market-matrix-head>* { font-size:9px; }
.market-note { margin:17px 0 0; color:#67676f; font-size:9px; line-height:1.5; }
.market-rail-controls { margin-top:14px; display:flex; align-items:center; justify-content:space-between; color:#85858e; font-size:10px; }
.market-rail-controls>div { display:flex; align-items:center; gap:10px; }
.market-rail-controls button { width:34px; height:34px; border:1px solid var(--border2); border-radius:50%; color:var(--text); background:#111114; cursor:pointer; }
.market-rail-controls button:disabled { opacity:.28; cursor:default; }
.market-rail-controls button:focus-visible { outline:2px solid #fff; outline-offset:3px; }

@media (max-width:900px) {
  body.nav-open .vk-links { justify-content:flex-start; }
  .pricing-preferences { width:calc(100% - 40px); margin-top:24px; align-items:flex-start; flex-direction:column; }
  .pricing-toggle { max-width:100%; }
  .pricing-toggle button { padding-inline:11px; }
  .cover-open { opacity:1; transform:none; }
  .cover-open span { display:none; }
  .strip-cover { width:260px; height:200px; }
  .cover-viewer { width:calc(100vw - 20px); height:calc(100dvh - 20px); border-radius:14px; }
  .cover-viewer-stage { padding:10px; }
  .proof-theatre { margin-top:36px; border-radius:18px; }
  .proof-modebar { padding:0 8px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; overflow:visible; }
  .proof-modebar button { min-width:0; padding:0 3px; font-size:9px; white-space:nowrap; }
  .proof-modebar button span { margin-right:3px; }
  .proof-modebar>p { display:none; }
  .proof-panel { min-height:0; grid-template-columns:1fr; }
  .proof-brief,.proof-output { padding:28px 22px; }
  .proof-brief { border-right:0; border-bottom:1px solid var(--border); }
  .proof-kicker { margin-bottom:32px; }
  .proof-brief h3 { max-width:12ch; }
  .proof-canvas { min-height:420px; }
  .proof-output { min-height:310px; border-top:1px solid var(--border); border-left:0; }
  .proof-output>p:not(.proof-disclosure) { margin:56px 0 26px; }
  .public-proof-track { animation-duration:58s; }
  .market-heading { grid-template-columns:1fr; gap:18px; }
  .market-advantage { grid-template-columns:repeat(2,1fr); }
  .market-advantage>div { min-height:98px; border-bottom:1px solid var(--border); }
  .market-advantage>div:nth-child(2n) { border-right:0; }
  .market-advantage>div:last-child { grid-column:1/-1; border-bottom:0; }
  .market-calculator { grid-template-columns:1fr; gap:28px; }
  .market-calculator-results { grid-template-columns:repeat(2,1fr); }
  .market-calculator-results article:nth-child(2) { border-right:0; }
  .market-calculator-results article:nth-child(-n+2) { border-bottom:1px solid var(--border); }
  .market-rail { margin-top:36px; grid-auto-columns:min(82vw,310px); }
  .market-card { min-height:370px; }
}

@media (max-width:520px) {
  .market-matrix { min-width:1060px; }
  .market-matrix-row { grid-template-columns:150px repeat(5,minmax(182px,1fr)); }
  .market-calculator { padding-block:28px; }
  .market-calculator-results { grid-template-columns:1fr; }
  .market-calculator-results article { min-height:106px; border-right:0; border-bottom:1px solid var(--border); }
  .market-calculator-results article:last-child { border-bottom:0; }
  .market-engine-toggle { display:grid; grid-template-columns:1fr; }
  .market-engine-toggle button { width:100%; text-align:left; }
}

@media (min-width:761px) and (max-width:900px) {
  .proof-panel { min-height:520px; grid-template-columns:minmax(170px,.72fr) minmax(290px,1.25fr) minmax(205px,.88fr); }
  .proof-brief,.proof-output { min-height:0; padding:28px 20px; }
  .proof-brief { border-right:1px solid var(--border); border-bottom:0; }
  .proof-kicker { margin-bottom:58px; }
  .proof-brief h3 { max-width:9ch; font-size:31px; }
  .proof-canvas { min-height:0; }
  .proof-output { border-top:0; border-left:1px solid var(--border); }
  .proof-output>p:not(.proof-disclosure) { margin:auto 0 24px; font-size:18px; }
}

@media (prefers-reduced-motion:reduce) {
  html:not([data-vedika-motion="full"]) .hero-img { opacity:0!important; transform:none!important; animation:none!important; }
  html:not([data-vedika-motion="full"]) .hero-img.active { opacity:1!important; }
  html:not([data-vedika-motion="full"]) .cta-img { opacity:0!important; animation:none!important; }
  html:not([data-vedika-motion="full"]) .cta-img:last-of-type { opacity:1!important; }
  html:not([data-vedika-motion="full"]) :is(.cover-open,.cover-shell img,.strip-cover img) { transition:none!important; }
  html:not([data-vedika-motion="full"]) :is(.strip-inner,.strip-inner.is-marquee-ready) { animation:none!important; transform:none!important; }
  html:not([data-vedika-motion="full"]) :is(.experience-transition-lines i,.experience-transition-core i) { animation:none!important; }
  html:not([data-vedika-motion="full"]) .proof-query-route i::after { animation:none!important; }
  html:not([data-vedika-motion="full"]) :is(.proof-wave i,.proof-page--front,.proof-progress i,.public-proof-track) { animation:none!important; }
  html:not([data-vedika-motion="full"]) :is(.market-range-beam,.market-result--estimate strong,.market-card) { animation:none!important; transition:none!important; }
  html:not([data-vedika-motion="full"]) .pricing-card.is-price-changing :is(.pricing-price,.pricing-savings,.pricing-desc) { animation:none!important; }
}
