:root{
  color-scheme:dark;
  --bg:#05070b;
  --bg-soft:#09111d;
  --surface:rgba(10,17,29,.78);
  --surface-2:rgba(15,25,42,.74);
  --surface-strong:rgba(14,23,39,.94);
  --surface-solid:#0d1727;
  --text:#e0ebf9;
  --muted:#90a2bb;
  --muted-2:#6f829d;
  --accent:#78b6ff;
  --accent-strong:#9fd0ff;
  --accent-soft:rgba(120,182,255,.13);
  --success:#69d5a7;
  --warning:#f2c66f;
  --danger:#ff8b94;
  --border:rgba(255,255,255,.09);
  --border-strong:rgba(255,255,255,.16);
  --shadow:0 24px 60px rgba(0,0,0,.34);
  --shadow-soft:0 15px 38px rgba(0,0,0,.2);
  --radius:22px;
  --shell:min(100% - 2rem,1180px);
  --hero-image:url("../img/mainbgdark.webp");
  --hero-image-opacity:.21;
}
html.light{
  color-scheme:light;
  --bg:#dfeffd;
  --bg-soft:#edf6ff;
  --surface:rgba(255,255,255,.68);
  --surface-2:rgba(243,249,255,.82);
  --surface-strong:rgba(250,253,255,.94);
  --surface-solid:#f6fbff;
  --text:#102034;
  --muted:#516680;
  --muted-2:#71839b;
  --accent:#2f7de1;
  --accent-strong:#1f64bd;
  --accent-soft:rgba(47,125,225,.11);
  --success:#167a58;
  --warning:#8e650e;
  --danger:#bd3343;
  --border:rgba(16,32,52,.11);
  --border-strong:rgba(16,32,52,.19);
  --shadow:0 20px 48px rgba(32,72,120,.14);
  --shadow-soft:0 12px 28px rgba(32,72,120,.1);
  --hero-image:url("../img/mainbglight.webp");
  --hero-image-opacity:.18;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at top,rgba(120,182,255,.07),transparent 34%),
    radial-gradient(circle at bottom,rgba(120,182,255,.045),transparent 28%),
    linear-gradient(180deg,var(--bg),var(--bg-soft));
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
  overflow-x:hidden;
  transition:background-color .25s ease,color .25s ease;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 15%,rgba(123,184,255,.075),transparent 24%),
    radial-gradient(circle at 82% 20%,rgba(123,184,255,.05),transparent 22%),
    radial-gradient(circle at 50% 84%,rgba(123,184,255,.04),transparent 28%);
  opacity:.55;
}
button,input,select,textarea{font:inherit}
a{color:inherit}
img{max-width:100%}
button,a,input,select,textarea,summary{outline-offset:3px}
:focus-visible{outline:2px solid var(--accent)}
::selection{background:var(--accent);color:var(--bg)}
.page-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:linear-gradient(180deg,rgba(5,7,11,.03),rgba(5,7,11,.17)),var(--hero-image);
  background-size:cover,cover;
  background-position:center;
  opacity:var(--hero-image-opacity);
  filter:saturate(1) contrast(1.02) brightness(1.03);
}
.ambient,.grain{position:fixed;inset:0;pointer-events:none;z-index:0}
.ambient-a{background:linear-gradient(115deg,rgba(123,184,255,.03),transparent 30%,transparent 70%,rgba(123,184,255,.02));mix-blend-mode:screen}
.ambient-b{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.03),transparent 42%);filter:blur(10px)}
.grain{opacity:.035;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:overlay}
main,.footer,.topbar,.adminbar{position:relative;z-index:1}
.shell{width:var(--shell);margin-inline:auto}
.topbar,.adminbar{
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--bg) 75%,transparent);
  backdrop-filter:blur(19px) saturate(1.1);
}
.topbar__inner,.adminbar__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:inline-flex;align-items:center;gap:.82rem;text-decoration:none;min-width:0}
.brand__logo{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto}
.logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.logo--light{display:none}
html.light .logo--dark{display:none}
html.light .logo--light{display:block}
.brand__copy{display:grid;line-height:1.05;min-width:0}
.brand__copy strong{font-size:1rem;letter-spacing:.02em}
.brand__copy small{margin-top:.35rem;color:var(--muted);font-size:.69rem;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.nav{display:flex;align-items:center;justify-content:center;gap:.25rem}
.nav a{padding:.56rem .72rem;border-radius:10px;color:var(--muted);font-size:.86rem;text-decoration:none;transition:.2s ease}
.nav a:hover,.nav a.is-active{color:var(--text);background:var(--accent-soft)}
.topbar__actions{display:flex;align-items:center;gap:.55rem}
.theme-toggle{width:2.7rem;height:2.7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft)}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:.55rem .78rem;background:var(--surface-strong);font-weight:700;font-size:.82rem}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu__panel{position:absolute;right:0;top:calc(100% + .55rem);width:min(260px,calc(100vw - 24px));padding:.55rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-solid);box-shadow:var(--shadow);display:grid}
.mobile-menu__panel a{padding:.7rem .8rem;border-radius:10px;text-decoration:none;color:var(--muted)}
.mobile-menu__panel a:hover{background:var(--accent-soft);color:var(--text)}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{letter-spacing:-.035em;line-height:1.08}
h1{font-size:clamp(2.7rem,7vw,5.45rem)}
h2{font-size:clamp(2rem,4vw,3.15rem)}
h3{font-size:1.18rem}
p{margin-bottom:1rem}
.eyebrow{margin:0 0 .72rem;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.muted,.field-note{color:var(--muted)}
.field-note{font-size:.78rem;font-weight:500}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:46px;
  padding:.78rem 1.05rem;
  border:1px solid var(--border);
  border-radius:13px;
  text-decoration:none;
  font-weight:800;
  font-size:.86rem;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.button:hover{transform:translateY(-1px);border-color:var(--border-strong)}
.button--primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent;color:#07101c;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 24%,transparent)}
html.light .button--primary{color:#fff}
.button--secondary{background:var(--surface-strong);color:var(--text)}
.button--ghost{background:transparent;color:var(--muted)}
.button--danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface-strong));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}
.button--small{min-height:38px;padding:.58rem .8rem;font-size:.78rem}
.button--wide{width:100%}
.button[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.notice{margin:1rem 0;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface);font-size:.88rem}
.notice a{text-decoration:underline}
.notice--warning{border-color:color-mix(in srgb,var(--warning) 32%,transparent);background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:color-mix(in srgb,var(--warning) 72%,var(--text))}
.notice--success{border-color:color-mix(in srgb,var(--success) 32%,transparent);background:color-mix(in srgb,var(--success) 8%,var(--surface))}
.notice--danger{border-color:color-mix(in srgb,var(--danger) 32%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem)}
.hero__copy{max-width:670px}
.hero h1{margin:0 0 1.25rem;max-width:700px}
.hero__lead{max-width:600px;color:var(--muted);font-size:1.06rem}
.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.55rem 0}
.availability{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.65rem 1rem;margin-top:1.2rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface);font-size:.8rem}
.availability__dot{width:10px;height:10px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 12%,transparent)}
.availability--open .availability__dot{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 12%,transparent)}
.availability span:last-child{color:var(--muted)}
.hero-console{position:relative;padding:1rem;border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,transparent),color-mix(in srgb,var(--surface) 84%,transparent));box-shadow:var(--shadow);overflow:hidden}
.hero-console::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.12),transparent 24%),radial-gradient(circle at 82% 90%,rgba(120,182,255,.17),transparent 32%);pointer-events:none}
.hero-console__top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.25rem .35rem 1rem;border-bottom:1px solid var(--border);font-size:.77rem;color:var(--muted)}
.hero-console__top strong{color:var(--text)}
.hero-console__body{position:relative;display:grid;gap:.75rem;padding-top:1rem}
.workspace-card{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;padding:.9rem;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.workspace-card__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:900}
.workspace-card span,.workspace-card small{display:block;color:var(--muted);font-size:.74rem}
.workspace-card strong{font-size:.9rem}
.workspace-card b{font-size:.72rem;color:var(--success)}
.hero-console__footer{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem}
.hero-console__footer div{padding:.8rem;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);border:1px solid var(--border)}
.hero-console__footer span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.hero-console__footer strong{font-size:1.05rem}
.section{padding:clamp(3.5rem,7vw,6rem) 0;scroll-margin-top:90px}
.section--soft{border-block:1px solid var(--border);background:color-mix(in srgb,var(--surface) 38%,transparent)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem}
.section-head h2{margin-bottom:0;max-width:700px}
.section-head>p{max-width:430px;color:var(--muted);margin-bottom:.25rem}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.step-card,.feature-card,.tier-card,.background-panel,.commission-form,.order-intro,.checkout-card,.summary-card,.status-card,.admin-panel,.track-form,.prose-card,.faq-list details,.queue-card,.ticket-shell,.portal-nav{
  border:1px solid var(--border);
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));
  box-shadow:var(--shadow-soft);
}
.step-card{padding:1.2rem;border-radius:18px;min-height:190px}
.step-card>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:.77rem;font-weight:900}
.step-card h3{margin:1.1rem 0 .55rem}
.step-card p{color:var(--muted);font-size:.84rem;margin-bottom:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feature-card{padding:1.35rem;border-radius:20px}
.feature-card__icon{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-weight:900}
.feature-card h3{margin:1rem 0 .5rem}
.feature-card p{color:var(--muted);font-size:.86rem;margin:0}
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tier-card{position:relative;border-radius:22px;overflow:hidden;transition:transform .22s ease,border-color .22s ease}
.tier-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.tier-card--featured{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--accent) 10%,transparent)}
.tier-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--border);background:var(--surface-2)}
.tier-card__body{padding:1.15rem}
.tier-card__body h3{margin:.55rem 0}
.tier-card__body>p{color:var(--muted);font-size:.82rem;min-height:82px}
.badge{display:inline-flex;padding:.32rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.price-list{margin:1rem 0 0}
.price-list>div,.summary-line,.order-meta>div,.diagnostic-mini>div{display:flex;justify-content:space-between;gap:1rem;padding:.58rem 0;border-bottom:1px solid var(--border)}
.price-list dt,.order-meta dt,.diagnostic-mini dt{color:var(--muted);font-size:.76rem}
.price-list dd,.order-meta dd,.diagnostic-mini dd{margin:0;text-align:right;font-weight:800;font-size:.8rem}
.tier-meta{min-height:auto!important;margin:1rem 0 0!important;font-size:.72rem!important}
.background-panel{margin-top:1.2rem;padding:1.4rem;border-radius:22px;display:grid;grid-template-columns:.55fr 1.45fr;gap:1.5rem;align-items:center}
.background-panel h3{margin-bottom:0;font-size:1.45rem}
.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.background-grid article{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:.75rem;padding:.8rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.background-grid img{width:56px;height:56px;object-fit:cover;border-radius:11px}
.background-grid strong,.background-grid span,.background-grid b{display:block}
.background-grid strong{font-size:.82rem}.background-grid span{color:var(--muted);font-size:.7rem;line-height:1.4;margin:.2rem 0}.background-grid b{color:var(--accent);font-size:.75rem}
.section--order{padding-top:5rem;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 38%,transparent))}
.order-layout{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);gap:1.2rem;align-items:start}
.order-intro{position:sticky;top:100px;padding:1.45rem;border-radius:22px}
.order-intro h2{font-size:2.15rem}
.order-intro>p{color:var(--muted);font-size:.88rem}
.check-list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.6rem}
.check-list li{position:relative;padding-left:1.6rem;color:var(--muted);font-size:.82rem}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}
.commission-form{padding:1.5rem;border-radius:22px}
fieldset{margin:0 0 1.35rem;padding:0 0 1.35rem;border:0;border-bottom:1px solid var(--border)}
fieldset:last-of-type{border-bottom:0;padding-bottom:0}
legend{padding:0;margin-bottom:1rem;font-size:1rem;font-weight:900;letter-spacing:-.02em}
label{display:grid;gap:.42rem;color:var(--text);font-size:.79rem;font-weight:750}
input,select,textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface-2);
  color:var(--text);
  padding:.78rem .86rem;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 0 0 4px var(--accent-soft);outline:0;background:var(--surface-strong)}
textarea{resize:vertical;min-height:110px}
input[type=file]{padding:.62rem}
input[type=checkbox]{width:18px;height:18px;padding:0;accent-color:var(--accent)}
.form-grid{display:grid;gap:1rem}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}
.check-option{display:flex;align-items:flex-start;gap:.65rem;padding:.82rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);cursor:pointer}
.check-option input{margin-top:.18rem;flex:0 0 auto}
.check-option span{display:grid;gap:.15rem}.check-option strong{font-size:.8rem}.check-option small{color:var(--muted);font-weight:500;font-size:.68rem}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.quote-panel{margin-top:1rem;padding:1.1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.quote-panel__head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.55rem}
.quote-panel__head span{color:var(--muted);font-size:.74rem}.quote-panel__head strong{font-size:1.55rem}
.quote-breakdown{margin:0}.quote-breakdown>div{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;font-size:.75rem}.quote-breakdown dt{color:var(--muted)}.quote-breakdown dd{margin:0;font-weight:750}
.quote-panel>p{color:var(--muted);font-size:.72rem;margin:.65rem 0 0}
.submit-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.submit-row p{color:var(--muted);font-size:.72rem;margin:0;max-width:430px}
.page-heading{padding:clamp(3.8rem,8vw,6rem) 0 1.8rem;max-width:820px}
.page-heading h1{margin-bottom:.75rem}.page-heading>p:last-child{color:var(--muted);max-width:680px}
.portal-nav{margin:0 0 1.2rem;padding:.8rem;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.portal-nav__identity{display:grid;padding-left:.35rem}.portal-nav__identity span{color:var(--muted);font-size:.66rem;letter-spacing:.08em}.portal-nav__identity strong{font-size:.82rem}
.portal-nav__links{display:flex;gap:.35rem;flex-wrap:wrap}.portal-nav__links a{display:flex;align-items:center;gap:.42rem;padding:.55rem .75rem;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.76rem;font-weight:800}.portal-nav__links a.is-active,.portal-nav__links a:hover{background:var(--accent-soft);color:var(--text)}.portal-nav__links b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 .3rem;border-radius:999px;background:var(--danger);color:white;font-size:.65rem}
.checkout-page,.status-page,.ticket-page,.queue-page,.prose-page{padding-bottom:4rem}
.checkout-layout,.status-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:1.2rem;align-items:start}
.checkout-card,.summary-card,.status-card{padding:1.35rem;border-radius:22px}
.checkout-card__head,.status-card__head,.panel-head,.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.checkout-card__head{padding-bottom:1rem;border-bottom:1px solid var(--border)}
.checkout-card__head span{display:block;color:var(--muted);font-size:.75rem}.checkout-card__head strong{font-size:2rem}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.35rem .62rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.67rem;font-weight:900;white-space:nowrap}
.status-pill--success,.status-pill--paid{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.status-pill--warning,.status-pill--pending,.status-pill--payment_review{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}
.status-pill--danger,.status-pill--failed,.status-pill--refunded{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.status-pill--large{min-height:34px;padding:.48rem .78rem;font-size:.72rem}
.qris-box{text-align:center;padding:1.4rem 0}.qris-box img{width:min(100%,340px);aspect-ratio:1;object-fit:contain;padding:.8rem;border:1px solid var(--border);border-radius:18px;background:white}.qris-box p{max-width:500px;margin:1rem auto 0;color:var(--muted);font-size:.83rem}
.payment-actions{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.payment-actions span{color:var(--muted);font-size:.75rem}
.payment-success{text-align:center;padding:2.5rem 1rem}.payment-success>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success);font-size:2rem}.payment-success h2{font-size:2rem;margin-bottom:.4rem}.payment-success p{color:var(--muted)}
.proof-form{display:grid;gap:1rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--border)}
.summary-card{position:sticky;top:96px}.summary-card h2{font-size:1.3rem}.summary-line{font-size:.78rem}.summary-line--total{margin-top:.5rem;padding-top:.9rem;font-size:.9rem}.balance-note,.client-note{padding:.9rem;border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:.78rem}.client-note p{margin:.35rem 0 0}.order-meta{margin:1rem 0}.summary-card .button+.button{margin-top:.65rem}
.track-form{max-width:760px;padding:1.3rem;border-radius:20px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:.85rem;align-items:end}
.status-card__head h2{font-size:1.55rem;margin:.25rem 0}.status-card__head>div>span{color:var(--muted);font-size:.72rem}
.progress-track{display:grid;grid-template-columns:repeat(7,1fr);margin:2rem 0}
.progress-step{position:relative;text-align:center;color:var(--muted);font-size:.66rem}.progress-step::before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:var(--border)}.progress-step:first-child::before{left:50%}.progress-step:last-child::before{right:50%}.progress-step span{position:relative;z-index:1;display:block;width:18px;height:18px;margin:0 auto .5rem;border:2px solid var(--border);border-radius:50%;background:var(--surface-solid)}.progress-step.is-done{color:var(--text)}.progress-step.is-done::before{background:var(--success)}.progress-step.is-done span{border-color:var(--success);background:var(--success)}
.status-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.status-stats article{padding:.9rem;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.status-stats span{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.status-stats strong{font-size:.92rem}
.timeline h3{margin-top:1.4rem}.timeline__item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.8rem 0}.timeline__item>span{width:10px;height:10px;margin-top:.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.timeline__item p{margin:.2rem 0;color:var(--muted);font-size:.79rem}.timeline__item time{color:var(--muted-2);font-size:.68rem}
.delivery-box{display:grid;gap:.6rem;margin:1rem 0}.delivery-box h3{margin:0}
.conversation-preview{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--border)}.conversation-preview__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.conversation-preview__head h3{margin:0}.conversation-preview__head a{color:var(--accent);font-size:.75rem;text-decoration:none}.mini-message{padding:.75rem;border-radius:13px;background:var(--surface-2);margin-top:.55rem}.mini-message strong,.mini-message time{font-size:.68rem}.mini-message time{float:right;color:var(--muted)}.mini-message p{margin:.3rem 0 0;color:var(--muted);font-size:.77rem}
.ticket-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.6fr);gap:1.2rem;align-items:start}
.ticket-shell{border-radius:22px;overflow:hidden}
.ticket-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--border);background:var(--surface-2)}.ticket-head h2{font-size:1.1rem;margin:0}.ticket-head p{margin:.2rem 0 0;color:var(--muted);font-size:.72rem}
.ticket-stream{height:min(62vh,640px);min-height:420px;overflow:auto;padding:1.2rem;display:grid;align-content:start;gap:.85rem;scrollbar-color:var(--border-strong) transparent}
.message{max-width:82%;padding:.85rem .95rem;border:1px solid var(--border);border-radius:17px 17px 17px 5px;background:var(--surface-2);justify-self:start}.message--customer{justify-self:end;border-radius:17px 17px 5px 17px;background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.message--admin{background:var(--surface-strong)}.message--system{max-width:94%;justify-self:center;text-align:center;border-style:dashed;background:transparent;color:var(--muted)}
.message__meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.message__meta strong{font-size:.7rem}.message__meta time{color:var(--muted);font-size:.64rem}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.82rem}.message__attachments{display:grid;gap:.4rem;margin-top:.65rem}.message__attachments a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border-radius:10px;background:color-mix(in srgb,var(--surface-solid) 70%,transparent);border:1px solid var(--border);text-decoration:none;font-size:.7rem}.message__attachments span{color:var(--muted)}
.ticket-composer{padding:1rem 1.2rem;border-top:1px solid var(--border);background:var(--surface-2)}.ticket-composer textarea{min-height:92px}.ticket-composer__footer{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-top:.7rem}.ticket-composer__footer label{flex:1}.ticket-composer__footer .button{flex:0 0 auto}
.ticket-closed{padding:1rem;text-align:center;color:var(--muted);font-size:.8rem;border-top:1px solid var(--border);background:var(--surface-2)}
.new-message-banner{display:none;position:sticky;bottom:.8rem;margin:0 auto;width:max-content;z-index:3;padding:.55rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-solid);box-shadow:var(--shadow);font-size:.7rem;cursor:pointer}.new-message-banner.is-visible{display:block}
.queue-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.2rem}.queue-overview article{padding:1rem;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.queue-overview span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.queue-overview strong{font-size:1.55rem}.queue-list{display:grid;gap:.75rem}.queue-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;border-radius:18px}.queue-card__position{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-weight:900}.queue-card h3{font-size:.92rem;margin:0 0 .25rem}.queue-card p{color:var(--muted);font-size:.74rem;margin:0}.queue-card__meta{text-align:right}.queue-card__meta span,.queue-card__meta small{display:block}.queue-card__meta small{color:var(--muted);font-size:.67rem;margin-top:.28rem}
.prose-page{max-width:920px}.prose-card{padding:1.6rem;border-radius:22px}.prose-card h2{font-size:1.55rem;margin-top:2rem}.prose-card h2:first-child{margin-top:0}.prose-card p,.prose-card li{color:var(--muted);font-size:.88rem}.faq-list{display:grid;gap:.75rem;background:none;border:0;box-shadow:none}.faq-list details{padding:1rem 1.15rem;border-radius:16px}.faq-list summary{cursor:pointer;font-weight:850}.faq-list p{margin:.75rem 0 0;color:var(--muted);font-size:.84rem}
.footer{margin-top:3rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 58%,transparent)}.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.6rem 0}.footer__brand{display:flex;align-items:center;gap:.8rem}.footer__brand .brand__logo{width:32px;height:32px}.footer__brand p{margin:.25rem 0 0;color:var(--muted);font-size:.72rem}.footer__links{display:flex;gap:1rem;flex-wrap:wrap}.footer__links a{color:var(--muted);text-decoration:none;font-size:.75rem}.footer__links a:hover{color:var(--text)}
.admin-body{background:var(--bg-soft)}.admin-main{padding:2.2rem 0 5rem}.admin-heading{align-items:center;margin-bottom:1.2rem}.admin-heading h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.35rem}.admin-heading p{color:var(--muted);margin-bottom:0}.admin-auth{max-width:760px;margin:3rem auto}.admin-auth--narrow{max-width:480px}.admin-form{display:grid;gap:1rem}.admin-panel{padding:1.25rem;border-radius:20px}.admin-panel h2{font-size:1.25rem;margin-top:0}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-bottom:1rem}.metric-grid article{padding:1rem;border:1px solid var(--border);border-radius:17px;background:var(--surface);display:grid}.metric-grid span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.metric-grid strong{font-size:1.45rem}.metric-grid small{color:var(--muted);font-size:.65rem;margin-top:.2rem}.admin-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;align-items:start}.admin-order-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;align-items:start;margin-bottom:1rem}.panel-head{align-items:center;margin-bottom:1rem}.panel-head h2{margin:0}.panel-head>a,.panel-head>span{color:var(--muted);font-size:.72rem}.order-table-wrap{overflow:auto}.order-table{width:100%;border-collapse:collapse;min-width:760px}.order-table th,.order-table td{text-align:left;padding:.75rem .65rem;border-bottom:1px solid var(--border);vertical-align:top;font-size:.76rem}.order-table th{color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.order-table a{text-decoration:none}.order-table small{display:block;color:var(--muted);margin-top:.22rem}.order-table tr:hover td{background:color-mix(in srgb,var(--accent-soft) 35%,transparent)}.empty-note{color:var(--muted);font-size:.82rem}.filter-form select{min-width:220px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:0 0 1rem}.detail-grid>div{padding:.8rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.detail-grid dt{color:var(--muted);font-size:.65rem}.detail-grid dd{margin:.25rem 0 0;font-weight:750;word-break:break-word;font-size:.78rem}.brief-box{padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.brief-box h3{margin-top:0}.brief-box p{white-space:normal;color:var(--muted);font-size:.82rem;margin-bottom:0}.attachment-list{display:grid;gap:.5rem;margin-top:1rem}.attachment-list h3{margin:0}.attachment-list a{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);font-size:.72rem;text-decoration:none}.attachment-list span{color:var(--muted)}.copy-field{display:grid;grid-template-columns:1fr auto}.copy-field input{border-radius:11px 0 0 11px}.copy-field button{border:1px solid var(--border);border-left:0;border-radius:0 11px 11px 0;background:var(--surface-2);color:var(--text);padding:0 .8rem;cursor:pointer}.admin-actions{display:flex;gap:.55rem;flex-wrap:wrap}.pricing-admin-table{overflow:auto;margin-bottom:1rem}.pricing-admin-table table{width:100%;border-collapse:collapse;min-width:660px}.pricing-admin-table th,.pricing-admin-table td{padding:.55rem;border-bottom:1px solid var(--border);text-align:left}.pricing-admin-table input{min-width:125px}.score-ring{width:100px;height:100px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--success) calc(var(--score,100)*1%),var(--surface-2) 0);border:8px solid var(--surface-strong);box-shadow:var(--shadow)}.score-ring strong{font-size:1.75rem;line-height:1}.score-ring span{color:var(--muted);font-size:.65rem}.diagnostic-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.diagnostic-summary>div{padding:1rem;border-radius:15px;border:1px solid var(--border);background:var(--surface);display:grid}.diagnostic-summary strong{font-size:1.45rem}.diagnostic-summary span{color:var(--muted);font-size:.68rem}.diagnostic-list{display:grid;gap:.5rem;margin-bottom:1rem}.diagnostic-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:var(--surface-2)}.diagnostic-row>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-strong)}.diagnostic-row p{margin:.15rem 0 0;color:var(--muted);font-size:.7rem}.diagnostic-row>b{font-size:.62rem}.diagnostic-row.is-pass>span,.diagnostic-row.is-pass>b{color:var(--success)}.diagnostic-row.is-review>span,.diagnostic-row.is-review>b{color:var(--warning)}.diagnostic-row.is-fail>span,.diagnostic-row.is-fail>b{color:var(--danger)}
.queue-admin-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border)}.queue-admin-row:last-child{border-bottom:0}.queue-admin-row__rank{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:900}.queue-admin-row h3{font-size:.85rem;margin:0}.queue-admin-row p{color:var(--muted);font-size:.69rem;margin:.15rem 0 0}.queue-move{display:flex;gap:.35rem}.queue-move button{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);cursor:pointer}
.ticket-list{display:grid;gap:.65rem}.ticket-list__item{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-decoration:none}.ticket-list__item h3{font-size:.84rem;margin:0 0 .25rem}.ticket-list__item p{color:var(--muted);font-size:.72rem;margin:0}.ticket-list__meta{text-align:right}.ticket-list__meta b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 .35rem;border-radius:999px;background:var(--danger);color:white;font-size:.65rem}.ticket-list__meta time{display:block;color:var(--muted);font-size:.64rem;margin-top:.3rem}
.scope-note{margin-top:1.2rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.scope-note strong{display:block;color:var(--accent);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}
.scope-note p{margin:.28rem 0 .8rem;color:var(--muted);font-size:.76rem}.scope-note p:last-child{margin-bottom:0}
.quote-policy{padding:.72rem .8rem;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--accent-soft);color:var(--text)!important}
.review-pending{text-align:center;padding:2.5rem 1rem}.review-pending>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--warning) 13%,transparent);color:var(--warning);font-size:1.7rem}.review-pending h2{font-size:2rem;margin-bottom:.4rem}.review-pending p{max-width:620px;margin:0 auto 1.2rem;color:var(--muted)}
.scope-decision{display:grid;gap:.75rem;margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--warning) 6%,var(--surface-2))}.scope-decision h3,.scope-decision p{margin:0}.scope-decision p{color:var(--muted);font-size:.76rem}
.business-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.business-strip>div{padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.business-strip span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.business-strip strong{display:block;margin-top:.25rem;font-size:.85rem}.settings-subhead{margin:1.25rem 0 .75rem;font-size:.95rem!important}.pricing-admin-table th small{display:block;margin-top:.2rem;color:var(--muted);font-size:.6rem;font-weight:500}
.status-pill--not_created,.status-pill--scope_review{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}

code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em;overflow-wrap:anywhere}
.empty-state{text-align:center;padding:5rem 1rem}.empty-state__number{display:block;font-size:3rem;line-height:1;margin-bottom:.5rem}.empty-state p{color:var(--muted)}
@media(max-width:1100px){
  .tier-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(3,1fr)}
  .process-grid .step-card:nth-child(n+4){grid-column:span 1}
  .background-panel{grid-template-columns:1fr}
  .order-layout{grid-template-columns:1fr}.order-intro{position:relative;top:auto}
  .admin-grid,.admin-order-layout{grid-template-columns:1fr}
  .metric-grid{grid-template-columns:repeat(3,1fr)}
  .business-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  :root{--shell:min(100% - 1.25rem,1180px)}
  .topbar__inner,.adminbar__inner{min-height:68px}
  .nav{display:none}.mobile-menu{display:block}.desktop-only{display:none!important}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.hero__visual{order:initial}.hero-console{max-width:620px;width:100%;margin:auto}
  .feature-grid{grid-template-columns:1fr 1fr}.checkout-layout,.status-layout,.ticket-layout{grid-template-columns:1fr}.summary-card{position:relative;top:auto}
  .form-grid--3{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}
  .track-form{grid-template-columns:1fr}.footer__inner{align-items:flex-start;flex-direction:column}.progress-step b{display:none}
  .portal-nav{align-items:flex-start;flex-direction:column}.portal-nav__links{width:100%;overflow-x:auto;flex-wrap:nowrap}.portal-nav__links a{white-space:nowrap}
  .ticket-stream{height:58vh}.queue-overview{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  h1,.hero h1,.page-heading h1{font-size:2.55rem}.section{padding:3.5rem 0}
  .hero-console__footer{grid-template-columns:1fr}.workspace-card{grid-template-columns:auto 1fr}.workspace-card>b{grid-column:2}
  .process-grid,.feature-grid,.tier-grid,.background-grid,.form-grid--2,.form-grid--3,.metric-grid,.diagnostic-summary,.status-stats,.business-strip{grid-template-columns:1fr}
  .background-panel,.commission-form,.order-intro,.checkout-card,.summary-card,.status-card,.admin-panel,.prose-card{padding:1rem}
  .background-grid article{grid-template-columns:52px 1fr}.availability{grid-template-columns:auto 1fr}.availability>span:last-child{grid-column:1/-1}
  .section-head,.admin-heading,.checkout-card__head,.status-card__head{align-items:flex-start;flex-direction:column}
  .submit-row,.ticket-composer__footer,.payment-actions{align-items:stretch;flex-direction:column}.submit-row .button,.ticket-composer__footer .button{width:100%}
  .detail-grid{grid-template-columns:1fr}.admin-actions{display:grid}.admin-actions .button{width:100%}
  .progress-track{margin-inline:-.4rem}.footer__links{gap:.75rem}.message{max-width:94%}.ticket-stream{padding:.8rem;min-height:360px}
  .queue-card{grid-template-columns:auto 1fr}.queue-card__meta{grid-column:2;text-align:left}.queue-overview{grid-template-columns:1fr}
  .queue-admin-row{grid-template-columns:auto 1fr}.queue-admin-row>.status-pill,.queue-admin-row>.queue-move{grid-column:2}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v1.3 operational workspace refinements */
.notice--accent{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--text)}
.admin-stack{display:grid;gap:1rem}
.admin-actions--stack{display:grid;gap:.75rem}
.capacity-note{display:grid;gap:.25rem;margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.capacity-note strong{font-size:.84rem}.capacity-note p{margin:0;color:var(--muted);font-size:.76rem}
.capacity-note.is-open{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--surface-2))}
.capacity-note.is-full{border-color:color-mix(in srgb,var(--warning) 32%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--surface-2))}
.capacity-badge{display:grid;min-width:138px;padding:.72rem .9rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-align:right}
.capacity-badge strong{font-size:1.25rem;line-height:1}.capacity-badge span{margin-top:.25rem;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.metric-strip>div{padding:.8rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.metric-strip span{display:block;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.07em}.metric-strip strong{display:block;margin-top:.22rem;font-size:.82rem;overflow-wrap:anywhere}
.checkout-expiry{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.9rem 0;padding:.72rem .82rem;border:1px solid color-mix(in srgb,var(--warning) 26%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--warning) 6%,var(--surface-2))}
.checkout-expiry span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.checkout-expiry strong{font-size:.79rem;text-align:right}
.payment-state{display:grid;justify-items:center;gap:.55rem;padding:2rem 1.2rem;text-align:center;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.payment-state>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:1.35rem;font-weight:900}.payment-state h2{margin:0;font-size:1.65rem}.payment-state p{max-width:620px;margin:0 0 .5rem;color:var(--muted)}
.payment-state--expired>span{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}
.review-action-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:1rem;margin-bottom:1rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface-strong)),var(--surface));box-shadow:var(--shadow-soft)}
.review-action-card__intro h2{margin:.1rem 0 .45rem;font-size:1.65rem}.review-action-card__intro p:last-child{margin:0;color:var(--muted);font-size:.82rem}
.review-meter{align-self:start;padding:.95rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.review-meter span,.review-meter small{display:block;color:var(--muted)}.review-meter span{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.review-meter strong{display:block;margin:.28rem 0;font-size:1.25rem}.review-meter small{font-size:.7rem;line-height:1.45}
.review-response-form{grid-column:1/-1;display:grid;gap:.75rem;padding-top:.9rem;border-top:1px solid var(--border)}
.review-response-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}
.review-state-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;padding:.85rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.review-state-strip>div{padding:.65rem .72rem;border-radius:11px;background:color-mix(in srgb,var(--surface-strong) 82%,transparent)}
.review-state-strip span{display:block;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.07em}.review-state-strip strong{display:block;margin-top:.24rem;font-size:.78rem}
.refund-form{display:grid;gap:.7rem;padding:.9rem;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--danger) 5%,var(--surface-2))}
.launch-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:1rem;align-items:center;margin:1rem 0;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}
.launch-gate span{display:block;font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.launch-gate strong{display:block;margin-top:.25rem;font-size:1.05rem}.launch-gate p{margin:0;color:var(--muted);font-size:.78rem}
.launch-gate.is-ready{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface-2))}.launch-gate.is-ready span{color:var(--success)}
.launch-gate.is-blocked{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--surface-2))}.launch-gate.is-blocked span{color:var(--danger)}
.readiness-list{display:grid;gap:.65rem;margin:1rem 0;padding-left:1.45rem}.readiness-list li{padding-left:.25rem;color:var(--muted);font-size:.8rem}.readiness-list li::marker{color:var(--accent);font-weight:900}

@media(max-width:850px){
  .review-action-card,.launch-gate{grid-template-columns:1fr}
  .metric-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .metric-strip,.review-state-strip{grid-template-columns:1fr}
  .capacity-badge{width:100%;text-align:left}
  .checkout-expiry{align-items:flex-start;flex-direction:column}.checkout-expiry strong{text-align:left}
  .review-response-actions{display:grid}.review-response-actions .button{width:100%}
}

.payment-state--refunded>span{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}

/* v1.4 bilingual legal agreement and acceptance evidence */
.legal-form-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:.85rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}
.legal-form-intro strong{display:block;font-size:.88rem}.legal-form-intro p{margin:.25rem 0 0;color:var(--muted);font-size:.74rem}.legal-form-intro a{flex:0 0 auto;color:var(--accent);font-size:.78rem;font-weight:800;text-decoration:none}
.check-option a{color:var(--accent);text-underline-offset:2px}
.legal-shell{padding-top:clamp(2.8rem,6vw,5rem)}
.legal-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:1rem;align-items:end;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface-strong)),var(--surface));box-shadow:var(--shadow)}
.legal-hero h1{max-width:900px;margin-bottom:.8rem;font-size:clamp(2.5rem,6vw,5rem)}.legal-hero>div>p:last-of-type{max-width:820px;color:var(--muted)}
.legal-meta{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.1rem}.legal-meta span{padding:.48rem .62rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:.67rem}.legal-meta b{color:var(--text)}
.legal-language{display:grid;gap:.28rem;align-content:start;padding:1rem;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}.legal-language>span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.legal-language>strong{margin-bottom:.55rem;font-size:1.05rem}
.legal-contact-warning{margin:1rem 0 0}
.legal-summary{padding:clamp(2.8rem,6vw,4.5rem) 0 1.2rem}.legal-summary .section-head{margin-bottom:1rem}.legal-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.legal-summary-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-summary-grid article{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft)}.legal-summary-grid article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);font-weight:900}.legal-summary-grid h3{margin:0 0 .35rem;font-size:.9rem;letter-spacing:-.015em}.legal-summary-grid p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.55}
.legal-layout{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1.65fr);gap:1rem;align-items:start}.legal-toc{position:sticky;top:92px}.legal-toc__inner{max-height:calc(100vh - 112px);overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-soft);scrollbar-width:thin}.legal-toc nav{display:grid;gap:.15rem;margin-bottom:1rem}.legal-toc nav a{padding:.43rem .5rem;border-radius:8px;color:var(--muted);font-size:.67rem;line-height:1.35;text-decoration:none}.legal-toc nav a:hover{color:var(--text);background:var(--accent-soft)}
.legal-document{padding:clamp(1.15rem,3vw,2rem);max-width:none}.legal-document__notice{padding:1rem;margin-bottom:1.6rem;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--warning) 6%,var(--surface-2))}.legal-document__notice strong{display:block;font-size:.88rem}.legal-document__notice p{margin:.3rem 0 0!important;font-size:.76rem!important}
.legal-clause{padding:0 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);scroll-margin-top:100px}.legal-clause:last-of-type{border-bottom:0}.legal-clause h2{margin:0 0 .8rem;font-size:clamp(1.35rem,2vw,1.75rem)}.legal-clause p,.legal-clause li{font-size:.84rem;line-height:1.78}.legal-clause ul{display:grid;gap:.55rem;padding-left:1.25rem}.legal-clause li::marker{color:var(--accent)}.legal-back{display:inline-block;margin-top:.25rem;color:var(--muted-2);font-size:.67rem;text-decoration:none}.legal-back:hover{color:var(--accent)}
.legal-framework{scroll-margin-top:100px}.legal-framework h2{font-size:1.55rem}.legal-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.legal-reference-grid a{display:grid;gap:.3rem;padding:.8rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);text-decoration:none}.legal-reference-grid a:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.legal-reference-grid strong{font-size:.72rem;line-height:1.45}.legal-reference-grid span{color:var(--accent);font-size:.65rem}
.legal-evidence{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.legal-evidence.is-current{border-color:color-mix(in srgb,var(--success) 28%,var(--border))}.legal-evidence.is-legacy{border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.legal-evidence .panel-head{align-items:flex-start}.legal-evidence .panel-head h3{margin:0}.legal-evidence .panel-head p{margin:.25rem 0 0;color:var(--muted);font-size:.72rem}.legal-evidence .panel-head a{color:var(--accent);font-size:.7rem;font-weight:800;text-decoration:none}.legal-evidence__grid{margin-top:.8rem}
@media(max-width:960px){.legal-hero,.legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;top:auto}.legal-toc__inner{max-height:none}.legal-toc nav{grid-template-columns:1fr 1fr}.legal-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.legal-form-intro{align-items:flex-start;flex-direction:column}.legal-hero{padding:1rem}.legal-summary-grid,.legal-reference-grid,.legal-toc nav{grid-template-columns:1fr}.legal-meta{display:grid}.legal-language .button{width:100%}.legal-document{padding:1rem}.legal-clause p,.legal-clause li{font-size:.8rem}}

/* Public artwork guide, bilingual navigation, and payment choices */
.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong)}
.language-switch a{display:grid;place-items:center;min-width:32px;height:30px;padding:0 .45rem;border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.04em;text-decoration:none}
.language-switch a.is-active{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}
.hero--art{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}
.hero-art-card{margin:0;padding:.72rem;border:1px solid var(--border);border-radius:30px;background:var(--surface-strong);box-shadow:var(--shadow);overflow:hidden}
.hero-art-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;border-radius:23px;background:var(--surface-2)}
.hero-art-card figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .4rem .18rem;font-size:.75rem}
.hero-art-card figcaption strong{color:var(--text)}.hero-art-card figcaption span{color:var(--muted);text-align:right}
.art-showcase{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:1rem;align-items:stretch}
.art-showcase__viewer{position:relative;min-height:620px;border:1px solid var(--border);border-radius:25px;background:var(--surface-strong);box-shadow:var(--shadow);overflow:hidden}
.art-showcase__viewer>img{display:block;width:100%;height:100%;min-height:620px;object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 34%,var(--accent-soft),transparent 48%),var(--surface-2);transition:opacity .16s ease,transform .16s ease}
.art-showcase__viewer>img.is-changing{opacity:.35;transform:scale(.992)}
.art-showcase__caption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem 1.05rem;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);backdrop-filter:blur(16px)}
.art-showcase__caption h3{margin:0 0 .35rem}.art-showcase__caption p:last-child{margin:0;color:var(--muted);font-size:.82rem}
.art-stage-list{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-content:start}
.art-stage-button{display:grid;grid-template-columns:76px 1fr;gap:.7rem;align-items:center;min-width:0;padding:.55rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:.2s ease}
.art-stage-button:hover,.art-stage-button.is-active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong));transform:translateY(-1px)}
.art-stage-button img{display:block;width:76px;height:76px;object-fit:cover;object-position:center top;border-radius:11px;background:var(--surface-2)}
.art-stage-button span{min-width:0}.art-stage-button strong,.art-stage-button small{display:block}.art-stage-button strong{font-size:.78rem;line-height:1.35}.art-stage-button small{margin-top:.25rem;color:var(--muted);font-size:.65rem}
.tier-grid--art .tier-card>img{aspect-ratio:1/1;object-fit:cover;object-position:center top;background:var(--surface-2)}
.background-swatch{width:84px;min-height:84px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2)}
.background-swatch--free{background:linear-gradient(135deg,transparent 0 44%,var(--accent-soft) 45% 55%,transparent 56%),linear-gradient(45deg,var(--surface-2),var(--surface-strong))}
.background-swatch--medium{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--surface-2)) 0 48%,color-mix(in srgb,var(--success) 12%,var(--surface-strong)) 49% 100%)}
.background-swatch--detailed{background:linear-gradient(135deg,var(--surface-2) 0 32%,color-mix(in srgb,var(--accent) 18%,var(--surface-strong)) 33% 43%,var(--surface-2) 44% 68%,color-mix(in srgb,var(--warning) 15%,var(--surface-strong)) 69%)}
.tier-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.tier-choice{position:relative;display:grid!important;grid-template-columns:88px 1fr;gap:.8rem;align-items:center;padding:.6rem!important;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);cursor:pointer;transition:.2s ease}
.tier-choice:hover,.tier-choice.is-selected{border-color:color-mix(in srgb,var(--accent) 46%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 7%,transparent)}
.tier-choice input{position:absolute;opacity:0;pointer-events:none}.tier-choice img{display:block;width:88px;height:88px;object-fit:cover;object-position:center top;border-radius:12px;background:var(--surface)}
.tier-choice span{min-width:0}.tier-choice strong,.tier-choice small{display:block}.tier-choice strong{font-size:.85rem}.tier-choice small{margin-top:.35rem;color:var(--muted);font-size:.68rem}
.tier-choice.is-selected::after{content:"✓";position:absolute;right:.55rem;top:.55rem;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#07101c;font-size:.72rem;font-weight:900}
.form-selection-preview{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center;margin-top:.85rem;padding:.75rem;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}
.form-selection-preview img{display:block;width:150px;height:150px;object-fit:cover;object-position:center top;border-radius:12px}.form-selection-preview strong{display:block;margin-bottom:.35rem}.form-selection-preview p{margin:0;color:var(--muted);font-size:.78rem}
.paypal-box{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface-strong))}
.paypal-admin-fields{display:grid;gap:.75rem;padding:.85rem;margin-top:.7rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.paypal-admin-fields[hidden]{display:none!important}
@media(max-width:1050px){.nav{display:none}.mobile-menu{display:block}.desktop-only{display:none}.art-showcase{grid-template-columns:1fr}.art-showcase__viewer{min-height:560px}.art-showcase__viewer>img{min-height:560px}}
@media(max-width:720px){.topbar__inner,.adminbar__inner{min-height:68px}.brand__copy small{font-size:.6rem}.topbar__actions{gap:.35rem}.language-switch a{min-width:29px;height:28px}.theme-toggle{width:2.45rem;height:2.45rem}.hero--art{grid-template-columns:1fr;min-height:auto;padding-top:3rem}.hero-art-card{max-width:570px;margin-inline:auto}.art-showcase__viewer,.art-showcase__viewer>img{min-height:440px}.art-stage-list{grid-template-columns:1fr}.art-stage-button{grid-template-columns:68px 1fr}.art-stage-button img{width:68px;height:68px}.tier-choice-grid{grid-template-columns:1fr}.form-selection-preview{grid-template-columns:105px 1fr}.form-selection-preview img{width:105px;height:105px}}
@media(max-width:480px){.brand__copy small{display:none}.brand__logo{width:34px;height:34px}.mobile-menu summary{padding:.5rem .62rem}.art-showcase__viewer,.art-showcase__viewer>img{min-height:390px}.art-showcase__caption{left:.65rem;right:.65rem;bottom:.65rem;padding:.8rem}.hero-art-card figcaption{display:grid}.hero-art-card figcaption span{text-align:left}.form-selection-preview{grid-template-columns:1fr}.form-selection-preview img{width:100%;height:auto;aspect-ratio:1/1}}

/* Line-art/base-color scope question */
.variant-question{display:grid;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}
.variant-question[hidden]{display:none!important}.variant-question>div>p{margin:.35rem 0 0;color:var(--muted)}
.variant-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.variant-choice-grid label{display:block;cursor:pointer}.variant-choice-grid input{position:absolute;opacity:0;pointer-events:none}
.variant-choice-grid span{display:flex;flex-direction:column;gap:.2rem;min-height:74px;padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.variant-choice-grid small{color:var(--muted)}.variant-choice-grid input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-1px)}
@media(max-width:620px){.variant-choice-grid{grid-template-columns:1fr}}

/* Progress showcase, workflow map, request navigation, optional ticket, FX, and intake controls */
.currency-note{
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
  margin:0 0 1.2rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));
  border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:.8rem
}
.currency-note strong{white-space:nowrap}.currency-note span{color:var(--muted);text-align:right}
.art-showcase__controls{
  grid-column:1;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto;align-items:center;gap:.55rem;
  margin-top:-.15rem;padding:.65rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)
}
.art-showcase__progress{position:relative;height:5px;border-radius:999px;background:var(--border);overflow:hidden}
.art-showcase__progress span{display:block;width:var(--art-progress,16.666%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .3s ease}
.process-flow{position:relative;margin-top:1.4rem;padding:1.1rem;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-soft);overflow:hidden}
.process-flow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 15%,var(--accent-soft),transparent 28%),radial-gradient(circle at 92% 82%,color-mix(in srgb,var(--success) 7%,transparent),transparent 26%);pointer-events:none}
.process-flow__arrows{position:absolute;inset:1.05rem;width:calc(100% - 2.1rem);height:calc(100% - 2.1rem);z-index:0;overflow:visible}
.process-flow__arrows path{fill:none;stroke:color-mix(in srgb,var(--accent) 42%,var(--border));stroke-width:2;stroke-dasharray:7 7;vector-effect:non-scaling-stroke}
.process-flow__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1rem;margin:0;padding:0;list-style:none}
.process-flow__steps li{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 91%,transparent);box-shadow:var(--shadow-soft)}
.process-flow__steps li:nth-child(even){transform:translateY(1.25rem)}
.process-flow__steps span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.8rem;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:900}
.process-flow__steps strong,.process-flow__steps small{display:block}.process-flow__steps strong{font-size:.86rem}.process-flow__steps small{margin-top:.35rem;color:var(--muted);font-size:.7rem;line-height:1.48}
.order-toc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:.8rem 0 1rem;padding:.45rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.order-toc a{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem .5rem;border-radius:10px;color:var(--muted);font-size:.69rem;font-weight:800;text-align:center;text-decoration:none;transition:.18s ease}
.order-toc a:hover,.order-toc a:focus-visible{background:var(--accent-soft);color:var(--text)}
.order-toc a.is-complete::after{content:"✓";position:absolute;right:.35rem;top:.25rem;color:var(--success);font-size:.62rem}
.contact-choice-note{margin:.7rem 0 0;padding:.8rem .9rem;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface-2);color:var(--muted);font-size:.75rem}
.ticket-optin-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:1rem;align-items:start}
.ticket-optin-card{padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.ticket-optin-card h2,.ticket-optin-card h3{margin-bottom:.5rem}.ticket-optin-card p:last-child{margin-bottom:0}
.ticket-admin-inactive,.conversation-preview--inactive{border-style:dashed;background:var(--surface-2);color:var(--muted)}
.store-status-control{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.store-status-control>div{display:flex;align-items:center;gap:.8rem}.store-status-control strong,.store-status-control small{display:block}.store-status-control small{margin-top:.2rem;color:var(--muted);font-size:.72rem}
.store-status-control__dot{width:13px;height:13px;flex:0 0 auto;border-radius:999px;background:var(--danger);box-shadow:0 0 0 6px color-mix(in srgb,var(--danger) 12%,transparent)}
.store-status-control.is-open{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--surface-2))}.store-status-control.is-open .store-status-control__dot{background:var(--success);box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 12%,transparent)}
.switch-control{display:inline-flex!important;align-items:center!important;gap:.55rem!important;cursor:pointer!important}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control span{position:relative;width:52px;height:28px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-strong);transition:.2s ease}.switch-control span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:.2s ease}.switch-control input:checked+span{background:color-mix(in srgb,var(--success) 22%,var(--surface-strong));border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.switch-control input:checked+span::after{left:27px;background:var(--success)}.switch-control b{font-size:.7rem;letter-spacing:.1em}
.currency-admin-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:.9rem 0;padding:.8rem;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}
.currency-admin-card>div{padding:.65rem}.currency-admin-card span,.currency-admin-card strong,.currency-admin-card small{display:block}.currency-admin-card span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.currency-admin-card strong{margin:.25rem 0;font-size:1rem}.currency-admin-card small{color:var(--muted);font-size:.7rem}
.portal-nav__links a[data-optional="true"]::after{content:attr(data-optional-label);margin-left:.35rem;color:var(--muted-2);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-showcase__viewer>img,.art-showcase__progress span,.process-flow__steps li{transition:none!important;transform:none!important}}
@media(max-width:1000px){.process-flow__arrows{display:none}.process-flow__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.process-flow__steps li:nth-child(even){transform:none}.process-flow__steps li:last-child{grid-column:1/-1}.order-toc{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-optin-layout{grid-template-columns:1fr}}
@media(max-width:720px){.currency-note{display:grid}.currency-note strong{white-space:normal}.currency-note span{text-align:left}.art-showcase__controls{grid-column:1;grid-template-columns:auto auto 1fr auto}.order-toc{grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.store-status-control{align-items:flex-start;flex-direction:column}.currency-admin-card{grid-template-columns:1fr}}
@media(max-width:520px){.art-showcase__controls{grid-template-columns:auto auto auto}.art-showcase__progress{grid-column:1/-1;grid-row:2}.process-flow{padding:.75rem}.process-flow__steps{grid-template-columns:1fr;gap:.65rem}.process-flow__steps li:last-child{grid-column:auto}.order-toc{grid-template-columns:1fr 1fr}.order-toc a{justify-content:flex-start;text-align:left}.switch-control{width:100%;justify-content:space-between}}
.order-toc>strong{grid-column:1/-1;padding:.15rem .45rem;color:var(--text);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.process-flow__steps p{margin:.35rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.48}

/* Navigation and anchor stability */
.commission-form fieldset[id]{scroll-margin-top:105px}
@media(min-width:721px){.order-toc{position:sticky;top:82px;z-index:8;backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}}
@media(max-width:720px){.commission-form fieldset[id]{scroll-margin-top:128px}.order-toc{position:sticky;top:68px;z-index:8;display:flex;align-items:center;gap:.35rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}.order-toc>strong{display:none}.order-toc a{flex:0 0 auto;min-width:108px;min-height:38px;justify-content:flex-start;text-align:left}}


/* Public operational notices and recovery guidance */
.shop-announcement{border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong))}
.shop-announcement__inner{display:flex;align-items:flex-start;gap:.85rem;padding:.72rem 0}
.shop-announcement__inner strong{flex:0 0 auto;color:var(--accent);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.shop-announcement__inner p{margin:0;color:var(--text);font-size:.78rem;line-height:1.55}
.ticket-optin-choice.is-forced{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.track-recovery{max-width:780px;margin:1rem auto 0;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.track-recovery strong{display:block;margin-bottom:.35rem}.track-recovery p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.6}
.track-recovery__links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.track-recovery__links a{padding:.38rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.68rem;font-weight:800;text-decoration:none}
@media(max-width:620px){.shop-announcement__inner{display:grid;gap:.25rem;padding-inline:1rem}.track-recovery{padding:.85rem}}

/* v1.7 layout stabilization and USD-first presentation */
.art-showcase{
  grid-template-areas:"viewer stages" "controls stages";
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  align-items:start;
}
.art-showcase__viewer{grid-area:viewer;min-height:0;aspect-ratio:4/3}
.art-showcase__viewer>img{height:100%;min-height:0;object-fit:contain}
.art-showcase__controls{grid-area:controls;grid-column:auto;margin-top:0}
.art-stage-list{grid-area:stages;grid-template-columns:1fr;align-content:start}
.art-stage-button{grid-template-columns:68px 1fr;padding:.5rem}
.art-stage-button img{width:68px;height:68px}
.art-stage-button strong{font-size:.8rem}.art-stage-button small{font-size:.67rem}

.order-layout{align-items:start}
.order-layout>.order-intro .order-toc{grid-template-columns:1fr;position:relative;top:auto;z-index:auto;backdrop-filter:none;box-shadow:none}
.order-layout>.order-intro .order-toc>strong{padding:.3rem .55rem .45rem}
.order-layout>.order-intro .order-toc a{justify-content:flex-start;gap:.55rem;min-height:40px;padding:.5rem .55rem;text-align:left}
.order-layout>.order-intro .order-toc a>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:8px;background:var(--surface-strong);color:var(--accent);font-size:.65rem}
.order-layout>.order-intro .order-toc a.is-complete::after{top:50%;right:.55rem;transform:translateY(-50%)}

.tier-card .price-list dd,.summary-line--total strong,[data-quote-total]{font-variant-numeric:tabular-nums}
.currency-note{align-items:center}.currency-note span{max-width:820px}
.shop-announcement__inner{align-items:center;padding:.52rem 0}
.shop-announcement__inner strong{font-size:.62rem}.shop-announcement__inner p{font-size:.73rem}
.variant-question{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.variant-choice-grid label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:var(--accent-soft)}

@media(max-width:1050px){
  .art-showcase{grid-template-areas:"viewer" "controls" "stages";grid-template-columns:1fr}
  .art-stage-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .art-showcase__viewer{aspect-ratio:1/1.08}
  .art-stage-list{display:flex;overflow-x:auto;gap:.55rem;padding-bottom:.25rem;scroll-snap-type:x proximity}
  .art-stage-button{flex:0 0 min(240px,78vw);scroll-snap-align:start}
  .order-layout>.order-intro .order-toc{position:sticky;top:68px;z-index:8;display:flex;overflow-x:auto;backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}
  .order-layout>.order-intro .order-toc>strong{display:none}
  .order-layout>.order-intro .order-toc a{flex:0 0 auto;min-width:126px}
}
@media(max-width:520px){
  .art-showcase__caption{left:.65rem;right:.65rem;bottom:.65rem;padding:.75rem}
  .art-showcase__caption p:last-child{font-size:.74rem}
  .art-stage-button{flex-basis:min(220px,82vw)}
}

/* v1.8 human-first workflow, resilient drafts, and safety controls */
.workflow-map{position:relative;margin-top:1.3rem;padding:1rem;border:1px solid var(--border);border-radius:26px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface-strong) 94%,transparent),color-mix(in srgb,var(--accent) 4%,var(--surface)));box-shadow:var(--shadow-soft);overflow:hidden;color:var(--accent)}
.workflow-map>svg{display:block;width:100%;height:auto;min-height:310px}
.workflow-map__line,.workflow-map__loop{fill:none;stroke:url(#workflow-line);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 8}
.workflow-map__loop{stroke:color-mix(in srgb,var(--accent) 58%,var(--border));stroke-dasharray:5 7}
.workflow-map__node rect{fill:color-mix(in srgb,var(--surface-strong) 96%,transparent);stroke:var(--border);stroke-width:1.5}
.workflow-map__node circle{fill:var(--accent-soft);stroke:color-mix(in srgb,var(--accent) 48%,var(--border));stroke-width:1.5}
.workflow-map__node text{fill:var(--muted);font-size:14px;font-weight:650}
.workflow-map__node circle+text{fill:var(--accent);font-size:13px;font-weight:900}
.workflow-map__node .workflow-map__title{fill:var(--text);font-size:17px;font-weight:900}
.workflow-map__node--wide text:not(.workflow-map__title),.workflow-map__node--delivery text:not(.workflow-map__title){font-size:13px}
.workflow-map__loop-label{fill:var(--muted);font-size:13px;font-weight:750}
.workflow-map__mobile{display:none;margin:0;padding:0;list-style:none}
.workflow-map__mobile li{display:grid;grid-template-columns:38px 1fr;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--border)}
.workflow-map__mobile li:last-child{border-bottom:0}
.workflow-map__mobile span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:900}
.workflow-map__mobile strong{display:block;color:var(--text);font-size:.86rem}
.workflow-map__mobile p{margin:.25rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}
.form-draft{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;margin:0 0 1.25rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}
.form-draft strong,.form-draft p{display:block;margin:0}.form-draft strong{font-size:.78rem}.form-draft p{margin-top:.2rem;color:var(--muted);font-size:.7rem;line-height:1.45}
.form-draft__keep{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:.5rem!important;white-space:nowrap;font-size:.7rem;font-weight:750;cursor:pointer}
.form-draft__keep input{width:16px;height:16px;accent-color:var(--accent)}
.safety-admin-grid .notice{margin-bottom:1rem}.guard-list,.alert-list{display:grid;gap:.65rem;margin-top:1rem}.guard-list article,.alert-list>a,.alert-list>article{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-decoration:none}.guard-list p,.alert-list p{margin:.25rem 0;color:var(--muted);font-size:.73rem}.guard-list small,.alert-list small{color:var(--muted-2);font-size:.65rem}.alert-list>a,.alert-list>article{justify-content:flex-start}.alert-list .status-pill{flex:0 0 auto}
.safety-assessment{display:grid;gap:.8rem}.safety-assessment__summary{padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.safety-assessment__summary h3{margin:.3rem 0}.safety-evidence{margin:.5rem 0 0;padding-left:1.2rem;color:var(--muted);font-size:.75rem}.safety-evidence li+li{margin-top:.35rem}
@media(max-width:900px){.workflow-map>svg{display:none}.workflow-map__mobile{display:block}.form-draft{grid-template-columns:1fr auto}.form-draft__keep{grid-column:1/-1;grid-row:2}}
@media(max-width:560px){.workflow-map{padding:.75rem;border-radius:20px}.form-draft{grid-template-columns:1fr}.form-draft__keep{grid-column:auto;grid-row:auto;white-space:normal}.form-draft .button{justify-self:start}}


/* v2.0 operational payment and update controls */
.payment-settings-stack{display:grid;gap:1rem}.payment-settings-card{border:1px solid var(--border);border-radius:18px;padding:1rem;background:var(--surface-soft)}.payment-settings-card h3{margin-top:0}.manual-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.payment-account-card{display:grid;gap:.85rem;border:1px solid var(--border);border-radius:20px;padding:1.2rem;background:var(--surface-soft)}.payment-account-card__amount{display:flex;flex-direction:column;gap:.25rem}.payment-account-card__amount strong{font-size:clamp(1.65rem,4vw,2.5rem)}.payment-destination{display:grid;gap:.65rem;margin:0}.payment-destination div{display:grid;grid-template-columns:minmax(110px,.45fr) 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.payment-destination dt{color:var(--muted)}.payment-destination dd{margin:0;font-weight:700;overflow-wrap:anywhere}.update-admin-list{display:grid;gap:1rem}.update-admin-card small{display:block;color:var(--muted)}.check-option--compact{max-width:220px}
@media(max-width:900px){.manual-method-grid{grid-template-columns:1fr}.payment-destination div{grid-template-columns:1fr;gap:.2rem}}