:root{--bg: #020404;--text: #f7faf9;--text-muted: rgba(226, 232, 240, .82);--text-faint: rgba(203, 213, 225, .66);--accent: #67e8f9;--accent-dim: rgba(34, 211, 238, .1);--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .28);--panel: rgba(15, 23, 42, .42);--panel-dim: rgba(2, 8, 23, .34);--panel-dark: #05090f;--terminal-pre: #bbf7d0;--nav-bg: rgba(2, 4, 4, .82);--nav-border: rgba(148, 163, 184, .14);--nav-text: rgba(226, 232, 240, .76);--brand-bg: rgba(8, 47, 73, .42);--brand-border: rgba(45, 212, 191, .35);--brand-shadow: rgba(34, 211, 238, .2);--brand-color: #67e8f9;--jn-bg: rgba(8, 47, 73, .42);--jn-border: rgba(45, 212, 191, .3);--jn-color: rgba(226, 232, 240, .9);--jn-hover: rgba(103, 232, 249, .7);--card-bg: linear-gradient(160deg, rgba(255, 255, 255, .035) 0%, rgba(15, 23, 42, .42) 55%);--card-hover: linear-gradient(160deg, rgba(103, 232, 249, .06) 0%, rgba(15, 23, 42, .52) 55%);--card-top-line: linear-gradient(90deg, transparent, rgba(103, 232, 249, .22), transparent);--card-top-line-hover: linear-gradient(90deg, transparent, rgba(103, 232, 249, .42), transparent);--footer-border: rgba(148, 163, 184, .14);--footer-text: rgba(203, 213, 225, .58);--source-row-bg: rgba(2, 8, 23, .36);--ai-preview-bg: linear-gradient(160deg, rgba(249, 115, 22, .11), rgba(8, 47, 73, .22));--ai-preview-border: rgba(249, 115, 22, .18);--ai-preview-text: rgba(255, 247, 237, .78);--ai-preview-label: #fed7aa;--ai-preview-answer: #67e8f9;--prompt-bg: rgba(6, 78, 59, .22);--prompt-border: rgba(103, 232, 249, .16);--hero-bg: #020404;--hero-glow: radial-gradient(ellipse 68% 54% at 24% 38%, rgba(34, 211, 238, .09) 0%, transparent 62%), radial-gradient(ellipse 47% 57% at 82% 60%, rgba(88, 166, 255, .07) 0%, transparent 62%), radial-gradient(ellipse 36% 66% at 51% 12%, rgba(16, 185, 129, .05) 0%, transparent 60%), repeating-linear-gradient(-22deg, transparent 0, transparent 62px, rgba(34, 211, 238, .04) 62px, rgba(34, 211, 238, .04) 63px);--hero-overlay-left: rgba(2, 4, 4, .96);--hero-overlay-mid: rgba(2, 4, 4, .68);--hero-overlay-right: rgba(2, 4, 4, .14);--hero-overlay-bottom: #020404;--btn-primary-bg: #f8fafc;--btn-primary-color: #020404;--btn-secondary-bg: rgba(15, 23, 42, .42);--btn-secondary-color: #f8fafc;--btn-secondary-border: rgba(148, 163, 184, .28);--hero-proof-bg: rgba(2, 8, 23, .34);--hero-proof-border: rgba(148, 163, 184, .18);--hero-proof-color: rgba(226, 232, 240, .82);--telemetry-bg: rgba(2, 8, 23, .72);--telemetry-border: rgba(148, 163, 184, .22);--telemetry-label: rgba(203, 213, 225, .66);--telemetry-value: #f8fafc;--hero-scroll: rgba(226, 232, 240, .54);--hero-img-shadow: 0 36px 100px rgba(0, 0, 0, .55), 0 0 0 1px rgba(34, 211, 238, .08)}:root:not([data-theme]),[data-theme=light]{--bg: #f8fafc;--text: #0f172a;--text-muted: #475569;--text-faint: #94a3b8;--accent: #0891b2;--accent-dim: rgba(8, 145, 178, .08);--line: rgba(148, 163, 184, .24);--line-strong: rgba(100, 116, 139, .32);--panel: rgba(255, 255, 255, .72);--panel-dim: rgba(241, 245, 249, .8);--panel-dark: #f1f5f9;--terminal-pre: #065f46;--nav-bg: rgba(255, 255, 255, .88);--nav-border: rgba(148, 163, 184, .2);--nav-text: #475569;--brand-bg: rgba(207, 250, 254, .5);--brand-border: rgba(6, 182, 212, .4);--brand-shadow: rgba(8, 145, 178, .15);--brand-color: #0891b2;--jn-bg: rgba(207, 250, 254, .4);--jn-border: rgba(6, 182, 212, .35);--jn-color: #334155;--jn-hover: rgba(8, 145, 178, .7);--card-bg: linear-gradient(160deg, rgba(255,255,255,.9) 0%, rgba(241,245,249,.7) 55%);--card-hover: linear-gradient(160deg, rgba(207,250,254,.5) 0%, rgba(224,242,254,.4) 55%);--card-top-line: linear-gradient(90deg, transparent, rgba(8,145,178,.2), transparent);--card-top-line-hover: linear-gradient(90deg, transparent, rgba(8,145,178,.35), transparent);--footer-border: rgba(148,163,184,.2);--footer-text: #94a3b8;--source-row-bg: rgba(241, 245, 249, .7);--ai-preview-bg: linear-gradient(160deg, rgba(255, 237, 213, .92), rgba(207, 250, 254, .65));--ai-preview-border: rgba(249, 115, 22, .36);--ai-preview-text: #1e293b;--ai-preview-label: #9a3412;--ai-preview-answer: #0369a1;--prompt-bg: rgba(207, 250, 254, .3);--prompt-border: rgba(8, 145, 178, .18);--hero-bg: #f8fafc;--hero-glow: radial-gradient(ellipse 68% 54% at 24% 38%, rgba(8, 145, 178, .09) 0%, transparent 62%), radial-gradient(ellipse 47% 57% at 82% 60%, rgba(99, 102, 241, .06) 0%, transparent 62%), radial-gradient(ellipse 36% 66% at 51% 12%, rgba(16, 185, 129, .07) 0%, transparent 60%), repeating-linear-gradient(-22deg, transparent 0, transparent 62px, rgba(8, 145, 178, .035) 62px, rgba(8, 145, 178, .035) 63px);--hero-overlay-left: rgba(248, 250, 252, .97);--hero-overlay-mid: rgba(248, 250, 252, .7);--hero-overlay-right: rgba(248, 250, 252, .12);--hero-overlay-bottom: #f8fafc;--btn-primary-bg: #0f172a;--btn-primary-color: #f8fafc;--btn-secondary-bg: rgba(255, 255, 255, .68);--btn-secondary-color: #0f172a;--btn-secondary-border: rgba(100, 116, 139, .32);--hero-proof-bg: rgba(255, 255, 255, .68);--hero-proof-border: rgba(148, 163, 184, .26);--hero-proof-color: #475569;--telemetry-bg: rgba(255, 255, 255, .88);--telemetry-border: rgba(148, 163, 184, .3);--telemetry-label: #64748b;--telemetry-value: #0f172a;--hero-scroll: #94a3b8;--hero-img-shadow: 0 24px 80px rgba(15, 23, 42, .15), 0 0 0 1px rgba(8, 145, 178, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"calt","kern","liga";transition:background .2s ease,color .2s ease}h1,h2,h3,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,3vw,40px);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .2s ease,border-color .2s ease}.header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1180px,100%);margin:0 auto}.brand,.top-nav,.header-cta{display:inline-flex;align-items:center}.brand{gap:10px;font-size:15px;font-weight:760;color:var(--text)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--brand-border);border-radius:10px;color:var(--brand-color);background:var(--brand-bg);box-shadow:0 0 28px var(--brand-shadow);transition:border-color .15s ease,box-shadow .15s ease}.top-nav{gap:26px;font-size:13px;color:var(--nav-text)}.top-nav a:hover,.site-footer a:hover{color:var(--text)}.header-right{display:inline-flex;align-items:center;gap:10px}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .15s ease,color .15s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.header-cta{min-height:36px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .16s ease,transform .16s ease}.header-cta:hover{transform:translateY(-1px);border-color:var(--accent)}.jn-monogram-link{flex-shrink:0;text-decoration:none}.jn-monogram{align-items:center;background:var(--jn-bg);border:1px solid var(--jn-border);border-radius:999px;color:var(--jn-color);display:inline-flex;font-family:Geist Mono,ui-monospace,monospace;font-size:.56rem;height:2rem;justify-content:center;letter-spacing:.18em;transition:border-color .15s ease,color .15s ease;width:2rem}.jn-monogram:hover{border-color:var(--jn-hover);color:var(--accent)}.jn-nav-divider{background:var(--line-strong);display:block;flex-shrink:0;height:1.15rem;width:1px}.header-left{align-items:center;display:inline-flex;gap:12px}.jn-footer-back{align-items:center;color:var(--footer-text);display:inline-flex;font-family:Geist Mono,ui-monospace,monospace;font-size:.72rem;gap:8px;text-decoration:none;transition:color .15s ease}.jn-footer-back:hover{color:var(--accent)}.jn-footer-back .jn-monogram{font-size:.48rem;height:1.5rem;width:1.5rem}.hero{position:relative;overflow:hidden;background:var(--hero-bg);isolation:isolate;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:var(--hero-glow);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,var(--hero-overlay-left) 0%,var(--hero-overlay-mid) 44%,var(--hero-overlay-right) 100%),linear-gradient(0deg,var(--hero-overlay-bottom) 0%,transparent 34%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(28px,4vw,60px);width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:min(70svh,680px);padding:clamp(32px,5vh,64px) 0 clamp(56px,7vh,84px)}.hero-content{position:relative;z-index:2;min-width:0}.eyebrow,.section-kicker{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(44px,5.8vw,92px);line-height:.94;letter-spacing:-.04em;font-weight:800;color:var(--text)}.hero-copy{max-width:650px;margin-bottom:30px;color:var(--text-muted);font-size:clamp(18px,2vw,24px);line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;min-height:48px;gap:9px;padding:0 21px;border-radius:999px;font-size:15px;font-weight:780;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);box-shadow:0 16px 34px #0f172a29}.button.secondary{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-proof span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--hero-proof-border);border-radius:999px;background:var(--hero-proof-bg);color:var(--hero-proof-color);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-product{position:relative;z-index:1;justify-self:end;width:min(560px,100%);transform:perspective(1100px) rotateX(5deg) rotateY(-9deg) rotate(.6deg);transform-origin:center}.hero-product img{border:1px solid var(--line);border-radius:18px;box-shadow:var(--hero-img-shadow)}.telemetry-card{position:absolute;min-width:116px;padding:12px 14px;border:1px solid var(--telemetry-border);border-radius:14px;background:var(--telemetry-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.telemetry-card span{display:block;color:var(--telemetry-label);font-size:11px}.telemetry-card strong{display:block;margin-top:3px;color:var(--telemetry-value);font-size:21px}.telemetry-card.top{top:-34px;left:34px}.telemetry-card.bottom{right:28px;bottom:-28px}.scroll-hint{position:absolute;left:50%;bottom:18px;z-index:3;width:min(100% - 40px,520px);transform:translate(-50%);color:var(--hero-scroll);font-size:12px;text-align:center}[data-theme=light] .hero-product{transform:perspective(1100px) rotateX(4deg) rotateY(-7deg) rotate(.4deg)}[data-theme=light] .compare-slider{background:#fff}[data-theme=light] .compare-divider{background:#0f172ab8}main{background:var(--bg)}.section-kicker{color:var(--accent)}.promise-section,.feature-section,.split-section,.quickstart-section,.final-cta,.site-footer{width:min(1180px,calc(100% - 40px));margin:0 auto}.promise-section,.feature-section,.split-section,.quickstart-section{padding:clamp(56px,7vw,96px) 0}.promise-section h2,.feature-section h2,.source-panel h2,.ai-panel h2,.quickstart-section h2,.final-cta h2{max-width:820px;margin-bottom:28px;color:var(--text);font-size:clamp(36px,5vw,66px);line-height:1.02;letter-spacing:-.025em}.promise-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.promise-card,.feature-card,.source-panel,.ai-panel,.terminal-block{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--card-bg);box-shadow:inset 0 1px #ffffff0f,0 1px 4px #0000000a,0 4px 20px #0000000f;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}.promise-card:hover,.feature-card:hover,.source-panel:hover,.ai-panel:hover,.terminal-block:hover{border-color:var(--accent-dim);background:var(--card-hover);box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000001a,0 8px 24px #00000024,0 0 36px var(--accent-dim);transform:translateY(-2px)}.promise-card:hover:before,.feature-card:hover:before,.source-panel:hover:before,.ai-panel:hover:before,.terminal-block:hover:before{background:var(--card-top-line-hover);transition:background .22s ease}.promise-card:before,.feature-card:before,.source-panel:before,.ai-panel:before,.terminal-block:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--card-top-line);border-radius:18px 18px 0 0;pointer-events:none;transition:background .22s ease}.promise-card,.feature-card{padding:24px}.promise-card svg,.feature-card svg,.source-row svg{color:var(--accent)}.promise-card h3,.feature-card h3{margin:18px 0 9px;font-size:20px;letter-spacing:-.015em;color:var(--text)}.promise-card p,.feature-card p,.ai-panel p,.quickstart-section p{color:var(--text-faint);line-height:1.65}.feature-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 18px}.feature-pill{display:flex;gap:10px;min-width:0;min-height:88px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-dim);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}.feature-pill:hover{border-color:var(--accent);background:var(--card-hover);box-shadow:0 0 24px var(--accent-dim);transform:translateY(-2px)}.feature-pill svg{flex:0 0 auto;color:var(--accent)}.feature-pill strong,.feature-pill span{display:block}.feature-pill strong{margin-bottom:5px;color:var(--text);font-size:14px}.feature-pill span{color:var(--text-faint);font-size:12px;line-height:1.45}.screenshot-wall{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.9fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;margin:0}.screenshot-shot{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 28px 80px #00000024}.screenshot-shot.primary{grid-row:span 2;aspect-ratio:16 / 11}.screenshot-shot:not(.primary){aspect-ratio:16 / 8.15}.screenshot-shot img{width:100%;height:100%;object-fit:cover;object-position:top left}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-panel,.ai-panel{padding:clamp(26px,4vw,44px)}.source-list{display:grid;gap:10px;margin-top:26px}.source-row{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--source-row-bg)}.source-row strong,.source-row span{display:block}.source-row strong{margin-bottom:3px;color:var(--text)}.source-row span{color:var(--text-faint);font-size:14px}.prompt-stack{display:grid;gap:10px;margin-top:30px}.ai-preview{margin-top:24px;padding:18px;border:1px solid var(--ai-preview-border);border-radius:14px;background:var(--ai-preview-bg);box-shadow:0 2px 12px #0000000f}.ai-preview span,.ai-preview strong{display:block;margin-bottom:7px;color:var(--ai-preview-label);font-size:13px;font-weight:800}.ai-preview strong{margin-top:14px;color:var(--ai-preview-answer)}.ai-preview p{margin:0;color:var(--ai-preview-text);font-size:14px;line-height:1.55}.prompt-stack span{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--prompt-border);border-radius:14px;background:var(--prompt-bg);color:var(--text-muted)}.quickstart-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:24px;align-items:center}.quickstart-section p{color:var(--text-muted)}.terminal-block{overflow:hidden;background:var(--panel-dark)}.terminal-title{display:flex;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--text-faint);font-size:13px}.terminal-block pre{margin:0;padding:22px;overflow-x:auto;color:var(--terminal-pre);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.8}@keyframes reveal-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-child-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal.visible{animation:reveal-in .58s ease;animation-fill-mode:backwards;opacity:1}.reveal-stagger>*{opacity:0}.reveal-stagger.visible>*{animation:reveal-child-in .48s ease;animation-fill-mode:backwards;opacity:1}.reveal-stagger.visible>*:nth-child(1){animation-delay:0ms}.reveal-stagger.visible>*:nth-child(2){animation-delay:80ms}.reveal-stagger.visible>*:nth-child(3){animation-delay:.16s}.reveal-stagger.visible>*:nth-child(4){animation-delay:.24s}.final-cta{padding:72px 0 88px;text-align:center}.final-cta h2{margin-right:auto;margin-left:auto}.final-cta .hero-actions{justify-content:center}.final-cta .button.primary{background:var(--text);color:var(--bg)}.final-cta .button.secondary{border-color:var(--line-strong);background:var(--panel);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:28px 0 40px;border-top:1px solid var(--footer-border);color:var(--footer-text);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px}@media(max-width:980px){.top-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:clamp(40px,9vw,72px);min-height:0;padding:clamp(32px,6vw,56px) 0 clamp(48px,9vw,80px)}.hero-product{justify-self:center;width:min(560px,100%);transform:perspective(1200px) rotateX(4deg) rotateY(-6deg)}.promise-grid,.feature-rail,.feature-grid,.split-section,.quickstart-section{grid-template-columns:1fr}.screenshot-wall{grid-template-columns:1fr;grid-template-rows:auto}.screenshot-shot.primary{grid-row:auto;aspect-ratio:16 / 10}.screenshot-shot:not(.primary){aspect-ratio:16 / 9}.scroll-hint{display:none}}@media(max-width:640px){.header-cta{display:none}.hero-grid,.promise-section,.feature-section,.split-section,.quickstart-section,.final-cta,.site-footer{width:min(100% - 28px,1180px)}h1{font-size:clamp(40px,13vw,66px)}.hero-grid{padding-top:32px}.hero-product{transform:none;opacity:1}.telemetry-card{display:none}.button{width:100%;justify-content:center}.promise-card,.feature-pill,.feature-card,.source-panel,.ai-panel{padding:20px}.site-footer{display:grid;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-cta,.feature-pill,.theme-toggle{transition:none}.reveal,.reveal-stagger>*{opacity:1;animation:none}.hero-product{transform:none;opacity:1}}.compare-slider{position:relative;overflow:hidden;border-radius:18px;cursor:ew-resize;user-select:none;-webkit-user-select:none}.compare-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.compare-img--dark{position:relative}.compare-img--light{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--pos))}.compare-divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#ffffffe6;pointer-events:none;transform:translate(-50%)}.compare-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #00000059;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23475569'%3E%3Cpath d='M7 5l-4 5 4 5M13 5l4 5-4 5' stroke='%23475569' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px}.compare-label{position:absolute;top:10px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;pointer-events:none;white-space:nowrap}.compare-label--dark{right:calc(100% + 10px);background:#0000008c;color:#e2e8f0;transform:translate(50%)}.compare-label--light{left:calc(100% + 10px);background:#ffffffd9;color:#334155;transform:translate(-50%)}.compare-slider input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;padding:0}.hero-product .compare-slider{width:100%;height:100%;border-radius:18px}.screenshot-shot .compare-slider{width:100%;height:100%;border-radius:14px}.screenshot-shot .compare-slider .compare-img--dark{height:100%;object-fit:cover}