/* Domain Command Post website — program-matched theme system and visual refresh */
:root,
:root[data-theme="command-blue"] {
  --bg:#070d16;--sidebar:#07111e;--surface:#0c1725;--surface2:#101c2b;
  --ink:#eef5ff;--muted:#8ea1ba;--line:#18334e;--primary:#2b7cff;
  --secondary:#3150a9;--accent:#22d4d0;--success:#31df89;--warning:#ffbf38;
  --danger:#ff5264;--nav:rgba(7,17,30,.9);--glow:rgba(43,124,255,.22);
  --green:var(--accent);--green2:var(--primary);--cyan:var(--accent);--blue:var(--primary);
  --purple:#8f7cff;--amber:var(--warning);--shadow:0 32px 90px rgba(0,0,0,.38);
  color-scheme:dark;
}
:root[data-theme="dark-ops"] {
  --bg:#09090c;--sidebar:#0c0b0f;--surface:#151016;--surface2:#1d1319;
  --ink:#fff1f3;--muted:#aa8f96;--line:#48202a;--primary:#e22b3e;
  --secondary:#7d1f2c;--accent:#ff734f;--success:#4eea91;--warning:#ffb429;
  --danger:#ff334f;--nav:rgba(12,11,15,.92);--glow:rgba(226,43,62,.22);
  --green:var(--accent);--green2:var(--primary);--cyan:#ff9a72;--blue:var(--primary);
  --purple:#d26a91;--amber:var(--warning);color-scheme:dark;
}
:root[data-theme="midnight-green"] {
  --bg:#030b08;--sidebar:#06120d;--surface:#081a11;--surface2:#0d2418;
  --ink:#effff5;--muted:#85a695;--line:#145c35;--primary:#00b94f;
  --secondary:#087e3b;--accent:#4dff92;--success:#36ee88;--warning:#ffcc3d;
  --danger:#ff4b5f;--nav:rgba(6,18,13,.92);--glow:rgba(0,185,79,.23);
  --green:var(--accent);--green2:var(--primary);--cyan:#52e7b1;--blue:#00b94f;
  --purple:#72c989;--amber:var(--warning);color-scheme:dark;
}
:root[data-theme="slate-pro"] {
  --bg:#10151d;--sidebar:#151c25;--surface:#1a2430;--surface2:#202c39;
  --ink:#eef5fb;--muted:#9aabba;--line:#344757;--primary:#2aa2cb;
  --secondary:#376a82;--accent:#29d4c8;--success:#51da9a;--warning:#f0bd55;
  --danger:#ed6672;--nav:rgba(21,28,37,.92);--glow:rgba(42,162,203,.2);
  --green:var(--accent);--green2:var(--primary);--cyan:var(--accent);--blue:var(--primary);
  --purple:#8799d9;--amber:var(--warning);color-scheme:dark;
}
:root[data-theme="light-command"] {
  --bg:#eef4f9;--sidebar:#f7fbff;--surface:#fff;--surface2:#f4f8fc;
  --ink:#132033;--muted:#63758c;--line:#cad8e5;--primary:#176fe8;
  --secondary:#4f72ae;--accent:#009aa9;--success:#138e55;--warning:#ad7400;
  --danger:#cc3147;--nav:rgba(247,251,255,.94);--glow:rgba(23,111,232,.14);
  --green:var(--accent);--green2:var(--primary);--cyan:var(--accent);--blue:var(--primary);
  --purple:#6659c8;--amber:var(--warning);--shadow:0 28px 80px rgba(38,66,92,.17);
  color-scheme:light;
}
:root[data-theme="custom"] { color-scheme:dark; }

body { min-height:100vh;isolation:isolate;background:var(--bg);transition:background .25s,color .25s; }
body::before { content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--custom-background-image,none);background-size:var(--custom-background-mode,cover);background-position:var(--custom-background-position,center);background-repeat:no-repeat;opacity:var(--custom-background-opacity,0);filter:blur(var(--custom-background-blur,0));transform:scale(1.035); }
body::after { content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 78%); }
:root[data-theme="light-command"] body::after { background-image:linear-gradient(rgba(19,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,32,51,.035) 1px,transparent 1px); }

.site-header { height:86px;background:var(--nav);border-color:var(--line);box-shadow:0 12px 40px rgba(0,0,0,.08); }
.brand b { font-size:15px;line-height:1.1; }.brand small{font-size:9px}.brand b em{color:var(--accent)}
.main-nav a { font-size:12px;letter-spacing:.015em; }.main-nav a:hover,.main-nav a.active{background:var(--surface2)}
.main-nav a.active { box-shadow:inset 0 -2px var(--primary); }
.theme-toggle { width:auto;min-width:44px;padding:0 13px;display:flex;gap:7px;align-items:center;color:var(--ink);background:var(--surface);border-color:var(--line); }
.theme-toggle em { font-style:normal;font-size:10px;font-weight:800; }.theme-toggle span{font-size:17px;color:var(--accent)}

.theme-backdrop { position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.54);backdrop-filter:blur(5px); }
.theme-panel { position:fixed;z-index:90;top:0;right:0;width:min(560px,100%);height:100vh;padding:34px;overflow:auto;background:color-mix(in srgb,var(--surface) 96%,transparent);border-left:1px solid var(--line);box-shadow:-35px 0 100px rgba(0,0,0,.38);transform:translateX(102%);transition:transform .25s ease; }
.theme-panel.open { transform:translateX(0); }.theme-panel-head{display:flex;gap:22px;justify-content:space-between;margin-bottom:25px}.theme-panel-head small{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.17em}.theme-panel-head h2{font:700 34px/1 Space Grotesk;margin:9px 0}.theme-panel-head p{color:var(--muted);font-size:12px;line-height:1.6}.theme-panel-close{flex:0 0 42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--ink);font-size:25px;cursor:pointer}
.website-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.website-theme-card{padding:13px;text-align:left;border:1px solid var(--line);border-radius:15px;background:var(--surface2);color:var(--ink);cursor:pointer}.website-theme-card:hover,.website-theme-card.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--glow)}.website-theme-card>span{height:78px;display:grid;grid-template-columns:27% 1fr;grid-template-rows:1fr 1fr;gap:5px;padding:8px;border-radius:10px;background:var(--tp-bg,var(--bg));overflow:hidden}.website-theme-card>span i{grid-row:1/-1;background:var(--tp-panel,var(--sidebar));border-radius:5px}.website-theme-card>span b{background:var(--tp-primary,var(--primary));border-radius:5px}.website-theme-card>span em{background:var(--tp-accent,var(--accent));border-radius:5px}.website-theme-card strong{display:block;margin-top:10px;font-size:11px}.custom-theme-editor{margin-top:19px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface2)}.custom-theme-editor h3{font:700 20px Space Grotesk;margin:0 0 17px}.custom-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.custom-color-grid label,.custom-theme-fields label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:800}.custom-color-grid input{width:100%;height:38px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.custom-theme-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:17px}.custom-theme-fields input,.custom-theme-fields select{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.custom-theme-fields input[type=range]{padding:0}.theme-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px}

.button.primary { background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22); }
:root[data-theme="midnight-green"] .button.primary{color:#03100a;text-shadow:none}
.eyebrow,.pill,.edition-card a,.provider-note strong{color:var(--accent)}
.ticker-track b,.story-list b,.sync-arrow,.yes{color:var(--accent)}

.hero { min-height:790px;max-width:1560px;padding-top:105px;grid-template-columns:.82fr 1.18fr; }
.hero:before { left:-430px;top:-390px;border-color:color-mix(in srgb,var(--primary) 42%,transparent);box-shadow:0 0 0 110px color-mix(in srgb,var(--primary) 5%,transparent),0 0 0 220px color-mix(in srgb,var(--accent) 3%,transparent); }
.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.hero-copy .eyebrow:before{content:"";width:30px;height:2px;background:var(--accent)}
.hero h1{font-size:clamp(58px,6.1vw,104px)}.hero h1 em{background:linear-gradient(90deg,var(--primary),var(--accent),var(--success));-webkit-background-clip:text}.hero .lead{max-width:630px}.screen-frame{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:linear-gradient(145deg,var(--surface2),var(--bg));box-shadow:var(--shadow),0 0 110px var(--glow)}
.floating-card{border-color:var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--ink)}.floating-card small{color:var(--muted)}.floating-card strong{color:var(--accent)}

.info-ribbon{max-width:1380px;margin:-28px auto 30px;padding:0 clamp(22px,5vw,72px);position:relative;z-index:3}.info-ribbon-inner{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:21px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.info-stat{padding:25px;border-right:1px solid var(--line)}.info-stat:last-child{border-right:0}.info-stat b{display:block;font:700 30px Space Grotesk;color:var(--accent)}.info-stat span{color:var(--muted);font-size:11px}
.section-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.16em}.section-kicker:before{content:"";width:26px;height:2px;background:currentColor}.section-intro{max-width:760px;color:var(--muted);font-size:15px;line-height:1.8}
.capability-stage{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.capability-card{position:relative;grid-column:span 4;min-height:270px;padding:29px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface2));overflow:hidden}.capability-card.wide{grid-column:span 8}.capability-card.tall{grid-row:span 2;min-height:555px}.capability-card .big-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:color-mix(in srgb,var(--primary) 16%,var(--surface2));color:var(--accent);font-size:24px}.capability-card h3{font:700 23px Space Grotesk;margin:25px 0 11px}.capability-card p{color:var(--muted);font-size:13px;line-height:1.72}.capability-card ul{padding:0;list-style:none;color:var(--muted);font-size:12px;line-height:1.9}.capability-card li:before{content:"✓";color:var(--success);margin-right:8px}.capability-card:after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-100px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;box-shadow:0 0 0 32px color-mix(in srgb,var(--primary) 3%,transparent)}
.nav-map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.nav-column{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.nav-column small{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.15em}.nav-column h3{font:700 20px Space Grotesk;margin:12px 0 18px}.nav-column span{display:block;padding:9px 10px;margin:6px 0;border-radius:9px;background:var(--surface2);color:var(--muted);font-size:11px}.nav-column span:before{content:"◆";font-size:7px;color:var(--primary);margin-right:8px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workflow-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.workflow-card .number{position:absolute;right:18px;top:14px;color:color-mix(in srgb,var(--primary) 35%,transparent);font:700 52px Space Grotesk}.workflow-card h3{font:700 22px Space Grotesk;margin:42px 0 10px}.workflow-card p{color:var(--muted);font-size:12px;line-height:1.7}
.theme-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.theme-showcase-copy h2{font:700 clamp(38px,4.2vw,64px)/1 Space Grotesk;letter-spacing:-.05em;margin:0 0 18px}.theme-showcase-copy p{color:var(--muted);line-height:1.8}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.theme-swatch{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer}.theme-swatch span{display:block;height:88px;border-radius:10px;background:linear-gradient(135deg,var(--swatch-bg),var(--swatch-panel));position:relative;overflow:hidden}.theme-swatch span:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:16px;border-radius:6px;background:linear-gradient(90deg,var(--swatch-primary) 0 48%,var(--swatch-accent) 48%)}.theme-swatch b{display:block;margin-top:9px;font-size:10px}.theme-swatch:hover{border-color:var(--primary);transform:translateY(-2px)}
.coming-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--warning) 48%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.coming-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.edition-card{min-height:420px;padding:30px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 18px 55px rgba(0,0,0,.1)}.edition-card:hover{transform:translateY(-4px);border-color:var(--edition)}.edition-card h3{font-size:27px}.edition-card .coming-badge{position:absolute;top:18px;right:18px}.edition-card .edition-number{display:block;padding-right:105px}.edition-card a{display:inline-flex;margin-top:auto}.edition-card ul{min-height:150px}.edition-status-note{margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--muted);font-size:10px}
.available-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--success) 48%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.available-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.checkout-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border:1px solid color-mix(in srgb,var(--success) 40%,var(--line));border-radius:21px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--success) 7%,var(--surface2)))}.checkout-box h2{margin:0}.checkout-box p{color:var(--muted);max-width:680px}.checkout-actions{display:flex;gap:10px;flex-wrap:wrap}.checkout-actions form{margin:0}
.provider-network{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}.provider-network-copy h2{font:700 clamp(38px,4.3vw,65px)/1.02 Space Grotesk;letter-spacing:-.05em;margin:0 0 19px}.provider-network-copy p{color:var(--muted);line-height:1.8}.provider-logo-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.provider-logo-cloud .provider-logo{height:78px}.safety-banner{display:flex;gap:17px;align-items:flex-start;margin-top:22px;padding:18px;border:1px solid color-mix(in srgb,var(--warning) 42%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 7%,transparent)}.safety-banner b{color:var(--warning)}.safety-banner p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.help-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.help-step-card{padding:27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface2))}.help-step-card small{color:var(--accent);font-weight:900;letter-spacing:.14em}.help-step-card h3{font:700 21px Space Grotesk;margin:18px 0 10px}.help-step-card p{color:var(--muted);font-size:12px;line-height:1.65}.help-step-card ol{padding-left:19px;color:var(--muted);font-size:11px;line-height:1.75}.help-step-card a{color:var(--accent);font-size:11px;font-weight:900}
.feature-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.feature-detail{padding:30px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.feature-detail header{display:flex;align-items:center;gap:15px}.feature-detail .feature-icon{flex:0 0 50px}.feature-detail h3{font:700 24px Space Grotesk;margin:0}.feature-detail>p{color:var(--muted);line-height:1.75}.feature-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-detail dl div{padding:11px;border-radius:10px;background:var(--surface2)}.feature-detail dt{font-size:9px;font-weight:900;color:var(--accent);text-transform:uppercase}.feature-detail dd{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.launch-lock{padding:22px;border:1px solid color-mix(in srgb,var(--warning) 48%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--warning) 8%,var(--surface));display:flex;align-items:center;justify-content:space-between;gap:20px}.launch-lock h3{margin:0 0 7px;font:700 21px Space Grotesk}.launch-lock p{margin:0;color:var(--muted);font-size:12px}.launch-lock .button{opacity:.72;cursor:not-allowed}

.admin-license-list{display:grid;gap:13px}.admin-license-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.admin-license-main{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) repeat(3,minmax(100px,.55fr));gap:15px;align-items:center}.admin-license-main small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.admin-license-main b{display:block;margin-top:4px;font-size:12px}.admin-license-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.admin-license-actions form{display:flex;gap:8px;align-items:center}.admin-license-actions select{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink)}.permanent-delete{margin-left:auto}.permanent-delete .button{background:color-mix(in srgb,var(--danger) 11%,var(--surface));border-color:color-mix(in srgb,var(--danger) 42%,var(--line));color:var(--danger)}

/* Theme every full-width surface, including the original dark-only story blocks. */
.product-story{background:linear-gradient(135deg,var(--sidebar),var(--surface) 55%,var(--bg));color:var(--ink);border-color:var(--line)}.story-copy p,.cta-band p{color:var(--muted)}.story-list div{border-color:var(--line);background:color-mix(in srgb,var(--surface2) 78%,transparent)}.crop-card{border-color:var(--line);background:var(--surface2);box-shadow:var(--shadow)}.cta-band{border-color:var(--line);background:linear-gradient(130deg,var(--surface2),var(--surface) 62%,var(--sidebar));color:var(--ink)}.edition-identity{background:radial-gradient(circle at 20% 35%,var(--glow),transparent 42%),linear-gradient(145deg,var(--surface),var(--sidebar));color:var(--ink)}.edition-identity p{color:var(--muted)}.edition-identity span{border-color:var(--line);color:var(--ink)}
.auth-pitch{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface2),var(--sidebar));color:var(--ink)}.auth-pitch p{color:var(--muted)}.computer .monitor{border-color:var(--line);background:var(--sidebar);color:var(--ink)}.computer .monitor span{color:var(--muted)}.computer .monitor i{border-color:var(--line);background:var(--surface2)}.screen-frame .chrome{color:var(--muted)}.limit-panel{border-color:color-mix(in srgb,var(--warning) 42%,var(--line));background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.limit-panel h3{color:var(--warning)}.callout{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.callout.warning{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.no{color:var(--muted)}
body.theme-panel-open{overflow:hidden}.theme-toggle-inline{margin-top:12px}.addon-card{position:relative}.addon-card .coming-badge{margin-bottom:15px}.help-card span{display:block;margin-top:14px;color:var(--accent);font-size:10px;font-weight:900}.help-card:hover{transform:translateY(-3px);border-color:var(--primary)}

/* Direction-first Help Center */
.guide-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.guide-meta span{padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:10px;text-align:left}.guide-meta b{display:block;margin-bottom:3px;color:var(--accent);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.before-you-start{padding:24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--surface),var(--surface2))}.before-you-start h2{margin-top:0}.path{padding:12px 15px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.path b{color:var(--accent)}.procedure{counter-reset:procedure;display:grid;gap:11px;padding:0;list-style:none}.procedure>li{counter-increment:procedure;position:relative;padding:18px 20px 18px 58px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.procedure>li:before{content:counter(procedure);position:absolute;left:17px;top:17px;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:11px;font-weight:900}.procedure h3{margin:0 0 6px;font-size:17px}.procedure p{margin:0}.success-check{margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--success) 44%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--muted);font-size:13px;line-height:1.65}.success-check b{color:var(--success)}.direction-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.direction-table th,.direction-table td{padding:13px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;color:var(--muted);font-size:11px;line-height:1.55}.direction-table th{background:var(--surface2);color:var(--ink);font-weight:900}.direction-table tr:last-child td{border-bottom:0}.direction-table th:last-child,.direction-table td:last-child{border-right:0}.article code,.payment-settings code{overflow-wrap:anywhere;color:var(--accent)}.article-finish{margin-top:55px;padding:27px;border:1px solid var(--line);border-radius:18px;background:var(--surface2)}.article-finish h2{margin-top:0}.article-finish .button{margin:8px 8px 0 0}

/* Payment and product administration */
.payment-settings{margin:24px 0}.setting-toggle{display:flex;gap:11px;align-items:flex-start;margin:15px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);cursor:pointer}.setting-toggle input{margin-top:3px}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.gateway-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.gateway-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.gateway-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.gateway-title>b{font:700 21px Space Grotesk}.saved-secret{color:var(--success);font-size:9px}.danger-check{display:block;margin:8px 0;color:var(--danger);font-size:10px}.admin-section{margin-top:50px}.product-admin-list{display:grid;gap:10px}.product-admin-card{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(120px,.5fr) 90px auto;gap:12px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.product-admin-card>div small,.product-admin-card>div b{display:block}.product-admin-card>div small{color:var(--accent);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.product-admin-card>div b{margin-top:5px;font-size:12px}.product-admin-card label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.product-admin-card input,.product-admin-card select{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink)}.delete-blocked{display:grid;gap:3px;max-width:310px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--warning) 40%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--warning) 7%,var(--surface));font-size:10px}.delete-blocked b{color:var(--warning)}.delete-blocked span,.admin-license-main span{color:var(--muted);font-size:9px;line-height:1.4}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.admin-nav a.active{border-color:var(--primary);background:var(--surface2);color:var(--ink)}.audit-filter{display:grid;grid-template-columns:220px 1fr auto auto;gap:10px;align-items:end;margin:25px 0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.audit-filter label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.audit-filter input,.audit-filter select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink)}.audit-list{display:grid;gap:11px}.audit-card{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.audit-card h3{margin:11px 0 3px;font:700 14px Space Grotesk}.audit-card p{margin:0;color:var(--muted);font-size:9px}.audit-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.audit-card dl div{min-width:0;padding:9px;border-radius:9px;background:var(--surface2)}.audit-card dt{color:var(--accent);font-size:8px;font-weight:900;text-transform:uppercase}.audit-card dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--muted);font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}

@media(max-width:1100px){.info-ribbon-inner{grid-template-columns:repeat(2,1fr)}.info-stat:nth-child(2){border-right:0}.info-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.nav-map{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.theme-showcase,.provider-network{grid-template-columns:1fr}.capability-card,.capability-card.wide{grid-column:span 6}.admin-license-main{grid-template-columns:repeat(2,1fr)}.product-admin-card{grid-template-columns:repeat(2,1fr)}.product-admin-card>div{grid-column:1/-1}.audit-card{grid-template-columns:1fr}.audit-card dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.theme-toggle em{display:none}.theme-panel{padding:22px}.custom-color-grid{grid-template-columns:repeat(2,1fr)}.custom-theme-fields{grid-template-columns:1fr}.website-theme-grid{grid-template-columns:1fr 1fr}.info-ribbon{margin-top:10px}.info-ribbon-inner,.workflow-grid,.help-step-grid,.feature-detail-grid,.gateway-grid{grid-template-columns:1fr}.info-stat{border-right:0;border-bottom:1px solid var(--line)!important}.info-stat:last-child{border-bottom:0!important}.capability-card,.capability-card.wide{grid-column:span 12;min-height:240px}.capability-card.tall{min-height:420px}.nav-map{grid-template-columns:1fr}.theme-swatches{grid-template-columns:repeat(2,1fr)}.provider-logo-cloud{grid-template-columns:repeat(2,1fr)}.edition-card .edition-number{padding-right:0;margin-top:38px}.admin-license-main,.product-admin-card{grid-template-columns:1fr}.product-admin-card>div{grid-column:auto}.permanent-delete{margin-left:0}.launch-lock,.checkout-box{align-items:flex-start;flex-direction:column}.guide-meta{justify-content:flex-start}.direction-table{display:block;overflow:auto}.procedure>li{padding-left:53px}.audit-filter,.audit-card dl{grid-template-columns:1fr}}


/* Current application gallery */
.app-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app-shot-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 18px 55px rgba(0,0,0,.12)}.app-shot-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}.app-shot-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .25s ease}.app-shot-card:hover .app-shot-image img{transform:scale(1.012)}.app-shot-copy{padding:22px}.app-shot-copy h3{margin:0 0 9px;font:700 22px Space Grotesk}.app-shot-copy p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.7}.app-shot-copy a{color:var(--accent);font-size:11px;font-weight:900}.home-shot-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.home-shot-strip a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.home-shot-strip img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center}.release-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.release-card{padding:27px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface),var(--surface2))}.release-card.featured{grid-column:1/-1;border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface2))}.release-card small{color:var(--accent);font-weight:900;letter-spacing:.12em}.release-card h3{margin:12px 0 9px;font:700 23px Space Grotesk}.release-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.update-backup-list{display:grid;gap:12px}.update-backup-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.update-backup-card p{margin:4px 0 0;color:var(--muted);font-size:10px}.update-file-list{max-height:280px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
@media(max-width:900px){.app-shot-grid,.release-timeline,.home-shot-strip{grid-template-columns:1fr}.release-card.featured{grid-column:auto}.update-backup-card{align-items:flex-start;flex-direction:column}}


/* V0.19.105 premium add-on capability cards — rich coded artwork pass */
.addon-showcase{display:grid;gap:20px;max-width:1420px}
.addon-panel{--addon-accent:#1fe0ca;position:relative;display:grid;grid-template-columns:126px minmax(0,1fr) minmax(390px,.92fr);align-items:center;gap:34px;min-height:310px;padding:36px 44px;border:2px solid color-mix(in srgb,var(--addon-accent) 84%,var(--line));border-radius:28px;overflow:hidden;background:radial-gradient(circle at 82% 43%,color-mix(in srgb,var(--addon-accent) 20%,transparent),transparent 29%),radial-gradient(circle at 62% 120%,color-mix(in srgb,var(--addon-accent) 8%,transparent),transparent 38%),linear-gradient(120deg,color-mix(in srgb,var(--addon-accent) 4%,#081018) 0%,#090f17 45%,color-mix(in srgb,var(--addon-accent) 7%,#0a1119) 100%);box-shadow:0 28px 88px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07),inset 0 0 58px color-mix(in srgb,var(--addon-accent) 4%,transparent),0 0 30px color-mix(in srgb,var(--addon-accent) 13%,transparent);isolation:isolate}
.addon-panel:before{content:"";position:absolute;right:-86px;bottom:-176px;width:390px;height:390px;border:1px solid color-mix(in srgb,var(--addon-accent) 26%,transparent);border-radius:50%;box-shadow:0 0 0 76px color-mix(in srgb,var(--addon-accent) 3.5%,transparent),0 0 0 152px color-mix(in srgb,var(--addon-accent) 1.8%,transparent);z-index:-1}.addon-panel:after{content:"";position:absolute;left:42px;bottom:25px;width:95px;height:39px;opacity:.5;background-image:radial-gradient(circle,color-mix(in srgb,var(--addon-accent) 76%,transparent) 1.5px,transparent 1.8px);background-size:13px 13px}
.addon-icon-badge{width:118px;height:118px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--addon-accent) 64%,var(--line));border-radius:24px;background:radial-gradient(circle at 32% 23%,color-mix(in srgb,var(--addon-accent) 18%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--addon-accent) 10%,#101923),#09121a);box-shadow:inset 0 0 32px color-mix(in srgb,var(--addon-accent) 10%,transparent),0 14px 34px rgba(0,0,0,.24),0 0 24px color-mix(in srgb,var(--addon-accent) 9%,transparent)}
.addon-mini-svg{width:66px;height:66px;color:var(--addon-accent);fill:none!important;stroke:currentColor!important;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--addon-accent) 48%,transparent))}.addon-mini-svg *{vector-effect:non-scaling-stroke}.addon-mini-svg rect,.addon-mini-svg path,.addon-mini-svg circle{fill:none!important;stroke:currentColor!important}.addon-mini-svg circle[r="2"]{fill:currentColor!important;stroke:none!important}
.addon-copy{min-width:0;align-self:center}.addon-kicker{display:block;margin-bottom:13px;color:var(--addon-accent);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.addon-copy h2{margin:0 0 15px;color:var(--ink);font:700 clamp(28px,2.25vw,39px)/1.08 Space Grotesk}.addon-copy p{max-width:690px;margin:0 0 17px;color:color-mix(in srgb,var(--ink) 86%,var(--muted));font-size:15px;line-height:1.72}.addon-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.addon-art{height:248px;display:grid;align-items:center;justify-items:end;min-width:0;position:relative}.addon-art-svg{width:100%;max-width:530px;height:100%;overflow:visible;filter:drop-shadow(0 20px 31px rgba(0,0,0,.34))}.addon-art-svg .grad-hi{stop-color:color-mix(in srgb,var(--addon-accent) 26%,#203241)}.addon-art-svg .grad-mid{stop-color:color-mix(in srgb,var(--addon-accent) 9%,#0c1721)}.addon-art-svg .grad-lo{stop-color:#071019}.addon-art-svg .metal-hi{stop-color:color-mix(in srgb,var(--addon-accent) 18%,#293641)}.addon-art-svg .metal-lo{stop-color:#071018}.addon-art-svg .halo-core{stop-color:color-mix(in srgb,var(--addon-accent) 20%,transparent)}.addon-art-svg .halo-edge{stop-color:transparent}.addon-art-svg .art-halo{fill:url(#halo-sync);opacity:.42}.addon-art-stations .art-halo{fill:url(#halo-stations)}.addon-art-hosting .art-halo{fill:url(#halo-hosting)}.addon-art-backup .art-halo{fill:url(#halo-backup)}.addon-art-registrars .art-halo{fill:url(#halo-registrars)}.addon-art-acquisition .art-halo{fill:url(#halo-acquisition)}.addon-art-risk .art-halo{fill:url(#halo-risk)}
.addon-art-svg .glass{fill:color-mix(in srgb,var(--addon-accent) 8%,#0a1520);stroke:color-mix(in srgb,var(--addon-accent) 82%,#29414e);stroke-width:2}.addon-art-svg .screen.main,.addon-art-svg .server,.addon-art-svg .shield,.addon-art-svg .disk-body{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--addon-accent) 17%,transparent))}.addon-art-svg .screen.rear{opacity:.74}.addon-art-svg .screen-inner,.addon-art-svg .screen-bezel,.addon-art-svg .shield-inner{fill:color-mix(in srgb,var(--addon-accent) 3%,#050c12);stroke:color-mix(in srgb,var(--addon-accent) 28%,#192733);stroke-width:1.2}.addon-art-svg .screen-shine,.addon-art-svg .badge-shine{fill:rgba(255,255,255,.035)}.addon-art-svg .device-shadow,.addon-art-svg .server-shadow{fill:rgba(0,0,0,.3)}.addon-art-svg .stand,.addon-art-svg .base,.addon-art-svg .server-top{fill:color-mix(in srgb,var(--addon-accent) 13%,#111b24);stroke:color-mix(in srgb,var(--addon-accent) 47%,#233542);stroke-width:1.4}.addon-art-svg .stand-line{fill:none;stroke:color-mix(in srgb,var(--addon-accent) 52%,#385060);stroke-width:4;stroke-linecap:round}.addon-art-svg .floor-glow{fill:color-mix(in srgb,var(--addon-accent) 11%,transparent);filter:blur(4px)}
.addon-art-svg .orbit,.addon-art-svg .dash,.addon-art-svg .wire,.addon-art-svg .spark-line,.addon-art-svg .gridline,.addon-art-svg .glyph,.addon-art-svg .alert-ray{fill:none;stroke:var(--addon-accent);stroke-linecap:round;stroke-linejoin:round}.addon-art-svg .orbit{stroke-width:2.6;stroke-dasharray:3 11;opacity:.9}.addon-art-svg .orbit-wide{stroke-width:3}.addon-art-svg .dash{stroke-width:2.4;stroke-dasharray:4 9;opacity:.8}.addon-art-svg .wire,.addon-art-svg .spark-line{stroke-width:1.4;opacity:.38}.addon-art-svg .glyph{stroke-width:4}.addon-art-svg .alert-ray{stroke-width:3;opacity:.55}.addon-art-svg .pulse,.addon-art-svg .spark,.addon-art-svg .node-core,.addon-art-svg .target-core{fill:var(--addon-accent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--addon-accent) 78%,transparent))}.addon-art-svg .pulse.dim{opacity:.42}.addon-art-svg .pulse.big{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--addon-accent) 88%,transparent))}.addon-art-svg .sync-glyph{fill:none;stroke:var(--addon-accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.addon-art-svg .ui-row{fill:color-mix(in srgb,var(--addon-accent) 25%,#17232d);opacity:.72}.addon-art-svg .ui-row.hot{fill:color-mix(in srgb,var(--addon-accent) 70%,#1b2932);opacity:1}.addon-art-svg .ui-dot{fill:color-mix(in srgb,var(--addon-accent) 28%,#111d26)}.addon-art-svg .ui-dot.hot{fill:var(--addon-accent)}.addon-art-svg .server-top{opacity:.74}.addon-art-svg .port{fill:color-mix(in srgb,var(--addon-accent) 16%,#1a2730)}.addon-art-svg .logo-word{fill:var(--addon-accent);font:900 27px Space Grotesk;text-anchor:middle;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--addon-accent) 38%,transparent))}.addon-art-svg .logo-word.smaller{font-size:21px}.addon-art-svg .disk-top,.addon-art-svg .disk-line{fill:color-mix(in srgb,var(--addon-accent) 7%,#0a1520);stroke:color-mix(in srgb,var(--addon-accent) 72%,#304756);stroke-width:2}.addon-art-svg .node{fill:color-mix(in srgb,var(--addon-accent) 8%,#0c1721);stroke:color-mix(in srgb,var(--addon-accent) 70%,#2b414f);stroke-width:2}.addon-art-svg .continent{fill:color-mix(in srgb,var(--addon-accent) 15%,transparent);stroke:color-mix(in srgb,var(--addon-accent) 40%,transparent);stroke-width:1.2}.addon-art-svg .target,.addon-art-svg .target-ring{fill:color-mix(in srgb,var(--addon-accent) 3%,transparent);stroke:color-mix(in srgb,var(--addon-accent) 68%,#2b3e49);stroke-width:2}.addon-art-svg .radar-sweep{fill:color-mix(in srgb,var(--addon-accent) 10%,transparent);stroke:none}.addon-art-svg .price-mark{fill:none;stroke:var(--addon-accent);stroke-width:2.3;stroke-linecap:round}.addon-art-svg .shield{stroke-width:2.4}
.addon-stations{--addon-accent:#a965ff!important}.addon-hosting{--addon-accent:#ff8748!important}.addon-backup{--addon-accent:#55b9ff!important}.addon-registrars{--addon-accent:#55e58f!important}.addon-acquisition{--addon-accent:#ffcc4d!important}.addon-risk{--addon-accent:#ff617a!important}
@media(max-width:1120px){.addon-panel{grid-template-columns:96px minmax(0,1fr);padding:31px}.addon-icon-badge{width:88px;height:88px;border-radius:19px}.addon-mini-svg{width:50px;height:50px}.addon-art{grid-column:1/-1;height:210px;justify-items:center}.addon-art-svg{max-width:600px}.addon-panel:after{display:none}}
@media(max-width:680px){.addon-panel{grid-template-columns:1fr;gap:20px;padding:25px 22px;min-height:0}.addon-icon-badge{width:76px;height:76px}.addon-mini-svg{width:44px;height:44px}.addon-copy h2{font-size:27px}.addon-copy p{font-size:13px}.addon-art{height:165px}.addon-panel:before{right:-190px;bottom:-220px}}


/* V0.19.105 visual hotfix R2: updater next-step action + stronger coded artwork */
.update-next-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.update-next-actions .button{margin:0}.addon-art-svg{color:var(--addon-accent)}.addon-art-svg .main-device,.addon-art-svg .server-stack,.addon-art-svg .shield-wrap{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--addon-accent) 20%,transparent))}.addon-art-svg .brand-badge{filter:drop-shadow(0 9px 18px rgba(0,0,0,.32))}

/* V0.19.105 visual hotfix R3 — reproduce the approved premium Add-ons card treatment. */
.addon-showcase{max-width:1360px;gap:18px;margin-inline:auto}
.addon-panel{grid-template-columns:142px minmax(0,1fr) 510px;gap:42px;min-height:330px;padding:40px 46px;border-width:2px;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.075),inset 0 0 72px rgba(255,255,255,.012),0 0 24px color-mix(in srgb,var(--addon-accent) 15%,transparent)}
.addon-panel:before{right:-78px;bottom:-185px;width:410px;height:410px;border-color:color-mix(in srgb,var(--addon-accent) 21%,transparent);box-shadow:0 0 0 78px color-mix(in srgb,var(--addon-accent) 3.4%,transparent),0 0 0 156px color-mix(in srgb,var(--addon-accent) 1.55%,transparent)}
.addon-panel:after{left:44px;bottom:25px;width:96px;height:42px;opacity:.56;background-size:13px 13px}
.addon-sync{background:radial-gradient(ellipse at 79% 41%,rgba(31,224,202,.155),transparent 29%),radial-gradient(circle at 18% 10%,rgba(31,224,202,.055),transparent 31%),linear-gradient(112deg,#07131a 0%,#061117 42%,#07161b 72%,#071117 100%)}
.addon-stations{background:radial-gradient(ellipse at 82% 44%,rgba(169,101,255,.175),transparent 30%),radial-gradient(circle at 18% 20%,rgba(169,101,255,.05),transparent 33%),linear-gradient(112deg,#0d0d1a 0%,#0d0b17 44%,#160d23 78%,#0d0a14 100%)}
.addon-hosting{background:radial-gradient(ellipse at 82% 45%,rgba(255,135,72,.16),transparent 30%),radial-gradient(circle at 16% 18%,rgba(255,135,72,.045),transparent 34%),linear-gradient(112deg,#130d0d 0%,#0d0a0d 45%,#1a0e0d 78%,#0e0909 100%)}
.addon-backup{background:radial-gradient(ellipse at 82% 45%,rgba(85,185,255,.16),transparent 30%),linear-gradient(112deg,#09121a 0%,#081017 46%,#0a1722 78%,#081019 100%)}
.addon-registrars{background:radial-gradient(ellipse at 82% 45%,rgba(85,229,143,.15),transparent 30%),linear-gradient(112deg,#09150f 0%,#07110c 46%,#0b1a11 78%,#07100c 100%)}
.addon-acquisition{background:radial-gradient(ellipse at 82% 45%,rgba(255,204,77,.14),transparent 30%),linear-gradient(112deg,#151208 0%,#100e08 46%,#1c1608 78%,#100d07 100%)}
.addon-risk{background:radial-gradient(ellipse at 82% 45%,rgba(255,97,122,.15),transparent 30%),linear-gradient(112deg,#160b10 0%,#10090c 46%,#1d0d12 78%,#10090c 100%)}
.addon-icon-badge{width:132px;height:132px;border-radius:22px;border-width:2px;background:radial-gradient(circle at 31% 22%,color-mix(in srgb,var(--addon-accent) 22%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--addon-accent) 11%,#111922),#081117 76%);box-shadow:inset 0 0 36px color-mix(in srgb,var(--addon-accent) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.07),0 15px 34px rgba(0,0,0,.30),0 0 24px color-mix(in srgb,var(--addon-accent) 12%,transparent)}
.addon-mini-svg{width:72px;height:72px;stroke-width:3;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--addon-accent) 60%,transparent))}
.addon-copy{padding-top:0}
.addon-kicker{margin-bottom:14px;font-size:11px;letter-spacing:.18em}
.addon-copy h2{margin-bottom:16px;font-size:clamp(31px,2.25vw,39px);line-height:1.06;letter-spacing:-.02em}
.addon-copy p{max-width:650px;margin-bottom:17px;font-size:16px;line-height:1.62}
.addon-copy small{font-size:13px;line-height:1.45}
.addon-art{height:270px;justify-items:end;align-items:center;overflow:visible}
.addon-art-svg{width:100%;max-width:540px;height:270px;overflow:visible;filter:none}
@media(max-width:1220px){.addon-panel{grid-template-columns:112px minmax(0,1fr) 430px;gap:30px;padding:34px}.addon-icon-badge{width:104px;height:104px}.addon-mini-svg{width:58px;height:58px}.addon-art{height:238px}.addon-art-svg{height:238px}}
@media(max-width:980px){.addon-panel{grid-template-columns:96px minmax(0,1fr);min-height:0}.addon-art{grid-column:1/-1;height:235px;justify-items:center}.addon-art-svg{height:235px;max-width:570px}.addon-icon-badge{width:90px;height:90px}.addon-mini-svg{width:52px;height:52px}}
@media(max-width:680px){.addon-panel{grid-template-columns:1fr;gap:20px;padding:25px 22px}.addon-icon-badge{width:80px;height:80px}.addon-mini-svg{width:46px;height:46px}.addon-copy h2{font-size:28px}.addon-copy p{font-size:14px}.addon-art{height:180px}.addon-art-svg{height:180px}}

/* V0.19.105 visual hotfix R5 — use the approved full-card artwork images for the first add-on cards. */
.addon-panel-image{display:block;min-height:0;padding:0;border:0;background:none!important;box-shadow:none!important;overflow:visible}
.addon-panel-image:before,.addon-panel-image:after{display:none}
.addon-card-figure{margin:0}
.addon-card-image{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 24px color-mix(in srgb,var(--addon-accent) 15%,transparent)}
@media(max-width:680px){.addon-card-image{border-radius:20px}}


/* V0.19.105 visual hotfix R6 — exact approved image cards, compact two-column desktop layout. */
.addon-showcase-image-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  width:min(1560px,calc(100% - 40px));
  max-width:1560px;
  margin-inline:auto;
}
.addon-showcase-image-grid .addon-panel-image{
  display:block;
  min-width:0;
  min-height:0;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:none!important;
  box-shadow:none!important;
  overflow:visible;
}
.addon-showcase-image-grid .addon-panel-image:before,
.addon-showcase-image-grid .addon-panel-image:after{display:none!important}
.addon-showcase-image-grid .addon-card-figure{display:block;margin:0}
.addon-showcase-image-grid .addon-card-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:22px;
  box-shadow:0 18px 48px rgba(0,0,0,.42);
}
.addon-showcase-image-grid .addon-panel-image:last-child:nth-child(odd){
  grid-column:1 / -1;
  width:calc((100% - 24px)/2);
  justify-self:center;
}
@media(max-width:1100px){
  .addon-showcase-image-grid{
    grid-template-columns:1fr;
    width:min(900px,calc(100% - 32px));
    gap:20px;
  }
  .addon-showcase-image-grid .addon-panel-image:last-child:nth-child(odd){
    grid-column:auto;
    width:100%;
  }
}
@media(max-width:680px){
  .addon-showcase-image-grid{width:calc(100% - 24px);gap:16px}
  .addon-showcase-image-grid .addon-card-image{border-radius:18px}
}

/* V0.19.105 website visual refresh R7 — richer public pages without turning every page into a gallery. */
.visual-showcase-section{padding-top:38px}
.visual-showcase-grid{display:grid;gap:18px}.visual-showcase-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-showcase-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 20px 55px rgba(0,0,0,.20);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.visual-showcase-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 54%,var(--line));box-shadow:0 28px 68px rgba(0,0,0,.27)}
.visual-showcase-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;border-bottom:1px solid var(--line);background:#05090e}
.visual-showcase-card>div{padding:19px 20px 21px}.visual-showcase-card small{display:block;margin-bottom:7px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em}.visual-showcase-card h3{margin:0 0 8px;font:700 20px/1.15 Space Grotesk}.visual-showcase-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.compact-visual-grid .visual-showcase-card>div{padding:15px 17px 17px}.compact-visual-grid .visual-showcase-card h3{font-size:18px}.compact-visual-grid .visual-showcase-card:nth-child(3)>img{object-fit:contain;padding:8px;background:linear-gradient(145deg,#061411,#07111a)}
.crop-card-art img{object-fit:contain!important;background:#071117}

.edition-grid-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.edition-card-visual{position:relative;display:flex;flex-direction:column;min-height:0!important;padding:0!important;overflow:hidden;border-color:color-mix(in srgb,var(--edition-color) 32%,var(--line));background:linear-gradient(145deg,var(--surface),var(--surface2))}
.edition-card-visual:hover{border-color:color-mix(in srgb,var(--edition-color) 76%,var(--line))}
.edition-visual{height:190px;overflow:hidden;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--edition-color) 5%,#05090e)}
.edition-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .22s ease}
.edition-card-visual:nth-child(1) .edition-visual img,.edition-card-visual:nth-child(5) .edition-visual img{object-fit:contain;padding:8px}
.edition-card-visual:hover .edition-visual img{transform:scale(1.015)}
.edition-card-body{display:flex;flex:1;flex-direction:column;padding:26px 28px 28px}.edition-card-body>small{color:var(--edition-color);font-weight:900;letter-spacing:.14em}.edition-card-body h2{margin:8px 0 10px;font:700 29px/1.1 Space Grotesk}.edition-card-body>p{color:var(--muted);font-size:12px;line-height:1.65}.edition-card-body>b{margin-top:8px;color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.edition-card-body ul{min-height:0;margin:13px 0 0;padding-left:19px;color:var(--muted);font-size:11px;line-height:1.65}
.edition-card-visual .coming-badge{top:16px;right:16px;z-index:2;backdrop-filter:blur(7px)}

.about-visual-stack{display:grid;gap:26px}.visual-story-panel{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);align-items:center;gap:34px;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30%),linear-gradient(135deg,var(--surface),var(--surface2));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.visual-story-panel.reverse{grid-template-columns:minmax(420px,1.14fr) minmax(0,.86fr)}.visual-story-panel.reverse .visual-story-copy{grid-column:2}.visual-story-panel.reverse .visual-story-media{grid-column:1;grid-row:1}
.visual-story-copy{padding:12px 8px 12px 14px}.visual-story-copy h2{margin:9px 0 13px;font:700 clamp(28px,3vw,42px)/1.08 Space Grotesk;letter-spacing:-.02em}.visual-story-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.visual-story-media{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#05090e;box-shadow:0 18px 44px rgba(0,0,0,.28)}.visual-story-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center}.visual-story-media.artwork-media img{object-fit:contain;aspect-ratio:auto}

.download-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-option-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 22px 62px rgba(0,0,0,.20)}
.download-option-visual{height:235px;overflow:hidden;border-bottom:1px solid var(--line);background:#05090e}.download-option-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.download-option-visual.artwork img{object-fit:contain;padding:10px;background:linear-gradient(135deg,#0d0d1a,#150e22)}
.download-option-copy{padding:28px}.download-option-copy h2{margin:8px 0 12px;font:700 28px/1.1 Space Grotesk}.download-option-copy p{color:var(--muted);font-size:13px;line-height:1.65}.download-option-copy ul{margin:16px 0 0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.7}.download-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

.help-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.help-visual-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,var(--surface),var(--surface2));color:var(--ink);text-decoration:none;box-shadow:0 18px 52px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease}.help-visual-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 52%,var(--line))}.help-visual-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;border-bottom:1px solid var(--line);background:#05090e}.help-visual-card:nth-child(3) img{object-fit:contain;padding:8px;background:#071117}.help-visual-card>div{padding:18px 19px 20px}.help-visual-card small{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.help-visual-card h3{margin:8px 0 12px;font:700 19px/1.18 Space Grotesk}.help-visual-card span{color:var(--accent);font-size:10px;font-weight:900}

@media(max-width:1050px){.visual-showcase-grid-3,.help-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-showcase-grid-3>*:last-child,.help-visual-grid>*:last-child{grid-column:1/-1;max-width:720px;width:100%;justify-self:center}.visual-story-panel,.visual-story-panel.reverse{grid-template-columns:1fr;gap:20px}.visual-story-panel.reverse .visual-story-copy,.visual-story-panel.reverse .visual-story-media{grid-column:auto;grid-row:auto}.visual-story-panel.reverse .visual-story-copy{order:1}.visual-story-panel.reverse .visual-story-media{order:2}}
@media(max-width:860px){.edition-grid-visual,.download-option-grid{grid-template-columns:1fr}.edition-visual{height:220px}.download-option-visual{height:260px}}
@media(max-width:680px){.visual-showcase-grid-3,.help-visual-grid{grid-template-columns:1fr}.visual-showcase-grid-3>*:last-child,.help-visual-grid>*:last-child{grid-column:auto;max-width:none}.visual-story-panel{padding:20px;border-radius:21px}.visual-story-copy{padding:4px}.visual-story-copy h2{font-size:28px}.edition-visual{height:170px}.download-option-visual{height:185px}.download-option-copy{padding:22px}}

/* V0.19.105 visual refresh R9 — compact Storage + Agent workflow showcase. */
.storage-agent-showcase{padding-top:74px;padding-bottom:74px}
.storage-agent-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:58px;align-items:center;max-width:1440px;margin:0 auto;padding:44px 48px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:30px;background:radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,var(--bg)),var(--surface2));box-shadow:0 28px 90px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);overflow:hidden;position:relative}
.storage-agent-layout:before{content:"";position:absolute;right:-130px;top:-170px;width:420px;height:420px;border:1px solid color-mix(in srgb,var(--accent) 19%,transparent);border-radius:50%;box-shadow:0 0 0 74px color-mix(in srgb,var(--accent) 2.8%,transparent),0 0 0 148px color-mix(in srgb,var(--accent) 1.4%,transparent);pointer-events:none}
.storage-agent-copy{position:relative;z-index:1}.storage-agent-copy h2{max-width:670px;margin:0 0 18px;font:700 clamp(42px,4vw,70px)/1.02 Space Grotesk;letter-spacing:-.035em}.storage-agent-copy .section-intro{max-width:650px;margin:0 0 28px;font-size:15px;line-height:1.75}
.storage-agent-steps{display:grid;gap:10px;max-width:690px}.storage-agent-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;align-items:center;padding:13px 15px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface) 80%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}.storage-agent-step:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.storage-step-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 18%,var(--surface2)),color-mix(in srgb,var(--accent) 10%,var(--surface)));border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));color:var(--accent);font:800 11px Space Grotesk}.storage-agent-step b{display:block;color:var(--ink);font:700 15px Space Grotesk}.storage-agent-step div span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}
.storage-agent-visual{position:relative;z-index:1;min-height:455px;padding:18px 18px 92px}.storage-console{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface2) 98%,black),color-mix(in srgb,var(--bg) 92%,var(--surface)));box-shadow:0 30px 70px rgba(0,0,0,.36),0 0 38px color-mix(in srgb,var(--accent) 8%,transparent)}
.storage-console-head{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.storage-console-head>span{flex:1}.storage-console-head>b{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);font-size:9px}.storage-console-dots{display:flex;gap:5px}.storage-console-dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--line)}.storage-console-dots i:nth-child(1){background:var(--danger)}.storage-console-dots i:nth-child(2){background:var(--warning)}.storage-console-dots i:nth-child(3){background:var(--success)}
.storage-console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px}.storage-console-metrics>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,transparent)}.storage-console-metrics small{display:block;color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.14em}.storage-console-metrics strong{display:block;margin-top:6px;color:var(--ink);font:700 22px Space Grotesk}.storage-console-metrics span{display:block;margin-top:2px;color:var(--muted);font-size:8px}
.storage-job-list{padding:3px 15px 19px}.storage-job-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 2px 7px}.storage-job-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,var(--surface2));border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));color:var(--accent);font-size:8px;font-weight:900}.storage-job-row b{display:block;color:var(--ink);font-size:10px}.storage-job-row div span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.storage-job-row em{font-style:normal;color:var(--accent);font-size:9px;font-weight:900}.storage-job-progress{height:5px;margin:0 2px 2px 45px;border-radius:99px;background:var(--surface);overflow:hidden}.storage-job-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 48%,transparent)}
.storage-agent-handoff{position:absolute;left:4px;right:32px;bottom:32px;display:grid;grid-template-columns:52px minmax(0,1fr) 36px;gap:14px;align-items:center;padding:16px 17px;border:1px solid color-mix(in srgb,var(--purple) 44%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 12%,var(--surface2)),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:0 22px 50px rgba(0,0,0,.38),0 0 26px color-mix(in srgb,var(--purple) 8%,transparent);backdrop-filter:blur(12px)}.storage-agent-handoff-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--purple) 15%,var(--surface));color:var(--purple);font-size:24px}.storage-agent-handoff small{display:block;color:var(--purple);font-size:7px;font-weight:900;letter-spacing:.14em}.storage-agent-handoff strong{display:block;margin:4px 0;color:var(--ink);font:700 12px Space Grotesk}.storage-agent-handoff div span{display:block;color:var(--muted);font-size:8px}.storage-agent-arrow{color:var(--purple);font-size:26px;text-align:center}.storage-job-pill{position:absolute;right:0;top:7px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--accent) 31%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 28px rgba(0,0,0,.26);font-size:8px}.storage-job-pill i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 9px color-mix(in srgb,var(--success) 65%,transparent)}.storage-job-pill b{color:var(--ink)}.storage-job-pill span{color:var(--muted)}
@media(max-width:1120px){.storage-agent-layout{grid-template-columns:1fr;gap:34px;padding:36px}.storage-agent-copy h2{max-width:850px}.storage-agent-visual{min-height:430px;max-width:780px;width:100%;margin:0 auto}.storage-agent-steps{grid-template-columns:repeat(3,1fr);max-width:none}.storage-agent-step{grid-template-columns:1fr;align-items:start}.storage-step-number{width:38px;height:38px}}
@media(max-width:760px){.storage-agent-showcase{padding-top:48px;padding-bottom:48px}.storage-agent-layout{padding:25px 20px;border-radius:22px}.storage-agent-copy h2{font-size:38px}.storage-agent-steps{grid-template-columns:1fr}.storage-agent-visual{min-height:430px;padding:12px 0 112px}.storage-console-metrics{grid-template-columns:1fr}.storage-console-metrics>div{display:grid;grid-template-columns:1fr auto;align-items:center}.storage-console-metrics strong{font-size:18px;text-align:right}.storage-console-metrics span{grid-column:1/-1}.storage-agent-handoff{left:0;right:0;bottom:18px;grid-template-columns:44px minmax(0,1fr) 26px}.storage-agent-handoff-icon{width:40px;height:40px}.storage-job-pill{right:4px;top:-3px}}
