/* ERAYAEP CREATOR STUDIO 2.5 — cohesive presentation layer; no account/checkout overrides. */
:root{--a25-bg:#070a0b;--a25-surface:#111819;--a25-surface2:#182123;--a25-ink:#f2f7f4;--a25-soft:#9bafa9;--a25-line:rgba(190,235,219,.16);--a25-accent:#b0f8d6;--a25-signal:#e9fe9f}
body.noir3{background:var(--a25-bg);color:var(--a25-ink)}
body.noir3::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 600px 460px at 80% 5%,rgba(73,155,129,.085),transparent),radial-gradient(ellipse 650px 500px at 10% 95%,rgba(193,215,167,.036),transparent)}
.grain{opacity:.045}.page-progress{background:linear-gradient(90deg,#478c78,#d4ffdf,#efffa9)}
.wrap{width:min(1336px,calc(100% - 100px))}
.site-header{height:76px;background:rgba(6,11,12,.85)!important;border-bottom:1px solid var(--a25-line)!important;backdrop-filter:blur(24px)}
.site-header .logo{font-weight:900;letter-spacing:.12em;font-size:15px}
.site-header .brand-emblem{color:#152820;border-color:#a7ebc7;background:linear-gradient(140deg,#e0ffef,#82bfa5);font-size:18px;box-shadow:0 0 32px #82f7bd1e}
.site-header .brand-point,.footer-logo span{color:var(--a25-accent)!important}
.main-nav{gap:24px}.main-nav a{color:#b1beb9!important;font-size:12px;transition:color .2s}.main-nav a:hover{color:var(--a25-accent)!important}
.nav-launch.btn-light,.btn-light,.next-primary{background:linear-gradient(140deg,#e4ffef,#a8dfc4)!important;color:#0b211b!important;border:1px solid #d9ffee!important;box-shadow:0 12px 30px #9dffcc15!important}
.nav-launch{border-radius:999px!important}.lang-btn{color:#cce0d9}
.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline-color:#b0f8d6!important}
.hero.hero-next{background:radial-gradient(ellipse 700px 700px at 78% 50%,rgba(42,100,80,.25),transparent 75%),radial-gradient(ellipse 580px 580px at 12% 0%,rgba(56,92,76,.13),transparent 85%),#070a0b!important}
.hero.hero-next::before{background-image:linear-gradient(rgba(161,218,187,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(161,218,187,.035) 1px,transparent 1px)!important;background-size:72px 72px!important;mask-image:linear-gradient(90deg,transparent 7%,#000 80%);opacity:.65}
.next-hero-grid{min-height:680px;grid-template-columns:1.06fr .94fr;align-items:center}
.hero-edition,.a25-label{letter-spacing:.19em;color:#b7e8ca;font-size:10px;font-weight:800}
.hero-edition i{background:#b0f8d6;box-shadow:0 0 12px #b0f8d6a0}
.hero h1{font-size:clamp(58px,6.4vw,110px)!important;line-height:1.01!important;letter-spacing:-.081em!important;font-weight:740!important}
.hero .soft-gradient{background:linear-gradient(150deg,#fff 20%,#8ab4a3 63%,#bdddc4 93%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-description{font-size:16px!important;line-height:1.8;color:#b3c1b9!important;max-width:540px}
.hero-microfacts{color:#c8dacb!important}.hero-microfacts .micro-circle{background:var(--a25-accent)!important}.hero-microfacts sup{border-color:#a3e3b6!important;color:#d2ffdb!important}
.next-hero-footer{color:#84988d!important;border-color:var(--a25-line)!important}
.cinema-stage{filter:hue-rotate(32deg) saturate(.75)}
.cinema-stage .stage-core{box-shadow:0 0 130px rgba(109,222,157,.08),0 30px 80px #000a}
.noir-stats,.intro-strip{background:#0b1010!important;border-color:var(--a25-line)!important}.noir-stat{border-color:var(--a25-line)!important}
.noir-stat strong{color:#f1fff5!important}.noir-stat span{color:#91ab9e!important}
.section,.film-section{scroll-margin-top:84px}
.kicker{color:#91b9a8!important}.section-head h2,.about-copy h2,.closing h2{letter-spacing:-.072em}
.text-muted{color:#6e8478!important}
.bento,.feature-card,.product-card,.er-proof-card,.pricing-card,.a25-creator-visual{border-color:var(--a25-line)!important}
.bento,.feature-card,.product-card,.er-proof-card{background:linear-gradient(145deg,#182220,#101515)!important}
.film-section,.method-section,.lab-section,.pricing-section,.questions-section,.closing{background-color:transparent!important}
.film-screen,.setup-video,.er-help-banner{border-color:var(--a25-line)!important}
.film-screen{box-shadow:0 22px 80px #000b,0 0 1px 1px #b0f8d620}
.about-card,.about-section{background-color:#0c1211!important}
.pricing-card.featured{border-color:#a1eac058!important;box-shadow:0 0 0 1px #a1eac015,0 30px 70px #0008}
.pricing-card.featured::before{background:radial-gradient(ellipse at 0% 0%,rgba(152,243,188,.12),transparent 70%)}
.question-list details{border-color:var(--a25-line)!important}.question-list summary{color:#eef6f1!important}
.closing{background:radial-gradient(ellipse 60% 80% at 50% 55%,#1b3e2b70,transparent 70%),#080e0a!important}
.footer-logo{color:#fff}.site-footer{background:#060b0b!important;border-color:var(--a25-line)!important}
/* New creator/editorial section */
.a25-creator-hub{padding:132px 0;background:linear-gradient(135deg,#101815 0%,#0b100f 75%);border-block:1px solid var(--a25-line);overflow:hidden}
.a25-creator-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}
.a25-label{display:inline-flex;align-items:center;gap:11px;margin:0 0 28px;color:#b0f8d6}
.a25-small-star{font-size:19px;color:#e9fe9f}.a25-creator-copy h2,.a25-platform-inner h2{font-size:clamp(56px,5.8vw,90px);line-height:1.04;letter-spacing:-.082em;font-weight:735;margin:0 0 30px;color:#f4fcf8}.a25-creator-copy h2 em,.a25-platform-inner h2 em{font-style:normal;color:#b0f8d6}
.a25-creator-intro{max-width:590px;color:#9caf9f;font-size:15px;line-height:1.85;margin:0 0 16px}
.a25-social-ctas{display:grid;gap:9px;margin:29px 0}.a25-social-ctas a{display:flex;gap:14px;align-items:center;color:#e5f8ed;border:1px solid #b4e8c42a;background:#15211c;padding:14px 17px;border-radius:13px;font-weight:650;font-size:13px;transition:background .18s,transform .18s}.a25-social-ctas a b{color:#8ca99b;font-weight:500;margin-left:auto}.a25-social-ctas a span{color:#c8ffdd}.a25-social-ctas a:hover{background:#24382f;transform:translateX(4px)}
.a25-creator-link,.a25-platform-copy a{display:inline-flex;gap:22px;align-items:center;margin-top:4px;font-size:13px;font-weight:750;color:#ccffdf;text-decoration:underline;text-decoration-color:#709d80;text-underline-offset:6px}
.a25-creator-visual{height:620px;position:relative;border:1px solid rgba(174,239,196,.22);background:radial-gradient(circle at 50% 53%,#3a655055 0,#16221c 43%,#0c120e 75%);border-radius:28px;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.a25-creator-visual:before{content:"";position:absolute;inset:15px;border:1px solid #d2f7de18;border-radius:22px}.a25-creator-visual:after{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg,#b1ecc009 0deg 1deg,transparent 1deg 30deg);animation:a25-spin 80s linear infinite;z-index:-1}
.a25-axis{position:absolute;border:1px solid #d2f7de37;border-radius:50%;transform:rotate(-23deg)}.a25-axis-one{width:510px;height:510px}.a25-axis-two{width:690px;height:250px}.a25-emblem{width:265px;height:265px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#21372c,#0a1310);border:1px solid #b3f9c77c;box-shadow:0 0 80px #a8ffc520,inset 0 0 75px #8ddd9c10;border-radius:50%;transform:rotate(-8deg)}.a25-emblem span{font-weight:950;font-size:168px;letter-spacing:-.12em;line-height:1;background:linear-gradient(160deg,#f9fff9,#94c8a4 56%,#edfaca);color:transparent;background-clip:text}.a25-emblem small{position:absolute;bottom:20px;letter-spacing:.24em;font-size:7px;color:#91bfa1}
.a25-visual-top,.a25-visual-bottom{position:absolute;left:35px;font-size:10px;letter-spacing:.24em;font-weight:750;color:#b0e5ba}.a25-visual-top{top:38px}.a25-visual-bottom{bottom:38px;font-size:9px;color:#88a998}
@keyframes a25-spin{to{transform:rotate(360deg)}}
.a25-platform-note{border-block:1px solid var(--a25-line);background:linear-gradient(100deg,#12221c,#0d1612);padding:82px 0}
.a25-platform-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.a25-platform-inner h2{font-size:clamp(43px,5.3vw,76px);margin:0}.a25-platform-copy{max-width:560px;color:#a7bdaf;font-size:14px;line-height:1.95}.a25-platform-copy p{margin:0 0 16px}.a25-platform-copy strong{color:#e5ffee}.a25-platform-copy a{margin-top:12px}
/* Unified page transitions / responsive */
@media(max-width:1180px){.main-nav{gap:13px}.main-nav a{font-size:11px}.a25-creator-grid{gap:32px}.a25-creator-visual{height:520px}}
@media(max-width:900px){.wrap{width:min(100% - 40px,780px)}.main-nav{display:none!important}.a25-creator-grid,.a25-platform-inner{grid-template-columns:1fr;gap:40px}.a25-creator-hub{padding:88px 0}.a25-creator-visual{height:490px}.next-hero-grid{grid-template-columns:1fr!important;min-height:0}.cinema-stage{min-height:440px}.hero h1{font-size:clamp(52px,10vw,84px)!important}}
@media(max-width:600px){.wrap{width:calc(100% - 34px)}.site-header{height:66px}.a25-creator-copy h2{font-size:clamp(49px,13vw,67px)}.a25-platform-inner h2{font-size:46px}.a25-creator-visual{height:340px}.a25-emblem{width:190px;height:190px}.a25-emblem span{font-size:119px}.a25-axis-one{width:300px;height:300px}.a25-axis-two{width:430px;height:160px}.a25-visual-top,.a25-visual-bottom{left:18px;font-size:8px}.a25-social-ctas a{font-size:12px}.a25-social-ctas a b{font-size:11px}.a25-platform-note{padding:64px 0}}
@media(prefers-reduced-motion:reduce){.a25-creator-visual:after{animation:none}.a25-social-ctas a{transition:none}}
.a25-reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.a25-reveal.a25-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.a25-reveal{opacity:1;transform:none}}


/* ===== 2.6 / OBSIDIAN ENGINE — deliberately separate from auth, Paddle and extension ===== */
.cinema-stage .stage-ellipse,.cinema-stage .stage-prism{display:none!important}
.cinema-stage .stage-aura{background:radial-gradient(ellipse at 51% 47%,#a9c1e82a 0,#4b75a71b 25%,#17355a0d 49%,transparent 73%);filter:blur(32px);transform:scale(1.08)}
.stage-monolith{--eng-x:0deg;--eng-y:0deg;--sheen-x:48%;--sheen-y:30%;inset:0!important;position:absolute;transform-style:preserve-3d;transform:translate3d(var(--mx),var(--my),0) rotateY(var(--eng-x)) rotateX(var(--eng-y));transition:transform .18s ease-out;will-change:transform;display:block}
.monolith-fog{position:absolute;inset:7% -2% 2%;background:radial-gradient(ellipse at 55% 66%,#9db9dd21 0%,#57718b15 23%,transparent 64%);filter:blur(37px);pointer-events:none}
.monolith-body{position:absolute;z-index:3;left:50%;top:48%;width:min(51%,346px);height:min(72%,466px);transform:translate3d(-50%,-50%,45px) rotateZ(-10deg) rotateY(-14deg) rotateX(5deg);transform-style:preserve-3d;filter:drop-shadow(16px 30px 30px #000b)}
.monolith-shell{position:absolute;inset:0;border-radius:29px;overflow:hidden;transform:translateZ(24px);background:radial-gradient(ellipse at 18% 0%,#35465b66,transparent 48%),linear-gradient(144deg,#192636 0%,#0b121e 30%,#060b13 60%,#151d28 100%);border:1px solid #dbe8f66a;box-shadow:inset 1px 1px 1px #fff8,inset -2px -1px 5px #03080ecc,0 0 0 1px #08101de0,0 22px 70px #000c}
.monolith-shell:before{content:"";position:absolute;inset:7px;border:1px solid #d9e5f41b;border-radius:23px;pointer-events:none}
.monolith-shell:after{content:"";position:absolute;inset:-50%;background:linear-gradient(112deg,transparent 38%,#c2d8f81b 45%,transparent 55%);transform:translateX(-35%) rotate(0);mix-blend-mode:screen;pointer-events:none}
.monolith-edge{position:absolute;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#9eacbf,#2c3d52 23%,#c9d5e5 53%,#303e4b 80%,#8091a8);box-shadow:0 7px 28px #000a,inset 0 1px 2px #fff6}
.monolith-edge-left{top:8px;bottom:15px;left:-19px;width:33px;transform:translateZ(-10px) rotateY(72deg);border-radius:20px 0 0 17px}
.monolith-edge-right{top:9px;bottom:16px;right:-17px;width:35px;transform:translateZ(-10px) rotateY(-69deg);border-radius:0 20px 18px 0}
.monolith-edge-bottom{bottom:-17px;left:10px;right:11px;height:27px;transform:rotateX(-67deg) translateZ(-10px);border-radius:2px 2px 23px 23px}
.monolith-highlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 54% at var(--sheen-x) var(--sheen-y),#e6f2ff25,transparent 63%);mix-blend-mode:screen}
.monolith-cut{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;color:#aab9cc;letter-spacing:.19em;font-size:8px;font-weight:600}
.monolith-cut.top{top:26px}.monolith-cut.bottom{bottom:27px}.monolith-cut.bottom span:first-child{display:inline-flex;gap:8px;align-items:center}
.monolith-ready-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b6e7cc;box-shadow:0 0 8px #a3eec077}
.monolith-identity{position:absolute;left:9%;right:8%;top:36%;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 5px 20px #0008;transform:translateZ(42px)}
.monolith-identity-overline{font-size:9px;color:#899cb2;letter-spacing:.31em;font-weight:700}
.monolith-logotype{position:relative;white-space:nowrap;margin:16px 0 15px;font-size:clamp(37px,4.4vw,63px);font-weight:800;line-height:1;letter-spacing:-.085em;color:#ecf0f5;background:linear-gradient(175deg,#fff,#d0d9e5 42%,#7e91aa 75%,#d5e0ed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 10px #dcecff1a)}
.monolith-logotype>span:first-child{font-weight:650;letter-spacing:-.105em}.monolith-logotype .monolith-tm{position:absolute;top:-4px;right:-13px;font-size:9px;letter-spacing:0;-webkit-text-fill-color:#97a8bf}
.monolith-identity-rule{height:1px;width:90%;background:linear-gradient(90deg,#a1bddb99,#9abbdc2b,transparent)}
.monolith-identity-sub{font-size:8px;letter-spacing:.2em;font-weight:600;line-height:1.6;margin-top:18px;color:#9eafc2}
.monolith-signal{position:absolute;left:26px;right:26px;bottom:73px;height:26px;display:flex;gap:4px;align-items:flex-end;overflow:hidden;opacity:.58}
.monolith-signal i{height:calc(4px + (var(--s,1) * 1px));flex:1;min-width:2px;border-radius:3px 3px 1px 1px;background:linear-gradient(#b9cfe8,#5f7ea6);box-shadow:0 0 5px #638db455;animation:engine-signal 2.2s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -0.13s)}
.monolith-signal i:nth-child(5n + 1){--s:9}.monolith-signal i:nth-child(5n + 2){--s:16}.monolith-signal i:nth-child(5n + 3){--s:5}.monolith-signal i:nth-child(5n + 4){--s:19}.monolith-signal i:nth-child(5n){--s:12}
@keyframes engine-signal{from{height:calc(3px + var(--s) * 1px);opacity:.65}to{height:calc(8px + var(--s) * 1px);opacity:1}}
.monolith-light-slice{position:absolute;z-index:1;pointer-events:none;left:15%;right:13%;height:1px;transform:rotate(-10deg);background:linear-gradient(90deg,transparent,#8fbbe35d 24%,#e3f2ff48 47%,#8cb3e933 73%,transparent);filter:blur(.6px)}
.monolith-light-slice-a{top:23%}.monolith-light-slice-b{bottom:24%;opacity:.55;transform:rotate(-9deg)}
.monolith-platform{position:absolute;z-index:1;left:21%;right:14%;bottom:8%;height:20%;border-radius:50%;transform:rotate(-11deg) rotateX(75deg);background:radial-gradient(ellipse,#0b182a 0%,#9eb8d61d 34%,transparent 73%);filter:blur(15px)}
.monolith-platform span{display:block;position:absolute;inset:15%;border-radius:50%;border:1px solid #9fbde21c}
.monolith-caption{position:absolute;z-index:3;font-size:8px;line-height:1.8;font-weight:650;letter-spacing:.14em;color:#8396ae;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 15px #000}
.monolith-caption span{color:#e5ebf4;letter-spacing:.2em}.monolith-caption i{display:block;height:1px;width:38px;background:#c7d9ee44}
.monolith-caption-left{bottom:12%;left:9%;transform:rotate(-90deg);transform-origin:left bottom}.monolith-caption-right{right:4%;top:14%;transform:rotate(90deg);transform-origin:100% 0}
@media(max-width:1100px){.monolith-body{width:min(54%,335px);height:67%}.monolith-logotype{font-size:clamp(36px,4.3vw,57px)}}
@media(max-width:720px){.monolith-body{width:min(54%,260px);height:69%;top:49%;transform:translate3d(-50%,-50%,45px) rotateZ(-10deg) rotateY(-14deg) rotateX(5deg)}.monolith-logotype{font-size:clamp(30px,7.2vw,42px);margin:10px 0 12px}.monolith-cut{left:17px;right:17px;font-size:6px}.monolith-cut.top{top:20px}.monolith-cut.bottom{bottom:19px}.monolith-identity-overline{font-size:7px}.monolith-identity-sub{font-size:7px;margin-top:13px}.monolith-signal{left:18px;right:18px;bottom:57px;height:17px}.monolith-caption{display:none}.monolith-edge-left{left:-14px}.monolith-edge-right{right:-13px}.monolith-shell{border-radius:23px}.monolith-shell:before{inset:5px;border-radius:19px}}
@media(max-width:420px){.monolith-body{width:57%;height:66%}.monolith-logotype{font-size:31px}.monolith-identity-overline{font-size:6px}.monolith-identity-sub{letter-spacing:.12em;font-size:6px}}
@media(prefers-reduced-motion:reduce){.monolith-signal i{animation:none!important}.stage-monolith{transition:none!important;will-change:auto!important;transform:none!important}}
/* Elevated sound toggle without compromising the silent-by-default consent behavior */
.noir3 .cinematic-sound-toggle{border-color:#dbeaf938;background:linear-gradient(145deg,#ffffff14,#ffffff04);box-shadow:inset 0 1px #ffffff1b,0 5px 18px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:color .2s,border-color .2s,box-shadow .2s,transform .2s}
.noir3 .cinematic-sound-toggle[aria-pressed="true"]{background:linear-gradient(145deg,#b5d8ef21,#90b2de08);border-color:#b6d8f18c;box-shadow:inset 0 1px #ffffff31,0 0 20px #97bbdb19}
.noir3 .cinematic-sound-toggle[aria-pressed="true"] .sound-led{background:#c3e7fa;box-shadow:0 0 10px #a8d6f7,0 0 17px #8fbfee}

/* ===== 2.5.1 film controls ===== */
.film-play-button{position:absolute;z-index:4;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(230,238,249,.24);background:rgba(8,13,22,.8);color:#f5f8ff;border-radius:999px;padding:12px 18px;font:600 12px/1 inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.film-play-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#dce8f8,#91b0cf);color:#09111b;font-size:12px;padding-left:2px}
.film-screen.is-playing .film-play-button{opacity:0;pointer-events:none;transform:translateY(12px)}
.film-screen.is-playing .film-glass-overlay{opacity:.18}

/* ===== 2.5.1 comparison ===== */
.compare-lab{padding:118px 0 42px;background:radial-gradient(ellipse 55% 40% at 50% 15%,rgba(76,116,188,.16),transparent 66%),#05070b}
.compare-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}
.compare-head h2{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.07em;margin:0}
.compare-copy{max-width:430px;color:#9aa9bc;font-size:13px;line-height:1.8}
.compare-shell{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:1080/1440;max-height:min(78vh,840px);margin:0 auto;border:1px solid rgba(228,238,255,.15);background:#090c12;box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.09)}
.compare-video{position:absolute;inset:0}
.compare-video video{width:100%;height:100%;display:block;object-fit:cover;background:#0a0c12}
.compare-video-before{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}
.compare-video-after{clip-path:inset(0 0 0 var(--compare-position))}
.compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:0;pointer-events:none;z-index:4}
.compare-divider::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 24px rgba(181,219,255,.28)}
.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,10,17,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.compare-divider span::before,.compare-divider span::after{content:"";position:absolute;top:50%;width:10px;height:2px;background:#fff;transform:translateY(-50%)}
.compare-divider span::before{left:18px;box-shadow:-4px -4px 0 -3px #fff,-4px 4px 0 -3px #fff;transform:translateY(-50%) rotate(180deg)}
.compare-divider span::after{right:18px;box-shadow:4px -4px 0 -3px #fff,4px 4px 0 -3px #fff}
.compare-range{position:absolute;inset:0;opacity:0;cursor:ew-resize;z-index:5}
.compare-pill{position:absolute;top:24px;z-index:3;display:flex;flex-direction:column;gap:8px;padding:16px 24px;border-radius:28px;background:rgba(12,16,24,.8);border:1px solid rgba(223,235,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 38px rgba(0,0,0,.28)}
.compare-pill small{font-size:12px;letter-spacing:.14em;color:#b3c5d9;text-transform:uppercase}.compare-pill strong{font-size:16px;line-height:1.2;color:#fff}.compare-percent{font-size:12px;letter-spacing:.16em;color:#8dd0ff;text-transform:uppercase}
.compare-pill-left{left:24px;align-items:flex-start}.compare-pill-right{right:24px;align-items:flex-start}
.compare-drag-note{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:12px 22px;border-radius:999px;background:rgba(7,10,17,.72);border:1px solid rgba(240,246,255,.12);color:#dce8f7;font-size:12px;letter-spacing:.18em;text-transform:uppercase;z-index:3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:920px){.compare-head{display:block}.compare-copy{max-width:none;margin-top:18px}.compare-shell{max-height:none}}
@media(max-width:720px){.compare-lab{padding-top:90px}.compare-head h2{font-size:clamp(34px,8vw,54px)}.compare-pill{top:18px;padding:14px 18px;border-radius:24px}.compare-pill small{font-size:9px}.compare-pill strong{font-size:14px}.compare-percent{font-size:10px}.compare-pill-left{left:16px}.compare-pill-right{right:16px}.compare-drag-note{bottom:16px;font-size:10px;padding:10px 18px}.compare-divider span{width:48px;height:48px}}