:root{
  color-scheme:dark;
  --background:#09090b;--background-secondary:#0c0c0f;--surface:#111113;--surface-elevated:#161619;--surface-hover:#1b1b1f;
  --border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;
  --primary:#fafafa;--primary-foreground:#09090b;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--information:#3b82f6;
  --radius-sm:6px;--radius:8px;--radius-lg:10px;--radius-xl:12px;--shadow:0 18px 50px rgba(0,0,0,.28);--transition:160ms cubic-bezier(.2,.8,.2,1);
  --bg:var(--background)!important;--surface-2:var(--surface-elevated)!important;--border-hi:var(--border-strong)!important;--text:var(--text-primary)!important;--text-2:var(--text-secondary)!important;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--background);scroll-behavior:smooth}
body{margin:0;background:var(--background)!important;color:var(--text-primary)!important;font-family:Inter,"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 520px at 50% -250px,rgba(255,255,255,.055),transparent 70%)}
::selection{background:rgba(255,255,255,.18);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#2a2a2f;border:2px solid var(--background);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a3a40}
a{color:inherit;text-underline-offset:3px}a,button,input,select,textarea{transition:border-color var(--transition),background-color var(--transition),color var(--transition),opacity var(--transition),transform var(--transition),box-shadow var(--transition)}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}
:focus-visible{outline:2px solid rgba(250,250,250,.9)!important;outline-offset:2px!important}
.wrap{width:min(1160px,calc(100% - 40px))!important;margin-inline:auto!important}
h1,h2,h3,h4,.product-title,.files-title{font-family:Inter,"Space Grotesk",system-ui,sans-serif!important;color:var(--text-primary)!important;letter-spacing:-.035em!important}
p,.muted,.product-copy,.lead,.auth-sub,.auth-hint,.auth-legal{color:var(--text-secondary)!important}

/* Global controls */
.button,.btn,.btnlink,.auth-submit,.cookie-accept,.cookie-reject{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:0 15px!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius)!important;background:var(--surface-elevated)!important;color:var(--text-primary)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}
.button:hover,.btn:hover,.btnlink:hover,.cookie-reject:hover{background:var(--surface-hover)!important;border-color:rgba(255,255,255,.22)!important;transform:translateY(-1px)}
.button-login,.button-dark,.btn-primary,.btnlink.primary,.auth-submit,.cookie-accept{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--primary)!important}
.button-login:hover,.button-dark:hover,.btn-primary:hover,.btnlink.primary:hover,.auth-submit:hover,.cookie-accept:hover{background:#e4e4e7!important;border-color:#e4e4e7!important}
.button-ghost,.btn-ghost{background:transparent!important}.btn-danger{background:rgba(239,68,68,.08)!important;border-color:rgba(239,68,68,.28)!important;color:#fca5a5!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea,.input{width:100%;min-height:42px;padding:9px 12px!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:#0d0d10!important;color:var(--text-primary)!important;box-shadow:0 1px 0 rgba(255,255,255,.02) inset!important}
input::placeholder,textarea::placeholder{color:#5f5f68!important}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)!important}input:focus,select:focus,textarea:focus{border-color:rgba(255,255,255,.3)!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important;outline:none!important}
label,.field-label{color:var(--text-secondary)!important;font-size:13px!important;font-weight:500!important}
.card,.panel,.product-card,.feature-card,.stats-card,.browser-card,.code-window,.legal-card,.item,.report-card,.analytics-card,.plan-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:none!important;color:var(--text-primary)!important}
.card:hover,.product-card:hover,.feature-card:hover,.plan-card:hover{border-color:var(--border-strong)!important}
.badge,.pill,.mini-badge,.status-badge,.role-badge,.admin-chip,.files-badge,.plan-badge,.eyebrow,.product-kicker{display:inline-flex!important;align-items:center!important;border:1px solid var(--border)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-shadow:none!important}
.good,.ok{color:#86efac!important}.bad,.danger{color:#fca5a5!important}.warn{color:#fcd34d!important}
.table-wrap{overflow:auto;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;background:var(--surface)!important}table{width:100%;border-collapse:collapse;color:var(--text-primary)!important}th{background:#0e0e11!important;color:var(--text-muted)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;text-align:left}th,td{padding:12px 14px!important;border-bottom:1px solid var(--border)!important}tr:last-child td{border-bottom:0!important}tbody tr:hover{background:rgba(255,255,255,.025)!important}

/* Shared navigation / shell */
.nav,.header,.topbar,.product-header,.legal-nav{position:sticky!important;top:0!important;z-index:50!important;background:rgba(9,9,11,.88)!important;border:0!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
.nav{padding:0!important}.nav-inner,.header-inner,.legal-nav-inner{min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.brand,.product-brand,.legal-brand,.brand-name{color:var(--text-primary)!important;font-weight:650!important;letter-spacing:-.02em!important;text-decoration:none!important}
.brand-mark,.legal-brand-mark{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:1px solid var(--border-strong)!important;border-radius:7px!important;background:var(--text-primary)!important;color:var(--background)!important;box-shadow:none!important;transform:none!important}
.brand-dot{color:var(--text-muted)!important}.nav-links,.header-nav,.product-nav,.legal-links{display:flex!important;align-items:center!important;gap:6px!important}.nav-links>a,.header-nav>a,.product-nav>a,.legal-links>a{padding:8px 10px!important;border-radius:7px!important;color:var(--text-secondary)!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important}.nav-links>a:hover,.header-nav>a:hover,.product-nav>a:hover,.legal-links>a:hover{background:rgba(255,255,255,.05)!important;color:var(--text-primary)!important}
.sidebar{background:#0b0b0d!important;border-right:1px solid var(--border)!important;box-shadow:none!important}.sidebar a{border-radius:var(--radius)!important;color:var(--text-secondary)!important}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.06)!important;color:var(--text-primary)!important}
.site-mini-footer,.footer{margin-top:80px!important;padding:36px 0!important;background:var(--background)!important;border-top:1px solid var(--border)!important;color:var(--text-muted)!important}.site-mini-footer-inner{align-items:flex-start!important;gap:28px!important}.site-mini-footer-links{display:flex!important;flex-wrap:wrap!important;gap:10px 18px!important}.site-mini-footer a,.footer a{color:var(--text-secondary)!important;text-decoration:none!important}.site-mini-footer a:hover,.footer a:hover{color:var(--text-primary)!important}

/* Landing */
.hero{padding:112px 0 76px!important;background:transparent!important;min-height:auto!important}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;gap:72px!important;align-items:center!important}.hero-copy h1{max-width:760px!important;margin:18px 0 22px!important;font-size:clamp(3.5rem,7vw,6.4rem)!important;line-height:.96!important;font-weight:650!important;letter-spacing:-.065em!important;text-transform:none!important}.highlight,.developer-highlight,.cta-highlight{color:var(--text-secondary)!important;-webkit-text-fill-color:initial!important;background:none!important;text-shadow:none!important}.lead{max-width:620px!important;font-size:18px!important;line-height:1.65!important}.eyebrow{padding:6px 9px!important}.feature-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;margin:28px 0!important;list-style:none!important}.feature-pills li{display:flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:var(--text-secondary)!important;font-size:12px!important;box-shadow:none!important;transform:none!important}.hero-actions,.developer-actions,.cta-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.hero-preview{transform:none!important}.browser-card{padding:0!important;overflow:hidden!important;background:#0d0d10!important;box-shadow:var(--shadow)!important;transform:none!important}.browser-bar{height:42px!important;border-bottom:1px solid var(--border)!important;background:#111114!important;color:var(--text-muted)!important}.browser-bar i,.code-window-bar span{width:8px!important;height:8px!important;background:#3f3f46!important;border:0!important}.upload-card,.link-card,.embed-card{margin:14px!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;background:var(--surface)!important;box-shadow:none!important}.upload-card{padding:42px 24px!important;border-style:dashed!important}.upload-icon,.feature-icon{background:#18181b!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;box-shadow:none!important;transform:none!important}.sticker,.marquee{display:none!important}.stats-section{padding:0 0 70px!important}.stats-card{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:0!important;overflow:hidden!important}.stat{padding:24px!important;border-right:1px solid var(--border)!important}.stat:last-child{border-right:0!important}.stat strong{font-size:24px!important;color:var(--text-primary)!important}.stat span{color:var(--text-muted)!important}.section{padding:96px 0!important}.section-heading{max-width:680px!important;margin-bottom:38px!important}.section-heading h2,.developer-copy h2,.cta-copy h2{font-size:clamp(2.3rem,5vw,4rem)!important;line-height:1.02!important;font-weight:620!important;text-transform:none!important}.feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.feature-card{padding:24px!important;min-height:230px!important;transform:none!important}.feature-card h3{margin-top:24px!important}.feature-card p{color:var(--text-secondary)!important}.developer-section{padding:96px 0!important;background:#0b0b0d!important;border-block:1px solid var(--border)!important}.developer-grid{gap:56px!important}.code-window{background:#0d0d10!important;overflow:hidden!important}.code-window-bar{border-bottom:1px solid var(--border)!important;background:#111114!important}.code-window pre{color:#d4d4d8!important}.cta-section{padding:96px 0 30px!important;background:none!important}.cta-card{padding:56px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:none!important;transform:none!important}.cta-card::before,.cta-card::after{display:none!important}

/* Auth and modals */
.auth-modal,.info-modal,.confirm-overlay,.qr-modal{position:fixed!important;inset:0!important;z-index:100!important}.auth-backdrop,.info-backdrop,.confirm-overlay{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px)!important}.auth-dialog,.info-dialog,.confirm-box,.qr-modal-card{background:#101012!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;box-shadow:0 24px 80px rgba(0,0,0,.55)!important;color:var(--text-primary)!important}.auth-dialog{width:min(440px,calc(100% - 28px))!important;padding:28px!important}.auth-close{top:18px!important;right:18px!important;width:32px!important;height:32px!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:transparent!important;color:var(--text-secondary)!important}.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;padding:3px!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;background:#0b0b0d!important}.auth-tabs button{min-height:36px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--text-muted)!important}.auth-tabs button.active{background:var(--surface-elevated)!important;color:var(--text-primary)!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset!important}.auth-form{gap:14px!important}.auth-provider{min-height:42px!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:#0d0d10!important;color:var(--text-primary)!important;box-shadow:none!important}.auth-provider:hover{border-color:var(--border-strong)!important;background:var(--surface-hover)!important;transform:none!important}.auth-divider{color:var(--text-muted)!important}.auth-message{border-radius:var(--radius)!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.035)!important}.auth-link{color:var(--text-secondary)!important}.info-dialog{overflow:hidden!important}.info-dialog header{background:#111114!important;border-bottom:1px solid var(--border)!important}.cookie-banner{background:#101012!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow)!important;color:var(--text-primary)!important}

/* Product / dashboard */
.product-header{max-width:none!important;margin:0!important;padding:0 24px!important;border-radius:0!important}.product-shell{width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding:72px 0 90px!important}.product-hero{gap:12px!important}.product-card{padding:24px!important}.product-title{font-size:clamp(2.4rem,5vw,4.6rem)!important;font-weight:650!important;line-height:1!important}.product-grid{gap:12px!important}.product-icon{background:#18181b!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important;box-shadow:none!important}.inline-notice{border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:rgba(255,255,255,.03)!important;color:var(--text-secondary)!important}.header{top:0!important}.main,.page{background:var(--background)!important}.panel-head{border-bottom:1px solid var(--border)!important}.dropzone{border:1px dashed var(--border-strong)!important;border-radius:var(--radius-xl)!important;background:#0d0d10!important}.dropzone:hover{background:#111114!important;border-color:rgba(255,255,255,.25)!important}.toolbar,.files-header{gap:10px!important}.progress,.bar-track{background:#25252a!important}.progress>*,.bar-fill{background:var(--text-primary)!important}.toast{background:#151518!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important;box-shadow:var(--shadow)!important}.overlay-card{background:#101012!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow)!important}

@media(max-width:900px){.hero-grid,.developer-grid,.product-hero,.product-grid.two{grid-template-columns:1fr!important}.hero{padding-top:76px!important}.hero-preview{max-width:640px!important}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav-links,.header-nav,.product-nav,.legal-links{gap:2px!important}.product-header{align-items:flex-start!important;flex-direction:column!important;padding:14px 20px!important}.product-nav{width:100%!important;overflow:auto!important}}
@media(max-width:680px){.wrap,.product-shell{width:min(100% - 28px,1160px)!important}.nav-inner{min-height:58px!important}.menu-toggle{display:grid!important}.nav-links{position:absolute!important;top:58px!important;left:14px!important;right:14px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;padding:8px!important;background:#101012!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow)!important}.nav-links.open{display:flex!important}.hero{padding:64px 0 48px!important}.hero-copy h1{font-size:clamp(3rem,16vw,4.5rem)!important}.feature-grid,.stats-card{grid-template-columns:1fr!important}.stat{border-right:0!important;border-bottom:1px solid var(--border)!important}.stat:last-child{border-bottom:0!important}.section,.developer-section,.cta-section{padding:68px 0!important}.cta-card{padding:28px!important}.feature-card{min-height:auto!important}.site-mini-footer-inner{flex-direction:column!important}.auth-dialog{padding:24px 20px!important}.auth-oauth{grid-template-columns:1fr!important}.product-shell{padding-top:40px!important}.product-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-nav a{text-align:center!important}.table-wrap{border-radius:var(--radius)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}