/* Shared customer surfaces. Layout stays independent of business logic. */
html[data-premium] {
  --ds-bg-0:#101113; --ds-bg-1:#151618; --ds-bg-2:#191a1d; --ds-bg-3:#222326;
  --ds-fg-1:#f4f2ed; --ds-fg-2:#c2c1bc; --ds-fg-3:#9c9d9f;
  --ds-accent:#eac76b; --ds-accent-hi:#f3d98f; --ds-accent-lo:#bea150;
  --ds-accent-tint:rgba(234,199,107,.09); --ds-accent-glow:transparent;
  --ds-r-3:12px; --ds-r-4:16px; --ds-r-5:20px;
}
html[data-premium][data-theme="light"] {
  --ds-bg-0:#f5f4ef; --ds-bg-1:#fffefa; --ds-bg-2:#fffefa; --ds-bg-3:#eeede8;
  --ds-fg-1:#20221f; --ds-fg-2:#4c504a; --ds-fg-3:#646860;
  --ds-accent:#795b15; --ds-accent-hi:#74540b; --ds-accent-lo:#644900;
}
[data-premium] body { background:var(--ds-bg-0); color:var(--ds-fg-1); }
[data-premium] :is(.ds-btn,.btn) { box-shadow:none; text-shadow:none; }
[data-premium] .ds-btn--primary { background:#eac76b; color:#26200f; border-color:#eac76b; box-shadow:0 1px 2px #0002; }
[data-premium] .ds-btn--primary:hover { background:#f3d98f; box-shadow:0 3px 12px #0002; transform:translateY(-1px); }
[data-premium] .ds-btn--ghost { background:transparent; }
[data-premium] .ds-text-gradient { background:none; -webkit-text-fill-color:currentColor; color:var(--ds-accent); }
[data-premium] :is(.ds-card,.main-card,.category-card,.preset-card) { box-shadow:none; border:1px solid var(--ds-line-2); background:var(--ds-bg-2); }
[data-premium] :is(.ds-card--premium,.ds-card--premium:hover) { box-shadow:none; }
[data-premium] :is(.ds-card--premium,.ds-aurora,.ds-noise)::before,
[data-premium] :is(.ds-card--premium,.ds-aurora,.ds-noise)::after { display:none; }
[data-premium] :is(.lp-orb,.lp-grid,.page-aurora,#particles-canvas,.auth-orb) { display:none; }
[data-premium] :is(.ds-chip,.ds-chip-dot,.ds-eyebrow)::before { animation:none; box-shadow:none; }
[data-premium] :is([class*="ds-anim-"],.lp-reveal) { animation:none; opacity:1; transform:none; }
[data-premium] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid var(--ds-focus-obrys); outline-offset:4px; }
[data-premium] :is(input,textarea,select) { accent-color:var(--ds-accent); }
[data-premium] .ds-input::placeholder,[data-premium] textarea::placeholder { color:var(--ds-fg-3); opacity:1; }
[data-premium] .ds-container { max-width:1200px; }
[data-premium] .ds-eyebrow { font-size:11px; font-weight:600; letter-spacing:.13em; }
[data-premium] .ds-h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; }
[data-premium] .ds-lead { line-height:1.7; }
[data-premium] .nav-brand-logo { background:none; box-shadow:none; flex:0 0 32px; }
[data-premium] .nav-brand-text { font-size:14px; white-space:nowrap; }
[data-premium] .nav-brand-text>span { display:block; font:11px var(--ds-font-body); color:var(--ds-fg-3); margin-top:4px; }
[data-premium] .nav-brand-logo img { min-width:32px; }
[data-premium] .nav-link[aria-current="page"]::after { display:none; }
[data-premium] .nav-link[aria-current="page"] { color:var(--ds-accent); background:var(--ds-accent-tint); }
[data-premium="landing"] .hero { padding:80px 0 64px; border-bottom:1px solid var(--ds-line-1); }
[data-premium="landing"] .hero-grid { grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
[data-premium="landing"] .hero-h1 { font-size:clamp(40px,4.3vw,62px); font-weight:700; line-height:1.08; letter-spacing:-.055em; margin:24px 0; }
[data-premium="landing"] .hero .ds-lead { font-size:17px; max-width:490px; }
[data-premium="landing"] .hero .ds-chip { background:transparent; border:0; padding:0; color:var(--ds-fg-2); font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
[data-premium="landing"] .hero .ds-btn { font-size:14px; height:48px; min-height:48px; padding:0 22px; border-radius:8px; }
[data-premium="landing"] .hero-trust { gap:16px; margin-top:24px; font-size:11px; }
[data-premium="landing"] .hero-proof-inline { margin-top:28px; gap:24px; display:flex; }
[data-premium="landing"] .hero-proof-inline>div { border:0; border-radius:0; border-left:1px solid var(--ds-line-2); background:none; padding:0 0 0 14px; flex:1; }
[data-premium="landing"] .hero-proof-inline strong { font-size:18px; }
[data-premium="landing"] .hero-proof-inline span { font-size:11px; }
.brief-preview { border:1px solid #393a3b; border-radius:14px; background:#1a1b1d; box-shadow:0 32px 80px #0003; overflow:hidden; }
.brief-preview__bar { display:flex; align-items:center; justify-content:space-between; padding:17px 22px; color:#acadaa; font:11px var(--ds-font-mono); border-bottom:1px solid #ffffff12; }
.brief-preview__bar strong { color:#f1ede2; font:600 12px var(--ds-font-body); }
.brief-preview__tabs { display:flex; padding:16px 22px 0; gap:8px; }
.brief-preview__tabs button { border:1px solid #ffffff15; background:transparent; color:#b7b8b5; border-radius:6px; padding:9px 12px; cursor:pointer; font:12px var(--ds-font-body); }
.brief-preview__tabs button[aria-pressed="true"] { color:#ebce8d; border-color:#ebce8d55; background:#ebce8d0c; }
.brief-preview__idea { padding:20px 22px; color:#e1e0da; font-size:14px; line-height:1.6; }
.brief-preview__idea span { display:block; color:#989b96; font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:8px; }
.brief-preview__sheet { margin:0 12px 12px; padding:26px; border-radius:8px; color:#252b29; background:#eeede5; }
.brief-preview__sheet .brief-kicker { color:#64736d; font:10px var(--ds-font-mono); letter-spacing:.1em; }
.brief-preview__sheet h3 { color:#263c33; font:600 24px var(--ds-font-display); letter-spacing:-.04em; margin:12px 0 20px; }
.brief-preview__sheet dl { display:grid; grid-template-columns:96px 1fr; gap:14px 12px; margin:0; font-size:12px; line-height:1.65; }
.brief-preview__sheet dt { color:#63716a; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.brief-preview__sheet dd { margin:0; }
.brief-preview__foot { border-top:1px solid #354c3420; margin-top:20px; padding-top:16px; display:flex; gap:12px; align-items:center; justify-content:space-between; font-size:10px; color:#59695e; }
.brief-preview__foot button { border:1px solid #4d655f55; background:transparent; color:#284638; padding:8px 10px; border-radius:5px; font:600 11px var(--ds-font-body); cursor:pointer; }
[data-premium="landing"] #demo-live { padding:56px 0; background:var(--ds-bg-1); border-bottom:1px solid var(--ds-line-1); scroll-margin-top:80px; }
[data-premium="landing"] #demo-live>.ds-container { max-width:1200px!important; }
[data-premium="landing"] #demo-live>.ds-container>div { padding:0!important; border:0!important; background:none!important; }
[data-premium="landing"] #demo-live .ds-h2 { font-size:28px; }
.demo-presets { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.demo-presets button { font:12px var(--ds-font-body); color:var(--ds-fg-2); background:var(--ds-bg-2); border:1px solid var(--ds-line-2); padding:10px 14px; border-radius:6px; cursor:pointer; }
.demo-presets button:hover { border-color:var(--ds-accent); }
[data-premium="landing"] .section { padding:72px 0; }
[data-premium="landing"] .price-card { border-radius:12px; padding:28px; }
[data-premium="landing"] .price-card.is-featured { border-color:var(--ds-accent); transform:none; }
[data-premium="landing"] .consent-banner { border-radius:10px; }
.checkout-message { padding:14px 18px; margin:20px 0; border:1px solid var(--ds-danger); border-radius:8px; color:var(--ds-fg-1); background:var(--ds-bg-2); }
[data-premium="app"] .hero { padding:38px 0 28px; background:none; border-bottom:1px solid var(--ds-line-1); }
[data-premium="app"] .hero .ds-h1 { font-size:34px; line-height:1.25; letter-spacing:-.04em; }
[data-premium="app"] .hero .ds-lead { font-size:14px; max-width:700px; }
[data-premium="app"] .hero-eyebrow { margin-bottom:12px; }
[data-premium="app"] .hero-cta-row { margin-top:20px; }
[data-premium="app"] .hero-cta-row .ds-btn { font-size:13px; height:42px; min-height:42px; padding:0 18px; }
[data-premium="app"] .hero-meta { font-size:11px; margin-top:16px; }
[data-premium="app"] .section { padding:28px 0; }
[data-premium="app"] .section-head { margin-bottom:20px; }
[data-premium="app"] .section-head .ds-h3 { font-size:21px; }
[data-premium="app"] .section-head p { font-size:13px; }
[data-premium="app"] .qa-card { min-height:190px; padding:22px; border-radius:10px; gap:0; }
[data-premium="app"] .qa-icon { width:34px; height:34px; border-radius:8px; background:var(--ds-accent-tint); color:var(--ds-accent); }
[data-premium="app"] .qa-head { margin-bottom:14px; }
[data-premium="app"] .qa-title { font-size:16px; margin-bottom:8px; }
[data-premium="app"] .qa-desc { font-size:12px; line-height:1.65; }
[data-premium="app"] .qa-cta { font-size:12px; margin-top:16px; color:var(--ds-accent); }
[data-premium="app"] .qa-card--zamkniety { opacity:1; }
[data-premium="app"] .stat-card { padding:20px; border-radius:10px; }
.launchpad { margin-top:28px; border:1px solid var(--ds-line-2); border-radius:12px; padding:22px; background:var(--ds-bg-2); }
.launchpad__head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.launchpad__head h2 { font-size:16px; letter-spacing:-.02em; margin:0; }
.launchpad__head span { font:10px var(--ds-font-mono); color:var(--ds-fg-3); }
.launchpad__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.launchpad__grid a { display:flex; flex-direction:column; padding:16px; border:1px solid var(--ds-line-2); border-radius:8px; background:var(--ds-bg-1); transition:border-color .2s; }
.launchpad__grid a:hover { border-color:var(--ds-accent); }
.launchpad__grid strong { color:var(--ds-fg-1); font-size:13px; margin-bottom:6px; }
.launchpad__grid span { color:var(--ds-fg-3); font-size:11px; line-height:1.6; }
.launchpad__grid a:first-child { border-color:#eac76b66; }
.launchpad__grid a:first-child strong { color:var(--ds-accent); }
[data-premium="wizard"] .wizard-hero { text-align:left; padding:26px 0 0; margin-bottom:24px; }
[data-premium="wizard"] .wizard-hero h1 { font-size:32px; line-height:1.2; }
[data-premium="wizard"] .hero-sub { font-size:14px; margin:12px 0 20px; max-width:700px; }
[data-premium="wizard"] .progress-bar-container { margin:18px 0 0; max-width:600px; }
[data-premium="wizard"] .page-wrap { max-width:1100px; padding-top:0; }
[data-premium="wizard"] .main-card { padding:28px; border-radius:12px; }
[data-premium="wizard"] .main-card h2 { font-size:24px; }
[data-premium="wizard"] .categories-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
[data-premium="wizard"] .category-card { text-align:left; padding:20px; min-height:146px; border-radius:10px; color:var(--ds-fg-1); font-family:inherit; }
[data-premium="wizard"] .category-card.category-featured { background:var(--ds-accent-tint); grid-column:auto; }
[data-premium="wizard"] .category-card .category-name { font-size:15px; }
[data-premium="wizard"] .category-card .category-description { font-size:12px; line-height:1.5; }
[data-premium="wizard"] .category-card .category-icon { width:34px; height:34px; background:none; margin-bottom:14px; }
[data-premium="wizard"] .batch-banner { padding:14px 16px; margin:20px 0; background:var(--ds-bg-1); border:1px solid var(--ds-line-2); }
[data-premium="wizard"] .custom-input-section { margin-top:28px; }
[data-premium="wizard"] .custom-input-section h3,[data-premium="wizard"] .subtitle-small { text-align:left; }
[data-premium="wizard"] .input-textarea { background:var(--ds-bg-1); box-shadow:none; border:1px solid var(--ds-line-2); }
[data-premium="wizard"] .input-textarea:focus { box-shadow:none; border-color:var(--ds-accent); }
[data-premium="wizard"] .categories-grid { min-height:0; }
[data-premium="wizard"] .ds-nav-brand { flex:0 0 auto; }
[data-premium="wizard"] .ds-nav-brand-text { font-size:14px; }
[data-premium="wizard"] .ds-nav-brand-text small { display:block; font-size:10px; }
[data-premium="wizard"] .ds-nav-link { font-size:12px; padding:8px; }
[data-premium="wizard"] .ds-topnav-inner { padding:14px 22px; }
[data-premium="wizard"] .ds-topnav { background:var(--ds-bg-1); }
[data-premium="wizard"] body>.container { max-width:none; width:100%; padding:0; }
[data-premium="wizard"] .ds-topnav-inner { max-width:1200px; margin:auto; }
[data-premium="wizard"] .wizard-hero { padding-top:24px; margin-bottom:18px; }
[data-premium="wizard"] .wizard-hero h1 { text-align:left; max-width:none; margin:0 0 10px; }
[data-premium="wizard"] .wizard-hero .hero-eyebrow { justify-content:flex-start; margin-bottom:10px; }
[data-premium="wizard"] .wizard-hero .hero-sub { margin:0; color:var(--ds-fg-2); }
[data-premium="wizard"] .progress-bar-container { display:none; }
[data-premium="wizard"] .steps-container { padding:0; margin:0 0 20px; border:0; background:none; }
[data-premium="wizard"] .steps-bar { max-width:none; padding:12px 16px; margin:0; box-shadow:none; border-radius:8px; }
[data-premium="wizard"] .steps-container .step { padding:4px; }
[data-premium="wizard"] .step-number { box-shadow:none; }
[data-premium="wizard"] .main-card { margin:0; }
[data-premium="wizard"] .custom-input-section { padding:0; }
[data-premium="wizard"] .pasek-planu { max-width:none; margin-bottom:14px; padding:10px 14px; font-size:12px; }
[data-premium="wizard"] .custom-input-section h3 { margin:0 0 8px; font-size:17px; }
[data-premium] #mobile-bottom-nav { background:var(--ds-bg-1)!important; border-color:var(--ds-line-2)!important; }
[data-premium] #mobile-bottom-nav a { color:var(--ds-fg-3)!important; font:10px var(--ds-font-body)!important; padding:7px 4px!important; min-width:50px!important; gap:6px!important; }
[data-premium] #mobile-bottom-nav a[aria-current="page"] { color:var(--ds-accent)!important; }
[data-premium] #mobile-bottom-nav svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
[data-premium="wizard"] .step-pill-label { font-size:11px; }
[data-premium="wizard"] .step-pill-dot { width:26px; height:26px; font-size:11px; }
[data-premium="auth"] .auth-brand { background:var(--ds-bg-1); border-right:1px solid var(--ds-line-2); }
[data-premium="auth"] .auth-brand::before,[data-premium="auth"] .auth-brand::after { display:none; }
[data-premium="auth"] .auth-brand__headline { font-weight:600; font-size:40px; letter-spacing:-.05em; }
[data-premium="auth"] .auth-form-head p { color:var(--ds-fg-2); }
[data-premium="auth"] .ds-newsletter-card { padding:12px; background:transparent; }
[data-premium="app"] :is(.mkt-hero,.coach-hero) { padding:36px 0 24px; }
[data-premium="app"] :is(.mkt-hero,.coach-hero) .ds-h1 { font-size:34px; line-height:1.25; }
[data-premium="app"] :is(.mkt-hero,.coach-hero) .ds-lead { font-size:14px; }
[data-premium="chat"] { --bg-dark:var(--ds-bg-0); --bg-card:var(--ds-bg-2); --neon-gold:#eac76b; --neon-purple:#eac76b; --neon-cyan:#d3bd83; --text:var(--ds-fg-1); --text-muted:var(--ds-fg-3); }
[data-premium="chat"] body { font-family:var(--ds-font-body); }
[data-premium="chat"] .bg-animation,[data-premium="chat"] .course-banner { display:none; }
[data-premium="chat"] .header { padding:18px 28px; background:var(--ds-bg-1); }
[data-premium="chat"] .chat-heading { font:600 15px var(--ds-font-display); color:var(--ds-fg-2); }
[data-premium="chat"] .header-emblem { width:34px; height:24px; object-fit:contain; }
[data-premium="chat"] .progress-steps { padding:16px; gap:8px; }
[data-premium="chat"] .step-pill { border-radius:6px; font-size:11px; background:var(--ds-bg-1); }
[data-premium="chat"] .step-pill.active { background:var(--ds-accent-tint); border-color:#eac76b55; color:var(--ds-accent); box-shadow:none; }
[data-premium="chat"] :is(.chat-container,.conv-sidebar) { border-radius:10px; background:var(--ds-bg-1); border-color:var(--ds-line-2); }
[data-premium="chat"] .message-content { font-size:14px; line-height:1.75; }
[data-premium="chat"] .message.assistant .message-content { background:var(--ds-bg-2); border-radius:10px; border-color:var(--ds-line-2); }
[data-premium="chat"] .quick-reply { border-radius:6px; border-color:var(--ds-line-3); color:var(--ds-fg-2); background:var(--ds-bg-1); font-size:12px; }
[data-premium="chat"] .quick-reply:hover { background:var(--ds-accent-tint); border-color:var(--ds-accent); box-shadow:none; }
[data-premium="chat"] .send-btn,[data-premium="chat"] .conv-new-btn { background:#eac76b; border-radius:7px; color:#26200f; box-shadow:none; }
[data-premium="chat"] #messageInput { background:var(--ds-bg-2); border-radius:8px; box-shadow:none; }
[data-premium="chat"] .main-container { max-width:1240px; }
[data-premium="chat"] .conv-sidebar { width:240px; }
@media(min-width:1180px) {
  [data-premium="app"] body { padding-left:220px; }
  [data-premium="app"] .topnav,[data-premium="app"] #topNav.topnav { position:fixed; inset:0 auto 0 0; width:220px; background:var(--ds-bg-1); border-right:1px solid var(--ds-line-2); border-bottom:0; }
  [data-premium="app"] .topnav-inner { flex-direction:column; align-items:stretch; height:100%; padding:26px 16px; gap:34px; }
  [data-premium="app"] .nav-links { flex:1; flex-direction:column; align-items:stretch; justify-content:flex-start; margin:0; gap:4px; flex-wrap:nowrap; overflow-y:auto; }
  [data-premium="app"] .nav-links>.nav-link { padding:12px 14px; font-size:13px; display:flex; min-height:40px; border-radius:7px; }
  [data-premium="app"] .nav-divider { width:auto; height:1px; margin:20px 4px 12px; }
  [data-premium="app"] #optimizer-theme-toggle { margin-top:auto; align-self:flex-start; }
  [data-premium="app"] #accountBadge { align-self:flex-start; margin:12px; }
  [data-premium="app"] #navLogout { justify-content:flex-start; }
  [data-premium="app"] .ds-container { width:100%; padding-inline:40px; }
}
@media(max-width:1179px) {
  [data-premium="app"] .topnav-inner { flex-wrap:wrap; gap:14px; }
  [data-premium="app"] .nav-links { gap:4px; }
  [data-premium="app"] .nav-link { font-size:12px; padding:8px; }
}
@media(max-width:760px) {
  [data-premium="landing"] .hero,[data-premium="landing"] body.zgody-widoczne .hero { padding:36px 0; }
  [data-premium="landing"] .hero-grid { grid-template-columns:1fr; gap:32px; }
  [data-premium="landing"] .hero-h1,[data-premium="landing"] body.zgody-widoczne .hero-h1 { font-size:40px; margin:20px 0; }
  [data-premium="landing"] .hero .ds-lead { font-size:15px; }
  [data-premium="landing"] .hero .ds-row { margin-top:22px!important; }
  [data-premium="landing"] .hero .ds-btn { font-size:13px; padding-inline:16px; }
  [data-premium="landing"] .hero-proof-inline { gap:10px; }
  [data-premium="landing"] .hero-proof-inline strong { font-size:16px; }
  [data-premium="landing"] .hero-proof-inline span { font-size:10px; }
  [data-premium="landing"] .hero-trust { font-size:10px; gap:10px; }
  [data-premium="landing"] .section { padding:48px 0; }
  .brief-preview__sheet { padding:22px 18px; }
  .brief-preview__sheet dl { grid-template-columns:78px 1fr; font-size:11px; }
  [data-premium="app"] .hero .ds-h1 { font-size:28px; }
  [data-premium="app"] .hero .ds-lead { font-size:13px; }
  .launchpad { padding:16px; }
  .launchpad__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .launchpad__head span { display:none; }
  [data-premium="app"] .ds-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  [data-premium="app"] .qa-card { padding:16px; }
  [data-premium="wizard"] .categories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-premium="wizard"] .main-card { padding:20px; }
  [data-premium="wizard"] .wizard-hero h1 { font-size:28px; }
  [data-premium="wizard"] .batch-banner { flex-direction:column; align-items:flex-start; }
}
@media(max-width:380px) {
  [data-premium="landing"] .hero-h1,[data-premium="landing"] body.zgody-widoczne .hero-h1 { font-size:35px; }
  [data-premium="app"] .ds-grid-3,[data-premium="wizard"] .categories-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  [data-premium] *,[data-premium] *::before,[data-premium] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

[data-premium] #optimizer-consent .oc-accept { background:#eac76b; color:#26200f; }
[data-premium] #optimizer-consent .oc-accept:hover { background:#f3d98f; }
[data-premium] #optimizer-consent .oc-copy a { color:#eac76b; }
[data-premium] #optimizer-consent { border-radius:10px; }
[data-premium] .ds-btn--ghost { background:transparent!important; }
[data-premium] .ds-btn::after { animation:none; display:none; }
[data-premium="landing"] .coach-wave span { animation:none; }
[data-premium="landing"] .fx-bar u { animation:none; }
[data-premium="wizard"] .page-wrap { width:100%; min-width:0; box-sizing:border-box; }
@media(max-width:768px) {
  [data-premium="wizard"] .ds-topnav-inner { flex-wrap:wrap; gap:12px; padding:14px 20px; }
  [data-premium="wizard"] .ds-nav-links { flex-wrap:wrap; justify-content:flex-end; width:auto; min-width:0; margin-left:auto; }
  [data-premium="wizard"] .ds-nav-links>.ds-nav-link,[data-premium="wizard"] .ds-nav-divider { display:none; }
  [data-premium="wizard"] .page-wrap { padding:0 16px 24px; }
  [data-premium="wizard"] .steps-bar { justify-content:space-between; gap:4px; padding:10px 8px; }
  [data-premium="wizard"] .steps-bar .step-line { flex:1; min-width:4px; max-width:20px; }
  [data-premium="wizard"] .main-card { min-width:0; padding:20px 16px; }
  [data-premium="wizard"] .pasek-planu { flex-wrap:wrap; gap:8px; }
  [data-premium="wizard"] .wizard-hero .hero-sub { max-width:100%; }
}

[data-premium="secondary"] { --bg:var(--ds-bg-0); --bg-dark:var(--ds-bg-0); --bg-primary:var(--ds-bg-0); --bg-secondary:var(--ds-bg-1); --bg-card:var(--ds-bg-2); --card:var(--ds-bg-2); --text:var(--ds-fg-1); --text-primary:var(--ds-fg-1); --text-secondary:var(--ds-fg-2); --text-muted:var(--ds-fg-3); --gold:#eac76b; --accent:#eac76b; --neon-gold:#eac76b; --neon-purple:#eac76b; --neon-cyan:#d3bd83; --border:var(--ds-line-2); }
[data-premium="secondary"] body { font-family:var(--ds-font-body); }
[data-premium="secondary"] .bg-animation,[data-premium="secondary"] .course-banner { display:none; }
[data-premium="secondary"] .hero h1 { font-size:clamp(28px,4vw,40px); }
[data-premium="secondary"] :is(.mode-card,.prompt-card,.queue-card) { background:var(--ds-bg-2); box-shadow:none; border:1px solid var(--ds-line-2); border-radius:12px; }
[data-premium="wizard"] #btnCustomIdea { background:#eac76b; color:#26200f; border-color:#eac76b; }

.output-showcase { border-bottom:1px solid var(--ds-line-1); }
.output-showcase__grid { display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:center; }
.output-example { margin:0; border:1px solid var(--ds-line-2); border-radius:12px; background:var(--ds-bg-1); overflow:hidden; }
.output-example img { display:block; width:100%; height:auto; }
.output-example figcaption { padding:22px; }
.output-example figcaption>span { display:block; color:var(--ds-fg-3); font:10px var(--ds-font-mono); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; }
.output-example strong { font-size:18px; font-family:var(--ds-font-display); }
.output-example p,.output-workflow li { font-size:13px; line-height:1.7; color:var(--ds-fg-2); margin-top:10px; }
.output-workflow h3 { font:600 28px/1.3 var(--ds-font-display); letter-spacing:-.04em; margin:16px 0; }
.output-workflow ol { padding-left:20px; margin:22px 0; }
.output-workflow li { padding-left:8px; margin-bottom:16px; }
.output-workflow li strong { display:block; color:var(--ds-fg-1); }
.output-note { color:var(--ds-fg-3); font-size:11px; line-height:1.6; margin-top:20px; }
.demo-prompt-guide { padding:16px 20px; border-left:2px solid var(--ds-accent); background:var(--ds-accent-tint); font-size:14px; line-height:1.7; margin-bottom:20px; }
[data-premium="secondary"] .bg-gradient { display:none; }
@media(max-width:760px) {
 .output-showcase__grid { grid-template-columns:1fr; gap:24px; }
 [data-premium="secondary"] .nav-container { flex-wrap:wrap; gap:12px; }
 [data-premium="secondary"] .nav-links { flex-wrap:wrap; min-width:0; justify-content:flex-start; }
 [data-premium="secondary"] .nav-link { padding:8px; font-size:12px; }
}

.output-showcase__grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:24px; }
.output-workflow { grid-column:1/-1; padding:12px 0 0; }
.output-workflow ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
[data-premium] .ds-input { box-sizing:border-box; max-width:100%; }
[data-premium="auth"] .auth-brand__logo img { width:32px; height:32px; object-fit:contain; }
[data-premium="app"] .avatar-info { min-width:0; overflow-wrap:anywhere; }
[data-premium="secondary"] .path { overflow-wrap:anywhere; }
[data-premium="secondary"] table { display:block; max-width:100%; overflow-x:auto; }
@media(max-width:760px) { .output-showcase__grid,.output-workflow ol { grid-template-columns:1fr; } .output-workflow ol { gap:4px; } }

.template-catalog { border-top:1px solid var(--ds-line-2); }
.template-catalog__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--ds-line-2); }
.template-catalog__item { display:flex; flex-direction:column; gap:14px; min-width:0; padding:28px 22px; color:var(--ds-fg-1); text-decoration:none; border-bottom:1px solid var(--ds-line-2); transition:background .15s; }
.template-catalog__item:hover { background:var(--ds-accent-tint); }
.template-catalog__number { color:var(--ds-accent-hi); font:10px/1.6 var(--ds-font-mono); letter-spacing:.035em; text-transform:uppercase; }
.template-catalog__item h3 { font:600 20px/1.35 var(--ds-font-display); letter-spacing:-.035em; margin:0; }
.template-catalog__item p { font-size:13px; line-height:1.7; color:var(--ds-fg-2); margin:0 0 8px; }
.template-catalog__action { margin-top:auto; font-size:12px; font-weight:600; display:flex; gap:10px; justify-content:space-between; }
.template-catalog__website { display:flex; align-items:center; gap:40px; justify-content:space-between; padding:36px 0; border-bottom:1px solid var(--ds-line-2); }
.template-catalog__website>div { max-width:720px; }
.template-catalog__website h3 { font:600 28px/1.3 var(--ds-font-display); letter-spacing:-.035em; margin:12px 0; }
.template-catalog__website p,.template-catalog__note { font-size:13px; line-height:1.8; color:var(--ds-fg-2); }
.template-catalog__website .ds-btn { flex-shrink:0; }
.template-catalog__note { margin-top:20px; font-size:12px; color:var(--ds-fg-3); }
@media(max-width:1000px) { .template-catalog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .template-catalog__website { align-items:flex-start; flex-direction:column; gap:20px; } }
@media(max-width:540px) { .template-catalog__grid { grid-template-columns:1fr; } .template-catalog__item { padding:24px 0; } .template-catalog__website .ds-btn { white-space:normal; } }

/* Give provider names a full line; compact metrics stay readable on mobile. */
html[data-premium] .multi-card-head { display:grid; grid-template-columns:10px minmax(0,1fr); column-gap:9px; row-gap:5px; align-items:center; }
html[data-premium] .multi-card-title { grid-column:2; margin:0; font-size:14px; line-height:1.5; }
html[data-premium] .multi-card-dot { grid-column:1; grid-row:1; }
html[data-premium] .multi-card-meta { grid-column:2; min-width:0; margin:0; font-size:11px; line-height:1.7; white-space:normal; }