/* ==========================================================================
   RAM website – black, glowing accent, same look as the macro.
   Change the default colour in :root (--accent) or let visitors pick one.
   ========================================================================== */

@property --accent    { syntax: '<color>'; inherits: true;  initial-value: #3da5ff; }
@property --on-accent { syntax: '<color>'; inherits: true;  initial-value: #ffffff; }
@property --angle     { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

/* tab icons (same artwork as the app), embedded so no extra files are needed */
:root {
  --ic-macro: url("data:image/png;base64,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");
  --ic-configs: url("data:image/png;base64,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");
  --ic-system: url("data:image/png;base64,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");
  --ic-themes: url("data:image/png;base64,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");
  --ic-links: url("data:image/png;base64,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");
  --ic-settings: url("data:image/png;base64,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");
}

:root {
  --bg: #050505;
  --txt: #f4f6f8;
  --dim: #7d8590;
  --accent: #3da5ff;
  --on-accent: #ffffff;
  --panel:  color-mix(in srgb, #0e0e0e, var(--accent) 3%);
  --panel2: color-mix(in srgb, #161616, var(--accent) 5%);
  --line:   color-mix(in srgb, #1c1c1c, var(--accent) 10%);
  --mid:    color-mix(in srgb, #2b2b2b, var(--accent) 12%);
  --glow:   color-mix(in srgb, var(--accent) 38%, transparent);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI Variable Display', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  transition: --accent .7s ease, --on-accent .7s ease;
}
.dragging, .dragging * { transition-property: none !important; }
:root.dragging { transition: none; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--txt); font-family: var(--font);
  font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
h1, h2, h3, h4, p { margin: 0; }
::selection { background: color-mix(in srgb, var(--accent) 40%, transparent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 8px; }
[hidden] { display: none !important; }

.wrap { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.wrap.narrow { width: min(820px, calc(100% - 40px)); }
.dim { color: var(--dim); }
.i { width: 1.15em; height: 1.15em; fill: currentColor; flex: none; }
.i.s { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.fi { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* tab icons (same artwork as the app), tinted with currentColor */
.ico { display: inline-block; width: 1em; height: 1em; background: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.ico-macro { --ic: var(--ic-macro); } .ico-configs { --ic: var(--ic-configs); } .ico-system { --ic: var(--ic-system); }
.ico-themes { --ic: var(--ic-themes); } .ico-links { --ic: var(--ic-links); } .ico-settings { --ic: var(--ic-settings); }

/* ------------------------------------------------------------------ background */
.progress { position: fixed; inset: 0 0 auto 0; height: 2px; z-index: 120; transform-origin: 0 50%;
  transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--accent), #fff); }
.bg { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.orb { position: absolute; border-radius: 50%; opacity: .5; background: radial-gradient(closest-side, var(--accent) 0%, color-mix(in srgb, var(--accent) 45%, transparent) 40%, color-mix(in srgb, var(--accent) 12%, transparent) 72%, transparent 100%); will-change: transform; transform: translateZ(0); }
.o1 { width: 620px; height: 620px; left: -160px; top: -200px; opacity: .36; animation: drift1 22s ease-in-out infinite alternate; }
.o2 { width: 520px; height: 520px; right: -140px; top: 18%; opacity: .22; animation: drift2 26s ease-in-out infinite alternate; }
.o3 { width: 560px; height: 560px; left: 28%; bottom: -260px; opacity: .17; animation: drift1 30s ease-in-out infinite alternate-reverse; }
.bg .grid { position: absolute; inset: 0;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 64px 64px; opacity: .55;
  -webkit-mask-image: radial-gradient(ellipse 70% 55% at 50% 0%, #000, transparent 75%);
  mask-image: radial-gradient(ellipse 70% 55% at 50% 0%, #000, transparent 75%); }
@keyframes drift1 { to { transform: translate(120px, 90px) scale(1.15); } }
@keyframes drift2 { to { transform: translate(-100px, 120px) scale(.9); } }

/* ------------------------------------------------------------------ nav */
.nav { position: fixed; inset: 0 0 auto 0; z-index: 100; height: 68px;
  background: rgba(5, 5, 5, .66); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid color-mix(in srgb, var(--line), transparent 30%); transition: background .4s, border-color .4s; }
.nav.top { background: transparent; border-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.nav-in { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.logo { display: inline-flex; align-items: center; gap: 10px; font-size: 21px; letter-spacing: -.01em; }
.logo b { font-weight: 800; }
.logo img { filter: drop-shadow(0 0 10px var(--glow)); transition: transform .5s var(--ease); }
.logo:hover img { transform: scale(1.1) rotate(-4deg); }
.links { display: flex; gap: 4px; }
.links a { position: relative; padding: 8px 14px; border-radius: 10px; font-size: 14.5px; font-weight: 500; color: var(--dim); transition: color .25s; }
.links a::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--accent);
  transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.links a:hover, .links a.on { color: var(--txt); }
.links a:hover::after, .links a.on::after { transform: scaleX(1); }
.nav-r { display: flex; align-items: center; gap: 16px; }
.dots { display: flex; gap: 7px; padding: 7px 10px; border-radius: 999px; background: var(--panel); border: 1px solid var(--line); }
.dot-btn { width: 15px; height: 15px; border-radius: 50%; background: var(--c); position: relative; transition: transform .3s var(--ease); }
.dot-btn::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 1.5px solid var(--c); opacity: 0; transform: scale(.7); transition: .3s var(--ease); }
.dot-btn:hover { transform: scale(1.18); }
.dot-btn.on::after { opacity: 1; transform: scale(1); }
.burger { display: none; width: 42px; height: 42px; border-radius: 12px; background: var(--panel); border: 1px solid var(--line); position: relative; }
.burger i { position: absolute; left: 12px; right: 12px; height: 2px; background: var(--txt); border-radius: 2px; transition: .35s var(--ease); }
.burger i:nth-child(1) { top: 16px; } .burger i:nth-child(2) { top: 24px; }
.menu-open .burger i:nth-child(1) { top: 20px; transform: rotate(45deg); }
.menu-open .burger i:nth-child(2) { top: 20px; transform: rotate(-45deg); }

/* ------------------------------------------------------------------ buttons */
.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px; overflow: hidden; isolation: isolate;
  height: 46px; padding: 0 22px; border-radius: 999px; font-weight: 600; font-size: 15px; white-space: nowrap;
  transition: transform .3s var(--ease), box-shadow .3s, background .3s, border-color .3s, color .3s; }
.btn-sm { height: 38px; padding: 0 16px; font-size: 14px; }
.btn-lg { height: 54px; padding: 0 30px; font-size: 16px; }
.btn-primary { background: var(--accent); color: var(--on-accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent), #fff 20%) inset, 0 8px 30px -8px var(--glow); }
.btn-primary::before, .btn-discord::before { content: ''; position: absolute; inset: 0; z-index: -1; transform: translateX(-120%) skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); transition: transform .8s var(--ease); }
.btn-primary:hover::before, .btn-discord:hover::before { transform: translateX(120%) skewX(-20deg); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent), #fff 30%) inset, 0 14px 40px -8px var(--glow); }
.btn-ghost { background: color-mix(in srgb, var(--accent) 6%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 28%, #222); }
.btn-ghost:hover { transform: translateY(-2px); border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); }
.btn-ghost .i.s { transition: transform .3s var(--ease); }
.btn-ghost:hover .i.s { transform: translateX(4px); }
.btn-discord { background: #5865f2; color: #fff; box-shadow: 0 10px 40px -10px rgba(88, 101, 242, .8); }
.btn-discord:hover { transform: translateY(-2px); background: #4f5be0; box-shadow: 0 16px 50px -10px rgba(88, 101, 242, .95); }
.btn:active { transform: translateY(0) scale(.98); }

/* ------------------------------------------------------------------ hero */
.hero { padding: 150px 0 40px; text-align: center; position: relative; }
.hero-logo { position: relative; width: 120px; height: 120px; margin: 0 auto 26px; }
.hero-logo img { position: relative; width: 100%; height: 100%; filter: drop-shadow(0 0 34px var(--glow)); animation: bob 6s ease-in-out infinite; }
.ring { position: absolute; inset: -18px; border-radius: 50%; border: 1px solid var(--accent); opacity: 0; }
.js.loaded .r1 { animation: ring 3.4s var(--ease) .5s infinite; }
.js.loaded .r2 { animation: ring 3.4s var(--ease) 1.7s infinite; }
@keyframes ring { 0% { transform: scale(.55); opacity: .7; } 100% { transform: scale(1.7); opacity: 0; } }
@keyframes bob { 50% { transform: translateY(-8px); } }
.badge { display: inline-flex; align-items: center; gap: 9px; padding: 7px 16px; border-radius: 999px; font-size: 13.5px; font-weight: 500; color: var(--dim);
  background: var(--panel); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 0 var(--glow); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
h1 { margin-top: 22px; font-size: clamp(42px, 7.4vw, 88px); font-weight: 800; letter-spacing: -.04em; line-height: 1.02; }
.w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .12em; margin-bottom: -.12em; }
.w > span { display: inline-block; }
.grad { background: linear-gradient(100deg, var(--accent), #fff 60%, var(--accent)); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: sheen 6s linear infinite; }
@keyframes sheen { to { background-position: -200% 0; } }
.lead { max-width: 660px; margin: 24px auto 0; font-size: clamp(16px, 2vw, 19px); color: var(--dim); }
.cta { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 34px; }
.fine { margin-top: 18px; font-size: 13.5px; color: var(--dim); }

/* opening animation */
.js .hero-logo, .js .badge, .js h1 .w > span, .js .lead, .js .cta, .js .fine { opacity: 0; }
.js .hero-logo { transform: scale(.6); filter: blur(12px); }
.js h1 .w > span { transform: translateY(105%); }
.js .badge, .js .lead, .js .cta, .js .fine { transform: translateY(18px); }
.js.loaded .hero-logo { opacity: 1; transform: none; filter: none; transition: opacity 1s var(--ease), transform 1.1s var(--ease), filter 1s var(--ease); }
.js.loaded .badge { opacity: 1; transform: none; transition: .8s var(--ease) .15s; }
.js.loaded h1 .w > span { opacity: 1; transform: none; transition: transform 1s var(--ease), opacity .6s; transition-delay: calc(.3s + var(--k, 0) * .09s); }
.js.loaded .lead { opacity: 1; transform: none; transition: .9s var(--ease) .75s; }
.js.loaded .cta { opacity: 1; transform: none; transition: .9s var(--ease) .9s; }
.js.loaded .fine { opacity: 1; transform: none; transition: .9s var(--ease) 1.05s; }
.js .nav { transform: translateY(-100%); }
.js.loaded .nav { transform: none; transition: transform .9s var(--ease) .2s, background .4s, border-color .4s; }

/* ------------------------------------------------------------------ app preview */
.app-wrap { position: relative; margin: 64px auto 0; max-width: 1020px; perspective: 1800px; text-align: left; }
.app { position: relative; z-index: 1; border-radius: 22px; overflow: hidden; background: var(--bg);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, #1c1c1c);
  box-shadow: 0 0 0 1px #000, 0 40px 120px -20px rgba(0, 0, 0, .9), 0 0 80px -20px var(--glow); }
.js .app { opacity: 0; transform: rotateX(14deg) translateY(70px) scale(.94); transform-origin: 50% 100%; }
.js.loaded .app { opacity: 1; transform: none; transition: opacity 1.1s var(--ease) 1.15s, transform 1.4s var(--ease) 1.15s; }
.app-glow { position: absolute; left: 10%; right: 10%; bottom: -60px; height: 220px; background: radial-gradient(closest-side, var(--accent), transparent); opacity: .3; z-index: 0; pointer-events: none; }
.app-bar { display: flex; align-items: center; justify-content: space-between; height: 38px; padding: 0 0 0 14px; background: #050505; border-bottom: 1px solid var(--line); font-size: 13px; color: #cfd5dc; }
.app-title { display: inline-flex; align-items: center; gap: 8px; }
.win { display: flex; height: 100%; } .win i { width: 46px; display: grid; place-items: center; font-style: normal; font-size: 12px; color: #9aa3ad; }
.win i:last-child:hover { background: #c42b1c; color: #fff; }
.app-body { display: grid; grid-template-columns: 220px 1fr; min-height: 500px; }
.side { display: flex; flex-direction: column; padding: 18px 14px; background: color-mix(in srgb, #0a0a0a, var(--accent) 2.5%); border-right: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; padding: 2px 8px 18px; font-size: 20px; }
.brand b { font-weight: 800; }
.brand img { filter: drop-shadow(0 0 8px var(--glow)); }
.navi { position: relative; display: grid; gap: 4px; }
.pill { position: absolute; inset: 0 0 auto 0; height: 42px; border-radius: 12px; background: var(--panel2);
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); box-shadow: 0 0 22px -8px var(--glow);
  transform: translateY(calc(var(--i) * 46px)); transition: transform .45s var(--ease); }
.ni { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 10px; border-radius: 12px; font-size: 14px; font-weight: 500; color: var(--dim); text-align: left; transition: color .25s; }
.ni:hover, .ni.on { color: var(--txt); }
.tile { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; font-size: 17px; color: var(--dim);
  background: color-mix(in srgb, #fff 7%, #0a0a0a); transition: background .35s, color .35s; }
.ni:hover .tile { color: var(--txt); background: color-mix(in srgb, #fff 11%, #0a0a0a); }
.ni.on .tile { background: var(--accent); color: var(--on-accent); }
.hide-btn { margin-top: auto; display: flex; align-items: center; justify-content: space-between; height: 42px; padding: 0 14px; border-radius: 12px; font-size: 13.5px; font-weight: 600;
  background: var(--panel); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); }
kbd { font: 500 11px var(--font); color: var(--dim); }
.main { position: relative; padding: 26px 30px 30px; min-width: 0; }
.pane { display: none; }
.pane.on { display: block; animation: paneIn .5s var(--ease); }
@keyframes paneIn { from { opacity: 0; transform: translateY(12px); } }
.p-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.p-head h3 { font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
.p-head p { margin-top: 3px; font-size: 13px; color: var(--dim); }
.status { display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 16px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .06em;
  color: var(--dim); background: var(--panel); border: 1px solid var(--line); transition: color .3s, border-color .3s, box-shadow .3s; }
.sdot { width: 8px; height: 8px; border-radius: 50%; background: var(--mid); transition: background .3s, box-shadow .3s; }
.status.on { color: var(--txt); border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); box-shadow: 0 0 24px -8px var(--glow); }
.status.on .sdot { background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent); }

.card { position: relative; background: var(--panel); border: 1px solid color-mix(in srgb, var(--accent) 14%, var(--line)); border-radius: 18px; padding: 18px 20px;
  box-shadow: 0 0 26px -14px var(--glow); transition: box-shadow .4s, border-color .4s, transform .5s var(--ease); }
.card label, .seg-wrap label, .hue-row label { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .09em; color: var(--dim); }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 14px; }
.seg-wrap { display: flex; align-items: center; gap: 12px; }
.seg-wrap label { width: 72px; flex: none; }
.seg { position: relative; flex: 1; display: grid; grid-template-columns: repeat(var(--n), 1fr); height: 36px; border-radius: 999px; background: var(--panel2); border: 1px solid var(--line); }
.thumb { position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 6px) / var(--n)); border-radius: 999px; background: var(--accent);
  transform: translateX(calc(var(--idx) * 100%)); transition: transform .4s var(--ease); }
.seg button { position: relative; z-index: 1; font-size: 11.5px; font-weight: 600; color: var(--dim); transition: color .3s; }
.seg button:hover { color: var(--txt); } .seg button.on { color: var(--on-accent); }
.cps { padding-bottom: 14px; margin-bottom: 14px; }
.cps-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.chips { display: flex; gap: 8px; }
.chips button { height: 30px; min-width: 52px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--dim); background: var(--panel2);
  border: 1px solid var(--line); transition: .3s var(--ease); }
.chips button:hover { color: var(--txt); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.chips button.on { background: var(--accent); color: var(--on-accent); border-color: transparent; }
.cps-num { margin: 2px 0 8px; font-size: 70px; line-height: 1.05; font-weight: 300; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.ends { display: flex; justify-content: space-between; margin-top: 6px; font-size: 10.5px; color: var(--dim); }
input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 22px; background: transparent; cursor: pointer; --p: 50%; }
input[type=range]::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--accent) var(--p), var(--mid) var(--p)); }
input[type=range]::-moz-range-track { height: 4px; border-radius: 4px; background: var(--mid); }
input[type=range]::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--accent); }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; margin-top: -6px; border-radius: 50%; background: var(--accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 18px var(--glow); transition: transform .2s var(--ease); }
input[type=range]::-moz-range-thumb { width: 16px; height: 16px; border: 0; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); }
input[type=range]:active::-webkit-slider-thumb { transform: scale(1.2); }
input.hue { margin-top: 14px; }
input.hue::-webkit-slider-runnable-track { height: 18px; border-radius: 9px; background: linear-gradient(90deg, hsl(0 78% 60%), hsl(60 78% 60%), hsl(120 78% 60%), hsl(180 78% 60%), hsl(240 78% 60%), hsl(300 78% 60%), hsl(360 78% 60%)); }
input.hue::-moz-range-track { height: 18px; border-radius: 9px; background: linear-gradient(90deg, hsl(0 78% 60%), hsl(60 78% 60%), hsl(120 78% 60%), hsl(180 78% 60%), hsl(240 78% 60%), hsl(300 78% 60%), hsl(360 78% 60%)); }
input.hue::-webkit-slider-thumb { margin-top: -3px; width: 24px; height: 24px; background: var(--bg); border: 2px solid #fff; }
input.hue::-moz-range-thumb { width: 20px; height: 20px; background: var(--bg); border: 2px solid #fff; }
.row3 { display: grid; grid-template-columns: .85fr 1.15fr; gap: 16px; }
.keybox { display: grid; place-items: center; width: 100%; height: 56px; margin-top: 12px; border-radius: 14px; font-size: 20px; font-weight: 600; background: var(--panel2);
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); user-select: none; -webkit-user-select: none; touch-action: none; transition: .3s var(--ease); }
.keybox:hover { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); }
.keybox.down { transform: scale(.97); background: color-mix(in srgb, var(--accent) 18%, var(--panel2)); border-color: var(--accent); box-shadow: 0 0 28px -6px var(--glow); }
.keybox.sm { display: inline-grid; width: auto; min-width: 110px; height: 36px; margin: 0; padding: 0 16px; font-size: 12px; }
.tiny { font-size: 12px; color: var(--dim); }
.card .tiny { margin-top: 10px; }
.live { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: 10px; overflow: hidden; }
.live label { grid-column: 1 / -1; }
.live-l { display: flex; flex-direction: column; gap: 2px; }
.live-num { margin-top: 6px; font-size: 46px; line-height: 1; font-weight: 300; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.live .tiny { margin: 0; }
.spark { width: 100%; height: 86px; align-self: end; overflow: visible; }
.spark path { fill: none; vector-effect: non-scaling-stroke; }
#sparkLine { stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px var(--glow)); }
#sparkFill { fill: color-mix(in srgb, var(--accent) 14%, transparent); stroke: none; }

.flags { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.flags h4 { margin-top: 8px; font-size: 20px; font-weight: 700; }
.flags .tiny { margin-top: 4px; }
.shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.shot { position: relative; aspect-ratio: 16 / 10; border-radius: 16px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line));
  background: linear-gradient(160deg, #1c3f8f, #0e2150); transition: transform .5s var(--ease), box-shadow .4s, border-color .4s; }
.shot.s2 { background: linear-gradient(160deg, #24408a, #0d1d48); } .shot.s3 { background: linear-gradient(160deg, #1a1c24, #0a0b0f); }
.shot:hover { transform: scale(1.06); z-index: 2; border-color: var(--accent); box-shadow: 0 20px 50px -10px rgba(0, 0, 0, .9), 0 0 40px -10px var(--glow); }
.fake { position: absolute; inset: 14px 14px 46px; display: grid; gap: 7px; align-content: start; }
.fake i { height: 9px; border-radius: 5px; background: rgba(255, 255, 255, .14); } .fake i:nth-child(2) { width: 70%; } .fake i:nth-child(3) { width: 85%; } .fake i:nth-child(4) { width: 55%; }
.glass { position: absolute; left: 0; right: 0; bottom: 0; padding: 9px 12px; display: grid; background: rgba(8, 10, 16, .55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid rgba(255, 255, 255, .12); }
.glass b { font-size: 11px; } .glass small { font-size: 9.5px; color: #aab2bf; }

.score { display: flex; flex-direction: column; } .rec { display: flex; flex-direction: column; align-items: flex-start; }
.ring-wrap { position: relative; width: 150px; height: 150px; margin: 8px auto 0; }
.ring-wrap svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ring-wrap circle { fill: none; stroke-width: 7; stroke-linecap: round; }
.trk { stroke: var(--mid); } .val { stroke: var(--accent); stroke-dasharray: 314; stroke-dashoffset: 314; filter: drop-shadow(0 0 6px var(--glow)); transition: stroke-dashoffset 1.6s var(--ease); }
.score-n { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.score-n b { font-size: 44px; font-weight: 300; line-height: 1; } .score-n small { margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--accent); }
.rec-n { display: flex; align-items: baseline; gap: 8px; margin-top: 12px; } .rec-n b { font-size: 60px; font-weight: 300; line-height: 1; } .rec-n span { font-size: 13px; color: var(--dim); }
.rec .btn { margin-top: auto; }
.row2.sys { margin-bottom: 14px; }
.specs dl { display: grid; grid-template-columns: 110px 1fr; gap: 8px 12px; margin: 14px 0 0; font-size: 13.5px; } .specs dt { color: var(--dim); } .specs dd { margin: 0; }
.tiles { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.tile-b { display: grid; justify-items: center; gap: 12px; padding: 18px 8px 14px; border-radius: 16px; background: var(--panel2); border: 1.5px solid var(--line); font-size: 12px; font-weight: 600; color: var(--dim);
  transition: .35s var(--ease); }
.tile-b i { width: 26px; height: 26px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent), 0 0 24px -2px var(--c); transition: transform .35s var(--ease); }
.tile-b:hover { transform: translateY(-3px); color: var(--txt); border-color: color-mix(in srgb, var(--c) 55%, var(--line)); }
.tile-b:hover i { transform: scale(1.12); }
.tile-b.on { color: var(--txt); border-color: var(--c); background: color-mix(in srgb, var(--c) 9%, var(--panel2)); }
.card.tiles { margin-bottom: 14px; padding: 16px; }
.creator { display: flex; align-items: center; gap: 18px; margin-bottom: 14px; } .creator img { filter: drop-shadow(0 0 14px var(--glow)); } .creator b { font-size: 22px; }
.creator .tiny { margin-top: 4px; }
.linkrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .linkrow b { font-size: 16px; } .linkrow .tiny { margin-top: 3px; }
.rows { padding: 6px 20px; } .srow { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; } .srow + .srow { border-top: 1px solid var(--line); }
.srow b { font-size: 14.5px; } .srow .tiny { margin-top: 3px; }
.tog { position: relative; flex: none; width: 46px; height: 26px; border-radius: 999px; background: var(--mid); transition: background .35s; }
.tog i { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--dim); transition: transform .4s var(--ease), background .35s; }
.tog.on { background: var(--accent); } .tog.on i { transform: translateX(20px); background: var(--bg); }

/* ------------------------------------------------------------------ sections */
.stats { padding: 40px 0 20px; }
.stats-in { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 34px 20px; border-radius: 24px; background: var(--panel); border: 1px solid var(--line); text-align: center; }
.stats-in b { display: block; font-size: clamp(36px, 5vw, 54px); font-weight: 700; letter-spacing: -.03em; line-height: 1.1;
  background: linear-gradient(180deg, #fff, var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; font-variant-numeric: tabular-nums; }
.stats-in span { font-size: 14px; color: var(--dim); }
.sec { padding: 110px 0 20px; }
.sec-h { max-width: 720px; margin: 0 auto 54px; text-align: center; }
.eyebrow { display: inline-block; margin-bottom: 14px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.sec-h h2, .dtext h2 { font-size: clamp(32px, 5vw, 54px); font-weight: 800; letter-spacing: -.035em; line-height: 1.08; }
.sec-h p { margin-top: 16px; font-size: 17px; color: var(--dim); }
.feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feats .card { padding: 28px 26px 30px; overflow: hidden; }
.feats .card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); box-shadow: 0 24px 60px -24px var(--glow); }
.ft { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 20px; border-radius: 14px; color: var(--on-accent); background: var(--accent); box-shadow: 0 10px 30px -10px var(--glow); }
.feats h3 { font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.feats p { margin-top: 9px; font-size: 15px; color: var(--dim); }
.spot::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .35s;
  background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--accent) 17%, transparent), transparent 62%); }
.spot:hover::before { opacity: 1; }

.steps { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.steps-line { position: absolute; top: 28px; left: 16%; right: 16%; height: 2px; background: var(--line); }
.steps-line::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--accent), transparent); transform: scaleX(0); transform-origin: left; transition: transform 1.8s var(--ease) .3s; }
.steps.in .steps-line::after { transform: scaleX(1); }
.step { position: relative; text-align: center; }
.num { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 20px; border-radius: 50%; font-size: 21px; font-weight: 700; background: var(--bg);
  border: 2px solid var(--accent); box-shadow: 0 0 30px -4px var(--glow); }
.step h3 { font-size: 20px; } .step p { margin: 8px auto 0; max-width: 300px; color: var(--dim); font-size: 15px; }

.frame { max-width: 960px; margin: 0 auto; border-radius: 22px; overflow: hidden; background: var(--bg); border: 1px solid color-mix(in srgb, var(--accent) 30%, #1c1c1c);
  box-shadow: 0 40px 120px -30px rgba(0, 0, 0, .9), 0 0 90px -24px var(--glow); }
.stage { position: relative; aspect-ratio: 16 / 9; background: #000; }
.stage video, .stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.player-card { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 6px; text-align: center; overflow: hidden;
  background: radial-gradient(ellipse 60% 70% at 50% 45%, color-mix(in srgb, var(--accent) 24%, #07090c), #050505 72%); }
.pc-logo { position: absolute; width: 56%; max-width: 420px; opacity: .06; filter: blur(1px); transform: translateY(6%); }
.play { position: relative; display: grid; place-items: center; width: 92px; height: 92px; margin-bottom: 14px; border-radius: 50%; color: var(--on-accent); background: var(--accent);
  box-shadow: 0 0 60px -6px var(--glow); transition: transform .45s var(--ease); }
.play .i { width: 34px; height: 34px; margin-left: 4px; }
.play .r { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--accent); animation: ring 2.6s var(--ease) infinite; }
.player-card:hover .play { transform: scale(1.1); }
.pc-t { position: relative; font-size: 22px; font-weight: 700; letter-spacing: -.01em; } .pc-s { position: relative; font-size: 13.5px; color: var(--dim); }
.scrub { position: absolute; left: 24px; right: 24px; bottom: 22px; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.scrub i { display: block; height: 100%; width: 35%; border-radius: 4px; background: var(--accent); animation: scrub 5s ease-in-out infinite alternate; }
@keyframes scrub { to { transform: translateX(185%); } }

.theme-card { max-width: 900px; margin: 0 auto; padding: 26px; border-radius: 24px; }
.theme-card .tiles { gap: 14px; } .theme-card .tile-b { padding: 28px 8px 20px; font-size: 14px; } .theme-card .tile-b i { width: 38px; height: 38px; }
.hue-row { margin-top: 26px; padding: 18px 20px 8px; border-radius: 16px; background: var(--panel2); border: 1px solid var(--line); }

.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; max-width: 1060px; margin: 0 auto; }
.plan { position: relative; display: flex; flex-direction: column; padding: 34px 30px 30px; border-radius: 26px; background: var(--panel);
  border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--line)); transition: transform .5s var(--ease), box-shadow .5s, border-color .4s; }
.plan:hover { transform: translateY(-8px); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); box-shadow: 0 30px 70px -26px var(--glow); }
.plan.featured { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, var(--panel)), var(--panel) 60%); box-shadow: 0 0 80px -30px var(--glow); }
.plan.featured::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none;
  background: conic-gradient(from var(--angle), transparent 0 62%, var(--accent) 82%, #fff 90%, transparent 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: spin 5s linear infinite; }
@keyframes spin { to { --angle: 360deg; } }
.tag { position: absolute; top: -13px; left: 50%; translate: -50% 0; padding: 5px 14px; border-radius: 999px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--on-accent); background: var(--accent); box-shadow: 0 8px 24px -6px var(--glow); }
.plan h3 { font-size: 20px; font-weight: 700; } .plan .blurb { margin-top: 6px; min-height: 46px; font-size: 14.5px; color: var(--dim); }
.price { display: flex; align-items: baseline; gap: 8px; margin: 22px 0 24px; } .price b { font-size: 52px; font-weight: 800; letter-spacing: -.04em; line-height: 1; } .price span { font-size: 14px; color: var(--dim); }
.plan ul { list-style: none; display: grid; gap: 13px; padding: 24px 0 0; margin: 0 0 30px; border-top: 1px solid var(--line); font-size: 14.5px; }
.plan li { display: flex; gap: 12px; align-items: flex-start; }
.plan li svg { width: 20px; height: 20px; flex: none; padding: 3px; border-radius: 50%; fill: none; stroke: var(--on-accent); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; background: var(--accent); }
.plan .btn { margin-top: auto; width: 100%; }
.note { margin-top: 34px; text-align: center; font-size: 14.5px; color: var(--dim); }

.dcard { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 36px; padding: 48px 52px; border-radius: 32px; overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb, #5865f2 16%, var(--panel)), var(--panel) 70%); border: 1px solid color-mix(in srgb, #5865f2 40%, var(--line)); box-shadow: 0 0 110px -40px rgba(88, 101, 242, .8); }
.dglow { position: absolute; width: 520px; height: 520px; right: -140px; top: -220px; border-radius: 50%; background: radial-gradient(closest-side, #5865f2, rgba(88,101,242,.6) 40%, transparent); opacity: .34; pointer-events: none; will-change: transform; animation: drift2 14s ease-in-out infinite alternate; }
.dlogo { position: relative; display: grid; place-items: center; width: 116px; height: 116px; border-radius: 30px; color: #fff; background: #5865f2; overflow: hidden;
  box-shadow: 0 20px 60px -12px rgba(88, 101, 242, .9); animation: bob 5s ease-in-out infinite; }
.dlogo .i { width: 66px; height: 66px; } .dlogo img { width: 100%; height: 100%; object-fit: cover; }
.dtext { position: relative; } .dtext .eyebrow { color: #8e98ff; } .dtext h2 { font-size: clamp(28px, 4vw, 42px); }
.dtext p { margin-top: 10px; max-width: 520px; color: #a6adba; font-size: 16px; }
.dstats { display: flex; gap: 22px; margin-top: 20px; font-size: 14px; color: #a6adba; } .dstats b { color: #fff; font-variant-numeric: tabular-nums; }
.dstats span { display: inline-flex; align-items: center; gap: 8px; } .dstats i { width: 9px; height: 9px; border-radius: 50%; background: #6b7280; } .dstats i.on { background: #3ba55d; box-shadow: 0 0 10px #3ba55d; }
.dcard .btn { position: relative; }

.faq { display: grid; gap: 12px; }
.q { border-radius: 18px; background: var(--panel); border: 1px solid var(--line); transition: border-color .35s, background .35s; }
.q:hover { border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); }
.q.open { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); background: var(--panel2); }
.qb { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; padding: 22px 26px; text-align: left; font-size: 17px; font-weight: 600; }
.qb .i { width: 20px; height: 20px; fill: none; stroke: var(--accent); stroke-width: 2; stroke-linecap: round; transition: transform .45s var(--ease); }
.q.open .qb .i { transform: rotate(135deg); }
.a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--ease); } .q.open .a { grid-template-rows: 1fr; }
.a > div { overflow: hidden; } .a p { padding: 0 26px 24px; color: var(--dim); font-size: 15.5px; }

.foot { margin-top: 130px; padding: 54px 0 40px; border-top: 1px solid var(--line); }
.foot-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.foot-l p { margin-top: 8px; font-size: 14px; color: var(--dim); }
.foot-links { display: flex; gap: 6px; flex-wrap: wrap; } .foot-links a { padding: 8px 14px; border-radius: 10px; font-size: 14.5px; color: var(--dim); transition: color .25s, background .25s; } .foot-links a:hover { color: var(--txt); background: var(--panel); }
.legal { margin-top: 36px; padding-top: 26px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.7; color: #5d6570; }

/* ------------------------------------------------------------------ reveal on scroll */
.js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--ease) var(--d, 0s), transform .9s var(--ease) var(--d, 0s); }
.js .reveal.in { opacity: 1; transform: none; }

/* ------------------------------------------------------------------ responsive */
@media (max-width: 1020px) {
  .feats, .plans { grid-template-columns: 1fr 1fr; } .plans { max-width: 700px; } .plan.featured { order: -1; grid-column: 1 / -1; }
  .links { display: none; } .burger { display: block; } .dots { display: none; }
  .menu-open .links { display: grid; position: fixed; inset: 68px 0 auto 0; padding: 14px 20px 24px; gap: 2px; background: rgba(5, 5, 5, .96); backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
  .menu-open .links a { padding: 14px; font-size: 16px; }
  .dcard { grid-template-columns: auto 1fr; } .dcard .btn { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .app-body { grid-template-columns: 1fr; } .side { flex-direction: row; align-items: center; padding: 10px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand, .hide-btn { display: none; } .navi { display: flex; gap: 2px; } .pill { display: none; } .ni { flex: none; padding: 0 12px 0 8px; }
  .ni.on { background: var(--panel2); border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); }
  .main { padding: 20px 16px 22px; } .row2, .row3 { grid-template-columns: 1fr; } .seg-wrap label { width: 62px; } .cps-num { font-size: 56px; }
  .chips button { min-width: 40px; padding: 0 6px; } .shots { grid-template-columns: 1fr 1fr 1fr; } .tiles { grid-template-columns: repeat(3, 1fr); }
  .stats-in { grid-template-columns: 1fr 1fr; row-gap: 28px; } .steps { grid-template-columns: 1fr; gap: 40px; } .steps-line { display: none; }
}
@media (max-width: 640px) {
  .hero { padding-top: 120px; } .feats, .plans { grid-template-columns: 1fr; } .sec { padding-top: 84px; }
  .btn-lg { height: 52px; padding: 0 24px; } .nav-r .btn { display: none; } .dcard { grid-template-columns: 1fr; padding: 34px 26px; gap: 24px; } .dlogo { width: 92px; height: 92px; } .dlogo .i { width: 52px; }
  .cps-top { flex-direction: column; align-items: flex-start; } .qb { padding: 18px; font-size: 16px; } .a p { padding: 0 18px 20px; }
  .flags { flex-direction: column; align-items: flex-start; } .specs dl { grid-template-columns: 90px 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}


/* ===== real screenshot showcase ===== */
.shot-win{position:relative;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 34%,#1c1c1c);background:#000;
  box-shadow:0 40px 120px -30px var(--glow),0 0 0 1px rgba(255,255,255,.03) inset;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);
  will-change:transform;animation:shotfloat 7s ease-in-out infinite;z-index:1}
.shot-win img,.ui-win img{display:block;width:100%;height:auto}
.shot-win .sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;animation:shotsheen 6s 2.5s ease-in-out infinite}
@keyframes shotfloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes shotsheen{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.ui{max-width:1040px;margin:0 auto}
.ui-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.ui-tab{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px;border-radius:999px;font:600 14.5px inherit;color:var(--dim);cursor:pointer;
  background:color-mix(in srgb,var(--accent) 4%,transparent);border:1px solid var(--line);transition:.3s var(--ease)}
.ui-tab .ico{font-size:18px}
.ui-tab:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ui-tab.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 8px 30px -8px var(--glow)}
.ui-stage{position:relative}
.ui-stage::before{content:'';position:absolute;left:8%;right:8%;bottom:-80px;height:260px;background:radial-gradient(closest-side,var(--accent),transparent);opacity:.28;pointer-events:none}
.ui-win{position:relative;aspect-ratio:1006/711;border-radius:18px;overflow:hidden;background:#000;border:1px solid color-mix(in srgb,var(--accent) 34%,#1c1c1c);
  box-shadow:0 40px 100px -40px var(--glow);transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease),border-color .6s}
.ui-win img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .6s var(--ease),transform .8s var(--ease);cursor:zoom-in}
.ui-win img.on{opacity:1;transform:none}
.zoom{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);opacity:0;transition:.3s;z-index:2}
.zoom .i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ui-win:hover .zoom,.zoom:focus-visible{opacity:1}
.ui-cap{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:30px;text-align:center}
.ui-cap b{font-size:20px;font-weight:700}.ui-cap span{color:var(--dim);font-size:15px}
.lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:4vw;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);opacity:0;transition:opacity .25s;cursor:zoom-out}
.lightbox.on{opacity:1}.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 40%,#222);box-shadow:0 0 120px -20px var(--glow);transform:scale(.96);transition:transform .35s var(--ease)}
.lightbox.on img{transform:none}
.plans .plan .btn{border:0;font-family:inherit;cursor:pointer}
.plans .plan .btn.btn-ghost{border:1px solid color-mix(in srgb,var(--accent) 28%,#222)}
.plan.featured{transform:translateY(-10px)}.plan.featured:hover{transform:translateY(-18px)}
.plan.featured .price b{background:linear-gradient(180deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.onetime{display:flex;gap:14px;align-items:center;max-width:760px;margin:44px auto 0;padding:18px 22px;border-radius:18px;
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));font-size:15.5px;line-height:1.5}
.onetime svg{flex:none;width:30px;height:30px;padding:6px;border-radius:50%;fill:none;stroke:var(--on-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;background:var(--accent)}
.onetime b{color:#fff}
@media(max-width:820px){.plan.featured{transform:none}.plan.featured:hover{transform:translateY(-8px)}.ui-tab{padding:0 14px;height:40px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.shot-win,.shot-win .sheen{animation:none}}

/* perf: skip rendering work for sections that are far off-screen */