/* Vidoveo design system — design tokens + component classes.
   Served to the public as-is: keep comments free of internal names/paths
   (the no-leak smoke test enforces this). */
:root{
  --ground:#0A0E13;--inset:#0B0F15;--surface:#10151C;--card:#141A22;--card-hi:#19212B;
  --rule:rgba(255,255,255,0.09);--rule-soft:rgba(255,255,255,0.07);
  --copper:#E0966B;--gold:#D6B98C;
  --ok:#7FB996;--ok-bg:#7FB99622;--warn:#D6B98C;--warn-bg:#D6B98C22;
  --err:#D98B8B;--err-bg:#D98B8B22;--neutral:#9CA6B5;--neutral-bg:#5C667522;
  --text:#F4F7FA;--text-muted:#9AA5B4;--text-faint:#5B6573;
}
*{box-sizing:border-box;}
[hidden]{display:none!important;}
body{margin:0;background:var(--ground);color:var(--text);font-family:"Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
button,textarea,input,select{font-family:inherit;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px;border-radius:6px;}
.app{max-width:1560px;margin:0 auto;padding:0 32px 60px;}

/* topbar — glass, sticky */
.topbar-wrap{position:sticky;top:0;z-index:40;padding:14px 32px 0;background:var(--ground);}
@media (max-width:680px){.topbar-wrap{padding:10px 16px 0;}}
.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 18px;min-height:44px;border-radius:16px;
  max-width:1560px;margin:0 auto;
  background:rgba(16,21,28,0.55);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
  border:1px solid var(--rule);box-shadow:0 8px 28px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);}
.brand{display:flex;align-items:center;gap:9px;font-family:"Unbounded";font-weight:800;font-size:17px;letter-spacing:-0.01em;text-decoration:none;color:var(--text);}
.brand-icon{width:26px;height:26px;flex:none;}
.topbar-left{display:flex;align-items:center;gap:22px;}
.topbar-nav{display:flex;align-items:center;gap:4px;}
.nav-link{font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;padding:7px 12px;border-radius:8px;}
.nav-link:hover{color:var(--text);background:var(--inset);}
.nav-link.active{color:var(--text);background:var(--card-hi);}
.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.status-live{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-faint);padding:5px 10px;border-radius:999px;background:var(--inset);border:1px solid var(--rule-soft);}
.status-live .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 5px var(--ok);}
.status-live.offline .dot{background:var(--err);box-shadow:0 0 5px var(--err);}
.status-live.offline{color:var(--err);}
@media (max-width:640px){.status-live .status-label,.user-email{display:none;}}
.balance-pill{display:flex;align-items:center;gap:6px;background:var(--inset);border:1px solid var(--rule-soft);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;}
.balance-pill strong{font-family:"Unbounded";font-weight:700;color:var(--gold);font-size:14px;}
.btn-topup{font-family:inherit;font-weight:700;font-size:12.5px;padding:8px 16px;border-radius:999px;border:none;cursor:pointer;
  background:linear-gradient(100deg,var(--copper),var(--gold));color:#1A0E10;text-decoration:none;
  box-shadow:0 2px 10px rgba(214,185,140,0.26), inset 0 1px 0 rgba(255,255,255,0.28);transition:filter .15s,box-shadow .15s;display:inline-block;}
.btn-topup:hover{filter:brightness(1.06);box-shadow:0 3px 14px rgba(214,185,140,0.42), inset 0 1px 0 rgba(255,255,255,0.34);}
.user-chip{display:flex;align-items:center;gap:8px;padding:3px 12px 3px 3px;border-radius:999px;background:var(--inset);border:1px solid var(--rule-soft);}
.user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--copper),var(--gold));display:flex;align-items:center;justify-content:center;font-family:"Unbounded";font-weight:700;font-size:11px;color:#1A0E10;flex:none;}
.user-email{font-size:12.5px;color:var(--text-muted);font-weight:500;}
.signout-link{font-size:12.5px;font-weight:700;color:var(--text-faint);text-decoration:none;padding:7px 10px;border-radius:8px;}
.signout-link:hover{color:var(--err);background:var(--inset);}

/* create panel (studio) */
.workspace{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start;}
@media (max-width:960px){.workspace{grid-template-columns:1fr;}}
.create-panel{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,0.30);display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;}
@media (max-width:960px){.create-panel{position:static;}}
.seg-control,.pill-group{display:flex;gap:2px;background:var(--inset);border:1px solid var(--rule-soft);border-radius:11px;padding:3px;flex-wrap:wrap;}
.seg-btn,.pill-opt{flex:1;font-family:inherit;font-weight:600;font-size:12.5px;padding:8px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;
  transition:all .15s cubic-bezier(0.22,1,0.36,1);background:transparent;border:1px solid transparent;color:var(--text-muted);}
.seg-btn:hover:not(.active),.pill-opt:hover:not(.active):not(.disabled-opt){color:var(--text);}
.seg-btn.active,.pill-opt.active{background:var(--card-hi);border-color:var(--rule);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.35);}
.pill-opt.disabled-opt{opacity:0.35;cursor:not-allowed;text-decoration:line-through;}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.filter-tab{font-family:inherit;font-weight:600;font-size:12.5px;padding:8px 14px;border-radius:100px;cursor:pointer;white-space:nowrap;
  background:var(--inset);border:1px solid var(--rule-soft);color:var(--text-muted);transition:all .15s cubic-bezier(0.22,1,0.36,1);}
.filter-tab:hover:not(.active){color:var(--text);}
.filter-tab.active{background:var(--card-hi);border-color:var(--rule);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,0.35);}
.panel-field{display:flex;flex-direction:column;gap:9px;}
.panel-label{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:0.07em;}
.label-note{text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-faint);}
textarea{width:100%;resize:vertical;background:var(--inset);border:1px solid var(--rule-soft);border-radius:12px;color:var(--text);font-size:14px;line-height:1.55;padding:12px 14px;outline:none;transition:border-color .15s;}
textarea:focus{border-color:rgba(214,185,140,0.45);}
.ratio-group{display:flex;flex-wrap:wrap;gap:7px;}
.ratio-opt{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;font-weight:600;font-size:10.5px;padding:9px 10px 8px;border-radius:10px;border:1px solid var(--rule-soft);background:var(--inset);color:var(--text-muted);cursor:pointer;min-width:50px;transition:all .15s;}
.ratio-opt:hover{color:var(--text);}
.ratio-opt.active{border-color:rgba(214,185,140,0.4);color:var(--text);background:var(--card-hi);box-shadow:0 1px 3px rgba(0,0,0,0.35);}
.ratio-box{background:var(--text-faint);border-radius:2px;}
.ratio-opt.active .ratio-box{background:var(--gold);}
.frame-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.frame-upload-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;}
.frame-dropzone{position:relative;aspect-ratio:1/1;border-radius:14px;border:1.5px dashed var(--rule);background:var(--inset);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;overflow:hidden;transition:all .15s;}
.frame-dropzone:hover{border-color:rgba(214,185,140,0.4);}
.frame-dropzone.has-image{border-style:solid;}
.frame-dropzone .fd-icon{color:var(--text-faint);}
.frame-dropzone .fd-icon svg{width:22px;height:22px;}
.frame-dropzone .fd-text{font-size:12px;font-weight:600;color:var(--text-muted);}
.frame-dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.frame-dropzone .fd-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:100px;background:rgba(10,14,19,0.75);
  color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;}
.frame-dropzone .fd-remove svg{width:12px;height:12px;}
.frame-dropzone input[type=file]{display:none;}
.extra-scene{margin-top:14px;padding-top:14px;border-top:1px dashed var(--rule);}
.extra-scene-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.extra-scene-head span{font-size:12px;font-weight:700;color:var(--text-muted);}
.extra-scene-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px;}
.extra-scene-remove:hover{color:var(--err);background:var(--err-bg);}
.extra-scene-prompt{width:100%;min-height:52px;resize:vertical;margin-bottom:8px;font-size:13px;
  background:var(--inset);border:1px solid var(--rule);border-radius:10px;color:var(--text);padding:9px 11px;font-family:inherit;}
.extra-scene-prompt:focus{outline:none;border-color:rgba(214,185,140,0.5);}
.cost-line{font-size:13px;color:var(--text-muted);background:var(--inset);border:1px solid var(--rule-soft);border-radius:10px;padding:12px 14px;}
.cost-line strong{font-family:"Unbounded";color:var(--gold);font-weight:700;}
.cost-line span{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;}
.btn{font-family:inherit;font-weight:700;font-size:14px;padding:13px 20px;border-radius:12px;border:none;cursor:pointer;
  transition:filter .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;}
.btn svg{width:16px;height:16px;flex:none;}
.btn-grad{background:linear-gradient(100deg,var(--copper),var(--gold));color:#1A0E10;box-shadow:0 2px 10px rgba(214,185,140,0.26), inset 0 1px 0 rgba(255,255,255,0.28);}
.btn-grad:hover{filter:brightness(1.06);}
.btn-grad:disabled{opacity:0.5;cursor:not-allowed;filter:none;}
.btn-danger{background:var(--card-hi);color:var(--err);border:1px solid rgba(217,139,139,0.35);}
.btn-danger:hover{background:rgba(217,139,139,0.14);}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--rule);}
.btn-outline:hover{border-color:rgba(214,185,140,0.4);}
.form-error{font-size:12.5px;color:var(--err);}
.prompt-count{display:block;text-align:right;font-size:11px;color:var(--text-faint);margin-top:5px;font-variant-numeric:tabular-nums;}
.prompt-count.near{color:var(--gold);font-weight:600;}
.prompt-tip{font-size:11.5px;line-height:1.55;color:var(--text-muted);margin:8px 0 0;padding:8px 11px;border-left:2px solid var(--gold);background:rgba(214,185,140,0.07);border-radius:0 8px 8px 0;}
.prompt-tip strong{color:var(--gold);font-weight:700;}
.engine-note{font-size:10.5px;color:var(--text-faint);opacity:0.7;margin:14px 0 0;text-align:center;}

/* results / library shared */
.results-panel{display:flex;flex-direction:column;gap:18px;}
.results-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.results-head h1,.results-head h2{font-family:"Unbounded";font-size:18px;font-weight:700;margin:0;}
.job-section{margin-top:18px;}
.job-section + .job-section{margin-top:26px;}
.job-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.job-section-head h3{display:flex;align-items:center;gap:8px;font-family:"Unbounded";font-size:13px;font-weight:700;margin:0;color:var(--text);letter-spacing:0.01em;}
.count-pill{font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--card-hi);border:1px solid var(--rule);padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums;}
#activeSection{padding:14px;border-radius:16px;border:1px solid rgba(214,185,140,0.22);background:linear-gradient(180deg,rgba(224,150,107,0.05),transparent 70%);}
#activeSection .count-pill{color:var(--gold);border-color:rgba(214,185,140,0.35);}

.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.empty-state{color:var(--text-faint);font-size:14px;padding:40px 20px;text-align:center;background:var(--card);border:1px dashed var(--rule);border-radius:16px;grid-column:1/-1;}
.job-card{background:var(--card);border:1px solid var(--rule);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(0,0,0,0.20);position:relative;}
.job-select-cb{display:none;position:absolute;top:8px;left:8px;z-index:2;width:22px;height:22px;border-radius:7px;
  background:rgba(10,14,19,0.72);backdrop-filter:blur(2px);align-items:center;justify-content:center;cursor:pointer;}
.job-grid.select-mode .job-select-cb{display:flex;}
.job-select-cb input{width:16px;height:16px;margin:0;accent-color:var(--gold);cursor:pointer;}
.bulk-bar{display:none;align-items:center;gap:10px;background:var(--card);border:1px solid var(--rule);
  border-radius:14px;padding:10px 14px;margin-bottom:14px;flex-wrap:wrap;}
.bulk-bar.active{display:flex;}
.bulk-bar .count{font-size:12.5px;color:var(--text-muted);font-weight:600;margin-right:auto;}
.job-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(150deg,#E0966B,#4A2E20 70%,#141A22);cursor:pointer;transition:filter .15s;}
.job-thumb:hover{filter:brightness(1.12);}
.job-thumb.is-failed{background:linear-gradient(150deg,#3A2424,#201414 70%,#141A22)!important;}
.job-thumb video,.job-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;}
.play-icon{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,0.45);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.play-icon svg{width:17px;height:17px;margin-left:2px;}
.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(255,255,255,0.25);border-top-color:#fff;animation:spin 0.9s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.spinner{animation:none;}}
.thumb-queued{opacity:0.6;display:flex;}
.thumb-queued svg{width:22px;height:22px;color:var(--text-muted);}
.thumb-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;}
.thumb-error .ico{color:var(--err);}
.thumb-error .ico svg{width:22px;height:22px;}
.thumb-error .msg{font-size:11px;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.job-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:10px;flex:1;}
.job-prompt{font-size:13px;color:var(--text-muted);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.job-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--card-hi);color:var(--text-faint);}
.tag.tag-gold{color:var(--gold);}
.job-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;}
.status-pill{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;}
.status-pill.done,.status-pill.completed{background:var(--ok-bg);color:var(--ok);}
.status-pill.running,.status-pill.processing{background:var(--warn-bg);color:var(--warn);}
.status-pill.queued{background:var(--neutral-bg);color:var(--neutral);}
.status-pill.failed{background:var(--err-bg);color:var(--err);}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
@media (prefers-reduced-motion:reduce){.pulse-dot{animation:none;}}
.job-icon-actions{display:flex;gap:4px;flex:none;}
.icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--rule-soft);background:var(--inset);
  color:var(--text-muted);display:flex;align-items:center;justify-content:center;line-height:1;
  cursor:pointer;text-decoration:none;transition:all .15s;}
.icon-btn:hover{color:var(--text);border-color:rgba(214,185,140,0.35);background:var(--card-hi);}
.icon-btn svg{width:15px;height:15px;flex:none;}

/* detail popup */
.detail-backdrop{position:fixed;inset:0;background:rgba(3,2,5,0.72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;}
.detail-card{background:var(--card);border:1px solid var(--rule);border-radius:20px;max-width:460px;width:100%;padding:24px;position:relative;max-height:88vh;overflow-y:auto;}
.detail-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--rule);background:var(--inset);color:var(--text-muted);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;}
.detail-close:hover{color:var(--text);}
.detail-close svg{width:14px;height:14px;}
.detail-media{width:100%;border-radius:12px;overflow:hidden;margin-bottom:16px;background:var(--inset);}
.detail-media video,.detail-media img{width:100%;display:block;max-height:340px;object-fit:contain;background:#000;}
.detail-prompt{font-size:14px;color:var(--text);line-height:1.6;background:var(--inset);border:1px solid var(--rule-soft);border-radius:10px;padding:12px 14px;margin:0 0 14px;}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.detail-field{background:var(--inset);border:1px solid var(--rule-soft);border-radius:10px;padding:9px 12px;}
.detail-field .k{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-faint);font-weight:700;}
.detail-field .v{font-size:13px;color:var(--text);font-weight:600;margin-top:3px;}
.detail-error{font-size:13px;color:var(--err);background:var(--err-bg);border-radius:10px;padding:10px 12px;margin-bottom:14px;line-height:1.5;}
.detail-actions{display:flex;gap:8px;}
.detail-actions > a,.detail-actions > button{flex:1;text-align:center;text-decoration:none;display:block;}

/* toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--rule);
  border-radius:12px;padding:12px 18px;font-size:13px;font-weight:600;color:var(--text);
  box-shadow:0 12px 30px -10px rgba(0,0,0,0.6);z-index:60;max-width:90vw;}
.toast.err{border-color:rgba(217,139,139,0.45);color:var(--err);}
.toast.ok{border-color:rgba(127,185,150,0.45);color:var(--ok);}

/* generic auth form (login/signup) */
.auth-wrap{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;}
.auth-card{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:28px;width:100%;max-width:360px;}
.auth-card h1{font-family:"Unbounded";font-size:19px;margin:0 0 4px;}
.auth-card p.sub{color:var(--text-muted);font-size:13px;margin:0 0 18px;}
.auth-field{display:block;font-size:12px;color:var(--text-muted);margin:14px 0 6px;}
.auth-card input{width:100%;background:var(--inset);border:1px solid var(--rule-soft);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px;}
.auth-switch{text-align:center;font-size:13px;color:var(--text-muted);margin-top:14px;}
.auth-switch a{color:var(--gold);text-decoration:none;font-weight:600;}

/* footer */
.site-footer{margin-top:60px;padding-top:36px;border-top:1px solid var(--rule);}
.footer-grid{display:grid;gap:28px;grid-template-columns:1.4fr repeat(3,1fr);margin-bottom:28px;}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;}}
.footer-brand{font-family:"Unbounded";font-weight:800;font-size:16px;margin-bottom:8px;}
.footer-tagline{color:var(--text-faint);font-size:12.5px;line-height:1.6;max-width:220px;}
.footer-col h4{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:0.07em;margin:0 0 12px;}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.footer-col a{color:var(--text-muted);text-decoration:none;font-size:13px;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 0 40px;border-top:1px solid var(--rule-soft);font-size:12px;color:var(--text-faint);}

/* pricing */
.pricing-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px;}
.plan-card{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:22px;position:relative;}
.plan-card.is-popular{border-color:rgba(214,185,140,0.5);box-shadow:0 0 0 1px rgba(214,185,140,0.25);}
.plan-badge{position:absolute;top:-11px;left:20px;font-size:10.5px;font-weight:700;color:#1A0E10;background:linear-gradient(100deg,var(--copper),var(--gold));padding:4px 10px;border-radius:999px;letter-spacing:0.03em;}
.plan-card h3{font-family:"Unbounded";font-size:15px;margin:6px 0 10px;}
.plan-price{font-family:"Unbounded";font-size:30px;font-weight:800;}
.plan-meta{color:var(--text-muted);font-size:13px;margin-top:6px;}

/* pricing compare table */
.compare{border:1px solid var(--rule);border-radius:18px;background:var(--card);overflow-x:auto;max-width:820px;margin:0 auto;}
.compare-row{display:grid;grid-template-columns:170px repeat(3,1fr);border-top:1px solid var(--rule);min-width:560px;}
.compare-row:first-child{border-top:none;}
.row-label{padding:14px 16px;font-size:12.5px;color:var(--text-faint);font-weight:600;display:flex;align-items:center;}
.cell{padding:14px 14px;font-size:14px;font-weight:600;display:flex;align-items:center;border-left:1px solid var(--rule);font-variant-numeric:tabular-nums;}
.cell.is-pro{background:linear-gradient(180deg,rgba(224,150,107,0.09),rgba(214,185,140,0.05));}
.compare-head .col-head{padding:15px;font-family:"Unbounded";font-size:14px;font-weight:700;border-left:1px solid var(--rule);}
.compare-head .col-head.is-pro{background:linear-gradient(180deg,rgba(224,150,107,0.14),rgba(214,185,140,0.08));}
.badge-pop{display:inline-block;margin-left:6px;font-size:9px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;
  background:linear-gradient(100deg,var(--copper),var(--gold));color:#1A0E10;padding:3px 7px;border-radius:100px;}
.num-grad{font-family:"Unbounded";font-size:18px;font-weight:800;background:linear-gradient(100deg,var(--copper),var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.compare-row.price-row .cell{flex-direction:column;align-items:flex-start;gap:2px;}
.price-big{font-family:"Unbounded";font-size:22px;font-weight:800;color:var(--text);letter-spacing:-0.01em;}
.price-sub{font-size:11.5px;font-weight:500;color:var(--text-faint);}
.compare-cta .cell{padding:15px;}
.compare-cta a{width:100%;text-align:center;text-decoration:none;}
.value-badge{display:block;font-size:10px;font-weight:700;color:var(--ok);margin-top:2px;}
.big-generations{font-size:17px;}
@media (max-width:680px){
  .row-label{padding:10px 8px;font-size:10px;}
  .cell{padding:10px 8px;font-size:12px;}
  .compare-head .col-head{padding:10px 8px;font-size:11px;}
}