:root{--top:56px;--nav:266px;--ctl:36px;--unit:8px;--unit-half:4px;--unit-2:16px;--unit-3:24px;--unit-4:32px;--unit-5:40px;--unit-6:48px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--ground:#070b14;--panel:#0c1220;--raised:#111a2e;--overlay:#16203a;--line:#ffffff15;--line-strong:#ffffff28;--ink:#f5f7ff;--muted:#8b95a9;--ink-inverse:#070b14;--accent:#3ad8ff;--accent-light:#7ce6ff;--accent-dim:#3ad8ff26;--accent-line:#3ad8ff59;--ambient:#7657ff;--ambient-dim:#7657ff1f;--ok:#55d6a8;--warn:#ffb45c;--danger:#ff7188;--ok-dim:#55d6a824;--warn-dim:#ffb45c24;--danger-dim:#ff718824;--atmosphere:radial-gradient(120% 80% at 12% -10%, #3ad8ff14 0%, transparent 55%), radial-gradient(90% 70% at 100% 0%, #7657ff18 0%, transparent 60%);--gradient-accent:linear-gradient(135deg, #3ad8ff 0%, #7657ff 100%);--gradient-panel:linear-gradient(180deg, #ffffff08 0%, transparent 42%);--shadow-raised:0 1px 0 #ffffff0a inset, 0 2px 8px #00000059;--shadow-overlay:0 1px 0 #ffffff0f inset, 0 18px 48px #0000008c;--glow-focus:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-dim);--ease:cubic-bezier(.2, 0, 0, 1);--motion-fast:.12s;--motion:.2s;--motion-slow:.32s;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", ui-monospace, "Consolas", monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:15px;--text-lg:19px;--text-xl:25px;--z-shell:10;--z-overlay:100}.vc-viewport{box-shadow:none;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;mix-blend-mode:normal;isolation:isolate;background:#000}.vc-viewport *,.vc-viewport :before,.vc-viewport :after{filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;mix-blend-mode:normal;text-shadow:none}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion:1ms;--motion-slow:1ms}}*{box-sizing:border-box}html,body{background:var(--ground);min-height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}a{color:var(--accent)}button{font:inherit}:focus-visible{box-shadow:var(--glow-focus);border-radius:var(--radius-sm);outline:none}h1,h2,h3{margin:0 0 var(--unit);line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(28px,4vw,40px)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}.muted{color:var(--muted);margin:0 0 var(--unit)}.small{font-size:var(--text-sm)}.good{color:var(--ok)}.bad{color:var(--danger)}.shell{grid-template-columns:var(--nav) 1fr;grid-template-rows:var(--top) 1fr;min-height:100vh;display:grid}.nav{gap:var(--unit-3);height:100vh;padding:var(--unit-2);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-row:1/span 2;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--unit);padding:var(--unit) var(--unit);color:var(--ink);font-weight:700;font-size:var(--text-md);text-decoration:none;display:flex}.brand img{border-radius:9px}.brand small{color:var(--muted);font-weight:500;font-size:var(--text-xs);display:block}.nav nav{gap:2px;display:grid}.nav nav a{height:var(--ctl);padding:0 var(--unit);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:10px;font-weight:500;text-decoration:none;display:flex}.nav nav a:hover{color:var(--ink);background:var(--raised)}.nav nav a[aria-current=page]{color:var(--ink);background:var(--accent-dim);box-shadow:inset 2px 0 0 var(--accent)}.nav__foot{padding:var(--unit);font-size:var(--text-sm);gap:4px;margin-top:auto;display:grid}.nav__foot a{color:var(--muted);text-decoration:none}.nav__foot a:hover{color:var(--ink)}.top{z-index:var(--z-shell);align-items:center;gap:var(--unit-2);padding:0 var(--unit-3);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;position:sticky;top:0}.top__title{font-weight:600}.top__menu{color:var(--ink);cursor:pointer;background:0 0;border:0;display:none}.top__right{align-items:center;gap:var(--unit);min-width:0;margin-left:auto;display:flex}.chip{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);max-width:260px;color:var(--muted);font-size:var(--text-sm);border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex;overflow:hidden}.chip img{border-radius:50%}.main{padding:var(--unit-4) var(--unit-4) var(--unit-6);width:100%;max-width:1180px}.stack{gap:var(--unit-3);display:grid}.row{align-items:center;gap:var(--unit);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--unit);height:var(--ctl);padding:0 var(--unit-2);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--raised);color:var(--ink);cursor:pointer;transition:transform var(--motion-fast) var(--ease);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--ink-inverse)}.btn--ghost{background:0 0}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.seg{border:1px solid var(--line);border-radius:var(--radius);background:var(--ground);margin-bottom:var(--unit);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button,.pill{height:30px;padding:0 var(--unit-2);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:600}.pill{border:1px solid var(--line);border-radius:99px}.seg button[data-on=true],.pill[data-on=true]{background:var(--accent-dim);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent-line)}.check{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.tag{border:1px solid var(--line-strong);height:22px;color:var(--muted);font-size:var(--text-xs);border-radius:99px;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.tag--ok{border-color:color-mix(in srgb, var(--ok) 50%, transparent);color:var(--ok);background:var(--ok-dim)}.notice{padding:var(--unit) var(--unit-2);border-radius:var(--radius);border:1px solid var(--line);margin:0}.notice--warn{border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:var(--warn-dim)}.notice--ok{border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:var(--ok-dim)}.panel,.card{padding:var(--unit-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-raised)}.panel__head{justify-content:space-between;align-items:flex-start;gap:var(--unit-2);margin-bottom:var(--unit-2);flex-wrap:wrap;display:flex}.center{text-align:center;justify-items:center;gap:var(--unit);display:grid}.center img{border-radius:18px}.center .muted{max-width:560px}.hero{align-items:center;gap:var(--unit-4);padding:var(--unit-5) var(--unit-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--atmosphere), var(--panel);grid-template-columns:1fr auto;display:grid}.hero__art{box-shadow:var(--shadow-overlay);border-radius:44px}.eyebrow{margin:0 0 var(--unit);color:var(--accent);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.lead{color:#c9d1e3;max-width:620px;font-size:var(--text-md);margin:0 0 var(--unit-3)}.grid3{gap:var(--unit-2);grid-template-columns:repeat(3,1fr);display:grid}.card--link{align-content:start;gap:var(--unit);color:var(--ink);transition:transform var(--motion) var(--ease), border-color var(--motion);text-decoration:none;display:grid}.card--link:hover{border-color:var(--accent-line);transform:translateY(-2px)}.card--link .tag{justify-self:start}.compare{gap:var(--unit-3);grid-template-columns:1fr 1fr;display:grid}.compare ul,.plan ul,.issues{color:#c9d1e3;margin:0;padding-left:18px}.drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);min-height:240px;color:var(--muted);font-size:var(--text-md);cursor:pointer;background:0 0;place-items:center;display:grid}.drop:hover{border-color:var(--accent-line);color:var(--ink)}.summary{margin-top:var(--unit)}.photos{gap:var(--unit-2);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.photo{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.photo[data-keep=true]{border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.photo__img{aspect-ratio:4/3;background:#000;position:relative}.photo__img img{object-fit:contain;width:100%;height:100%;display:block}.score{background:var(--ink-inverse);min-width:34px;color:var(--ink);text-align:center;border-radius:99px;padding:2px 8px;font-weight:700;position:absolute;top:8px;right:8px}.photo__body{padding:var(--unit) var(--unit-2) var(--unit-2);font-size:var(--text-sm);align-content:start;gap:4px;display:grid}.photo__body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-view{gap:var(--unit-2);grid-template-columns:1fr 1fr;display:grid}.compare-view figure{margin:0}.compare-view figcaption{margin-bottom:var(--unit);color:var(--muted);font-weight:600}.viewer{border-radius:var(--radius);background:#000;place-items:center;min-height:320px;display:grid;overflow:hidden}.viewer img{max-width:100%;max-height:70vh;display:block}.checker{background:repeating-conic-gradient(#2a2a2a 0% 25%,#1c1c1c 0% 50%) 50%/20px 20px}.usage{gap:var(--unit);display:grid}.usage__row{align-items:center;gap:var(--unit-2);grid-template-columns:minmax(180px,280px) 1fr auto;display:grid}.bar{background:var(--raised);border-radius:99px;height:8px;overflow:hidden}.bar span{background:var(--accent);border-radius:99px;height:100%;display:block}.bar[data-full=true] span{background:var(--warn)}.plans{gap:var(--unit-2);margin-bottom:var(--unit-2);grid-template-columns:repeat(3,1fr);display:grid}.plan{gap:var(--unit);padding:var(--unit-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--raised);flex-direction:column;display:flex;position:relative}.plan[data-featured=true]{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.plan__flag{top:-11px;left:var(--unit-3);background:var(--accent);color:var(--ink-inverse);font-size:var(--text-xs);border-radius:99px;padding:2px 10px;font-weight:700;position:absolute}.price{align-items:baseline;gap:var(--unit);flex-wrap:wrap;margin:0;display:flex}.price s{color:var(--muted)}.price strong{letter-spacing:-.02em;font-size:30px}.price small{color:var(--muted)}.plan .btn{margin-top:auto}.legal{max-width:820px}.legal h1{font-size:30px}.legal h2{margin-top:var(--unit-3)}.legal p,.legal li{color:#c9d1e3}@media (max-width:900px){.shell{grid-template-columns:1fr}.nav{width:min(300px,86vw);z-index:var(--z-overlay);transition:transform var(--motion) var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.shell[data-menu=true] .nav{box-shadow:var(--shadow-overlay);transform:none}.top__menu{display:inline-flex}.top{padding:0 var(--unit-2)}.chip{display:none}.main{padding:var(--unit-3) var(--unit-2) var(--unit-5)}.hero{padding:var(--unit-3);grid-template-columns:1fr}.hero__art{display:none}.grid3,.compare,.compare-view,.plans{grid-template-columns:1fr}.usage__row{grid-template-columns:1fr auto}.usage__row .bar{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}