/**
 * Metasonics standalone - storefront styles.
 *
 * Visual refresh v1.1. Final overrides below use the original purple brand.
 */
:root {
  --brand: #7952e8;
  --brand-deep: #5a38c2;
  --brand-light: #c5b3ff;
  --brand-ink: #ffffff;
  --ink: #0a0a0c;              /* deep black storefront (live theme default) */
  --panel: #141318;
  --panel-raised: #1d1b23;
  --border: #2b2833;
  --text: #ffffff;              /* white text */
  --muted: #b8b3c7;
  --paper: #f5f2fb;
  --success: #4ade80;
  --warning: #fbbf24;
  --danger: #f87171;
  --font: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --max-width: 1240px;
  --radius: 14px;
  --radius-small: 10px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font-family: var(--font);
  font-size: 1.0625rem;
  line-height: 1.6;
}

h1, h2, h3 { line-height: 1.2; margin: 0 0 0.6em; font-family: var(--font-display); font-weight: 400; }
h1 { font-size: clamp(2rem, 5vw, 3.25rem); }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.25rem); }
h3 { font-size: 1.25rem; font-family: var(--font); font-weight: 700; }
.ms-card-title { font-family: var(--font); }
p { margin: 0 0 1em; }
a { color: var(--brand-light); }
a:hover { color: #fff; }

:focus-visible {
  outline: 3px solid var(--brand-light);
  outline-offset: 2px;
  border-radius: 4px;
}

.ms-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.ms-skip {
  position: absolute; left: 8px; top: -60px; z-index: 100;
  background: var(--brand); color: var(--brand-ink);
  padding: 12px 16px; border-radius: 8px; transition: top .15s;
}
.ms-skip:focus { top: 8px; color: #fff; }

.ms-wrap { max-width: var(--max-width); margin: 0 auto; padding: 0 16px; }
@media (min-width: 768px) { .ms-wrap { padding: 0 24px; } }
.ms-narrow { max-width: 760px; }
.ms-muted { color: var(--muted); }
.ms-lede { font-size: 1.2rem; color: var(--muted); }
.ms-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* Sample-mode notice */
.ms-notice {
  background: #3a2f10; color: #fcd34d; text-align: center;
  padding: 10px 16px; font-size: 0.95rem;
}

/* Header */
.ms-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(17,16,23,.95); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border);
}
.ms-header-inner {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding-top: 12px; padding-bottom: 12px;
}
.ms-logo {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--text); text-decoration: none; font-weight: 700; font-size: 1.35rem;
}
.ms-logo svg { color: var(--brand-light); }
.ms-nav { display: flex; gap: 4px; flex-wrap: wrap; }
.ms-nav a {
  color: var(--muted); text-decoration: none; padding: 10px 14px;
  border-radius: var(--radius-small); min-height: 44px; display: inline-flex; align-items: center;
}
.ms-nav a:hover { color: var(--text); background: var(--panel); }
.ms-nav a[aria-current="page"] { color: var(--text); background: var(--panel-raised); }
.ms-search { margin-left: auto; display: flex; gap: 8px; }
.ms-search input {
  background: var(--panel); border: 1px solid var(--border); color: var(--text);
  border-radius: var(--radius-small); padding: 10px 12px; min-height: 44px; width: 220px;
}
.ms-search button {
  background: var(--brand); color: var(--brand-ink); border: 0;
  border-radius: var(--radius-small); padding: 10px 16px; min-height: 44px; cursor: pointer;
}
.ms-search button:hover { background: var(--brand-deep); }

/* Hero */
.ms-hero { padding: 64px 0; border-bottom: 1px solid var(--border); }
.ms-hero-inner { display: grid; gap: 32px; align-items: center; }
@media (min-width: 900px) { .ms-hero-inner { grid-template-columns: 1.2fr 1fr; } }
.ms-eyebrow {
  text-transform: uppercase; letter-spacing: .12em; font-size: .8125rem;
  color: var(--brand-light); margin-bottom: 12px;
}
.ms-hero h1 { margin-bottom: 16px; }
.ms-hero-stats { color: var(--muted); }
.ms-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.ms-hero-art { color: var(--brand); opacity: .85; }
.ms-hero-art svg { width: 100%; height: auto; }

/* Buttons */
.ms-btn {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--panel-raised); color: var(--text); text-decoration: none;
  border: 1px solid var(--border); border-radius: var(--radius-small);
  padding: 12px 20px; min-height: 44px; cursor: pointer; font-size: 1rem;
}
.ms-btn:hover { background: var(--panel); color: #fff; border-color: var(--brand); }
.ms-btn-primary { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }
.ms-btn-primary:hover { background: var(--brand-deep); border-color: var(--brand-deep); color: #fff; }
.ms-btn-small { padding: 8px 14px; min-height: 44px; font-size: .95rem; }
.ms-btn[hidden] { display: none; }

/* Sections */
.ms-section { padding: 48px 0; }
.ms-section-alt { background: var(--panel); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.ms-section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 24px; }

/* Chips */
.ms-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.ms-chip {
  background: var(--panel); border: 1px solid var(--border); color: var(--text);
  text-decoration: none; padding: 10px 18px; border-radius: 999px; min-height: 44px;
  display: inline-flex; align-items: center;
}
.ms-chip:hover { border-color: var(--brand); color: #fff; }

/* Product grid + cards */
.ms-grid {
  display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.ms-card {
  background: var(--panel); border: 1px solid var(--border);
  border-radius: var(--radius); overflow: hidden;
  display: flex; flex-direction: column;
}
.ms-card:hover { border-color: var(--brand); }
.ms-card-media { display: block; background: var(--panel-raised); aspect-ratio: 4/3; }
.ms-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ms-card-body { padding: 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.ms-card-brand { color: var(--brand-light); font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em; margin: 0; }
.ms-card-title { margin: 0; font-size: 1.05rem; }
.ms-card-title a { color: var(--text); text-decoration: none; }
.ms-card-title a:hover { color: var(--brand-light); }
.ms-card-meta { color: var(--muted); font-size: .9rem; margin: 0; }
.ms-card-price { font-weight: 700; font-size: 1.15rem; margin: 4px 0 8px; }
.ms-card-body .ms-btn { margin-top: auto; align-self: flex-start; }

.ms-badge-demo {
  display: inline-block; background: var(--warning); color: #1a1a1a;
  font-size: .75rem; font-weight: 700; letter-spacing: .08em;
  padding: 2px 8px; border-radius: 4px; align-self: flex-start;
}

/* Monospace for SKUs and code-like values (live theme convention). */
.ms-mono { font-family: var(--font-mono); font-size: .92em; }

/* Value props */
.ms-props { display: grid; gap: 20px; }
@media (min-width: 900px) { .ms-props { grid-template-columns: repeat(4, 1fr); } }
.ms-prop { background: var(--ink); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; }
.ms-prop h3 { color: var(--brand-light); }

/* Split */
.ms-split { display: grid; gap: 32px; }
@media (min-width: 900px) { .ms-split { grid-template-columns: 1fr 1fr; } }

/* Filters */
.ms-filters { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; margin-bottom: 24px; }
.ms-filter-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; }
.ms-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 160px; }
.ms-field-price { flex: 0 1 120px; }
.ms-field-actions { flex: 0 0 auto; flex-direction: row; gap: 8px; }
.ms-field label { font-size: .8125rem; color: var(--muted); }
.ms-field input, .ms-field select, .ms-field textarea {
  background: var(--ink); border: 1px solid var(--border); color: var(--text);
  border-radius: var(--radius-small); padding: 10px 12px; min-height: 44px; font-size: 1rem; width: 100%;
}
#result-count { margin-bottom: 16px; }
.ms-loadmore { text-align: center; margin-top: 32px; }

/* Product page */
.ms-breadcrumb { color: var(--muted); margin-bottom: 24px; }
.ms-product { display: grid; gap: 32px; margin-bottom: 48px; }
@media (min-width: 900px) { .ms-product { grid-template-columns: 1fr 1fr; } }
.ms-product-media { position: relative; background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.ms-product-media img { width: 100%; height: auto; display: block; aspect-ratio: 4/3; object-fit: cover; }
.ms-product-media .ms-badge-demo { position: absolute; top: 12px; left: 12px; }
.ms-price-big { font-size: 2rem; font-weight: 700; margin: 12px 0 24px; }
.ms-cta-box { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
.ms-cta-box h2 { font-size: 1.25rem; }
.ms-product-details { margin: 48px 0; max-width: 760px; }
.ms-specs { display: grid; gap: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.ms-specs div { display: grid; grid-template-columns: 160px 1fr; }
.ms-specs div + div { border-top: 1px solid var(--border); }
.ms-specs dt { background: var(--panel); padding: 12px 16px; font-weight: 600; margin: 0; }
.ms-specs dd { padding: 12px 16px; margin: 0; }

/* Brand cards */
.ms-brand-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.ms-brand-card {
  background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 20px; text-decoration: none; color: var(--text);
  display: flex; flex-direction: column; gap: 6px;
}
.ms-brand-card:hover { border-color: var(--brand); }
.ms-brand-name { font-weight: 700; font-size: 1.15rem; }

/* FAQ */
details { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius-small); padding: 16px 20px; margin-bottom: 12px; }
summary { cursor: pointer; font-weight: 600; min-height: 44px; display: flex; align-items: center; }

/* Footer */
.ms-footer { border-top: 1px solid var(--border); background: var(--panel); margin-top: 48px; }
.ms-footer-grid { display: grid; gap: 32px; padding-top: 48px; padding-bottom: 32px; }
@media (min-width: 900px) { .ms-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.ms-footer h2 { font-size: 1.1rem; }
.ms-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.ms-footer a { color: var(--muted); text-decoration: none; }
.ms-footer a:hover { color: var(--text); }
.ms-newsletter { display: flex; gap: 8px; margin-bottom: 8px; }
.ms-newsletter input {
  background: var(--ink); border: 1px solid var(--border); color: var(--text);
  border-radius: var(--radius-small); padding: 10px 12px; min-height: 44px; flex: 1;
}
.ms-newsletter button {
  background: var(--panel-raised); color: var(--muted); border: 1px solid var(--border);
  border-radius: var(--radius-small); padding: 10px 16px; min-height: 44px; cursor: not-allowed;
}
.ms-footer-bottom { border-top: 1px solid var(--border); padding-top: 20px; padding-bottom: 20px; }
.ms-footer-bottom p { margin: 0; color: var(--muted); font-size: .9rem; }

/* Admin */
.ms-admin { background: #14131a; }
.ms-admin-wrap { max-width: 1100px; margin: 0 auto; padding: 24px 16px 64px; }
.ms-admin-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
.ms-admin-top nav { display: flex; gap: 8px; flex-wrap: wrap; }
.ms-admin-top nav a { color: var(--muted); text-decoration: none; padding: 10px 14px; border-radius: 8px; min-height: 44px; display: inline-flex; align-items: center; }
.ms-admin-top nav a:hover, .ms-admin-top nav a[aria-current="page"] { color: var(--text); background: var(--panel); }
.ms-cards { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-bottom: 32px; }
.ms-stat { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; }
.ms-stat .ms-stat-label { color: var(--muted); font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 8px; }
.ms-stat .ms-stat-value { font-size: 1.6rem; font-weight: 700; margin: 0; }
.ms-stat .ms-stat-sub { color: var(--muted); font-size: .9rem; margin: 4px 0 0; }
.ms-pill { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: .8125rem; font-weight: 600; }
.ms-pill-ok { background: #12351f; color: var(--success); }
.ms-pill-warn { background: #3a2f10; color: var(--warning); }
.ms-pill-bad { background: #3d1414; color: var(--danger); }
.ms-table-wrap { overflow-x: auto; background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); }
table.ms-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.ms-table th, .ms-table td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--border); vertical-align: top; }
.ms-table th { color: var(--muted); font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; }
.ms-table tr:last-child td { border-bottom: 0; }
.ms-log { font-family: ui-monospace, monospace; font-size: .85rem; white-space: pre-wrap; word-break: break-word; }
.ms-alert { border-radius: var(--radius-small); padding: 14px 18px; margin-bottom: 20px; }
.ms-alert-ok { background: #12351f; color: #bbf7d0; }
.ms-alert-bad { background: #3d1414; color: #fecaca; }
.ms-login-box { max-width: 400px; margin: 80px auto; background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: 32px; }
.ms-admin-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
}

/* Metasonics visual refresh v1.1 — original purple brand, clear studio typography. */
:root{--brand:#7100b8;--brand-deep:#590091;--brand-light:#d2a8ff;--ink:#101013;--panel:#19191e;--panel-raised:#222228;--border:#303038;--text:#f6f5f8;--muted:#aaa8b3;--font:Arial,Helvetica,system-ui,sans-serif;--font-display:var(--font);--font-mono:ui-monospace,monospace;--max-width:1320px;--radius:12px;--radius-small:8px}
body{font-size:16px}h1,h2,h3{font-family:var(--font);font-weight:700;letter-spacing:-.045em}h2{font-size:clamp(28px,3vw,40px)}h3{letter-spacing:-.02em}a{text-underline-offset:4px}button,input,select,textarea{font:inherit}.ms-wrap{padding-left:36px;padding-right:36px}.ms-topline{background:#1e1528;border-bottom:1px solid #382342;font-size:11px;letter-spacing:.04em}.ms-topline .ms-wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.ms-topline a{color:#d9c2f0;text-decoration:none}.ms-notice{font-size:11px;padding:7px;background:#242027;color:#c5b9d4}.ms-header{background:#101013f5}.ms-header-inner{gap:32px;padding-top:18px;padding-bottom:18px;flex-wrap:nowrap}.ms-logo{font-size:24px;letter-spacing:-1px;gap:11px;flex-shrink:0}.ms-logo-mark{width:36px;height:36px;object-fit:contain;background:white;border-radius:5px;padding:2px}.ms-nav{margin-left:auto;gap:10px}.ms-nav a{font-size:13px;padding:8px 12px}.ms-nav a[aria-current=page]{background:none;color:var(--brand-light)}.ms-search{margin-left:16px;gap:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.ms-search input{width:225px;border:0;background:none;border-radius:0;font-size:12px}.ms-search button{border-radius:0;background:none;color:var(--brand-light);padding:10px 12px;font-size:12px}.ms-hero{padding:76px 0 62px;border:0;background:radial-gradient(ellipse at 80% 30%,#35194365,transparent 52%)}.ms-hero-inner{grid-template-columns:1.05fr 1fr;gap:72px}.ms-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--brand-light);margin-bottom:18px}.ms-dot{display:inline-block;width:6px;height:6px;background:#c895ff;border-radius:50%;vertical-align:middle;margin-right:8px}.ms-hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-.065em;margin:20px 0 24px}.ms-hero h1 em{font-style:normal;color:var(--brand-light)}.ms-hero .ms-lede{font-size:16px;max-width:410px;line-height:1.75}.ms-hero-cta{align-items:center;gap:25px;margin-top:32px}.ms-btn{gap:22px;font-size:12px;font-weight:700;min-height:48px;padding:13px 20px;transition:background .15s,border-color .15s}.ms-btn-primary{background:var(--brand);border-color:var(--brand)}.ms-text-link{color:var(--text);font-size:12px;font-weight:600;text-decoration:none}.ms-text-link:hover{color:var(--brand-light)}.ms-hero-stats{display:flex;gap:28px;margin-top:38px;font-size:11px}.ms-hero-stats span+span{border-left:1px solid var(--border);padding-left:28px}.ms-hero-stats strong{font-size:20px;color:var(--text);margin-right:8px}.ms-studio-art{position:relative;padding:20px 0 0}.ms-art-orbit{position:absolute;inset:-38px 0 0 50px;border:1px solid #71439844;border-radius:50%;pointer-events:none}.ms-console{position:relative;background:linear-gradient(145deg,#28232e,#19181f);border:1px solid #594665;border-radius:16px;padding:23px;box-shadow:0 30px 80px #0008;transform:rotate(-3deg)}.ms-console-top{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:#cac2d4}.ms-spectrum{height:170px;display:flex;gap:5px;align-items:end;border-bottom:1px solid #6f527f;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff09 40px),repeating-linear-gradient(90deg,transparent,transparent 65px,#ffffff09 66px);padding:15px 10px 0;margin-top:30px}.ms-spectrum span{flex:1;height:40%;border-radius:3px 3px 0 0;background:linear-gradient(#d4a8ff,#7510b8)}.ms-spectrum span:nth-child(3n){height:72%}.ms-spectrum span:nth-child(4n){height:90%}.ms-spectrum span:nth-child(5n){height:56%}.ms-spectrum span:nth-child(7n){height:100%}.ms-spectrum span:first-child,.ms-spectrum span:last-child{height:23%}.ms-console-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:8px;color:#9c8fab;padding-top:10px}.ms-dials{display:flex;justify-content:space-around;margin-top:24px;padding:21px 0 0;border-top:1px solid #ffffff10}.ms-dials>div{display:flex;align-items:center;gap:12px}.ms-dials i{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#35303e 48%,#121016 50%,#121016 62%,#ac79d8 65%,#4b355a 72%);position:relative}.ms-dials i:after{content:'';position:absolute;background:#e5c4ff;width:2px;height:12px;top:7px;left:20px;transform:rotate(20deg);transform-origin:bottom}.ms-dials span{font-size:8px;letter-spacing:.1em;color:#b6a8c3}.ms-art-caption{display:flex;justify-content:space-between;margin:26px 15px 0;font-size:9px;letter-spacing:.16em;color:#9c8bab}.ms-art-caption>span:last-child{font-size:25px}.ms-brand-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:25px 0;background:#141417}.ms-brand-strip .ms-wrap{display:flex;gap:45px;align-items:center}.ms-brand-strip p{font-size:10px;color:var(--muted);margin:0;white-space:nowrap}.ms-brand-strip .ms-wrap>div{display:flex;justify-content:space-between;gap:24px;flex:1;flex-wrap:wrap}.ms-brand-strip a{font-size:18px;font-weight:700;letter-spacing:-.04em;color:#b5b3bc;text-decoration:none}.ms-brand-strip a:hover{color:white}.ms-section{padding:55px 0}.ms-section-head{align-items:center;margin-bottom:28px}.ms-section-head h2{margin-bottom:0}.ms-section-head .ms-eyebrow{margin-bottom:12px}.ms-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ms-category-tile{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:20px;text-decoration:none}.ms-category-tile:hover{border-color:#9764bd;background:#211a29}.ms-category-number{grid-column:1/-1;color:#908399;font-size:10px;font-family:var(--font-mono)}.ms-category-tile h3{font-size:15px;margin:0}.ms-category-arrow{color:var(--brand-light);font-size:21px}.ms-featured-section{padding-top:15px}.ms-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ms-card{background:var(--panel);border-color:#2e2b35;transition:border-color .15s;min-width:0}.ms-card-media{position:relative;aspect-ratio:1.32;background:#2a2234;overflow:hidden;color:#d6b4ff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.ms-card-media img{position:absolute;inset:0;object-fit:contain;padding:18px;background:#f0eef3}.ms-tone-mint{background:#203332;color:#b9e4d3}.ms-tone-amber{background:#393024;color:#ecd1a0}.ms-tone-blue{background:#232e40;color:#aec7ec}.ms-art-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.15em;opacity:.65}.ms-art-brand{font-size:17px;font-weight:700;letter-spacing:-.03em}.ms-tool-symbol{display:flex;align-items:center;gap:5px;justify-content:center;height:66px;width:100%}.ms-tool-symbol i{display:block;width:7px;height:26px;background:currentColor;border-radius:3px;opacity:.75}.ms-tool-symbol i:nth-child(2n){height:43px}.ms-tool-symbol i:nth-child(3n){height:56px}.ms-tool-symbol i:nth-child(5n){height:66px}.ms-card-body{padding:20px;gap:10px}.ms-card-brand{font-size:9px;letter-spacing:.11em;color:var(--muted)}.ms-card-title{font-size:16px;line-height:1.35;letter-spacing:-.025em}.ms-card-meta{font-size:11px}.ms-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.ms-card-price{font-size:17px;margin:0}.ms-card-link{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--brand-light);text-decoration:none;font-size:24px;border:1px solid var(--border);border-radius:50%}.ms-card-link:hover{background:var(--brand)}.ms-badge-demo{position:absolute;top:14px;right:14px;background:#17131dcf;border:1px solid #ffffff30;color:#f1dfaa;font-size:8px;font-family:var(--font-mono);letter-spacing:.1em;padding:4px 6px;border-radius:4px}.ms-editorial{background:#e9e0f4;color:#22152d;border-radius:14px;padding:45px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ms-editorial h2{font-size:45px;line-height:1.1;margin:0}.ms-editorial .ms-eyebrow{color:#6e398e}.ms-editorial p{color:#5e4c69;font-size:14px}.ms-editorial .ms-btn{background:#21152b;color:white;border-color:#21152b;align-self:start}.ms-catalog-heading{margin-bottom:36px}.ms-catalog-heading h1{font-size:clamp(38px,5vw,58px)}.ms-catalog-heading .ms-lede{font-size:15px}.ms-filters{padding:18px}.ms-field input,.ms-field select,.ms-field textarea{font-size:13px}.ms-product-info h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin-top:12px}.ms-product-media{align-self:start;background:var(--panel-raised)}.ms-product-media img{object-fit:contain;padding:30px}.ms-breadcrumb{font-size:12px}.ms-price-big{font-size:30px}.ms-cta-box{padding:22px}.ms-cta-box h2{letter-spacing:-.02em}.ms-cta-box p{font-size:13px}.ms-product-details{max-width:900px}.ms-product-details h2{font-size:25px}.ms-specs{font-size:13px}.ms-brand-card{padding:26px;min-height:120px;justify-content:center}.ms-brand-name{font-size:22px}.ms-brand-card .ms-muted{font-size:12px}.ms-footer{background:#151519;margin-top:20px}.ms-footer-grid{grid-template-columns:1.3fr .7fr .7fr 1.2fr;gap:50px;padding-top:45px}.ms-footer h2{font-size:14px;letter-spacing:-.02em}.ms-footer p,.ms-footer li{font-size:12px;color:var(--muted);line-height:1.8}.ms-footer .ms-btn{color:white}.ms-footer-bottom p{font-size:10px}.ms-narrow h1{font-size:clamp(35px,5vw,52px)}.ms-narrow p{color:#bebac7}.ms-section-head>a{white-space:nowrap}.ms-product-media .ms-badge-demo{left:14px;right:auto}.ms-empty{padding:50px 20px;border:1px dashed var(--border);border-radius:12px;grid-column:1/-1;text-align:center;color:var(--muted)}
@media(min-width:1500px){.ms-hero{padding:90px 0 75px}}
@media(max-width:1100px){.ms-header-inner{flex-wrap:wrap;gap:10px}.ms-nav{margin-left:auto}.ms-search{width:100%;margin:0}.ms-search input{width:auto;flex:1}.ms-hero-inner{gap:35px}.ms-dials>div{gap:6px}.ms-dials span{font-size:7px}.ms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-category-grid{grid-template-columns:repeat(3,1fr)}.ms-footer-grid{gap:25px}}
@media(max-width:760px){.ms-wrap{padding-left:20px;padding-right:20px}.ms-hero{padding:40px 0}.ms-hero-inner{grid-template-columns:1fr;gap:40px}.ms-hero h1{font-size:57px}.ms-hero .ms-lede{font-size:14px;max-width:360px}.ms-studio-art{max-width:490px;width:100%;margin:auto}.ms-console{padding:20px;transform:rotate(-2deg)}.ms-spectrum{height:150px}.ms-brand-strip .ms-wrap{display:block}.ms-brand-strip p{margin-bottom:16px}.ms-brand-strip a{font-size:16px}.ms-brand-strip .ms-wrap>div{justify-content:flex-start;gap:15px 24px}.ms-section{padding:36px 0}.ms-section-head{align-items:end;gap:18px}.ms-section-head h2{font-size:28px}.ms-section-head>a{font-size:10px}.ms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ms-category-grid{grid-template-columns:repeat(2,1fr)}.ms-category-tile{padding:16px;gap:22px}.ms-category-tile h3{font-size:13px}.ms-card-media{padding:14px;aspect-ratio:1.12}.ms-art-brand{font-size:13px}.ms-art-label{font-size:6px}.ms-tool-symbol{gap:3px;height:60px}.ms-tool-symbol i{width:5px}.ms-card-body{padding:14px;gap:8px}.ms-card-title{font-size:14px}.ms-card-brand{font-size:8px}.ms-card-meta{font-size:10px}.ms-card-price{font-size:15px}.ms-editorial{grid-template-columns:1fr;gap:24px;padding:30px}.ms-editorial h2{font-size:36px}.ms-footer-grid{grid-template-columns:1fr 1fr}.ms-footer-grid>div:first-child,.ms-footer-grid>div:last-child{grid-column:1/-1}.ms-filter-row{gap:12px}.ms-field-price{flex:1 1 90px}.ms-field-actions{flex:1 1 100%}.ms-product{gap:24px}.ms-specs div{grid-template-columns:110px 1fr}.ms-specs dt,.ms-specs dd{padding:12px}.ms-nav a{font-size:11px;padding:8px}.ms-logo{font-size:21px}.ms-logo-mark{width:30px;height:30px}.ms-topline{font-size:9px}.ms-hero-stats{margin-top:28px}.ms-badge-demo{top:9px;right:9px}.ms-hero-cta{gap:20px}.ms-hero-cta .ms-text-link{font-size:11px}}
@media(max-width:390px){.ms-logo{font-size:19px;gap:7px}.ms-nav{gap:0}.ms-nav a{padding:8px 5px;font-size:10px}.ms-hero h1{font-size:50px}.ms-wrap{padding-left:16px;padding-right:16px}.ms-card-link{min-width:44px}.ms-card-price{font-size:13px}.ms-hero-stats{gap:18px}.ms-hero-stats span+span{padding-left:18px}}