@layer reset, tokens, base, components, marketing, products, responsive;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body, h1, h2, h3, h4, p, ul, ol, dl, dd { margin: 0; }
  ul, ol { padding: 0; list-style: none; }
  img, svg, canvas { display: block; max-width: 100%; }
  [hidden] { display: none !important; }
  button, input, textarea, select { font: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
}

@layer tokens {
  :root {
    color-scheme: dark;
    --bg: #061012;
    --bg-deep: #03090b;
    --surface: #0a1719;
    --surface-2: #0d1e20;
    --surface-3: #12272a;
    --surface-glass: rgba(10, 23, 25, 0.78);
    --ink: #f2f7f5;
    --ink-soft: #d8e3e0;
    --muted: #91a7a2;
    --muted-strong: #b9c9c5;
    --line: rgba(192, 226, 218, 0.13);
    --line-strong: rgba(192, 226, 218, 0.23);
    --accent: #77f2cf;
    --accent-bright: #a0ffe2;
    --accent-soft: rgba(119, 242, 207, 0.12);
    --blue: #7db9ff;
    --blue-soft: rgba(125, 185, 255, 0.12);
    --amber: #efb55b;
    --amber-soft: rgba(239, 181, 91, 0.13);
    --danger: #ff786d;
    --danger-soft: rgba(255, 120, 109, 0.12);
    --purple: #b59cff;
    --radius-sm: 10px;
    --radius: 18px;
    --radius-lg: 28px;
    --radius-xl: 40px;
    --shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
    --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --page: min(1380px, calc(100vw - 64px));
    --header-height: 76px;
  }
}

@layer base {
  html { background: var(--bg-deep); }
  body {
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
    background:
      radial-gradient(circle at 74% -8%, rgba(61, 141, 129, 0.16), transparent 32rem),
      linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  a { color: inherit; text-decoration: none; }
  button { color: inherit; }
  ::selection { background: rgba(119, 242, 207, 0.28); color: var(--ink); }
  :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .skip-link {
    position: fixed;
    z-index: 1000;
    top: 12px;
    left: 12px;
    padding: 9px 14px;
    transform: translateY(-160%);
    border-radius: 8px;
    background: var(--accent);
    color: #03110e;
    font-weight: 800;
    transition: transform 160ms ease;
  }
  .skip-link:focus { transform: translateY(0); }
}

@layer components {
  .site-shell { width: 100%; }
  .site-header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 50%;
    display: flex;
    width: var(--page);
    height: var(--header-height);
    align-items: center;
    justify-content: space-between;
    transform: translateX(-50%);
    border-bottom: 1px solid transparent;
    transition: background 220ms ease, border-color 220ms ease, width 220ms ease, padding 220ms ease;
  }
  .site-header.is-scrolled {
    width: 100%;
    padding-inline: max(32px, calc((100vw - 1380px) / 2));
    border-color: var(--line);
    background: rgba(4, 12, 14, 0.84);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(20px) saturate(140%);
  }
  .brand { display: inline-flex; align-items: center; gap: 11px; flex: none; }
  .brand-mark { width: 32px; height: 32px; overflow: visible; }
  .brand-mark path:first-child { fill: none; stroke: var(--accent); stroke-width: 1.5; }
  .brand-mark path:nth-child(2) { fill: rgba(119, 242, 207, 0.08); stroke: rgba(119, 242, 207, 0.55); stroke-width: 1.2; }
  .brand-mark circle { fill: var(--accent); filter: drop-shadow(0 0 7px rgba(119, 242, 207, 0.8)); }
  .brand-name { font-size: 15px; font-weight: 790; letter-spacing: -0.035em; }
  .brand-name span { margin-left: 4px; color: var(--muted); font-weight: 560; }
  .site-nav { display: flex; align-items: center; gap: clamp(17px, 2vw, 31px); }
  .site-nav a {
    position: relative;
    color: var(--muted-strong);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: -0.01em;
    transition: color 160ms ease;
  }
  .site-nav a:not(.nav-cta)::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    height: 1px;
    transform: scaleX(0);
    background: var(--accent);
    transition: transform 180ms ease;
  }
  .site-nav a:hover, .site-nav a.is-active { color: var(--ink); }
  .site-nav a:hover::after, .site-nav a.is-active::after { transform: scaleX(1); }
  .site-nav .nav-cta {
    padding: 9px 15px;
    border: 1px solid rgba(119, 242, 207, 0.28);
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent-bright);
  }
  .menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-glass);
    cursor: pointer;
  }
  .menu-toggle > span:not(.sr-only) { display: block; width: 100%; height: 1px; margin: 4px 0; background: var(--ink); }

  .button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 21px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 760;
    letter-spacing: -0.01em;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
  }
  .button:hover { transform: translateY(-2px); }
  .button-primary {
    border-color: var(--accent);
    background: var(--accent);
    color: #04110f;
    box-shadow: 0 10px 35px rgba(68, 210, 174, 0.17);
  }
  .button-primary:hover { background: var(--accent-bright); box-shadow: 0 14px 42px rgba(68, 210, 174, 0.26); }
  .button-primary:disabled { opacity: 0.48; cursor: not-allowed; transform: none; }
  .button-secondary { border-color: var(--line-strong); background: rgba(255, 255, 255, 0.025); color: var(--ink-soft); }
  .button-secondary:hover { border-color: rgba(119, 242, 207, 0.4); background: var(--accent-soft); color: var(--ink); }

  .section { position: relative; width: var(--page); margin-inline: auto; padding-block: clamp(108px, 11vw, 170px); }
  .section + .section { border-top: 1px solid var(--line); }
  .section-index, .micro-label {
    color: var(--accent);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 720;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-transform: uppercase;
  }
  .section-heading { max-width: 960px; margin-bottom: 68px; }
  .section-heading h2, .object-heading h2, .infrastructure-copy h2, .closing-section h2 {
    margin-top: 21px;
    font-size: clamp(46px, 6vw, 87px);
    font-weight: 580;
    letter-spacing: -0.067em;
    line-height: 0.97;
  }
  .section-heading h2 span, .object-heading h2 span, .infrastructure-copy h2 span, .closing-section h2 span { color: var(--muted); }
  .split-heading { display: grid; max-width: none; grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr); gap: 90px; align-items: end; }
  .split-heading > p { padding-bottom: 5px; color: var(--muted-strong); font-size: 17px; line-height: 1.72; }
  .status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
    color: var(--muted-strong);
    font-size: 11px;
    font-weight: 740;
    white-space: nowrap;
  }
  .status-badge i, .status-dot, .live-dot, .status-kicker i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px currentColor;
  }
  .status-badge.is-anchored { border-color: rgba(119, 242, 207, 0.22); background: var(--accent-soft); color: var(--accent); }

  .reveal { opacity: 0; transform: translateY(24px); transition: opacity 650ms cubic-bezier(.2,.8,.2,1), transform 650ms cubic-bezier(.2,.8,.2,1); }
  .reveal.is-visible { opacity: 1; transform: translateY(0); }
}

@layer marketing {
  .hero-v2 {
    position: relative;
    display: grid;
    width: var(--page);
    min-height: min(940px, 100vh);
    margin-inline: auto;
    padding: calc(var(--header-height) + 76px) 0 74px;
    grid-template-columns: minmax(430px, 0.86fr) minmax(540px, 1.14fr);
    gap: clamp(26px, 4vw, 72px);
    align-items: center;
  }
  .hero-grid, .closing-grid {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
      linear-gradient(rgba(135, 209, 193, 0.044) 1px, transparent 1px),
      linear-gradient(90deg, rgba(135, 209, 193, 0.044) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, black 0%, transparent 82%);
  }
  .hero-noise {
    position: absolute;
    z-index: -1;
    top: 4%;
    right: 0;
    width: 78%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(33, 110, 102, 0.21), rgba(13, 50, 52, 0.05) 45%, transparent 70%);
    filter: blur(6px);
  }
  .hero-copy { position: relative; z-index: 2; padding-bottom: 34px; }
  .network-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 31px;
    padding: 7px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted-strong);
    font-size: 11px;
    font-weight: 680;
  }
  .live-dot { color: var(--accent); box-shadow: 0 0 12px rgba(119, 242, 207, 0.78); }
  .hero-copy h1 {
    max-width: 740px;
    font-size: clamp(58px, 6.2vw, 102px);
    font-weight: 570;
    letter-spacing: -0.074em;
    line-height: 0.91;
  }
  .hero-copy h1 span { color: var(--muted); }
  .hero-lede { max-width: 630px; margin-top: 34px; color: var(--muted-strong); font-size: clamp(17px, 1.4vw, 21px); line-height: 1.63; }
  .hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 38px; }
  .hero-proof { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 48px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 0.09em; }
  .hero-proof span { display: inline-flex; align-items: baseline; gap: 7px; }
  .hero-proof b { color: var(--ink-soft); font-family: var(--font-mono); font-size: 12px; }

  .hero-stage {
    position: relative;
    min-height: 630px;
    overflow: hidden;
    border: 1px solid var(--line-strong);
    border-radius: 32px;
    background:
      linear-gradient(180deg, rgba(9, 25, 28, 0.67), rgba(3, 9, 11, 0.94)),
      radial-gradient(circle at 60% 45%, rgba(46, 122, 112, 0.22), transparent 48%);
    box-shadow: var(--shadow), inset 0 0 80px rgba(26, 73, 70, 0.08);
  }
  .stage-topline, .stage-status {
    position: absolute;
    z-index: 4;
    right: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .stage-topline { top: 17px; }
  .stage-topline .micro-label { display: inline-flex; align-items: center; gap: 8px; }
  .stage-topline .micro-label i { width: 5px; height: 5px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 0 4px rgba(255, 120, 109, 0.12); }
  .simulation-label { padding: 5px 8px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.07em; text-transform: uppercase; }
  .scan-canvas { width: 100%; height: 100%; min-height: 630px; cursor: grab; touch-action: none; }
  .scan-canvas.is-dragging { cursor: grabbing; }
  .scan-reticle { position: absolute; inset: 92px 64px 84px; pointer-events: none; }
  .scan-reticle span { position: absolute; width: 34px; height: 34px; border-color: rgba(160, 255, 226, 0.45); border-style: solid; }
  .scan-reticle span:nth-child(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }
  .scan-reticle span:nth-child(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }
  .scan-reticle span:nth-child(3) { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
  .scan-reticle span:nth-child(4) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }
  .scan-hud {
    position: absolute;
    z-index: 3;
    top: 88px;
    display: flex;
    flex-direction: column;
    padding: 12px 13px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(4, 13, 15, 0.68);
    backdrop-filter: blur(9px);
  }
  .scan-hud-left { left: 20px; }
  .scan-hud-right { right: 20px; text-align: right; }
  .scan-hud span { color: var(--muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
  .scan-hud strong { margin-top: 2px; font-size: 16px; font-weight: 630; letter-spacing: -0.03em; }
  .scan-hud small { color: var(--muted); font-size: 9px; }
  .stage-status { bottom: 17px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(4, 13, 15, 0.76); color: var(--muted); font-family: var(--font-mono); font-size: 9px; backdrop-filter: blur(12px); }
  .stage-status span { display: inline-flex; align-items: center; gap: 7px; }
  .status-dot.is-good { color: var(--accent); box-shadow: 0 0 9px rgba(119, 242, 207, 0.74); }
  .hero-scroll { position: absolute; bottom: 21px; left: 0; display: inline-flex; align-items: center; gap: 14px; color: var(--muted); font-family: var(--font-mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
  .hero-scroll i { display: block; width: 36px; height: 1px; background: var(--line-strong); }

  .proof-strip { width: 100%; border-block: 1px solid var(--line); background: rgba(8, 21, 23, 0.52); }
  .proof-strip > p { display: none; }
  .proof-strip > div { display: grid; width: var(--page); margin-inline: auto; grid-template-columns: repeat(4, 1fr); }
  .proof-strip a { display: grid; min-height: 82px; padding: 18px 20px; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; border-left: 1px solid var(--line); color: var(--muted-strong); font-size: 12px; font-weight: 660; transition: background 160ms ease, color 160ms ease; }
  .proof-strip a:last-child { border-right: 1px solid var(--line); }
  .proof-strip a:hover { background: var(--accent-soft); color: var(--ink); }
  .proof-strip a span { color: var(--muted); font-family: var(--font-mono); font-size: 9px; }
  .proof-strip a b { padding: 3px 6px; border-radius: 5px; background: var(--accent-soft); color: var(--accent); font-family: var(--font-mono); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }

  .scan-story-layout { display: grid; grid-template-columns: minmax(520px, 1.06fr) minmax(420px, .94fr); gap: clamp(54px, 8vw, 128px); align-items: start; }
  .scan-story-visual { position: sticky; top: 118px; display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 16px; align-items: end; }
  .story-device { position: relative; min-height: 690px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 42px; background: linear-gradient(180deg, #0b1d20, #030b0d); box-shadow: var(--shadow); }
  .story-device::before { content: ""; position: absolute; z-index: 5; top: 11px; left: 50%; width: 88px; height: 24px; transform: translateX(-50%); border-radius: 999px; background: #020607; }
  .story-device-bar { position: absolute; z-index: 4; top: 0; right: 0; left: 0; display: flex; height: 72px; align-items: center; justify-content: space-between; padding: 18px 25px 0; color: var(--muted-strong); font-size: 10px; }
  .story-device-bar strong { font-size: 11px; }
  .story-canvas { min-height: 690px; }
  .capture-guide { position: absolute; z-index: 3; inset: 122px 50px 172px; pointer-events: none; }
  .guide-corner { position: absolute; width: 42px; height: 42px; border-color: var(--accent); border-style: solid; filter: drop-shadow(0 0 8px rgba(119, 242, 207, .28)); }
  .guide-one { top: 0; left: 0; border-width: 2px 0 0 2px; }
  .guide-two { top: 0; right: 0; border-width: 2px 2px 0 0; }
  .guide-three { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
  .guide-four { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
  .story-progress { position: absolute; z-index: 5; right: 26px; bottom: 119px; left: 26px; height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }
  .story-progress i { display: block; width: 24%; height: 100%; border-radius: inherit; background: var(--accent); box-shadow: 0 0 12px rgba(119, 242, 207, .65); transition: width 500ms cubic-bezier(.2,.8,.2,1); }
  .story-instruction { position: absolute; z-index: 5; right: 20px; bottom: 75px; left: 20px; color: var(--ink-soft); font-size: 12px; font-weight: 650; text-align: center; }
  .capture-control { position: absolute; z-index: 5; bottom: 20px; left: 50%; display: grid; width: 48px; height: 48px; transform: translateX(-50%); place-items: center; border: 2px solid rgba(255,255,255,.74); border-radius: 50%; }
  .capture-control span { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.86); }
  .scan-meta-card { padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-glass); box-shadow: var(--shadow); backdrop-filter: blur(14px); }
  .scan-meta-card dl { margin-top: 15px; }
  .scan-meta-card dl div { padding: 10px 0; border-top: 1px solid var(--line); }
  .scan-meta-card dt { color: var(--muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
  .scan-meta-card dd { margin-top: 2px; color: var(--ink-soft); font-size: 11px; font-weight: 650; }
  .story-steps { padding-top: 24px; }
  .story-steps li + li { border-top: 1px solid var(--line); }
  .story-steps button { display: grid; width: 100%; padding: 31px 0; grid-template-columns: 45px 1fr; gap: 16px; border: 0; background: none; color: var(--muted); cursor: pointer; text-align: left; transition: color 180ms ease; }
  .story-steps button > span { padding-top: 3px; font-family: var(--font-mono); font-size: 10px; }
  .story-steps button strong { display: block; margin-bottom: 9px; color: var(--muted-strong); font-size: 20px; font-weight: 610; letter-spacing: -0.035em; transition: color 180ms ease; }
  .story-steps button p { max-width: 500px; font-size: 14px; line-height: 1.7; }
  .story-steps button.is-active, .story-steps button:hover { color: var(--muted-strong); }
  .story-steps button.is-active > span, .story-steps button.is-active strong { color: var(--accent); }
  .truth-note { display: flex; max-width: 850px; gap: 14px; margin-top: 50px; color: var(--muted); font-size: 11px; line-height: 1.7; }
  .truth-note span { height: fit-content; padding: 4px 7px; border-radius: 5px; background: var(--amber-soft); color: var(--amber); font-family: var(--font-mono); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }

  .object-section { display: grid; grid-template-columns: minmax(350px, .62fr) minmax(580px, 1.38fr); gap: clamp(70px, 10vw, 150px); align-items: center; }
  .object-heading > p:last-child { max-width: 440px; margin-top: 30px; color: var(--muted-strong); font-size: 16px; line-height: 1.7; }
  .object-record { position: relative; padding: 26px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 24px; background: linear-gradient(145deg, rgba(17, 39, 42, .88), rgba(5, 13, 15, .96)); box-shadow: var(--shadow); }
  .object-record::before { content: ""; position: absolute; top: -160px; right: -90px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(119,242,207,.12), transparent 70%); }
  .record-rail { position: relative; z-index: 2; display: flex; align-items: center; margin-bottom: 27px; }
  .rail-node { padding: 5px 7px; border-radius: 5px; color: var(--muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
  .rail-node.is-active { background: var(--accent-soft); color: var(--accent); }
  .record-rail i { flex: 1; height: 1px; margin-inline: 8px; background: var(--line); }
  .record-identity { position: relative; z-index: 2; display: grid; padding: 22px; grid-template-columns: 62px 1fr auto; gap: 17px; align-items: center; border: 1px solid var(--line); border-radius: 15px; background: rgba(2, 9, 10, .34); }
  .asset-monogram { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(239, 181, 91, .25); border-radius: 14px; background: linear-gradient(135deg, rgba(239,181,91,.24), rgba(239,181,91,.05)); color: var(--amber); font-size: 18px; font-weight: 780; }
  .record-identity .micro-label { color: var(--muted); font-size: 7px; text-transform: none; }
  .record-identity h3 { margin-top: 4px; font-size: 18px; font-weight: 620; letter-spacing: -.035em; }
  .record-identity p { color: var(--muted); font-size: 10px; }
  .claim-grid { display: grid; margin-top: 12px; grid-template-columns: 1fr 1fr; gap: 10px; }
  .claim-grid article { display: grid; min-height: 102px; padding: 16px; grid-template-columns: 30px 1fr 20px; gap: 10px; align-items: start; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
  .claim-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 7px; background: var(--accent-soft); color: var(--accent); font-family: var(--font-mono); font-size: 8px; }
  .claim-grid small { display: block; color: var(--muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }
  .claim-grid strong { display: block; margin-top: 4px; color: var(--ink-soft); font-size: 12px; font-weight: 650; }
  .claim-grid p { margin-top: 5px; color: var(--muted); font-size: 9px; }
  .claim-check { color: var(--accent); font-size: 11px; text-align: right; }
  .claim-grid article.has-warning { border-color: rgba(239,181,91,.23); }
  .has-warning .claim-icon { background: var(--amber-soft); color: var(--amber); }
  .has-warning .claim-check { color: var(--amber); }
  .record-footer { display: grid; margin-top: 12px; padding: 15px 3px 0; grid-template-columns: 1.5fr .8fr auto; gap: 16px; align-items: end; border-top: 1px solid var(--line); }
  .record-footer span { display: block; color: var(--muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }
  .record-footer code, .record-footer strong { color: var(--muted-strong); font-family: var(--font-mono); font-size: 8px; font-weight: 550; }
  .record-footer a { color: var(--accent); font-size: 10px; font-weight: 720; }

  .product-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
  .product-card { position: relative; display: grid; min-height: 520px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 24px; background: linear-gradient(150deg, rgba(16, 35, 38, .74), rgba(4, 11, 13, .94)); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
  .product-card:hover { transform: translateY(-5px); border-color: rgba(119,242,207,.35); box-shadow: var(--shadow); }
  .wallet-product { grid-column: span 5; }
  .studio-product { grid-column: span 7; }
  .verify-product { grid-column: 3 / span 8; min-height: 430px; grid-template-columns: .9fr 1.1fr; }
  .product-card-copy { position: relative; z-index: 2; padding: 30px; }
  .product-number { display: block; margin-bottom: 23px; color: var(--muted); font-family: var(--font-mono); font-size: 9px; }
  .status-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-family: var(--font-mono); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
  .status-kicker i { width: 4px; height: 4px; box-shadow: 0 0 8px currentColor; }
  .product-card h3 { margin-top: 15px; font-size: clamp(30px, 3vw, 44px); font-weight: 590; letter-spacing: -.055em; line-height: 1; }
  .product-card-copy p { max-width: 470px; margin-top: 16px; color: var(--muted); font-size: 13px; line-height: 1.7; }
  .product-card-copy > strong { position: absolute; top: 31px; right: 30px; color: var(--ink-soft); font-size: 10px; }

  .mini-phone { position: absolute; right: 32px; bottom: -76px; left: 96px; min-height: 388px; padding: 36px 18px 18px; border: 5px solid #17282a; border-radius: 34px; background: #081416; box-shadow: 0 28px 70px rgba(0,0,0,.45); transform: rotate(-3deg); transition: transform 320ms cubic-bezier(.2,.8,.2,1); }
  .wallet-product:hover .mini-phone { transform: translateY(-10px) rotate(-1deg); }
  .mini-phone-top { position: absolute; top: 9px; left: 50%; width: 64px; height: 16px; transform: translateX(-50%); border-radius: 999px; background: #020607; }
  .mini-wallet-header { display: flex; justify-content: space-between; color: var(--ink-soft); font-size: 9px; font-weight: 700; }
  .mini-passport-card { position: relative; height: 172px; margin-top: 15px; padding: 17px; overflow: hidden; border: 1px solid rgba(239,181,91,.26); border-radius: 18px; background: radial-gradient(circle at 85% 15%, rgba(239,181,91,.28), transparent 32%), linear-gradient(135deg, #35230e, #15130c 55%, #0d1211); }
  .mini-passport-card::after { content: ""; position: absolute; right: -30px; bottom: -38px; width: 160px; height: 110px; transform: rotate(-14deg); border: 1px solid rgba(239,181,91,.24); border-radius: 50%; box-shadow: 0 0 0 14px rgba(239,181,91,.03), 0 0 0 30px rgba(239,181,91,.025); }
  .mini-passport-card small { color: rgba(255,255,255,.52); font-family: var(--font-mono); font-size: 6px; letter-spacing: .1em; }
  .mini-passport-card h4 { margin-top: 8px; font-size: 15px; font-weight: 620; }
  .mini-machine { position: absolute; top: 56px; right: 23px; z-index: 2; color: var(--amber); font-size: 28px; font-weight: 800; opacity: .78; }
  .mini-passport-card > div { position: absolute; right: 17px; bottom: 15px; left: 17px; display: flex; justify-content: space-between; }
  .mini-passport-card b { color: var(--accent); font-size: 8px; }
  .mini-passport-card em { color: rgba(255,255,255,.5); font-size: 7px; font-style: normal; }
  .mini-wallet-row { display: flex; gap: 9px; margin-top: 15px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; }
  .mini-wallet-row i { width: 26px; height: 26px; border-radius: 8px; background: var(--accent-soft); }
  .mini-wallet-row b, .mini-wallet-row small { display: block; font-size: 7px; }
  .mini-wallet-row small { color: var(--muted); }
  .mini-tabs { position: absolute; right: 19px; bottom: 12px; left: 19px; display: flex; justify-content: space-around; padding-top: 10px; border-top: 1px solid var(--line); }
  .mini-tabs i { width: 13px; height: 13px; border: 1px solid var(--muted); border-radius: 4px; opacity: .62; }

  .mini-dashboard { position: absolute; right: -28px; bottom: -44px; left: 42px; display: grid; height: 348px; overflow: hidden; grid-template-columns: 82px 1fr; border: 1px solid var(--line-strong); border-radius: 17px; background: #081416; box-shadow: var(--shadow); transform: perspective(900px) rotateX(3deg) rotateY(-5deg); transform-origin: bottom right; transition: transform 320ms ease; }
  .studio-product:hover .mini-dashboard { transform: perspective(900px) translateY(-8px) rotateX(1deg) rotateY(-2deg); }
  .mini-side { padding: 18px 12px; border-right: 1px solid var(--line); background: #071113; }
  .mini-side i { display: block; width: 100%; height: 9px; margin-bottom: 16px; border-radius: 3px; background: rgba(255,255,255,.07); }
  .mini-side i:first-child { width: 55%; height: 18px; margin-bottom: 30px; background: var(--accent-soft); }
  .mini-dash-body { padding: 21px; }
  .mini-dash-head { display: flex; justify-content: space-between; }
  .mini-dash-head span { width: 120px; height: 17px; border-radius: 4px; background: rgba(255,255,255,.12); }
  .mini-dash-head b { width: 72px; height: 24px; border-radius: 7px; background: var(--accent); }
  .mini-stats { display: grid; margin-top: 25px; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .mini-stats i { height: 72px; border: 1px solid var(--line); border-radius: 9px; background: linear-gradient(135deg, rgba(119,242,207,.08), transparent); }
  .mini-table { margin-top: 15px; border: 1px solid var(--line); border-radius: 9px; }
  .mini-table span { display: block; height: 42px; border-top: 1px solid var(--line); background: linear-gradient(90deg, rgba(255,255,255,.08) 0 16%, transparent 16% 28%, rgba(255,255,255,.05) 28% 52%, transparent 52% 66%, rgba(119,242,207,.08) 66% 81%, transparent 81%); }
  .mini-table span:first-child { border-top: 0; background-color: rgba(255,255,255,.02); }

  .mini-verifier { align-self: center; margin: 34px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: rgba(3,10,11,.52); text-align: center; }
  .verify-orbit, .lint-orbit { position: relative; display: grid; width: 74px; height: 74px; margin: 0 auto 15px; place-items: center; border: 1px solid rgba(119,242,207,.28); border-radius: 50%; color: var(--accent); }
  .verify-orbit::before, .lint-orbit::before { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(119,242,207,.12); border-radius: 50%; }
  .verify-orbit i, .lint-orbit i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
  .verify-orbit i:nth-child(2), .lint-orbit i:nth-child(2) { top: 7px; left: 21px; }
  .verify-orbit i:nth-child(3), .lint-orbit i:nth-child(3) { right: 8px; bottom: 18px; }
  .mini-verifier h4 { font-size: 19px; font-weight: 620; letter-spacing: -.04em; }
  .mini-verifier > p { margin: 2px 0 18px; color: var(--muted); font-size: 9px; }
  .mini-verifier > div:not(.verify-orbit) { display: flex; justify-content: space-between; padding: 9px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; text-align: left; }
  .mini-verifier > div b { color: var(--accent); }
  .mini-verifier > div b.is-caution { color: var(--amber); }

  .infrastructure-section { display: grid; grid-template-columns: minmax(420px, .9fr) minmax(520px, 1.1fr); gap: clamp(70px, 10vw, 150px); align-items: center; }
  .infrastructure-copy > p:nth-of-type(2) { max-width: 600px; margin-top: 28px; color: var(--muted-strong); font-size: 16px; line-height: 1.7; }
  .infrastructure-list { margin: 42px 0 36px; border-block: 1px solid var(--line); }
  .infrastructure-list li { display: grid; padding: 19px 0; grid-template-columns: 40px 1fr; gap: 16px; border-top: 1px solid var(--line); }
  .infrastructure-list li:first-child { border-top: 0; }
  .infrastructure-list li > span { padding-top: 2px; color: var(--muted); font-family: var(--font-mono); font-size: 9px; }
  .infrastructure-list strong { display: block; color: var(--ink-soft); font-size: 14px; font-weight: 630; }
  .infrastructure-list p { margin-top: 4px; color: var(--muted); font-size: 11px; }
  .protocol-stack { position: relative; padding: 46px; border: 1px solid var(--line-strong); border-radius: 28px; background: radial-gradient(circle at 50% 48%, rgba(55,142,127,.12), transparent 50%), rgba(5,14,16,.7); box-shadow: var(--shadow); }
  .stack-layer { position: relative; z-index: 2; display: grid; min-height: 104px; margin-top: 13px; padding: 19px 22px; grid-template-columns: 1fr auto; align-content: center; border: 1px solid var(--line); border-radius: 13px; background: rgba(11,28,30,.9); box-shadow: 0 16px 32px rgba(0,0,0,.16); }
  .stack-layer:first-of-type { margin-top: 0; }
  .stack-layer span { color: var(--muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
  .stack-layer strong { grid-row: 2; margin-top: 5px; color: var(--ink-soft); font-size: 13px; font-weight: 620; }
  .stack-layer small { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--muted); font-size: 8px; }
  .stack-layer.is-protocol { border-color: rgba(119,242,207,.35); background: linear-gradient(90deg, rgba(119,242,207,.14), rgba(11,28,30,.88)); box-shadow: 0 0 50px rgba(54,174,146,.08); }
  .stack-layer.is-protocol span, .stack-layer.is-protocol strong { color: var(--accent); }
  .stack-layer.is-object { background: linear-gradient(90deg, rgba(239,181,91,.11), rgba(11,28,30,.88)); }
  .stack-line { position: absolute; z-index: 1; top: 54px; bottom: 54px; left: 29px; width: 1px; background: linear-gradient(var(--blue), var(--accent), var(--amber)); box-shadow: 0 0 16px rgba(119,242,207,.3); }
  .stack-pulse { position: absolute; z-index: 3; top: 43px; left: 26px; display: flex; height: calc(100% - 86px); flex-direction: column; justify-content: space-between; }
  .stack-pulse i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(119,242,207,.08), 0 0 12px rgba(119,242,207,.5); }

  .linter-shell { display: grid; overflow: hidden; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-strong); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow); }
  .lint-editor { display: flex; min-width: 0; min-height: 650px; flex-direction: column; border-right: 1px solid var(--line-strong); background: #071113; }
  .lint-toolbar, .lint-report-header, .lint-editor-footer { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; border-bottom: 1px solid var(--line); }
  .lint-toolbar strong { display: block; margin-top: 3px; color: var(--muted-strong); font-family: var(--font-mono); font-size: 10px; font-weight: 550; }
  .lint-toolbar > div:last-child { display: flex; gap: 4px; }
  .lint-toolbar button, .fingerprint-row button { padding: 6px 9px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.025); color: var(--muted); cursor: pointer; font-family: var(--font-mono); font-size: 8px; }
  .lint-toolbar button:hover, .fingerprint-row button:hover:not(:disabled) { border-color: var(--line-strong); color: var(--ink); }
  #manifest-input { width: 100%; min-height: 520px; flex: 1; resize: none; border: 0; outline: 0; background: transparent; color: #b9d6d0; padding: 21px; font-family: var(--font-mono); font-size: 11px; line-height: 1.68; tab-size: 2; }
  .lint-editor-footer { gap: 15px; border-top: 1px solid var(--line); border-bottom: 0; }
  .lint-editor-footer p { color: var(--muted); font-size: 9px; }
  .lint-editor-footer p span { margin-right: 7px; color: var(--accent); }
  .lint-editor-footer .button { min-height: 40px; flex: none; }
  .lint-report { min-width: 0; padding-bottom: 0; background: linear-gradient(160deg, rgba(14,34,36,.8), rgba(5,13,15,.95)); }
  .lint-report-header h3 { margin-top: 4px; font-size: 17px; font-weight: 620; letter-spacing: -.03em; }
  .lint-state { padding: 5px 8px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
  .lint-state.is-ready { border-color: rgba(119,242,207,.25); background: var(--accent-soft); color: var(--accent); }
  .lint-state.is-warning { border-color: rgba(239,181,91,.25); background: var(--amber-soft); color: var(--amber); }
  .lint-state.is-error { border-color: rgba(255,120,109,.25); background: var(--danger-soft); color: var(--danger); }
  .lint-state.is-running { color: var(--blue); }
  .lint-summary-card { padding: 28px 24px 23px; text-align: center; }
  .lint-summary-card h4 { font-size: 18px; font-weight: 610; letter-spacing: -.03em; }
  .lint-summary-card p { margin-top: 3px; color: var(--muted); font-size: 10px; }
  .fingerprint-row { display: flex; margin-inline: 20px; padding: 13px 14px; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(3,10,11,.42); }
  .fingerprint-row code { display: block; max-width: 390px; margin-top: 4px; overflow: hidden; color: var(--muted-strong); font-family: var(--font-mono); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .fingerprint-row button:disabled { opacity: .35; cursor: not-allowed; }
  .lint-results { max-height: 274px; margin-top: 17px; padding: 0 20px; overflow: auto; scrollbar-color: var(--line-strong) transparent; }
  .lint-results li { display: grid; padding: 11px 0; grid-template-columns: 24px 1fr; gap: 10px; border-top: 1px solid var(--line); }
  .lint-results li > span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; background: var(--accent-soft); color: var(--accent); font-family: var(--font-mono); font-size: 7px; font-weight: 800; }
  .lint-results li.is-warning > span { background: var(--amber-soft); color: var(--amber); }
  .lint-results li.is-error > span { background: var(--danger-soft); color: var(--danger); }
  .lint-results strong, .lint-results small, .lint-results code { display: block; }
  .lint-results strong { color: var(--ink-soft); font-size: 10px; font-weight: 650; }
  .lint-results small { margin-top: 2px; color: var(--muted); font-size: 8px; }
  .lint-results code { margin-top: 3px; color: rgba(145,167,162,.6); font-family: var(--font-mono); font-size: 7px; }
  .lint-links { display: flex; margin-top: 13px; padding: 15px 20px; justify-content: space-between; border-top: 1px solid var(--line); }
  .lint-links a { color: var(--accent); font-size: 9px; font-weight: 700; }

  .closing-section { width: 100%; padding-inline: max(32px, calc((100vw - 1380px) / 2)); overflow: hidden; text-align: center; }
  .closing-section .closing-grid { mask-image: radial-gradient(circle at 50% 55%, black, transparent 66%); }
  .closing-section h2 { font-size: clamp(58px, 8vw, 116px); }
  .closing-section > p:not(.section-index) { max-width: 650px; margin: 30px auto 0; color: var(--muted-strong); font-size: 17px; }
  .closing-section .hero-actions { justify-content: center; }

  .site-footer { display: grid; width: var(--page); margin-inline: auto; padding: 38px 0 28px; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; border-top: 1px solid var(--line); }
  .site-footer > p { color: var(--muted); font-size: 11px; }
  .site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; }
  .site-footer nav a { color: var(--muted-strong); font-size: 10px; font-weight: 650; }
  .site-footer nav a:hover { color: var(--accent); }
  .footer-legal { display: flex; grid-column: 1 / -1; justify-content: space-between; padding-top: 20px; border-top: 1px solid var(--line); color: rgba(145,167,162,.58); font-family: var(--font-mono); font-size: 8px; letter-spacing: .04em; text-transform: uppercase; }
}

@layer responsive {
  @media (max-width: 1180px) {
    :root { --page: min(100% - 44px, 1100px); }
    .site-nav { gap: 17px; }
    .site-nav a { font-size: 12px; }
    .hero-v2 { min-height: 830px; grid-template-columns: .88fr 1.12fr; gap: 28px; }
    .hero-stage, .scan-canvas { min-height: 560px; }
    .scan-story-layout { grid-template-columns: minmax(470px, 1fr) minmax(360px, .8fr); gap: 55px; }
    .scan-story-visual { grid-template-columns: minmax(0, 1fr); }
    .scan-meta-card { display: none; }
    .object-section { gap: 60px; }
    .protocol-stack { padding: 34px 32px 34px 44px; }
  }

  @media (max-width: 960px) {
    :root { --page: calc(100% - 36px); --header-height: 68px; }
    .site-header.is-scrolled { padding-inline: 18px; }
    .menu-toggle { display: block; }
    .site-nav {
      position: fixed;
      top: calc(var(--header-height) + 9px);
      right: 18px;
      left: 18px;
      display: grid;
      max-height: 0;
      padding: 0 20px;
      overflow: hidden;
      border: 1px solid transparent;
      border-radius: 16px;
      background: rgba(5, 15, 17, .96);
      opacity: 0;
      pointer-events: none;
      transform: translateY(-8px);
      transition: max-height 240ms ease, padding 240ms ease, opacity 180ms ease, transform 240ms ease, border-color 180ms ease;
      backdrop-filter: blur(20px);
    }
    .site-header.is-open .site-nav { max-height: 520px; padding-block: 13px; border-color: var(--line-strong); opacity: 1; pointer-events: auto; transform: translateY(0); }
    .site-nav a { padding: 10px 3px; font-size: 14px; }
    .site-nav a::after { display: none; }
    .site-nav .nav-cta { margin-top: 5px; text-align: center; }
    .hero-v2 { display: block; min-height: auto; padding-top: calc(var(--header-height) + 76px); }
    .hero-copy { max-width: 750px; }
    .hero-stage { min-height: 620px; margin-top: 65px; }
    .hero-stage .scan-canvas { min-height: 620px; }
    .hero-scroll { display: none; }
    .proof-strip > div { grid-template-columns: 1fr 1fr; }
    .proof-strip a:nth-child(2) { border-right: 1px solid var(--line); }
    .proof-strip a:nth-child(n+3) { border-top: 1px solid var(--line); }
    .split-heading { grid-template-columns: 1fr; gap: 30px; }
    .split-heading > p { max-width: 640px; }
    .scan-story-layout { grid-template-columns: 1fr; }
    .scan-story-visual { position: relative; top: 0; max-width: 590px; margin-inline: auto; }
    .story-steps { max-width: 720px; margin-inline: auto; }
    .object-section, .infrastructure-section { grid-template-columns: 1fr; }
    .object-heading, .infrastructure-copy { max-width: 720px; }
    .object-record { max-width: 780px; }
    .product-card { min-height: 500px; }
    .wallet-product, .studio-product, .verify-product { grid-column: 1 / -1; }
    .wallet-product { grid-template-columns: .85fr 1.15fr; }
    .wallet-product .mini-phone { top: 84px; right: 40px; bottom: -88px; left: 55%; }
    .studio-product { grid-template-columns: .8fr 1.2fr; }
    .studio-product .mini-dashboard { top: 120px; right: -30px; bottom: -45px; left: 45%; }
    .verify-product { grid-template-columns: .9fr 1.1fr; }
    .protocol-stack { max-width: 760px; }
    .linter-shell { grid-template-columns: 1fr; }
    .lint-editor { min-height: 600px; border-right: 0; border-bottom: 1px solid var(--line-strong); }
    .site-footer { grid-template-columns: auto 1fr; }
    .site-footer nav { grid-column: 1 / -1; justify-content: flex-start; }
  }

  @media (max-width: 680px) {
    :root { --page: calc(100% - 28px); }
    .section { padding-block: 96px; }
    .section-heading { margin-bottom: 50px; }
    .section-heading h2, .object-heading h2, .infrastructure-copy h2 { font-size: clamp(43px, 13vw, 64px); }
    .hero-v2 { padding-top: calc(var(--header-height) + 56px); }
    .hero-copy h1 { font-size: clamp(53px, 15vw, 79px); }
    .hero-lede { margin-top: 27px; font-size: 16px; }
    .hero-actions { display: grid; grid-template-columns: 1fr; }
    .hero-actions .button { width: 100%; }
    .hero-proof { gap: 14px 22px; }
    .hero-stage { min-height: 500px; margin-top: 50px; border-radius: 22px; }
    .hero-stage .scan-canvas { min-height: 500px; }
    .scan-reticle { inset: 92px 28px 90px; }
    .scan-hud { top: 70px; transform: scale(.88); }
    .scan-hud-left { left: 8px; transform-origin: left center; }
    .scan-hud-right { right: 8px; transform-origin: right center; }
    .stage-status { right: 9px; left: 9px; font-size: 7px; }
    .stage-status span:nth-child(2) { display: none; }
    .proof-strip > div { width: var(--page); grid-template-columns: 1fr; }
    .proof-strip a, .proof-strip a:nth-child(2), .proof-strip a:last-child { min-height: 68px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .proof-strip a:last-child { border-bottom: 0; }
    .story-device { min-height: 590px; border-radius: 32px; }
    .story-canvas { min-height: 590px; }
    .capture-guide { inset: 110px 32px 165px; }
    .truth-note { align-items: flex-start; }
    .record-identity { grid-template-columns: 52px 1fr; }
    .asset-monogram { width: 52px; height: 52px; }
    .record-identity .status-badge { grid-column: 1 / -1; width: fit-content; }
    .claim-grid { grid-template-columns: 1fr; }
    .record-footer { grid-template-columns: 1fr 1fr; }
    .record-footer a { grid-column: 1 / -1; }
    .product-card { min-height: 600px; grid-template-columns: 1fr; }
    .product-card-copy > strong { position: static; display: block; margin-top: 18px; color: var(--accent); }
    .wallet-product .mini-phone { top: 275px; right: 32px; bottom: -90px; left: 74px; }
    .studio-product .mini-dashboard { top: 340px; right: -34px; bottom: -42px; left: 22px; }
    .verify-product { min-height: auto; }
    .mini-verifier { margin-top: 0; }
    .protocol-stack { padding: 28px 22px 28px 38px; }
    .stack-layer { grid-template-columns: 1fr; }
    .stack-layer small { display: none; }
    .stack-line { left: 22px; }
    .stack-pulse { left: 19px; }
    .linter-shell { margin-inline: -7px; border-radius: 17px; }
    .lint-editor { min-height: 550px; }
    #manifest-input { min-height: 430px; padding: 16px; font-size: 9px; }
    .lint-editor-footer { align-items: flex-start; flex-direction: column; }
    .lint-editor-footer .button { width: 100%; }
    .fingerprint-row { align-items: flex-start; }
    .fingerprint-row code { max-width: 230px; }
    .lint-links { gap: 18px; }
    .closing-section { padding-inline: 14px; }
    .closing-section h2 { font-size: clamp(52px, 16vw, 82px); }
    .site-footer { grid-template-columns: 1fr; }
    .site-footer > p { grid-column: 1; }
    .site-footer nav { gap: 14px 20px; }
    .footer-legal { align-items: flex-start; flex-direction: column; gap: 8px; }
  }

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

@layer products {
  .product-body {
    min-height: 100vh;
    background:
      radial-gradient(circle at 22% 30%, rgba(47, 121, 112, .16), transparent 27rem),
      radial-gradient(circle at 86% 74%, rgba(58, 85, 122, .13), transparent 31rem),
      #040b0d;
  }
  .product-preview-bar {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    display: grid;
    height: 68px;
    padding-inline: max(26px, calc((100vw - 1380px) / 2));
    grid-template-columns: 1fr auto 1fr;
    gap: 26px;
    align-items: center;
    border-bottom: 1px solid var(--line);
    background: rgba(4, 12, 14, .86);
    backdrop-filter: blur(20px);
  }
  .product-preview-bar .brand-mark { width: 28px; height: 28px; }
  .preview-context {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--muted);
    font-family: var(--font-mono);
    font-size: 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .preview-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--amber);
    box-shadow: 0 0 10px rgba(239, 181, 91, .7);
  }
  .product-preview-bar nav { display: flex; justify-content: flex-end; gap: 8px; }
  .product-preview-bar nav a {
    padding: 6px 10px;
    border-radius: 7px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 650;
    transition: background 160ms ease, color 160ms ease;
  }
  .product-preview-bar nav a:hover, .product-preview-bar nav a.is-active { background: var(--accent-soft); color: var(--accent); }
  .product-toast {
    position: fixed;
    z-index: 300;
    bottom: 26px;
    left: 50%;
    padding: 10px 14px;
    transform: translate(-50%, 18px);
    border: 1px solid var(--line-strong);
    border-radius: 10px;
    background: rgba(13, 30, 32, .96);
    box-shadow: var(--shadow);
    color: var(--ink-soft);
    font-size: 11px;
    font-weight: 650;
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
    backdrop-filter: blur(16px);
  }
  .product-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

  .wallet-stage {
    position: relative;
    display: grid;
    width: min(1240px, calc(100vw - 54px));
    min-height: 100vh;
    margin-inline: auto;
    padding: 112px 0 54px;
    grid-template-columns: 460px minmax(420px, 1fr);
    gap: clamp(70px, 10vw, 150px);
    align-items: center;
  }
  .device-halo {
    position: absolute;
    z-index: -1;
    top: 18%;
    left: -19%;
    width: 790px;
    height: 790px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(54, 151, 133, .18), rgba(22, 59, 60, .06) 40%, transparent 68%);
    filter: blur(15px);
  }
  .wallet-device {
    position: relative;
    width: 430px;
    height: min(868px, calc(100vh - 132px));
    min-height: 690px;
    overflow: hidden;
    border: 7px solid #142225;
    border-radius: 50px;
    background: #071214;
    box-shadow: 0 42px 120px rgba(0, 0, 0, .54), inset 0 0 0 1px rgba(255,255,255,.055);
  }
  .wallet-device::before {
    content: "";
    position: absolute;
    z-index: 30;
    top: 11px;
    left: 50%;
    width: 116px;
    height: 28px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #020607;
  }
  .wallet-statusbar {
    position: absolute;
    z-index: 29;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 54px;
    padding: 16px 24px 0;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(#071214 62%, transparent);
    color: var(--ink-soft);
    font-size: 10px;
    font-weight: 730;
  }
  .wallet-statusbar i { width: 5px; height: 5px; border-radius: 50%; background: transparent; }
  .wallet-statusbar b { font-size: 10px; letter-spacing: 2px; }
  .wallet-screen-stack {
    position: absolute;
    inset: 0 0 72px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }
  .wallet-screen-stack::-webkit-scrollbar { display: none; }
  .wallet-screen { min-height: 100%; padding: 68px 20px 30px; }
  .wallet-screen[hidden] { display: none; }
  .wallet-screen-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
  .wallet-screen-header p { color: var(--muted); font-size: 9px; font-weight: 610; letter-spacing: .02em; }
  .wallet-screen-header h1 { margin-top: 2px; font-size: 27px; font-weight: 620; letter-spacing: -.055em; line-height: 1.05; }
  .wallet-avatar, .round-button {
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(119,242,207,.2), rgba(125,185,255,.12));
    color: var(--accent);
    cursor: pointer;
    font-size: 10px;
    font-weight: 780;
  }
  .round-button { background: rgba(255,255,255,.035); color: var(--muted-strong); font-size: 13px; }
  .passport-card {
    position: relative;
    display: block;
    width: 100%;
    height: 246px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid rgba(239, 181, 91, .32);
    border-radius: 24px;
    background:
      radial-gradient(circle at 88% 10%, rgba(239, 181, 91, .24), transparent 35%),
      radial-gradient(circle at 8% 100%, rgba(119, 242, 207, .08), transparent 40%),
      linear-gradient(142deg, #35240f, #17140d 48%, #0b1110 100%);
    box-shadow: 0 24px 54px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.025);
    color: var(--ink);
    cursor: pointer;
    text-align: left;
  }
  .passport-card::before, .passport-card::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(239,181,91,.15);
    border-radius: 50%;
  }
  .passport-card::before { right: -104px; bottom: -130px; width: 330px; height: 280px; box-shadow: 0 0 0 24px rgba(239,181,91,.02), 0 0 0 53px rgba(239,181,91,.015); }
  .passport-card::after { top: -100px; left: -130px; width: 280px; height: 240px; }
  .passport-sheen {
    position: absolute;
    z-index: 1;
    inset: -40%;
    transform: translateX(-70%) rotate(18deg);
    background: linear-gradient(90deg, transparent 42%, rgba(255,255,255,.07), transparent 58%);
    transition: transform 650ms ease;
  }
  .passport-card:hover .passport-sheen { transform: translateX(70%) rotate(18deg); }
  .passport-card-top { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; }
  .passport-card-top > span { color: rgba(255,255,255,.57); font-family: var(--font-mono); font-size: 7px; font-weight: 700; letter-spacing: .12em; }
  .passport-card-top svg { width: 23px; height: 23px; }
  .passport-card-top svg path:first-child { fill: none; stroke: var(--amber); stroke-width: 1.4; }
  .passport-card-top svg path:last-child { fill: rgba(239,181,91,.08); stroke: rgba(239,181,91,.65); stroke-width: 1; }
  .passport-card-copy { position: absolute; z-index: 3; bottom: 54px; left: 20px; }
  .passport-card-copy small { color: rgba(255,255,255,.5); font-size: 8px; }
  .passport-card-copy h2 { margin-top: 1px; font-size: 20px; font-weight: 620; letter-spacing: -.045em; }
  .passport-card-copy p { margin-top: 1px; color: rgba(255,255,255,.5); font-family: var(--font-mono); font-size: 7px; }
  .passport-card-status { position: absolute; z-index: 3; right: 20px; bottom: 19px; left: 20px; display: flex; justify-content: space-between; color: rgba(255,255,255,.48); font-size: 8px; }
  .passport-card-status span:first-child { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-weight: 720; }
  .passport-card-status i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
  .passport-object-art { position: absolute; z-index: 2; top: 55px; right: 19px; width: 182px; height: 118px; transform: scale(.84); transform-origin: right center; opacity: .86; }
  .passport-object-art span { position: absolute; display: block; background: linear-gradient(135deg, #e1a947, #805116); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 9px 20px rgba(0,0,0,.2); }
  .object-track { right: 29px; bottom: 9px; width: 102px; height: 25px; border: 7px solid #1c2221; border-radius: 20px; background: #4d5552 !important; }
  .object-body { right: 36px; bottom: 28px; width: 84px; height: 39px; border-radius: 5px 15px 5px 4px; }
  .object-cab { right: 37px; bottom: 57px; width: 42px; height: 49px; clip-path: polygon(17% 0, 100% 8%, 100% 100%, 0 100%, 0 23%); background: linear-gradient(135deg, #447178, #172a2d) !important; }
  .object-boom { right: 67px; bottom: 78px; width: 85px; height: 12px; transform: rotate(-29deg); transform-origin: right center; border-radius: 6px; }
  .object-stick { right: 138px; bottom: 36px; width: 72px; height: 10px; transform: rotate(69deg); transform-origin: right center; border-radius: 5px; }
  .object-bucket { right: 151px; bottom: 4px; width: 37px; height: 30px; clip-path: polygon(10% 0, 95% 13%, 100% 72%, 67% 100%, 0 58%); }

  .wallet-primary-actions { display: grid; margin-top: 17px; grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .wallet-primary-actions button {
    display: flex;
    min-height: 68px;
    padding: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    color: var(--muted-strong);
    cursor: pointer;
    font-size: 9px;
  }
  .wallet-primary-actions button:hover { border-color: var(--line-strong); background: var(--accent-soft); color: var(--accent); }
  .action-icon { color: var(--accent); font-size: 15px; line-height: 1; }
  .wallet-primary-actions b { font-size: 8px; font-weight: 670; }
  .wallet-section { margin-top: 26px; }
  .wallet-section-heading { display: flex; margin-bottom: 10px; align-items: center; justify-content: space-between; }
  .wallet-section-heading h2 { font-size: 15px; font-weight: 630; letter-spacing: -.03em; }
  .wallet-section-heading > span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: var(--amber-soft); color: var(--amber); font-size: 8px; font-weight: 760; }
  .wallet-section-heading button { border: 0; background: none; color: var(--accent); cursor: pointer; font-size: 9px; }
  .attention-card, .activity-row, .settings-row {
    display: grid;
    width: 100%;
    min-height: 62px;
    padding: 12px;
    grid-template-columns: 34px 1fr auto;
    gap: 10px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(255,255,255,.022);
    color: var(--ink-soft);
    cursor: pointer;
    text-align: left;
  }
  .attention-card { border-color: rgba(239,181,91,.2); background: rgba(239,181,91,.045); }
  .attention-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: var(--amber-soft); color: var(--amber); font-size: 12px; font-weight: 800; }
  .attention-card b, .activity-row b, .settings-row b { display: block; font-size: 10px; font-weight: 650; }
  .attention-card small, .activity-row small, .settings-row small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; line-height: 1.45; }
  .attention-card > i, .activity-row > i, .settings-row > i { color: var(--muted); font-style: normal; }
  .wallet-recent .activity-row { border-radius: 0; border-width: 1px 0 0; background: transparent; }
  .wallet-recent .activity-row:last-child { border-bottom: 1px solid var(--line); }
  .activity-symbol { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: rgba(255,255,255,.05); color: var(--muted-strong); font-size: 11px; font-weight: 700; }
  .activity-symbol.is-anchor { background: var(--accent-soft); color: var(--accent); }
  .activity-symbol.is-scan { background: var(--blue-soft); color: var(--blue); }

  .wallet-tabs {
    position: absolute;
    z-index: 28;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    height: 72px;
    padding: 8px 12px 12px;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--line);
    background: rgba(6, 17, 19, .93);
    backdrop-filter: blur(18px);
  }
  .wallet-tabs button { display: flex; padding: 2px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 0; background: none; color: var(--muted); cursor: pointer; }
  .wallet-tabs button.is-active { color: var(--accent); }
  .wallet-tabs b { font-size: 7px; font-weight: 680; }
  .wallet-tabs button > span { position: relative; display: block; width: 19px; height: 19px; }
  .tab-home::before { content: ""; position: absolute; inset: 5px 3px 2px; border: 1.5px solid currentColor; border-radius: 2px; }
  .tab-home::after { content: ""; position: absolute; top: 2px; left: 5px; width: 8px; height: 8px; transform: rotate(45deg); border-top: 1.5px solid currentColor; border-left: 1.5px solid currentColor; }
  .tab-scan::before { content: ""; position: absolute; inset: 2px; border: 1.5px solid currentColor; border-radius: 5px; clip-path: polygon(0 0, 38% 0, 38% 10%, 10% 10%, 10% 38%, 0 38%, 0 0, 100% 0, 100% 38%, 90% 38%, 90% 10%, 62% 10%, 62% 0, 100% 0, 100% 100%, 62% 100%, 62% 90%, 90% 90%, 90% 62%, 100% 62%, 100% 100%, 0 100%, 0 62%, 10% 62%, 10% 90%, 38% 90%, 38% 100%, 0 100%); }
  .tab-scan::after { content: ""; position: absolute; inset: 7px; border: 1px solid currentColor; border-radius: 50%; }
  .tab-activity::before { content: ""; position: absolute; inset: 2px; border: 1.5px solid currentColor; border-radius: 50%; }
  .tab-activity::after { content: ""; position: absolute; top: 6px; left: 9px; width: 5px; height: 6px; border-bottom: 1.5px solid currentColor; border-left: 1.5px solid currentColor; }
  .tab-profile::before { content: ""; position: absolute; top: 2px; left: 6px; width: 7px; height: 7px; border: 1.5px solid currentColor; border-radius: 50%; }
  .tab-profile::after { content: ""; position: absolute; right: 3px; bottom: 2px; left: 3px; height: 7px; border: 1.5px solid currentColor; border-radius: 8px 8px 3px 3px; }

  .scan-wallet-screen { padding-inline: 0; }
  .scan-wallet-screen .wallet-screen-header { padding-inline: 20px; }
  .scan-intro { padding-inline: 20px; text-align: center; }
  .scan-intro-graphic { position: relative; display: grid; width: 122px; height: 122px; margin: 28px auto 24px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: radial-gradient(circle, rgba(119,242,207,.1), transparent 65%); }
  .scan-intro-graphic span { position: absolute; inset: 15px; border: 1px dashed rgba(119,242,207,.28); border-radius: 50%; }
  .scan-intro-graphic i { position: absolute; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 13px var(--accent); }
  .scan-intro-graphic b { color: var(--accent); font-size: 29px; font-weight: 500; }
  .scan-intro h2, .scan-review h2 { font-size: 23px; font-weight: 620; letter-spacing: -.05em; line-height: 1.08; }
  .scan-intro > p { max-width: 330px; margin: 12px auto 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
  .scan-intro ul { margin: 24px 0 25px; text-align: left; }
  .scan-intro li { display: grid; padding: 12px 0; grid-template-columns: 32px 1fr; gap: 8px; border-top: 1px solid var(--line); }
  .scan-intro li > span { padding-top: 2px; color: var(--muted); font-family: var(--font-mono); font-size: 8px; }
  .scan-intro li b, .scan-intro li small { display: block; }
  .scan-intro li b { font-size: 10px; font-weight: 650; }
  .scan-intro li small { margin-top: 2px; color: var(--muted); font-size: 8px; }
  .wallet-primary-button {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--accent);
    border-radius: 13px;
    background: var(--accent);
    color: #03110e;
    cursor: pointer;
    font-size: 10px;
    font-weight: 760;
  }
  a.wallet-primary-button { text-align: center; }
  .wallet-text-button { display: block; width: 100%; padding: 12px; border: 0; background: transparent; color: var(--accent); cursor: pointer; font-size: 9px; font-weight: 670; }
  .wallet-capture { position: absolute; inset: 0 0 72px; overflow: hidden; background: #020708; }
  .capture-topline { position: absolute; z-index: 7; top: 58px; right: 17px; left: 17px; display: flex; align-items: center; justify-content: space-between; font-family: var(--font-mono); font-size: 8px; }
  .capture-topline > span { display: inline-flex; align-items: center; gap: 7px; color: var(--danger); }
  .capture-topline i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
  .capture-topline b { color: var(--ink-soft); font-size: 10px; }
  .wallet-scan-canvas { min-height: 100%; }
  .wallet-capture-reticle { position: absolute; z-index: 5; inset: 105px 34px 210px; pointer-events: none; }
  .wallet-capture-reticle i { position: absolute; width: 34px; height: 34px; border-color: rgba(119,242,207,.72); border-style: solid; }
  .wallet-capture-reticle i:nth-child(1) { top: 0; left: 0; border-width: 2px 0 0 2px; }
  .wallet-capture-reticle i:nth-child(2) { top: 0; right: 0; border-width: 2px 2px 0 0; }
  .wallet-capture-reticle i:nth-child(3) { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
  .wallet-capture-reticle i:nth-child(4) { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
  .capture-instruction { position: absolute; z-index: 7; right: 20px; bottom: 176px; left: 20px; text-align: center; }
  .capture-instruction b, .capture-instruction span { display: block; }
  .capture-instruction b { font-size: 13px; font-weight: 650; }
  .capture-instruction span { margin-top: 2px; color: var(--muted); font-size: 8px; }
  .capture-progress { position: absolute; z-index: 7; right: 20px; bottom: 150px; left: 20px; height: 3px; border-radius: 99px; background: rgba(255,255,255,.1); }
  .capture-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--accent); box-shadow: 0 0 12px rgba(119,242,207,.6); }
  .capture-metrics { position: absolute; z-index: 7; right: 18px; bottom: 99px; left: 18px; display: grid; grid-template-columns: repeat(3, 1fr); }
  .capture-metrics span { text-align: center; }
  .capture-metrics span + span { border-left: 1px solid var(--line); }
  .capture-metrics b, .capture-metrics small { display: block; }
  .capture-metrics b { font-size: 12px; font-weight: 640; }
  .capture-metrics small { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
  .capture-controls { position: absolute; z-index: 7; right: 15px; bottom: 21px; left: 15px; display: grid; grid-template-columns: 1fr 58px 1fr; gap: 11px; align-items: center; }
  .capture-controls > button:not(.capture-pause) { border: 0; background: none; color: var(--muted-strong); cursor: pointer; font-size: 8px; }
  .capture-pause { display: grid; width: 58px; height: 58px; padding: 0; place-items: center; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; background: transparent; cursor: pointer; }
  .capture-pause span { position: relative; width: 39px; height: 39px; border-radius: 50%; background: rgba(255,255,255,.88); }
  .capture-pause span::before, .capture-pause span::after { content: ""; position: absolute; top: 12px; width: 4px; height: 15px; border-radius: 1px; background: #0b1516; }
  .capture-pause span::before { left: 13px; }
  .capture-pause span::after { right: 13px; }
  .capture-pause.is-paused span::before { top: 11px; left: 15px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid #0b1516; background: transparent; }
  .capture-pause.is-paused span::after { display: none; }
  .scan-review { padding: 15px 20px 20px; text-align: center; }
  .review-success { position: relative; display: grid; width: 94px; height: 94px; margin: 18px auto 20px; place-items: center; border: 1px solid rgba(119,242,207,.3); border-radius: 50%; color: var(--accent); font-size: 24px; }
  .review-success::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(119,242,207,.12); border-radius: 50%; }
  .review-success i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
  .review-success i:nth-child(2) { top: 7px; left: 29px; }
  .review-success i:nth-child(3) { right: 8px; bottom: 23px; }
  .scan-review > p:first-of-type { color: var(--accent); font-family: var(--font-mono); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
  .scan-review h2 { margin-top: 7px; }
  .review-score { display: flex; margin: 20px 0 17px; align-items: center; justify-content: center; }
  .review-score > b { font-size: 50px; font-weight: 520; letter-spacing: -.07em; line-height: 1; }
  .review-score > span { margin-left: 9px; color: var(--muted); font-size: 10px; line-height: 1.2; text-align: left; }
  .review-score small { font-size: 7px; }
  .scan-review dl { display: grid; margin-bottom: 16px; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 13px; text-align: left; }
  .scan-review dl div { padding: 11px 12px; }
  .scan-review dl div:nth-child(even) { border-left: 1px solid var(--line); }
  .scan-review dl div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .scan-review dt { color: var(--muted); font-family: var(--font-mono); font-size: 6px; text-transform: uppercase; }
  .scan-review dd { margin-top: 3px; color: var(--ink-soft); font-size: 9px; font-weight: 650; }
  .scan-review-note { margin-bottom: 17px; padding: 10px; border-radius: 9px; background: var(--amber-soft); color: var(--amber) !important; font-size: 7px !important; line-height: 1.55; text-align: left; }

  .timeline-date { margin: 8px 0 7px; color: var(--muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: .1em; }
  .wallet-timeline { position: relative; }
  .wallet-timeline::before { content: ""; position: absolute; top: 34px; bottom: 31px; left: 15px; width: 1px; background: var(--line); }
  .wallet-timeline article { position: relative; z-index: 1; display: grid; padding: 14px 0; grid-template-columns: 32px 1fr; gap: 12px; border-top: 1px solid var(--line); }
  .wallet-timeline article > div { padding-top: 2px; }
  .wallet-timeline b { font-size: 10px; font-weight: 650; }
  .wallet-timeline p { margin-top: 4px; color: var(--muted-strong); font-size: 8px; line-height: 1.55; }
  .wallet-timeline small { display: block; margin-top: 5px; color: var(--muted); font-family: var(--font-mono); font-size: 6px; }
  .profile-card { display: grid; padding: 15px; grid-template-columns: 45px 1fr auto; gap: 11px; align-items: center; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
  .profile-card > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 12px; font-weight: 750; }
  .profile-card b { font-size: 12px; }
  .profile-card p { color: var(--muted); font-size: 8px; }
  .profile-card button { border: 0; background: none; color: var(--accent); cursor: pointer; font-size: 8px; }
  .settings-label { margin-bottom: 7px; color: var(--muted); font-family: var(--font-mono); font-size: 7px; font-weight: 650; letter-spacing: .08em; }
  .settings-row { min-height: 65px; border-radius: 0; border-width: 1px 0 0; background: transparent; }
  .settings-row:last-child { border-bottom: 1px solid var(--line); }
  .settings-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: rgba(255,255,255,.045); color: var(--accent); font-size: 10px; font-weight: 700; }
  .setting-state { color: var(--accent); font-size: 7px; }
  .wallet-build-label { margin-top: 32px; color: rgba(145,167,162,.48); font-family: var(--font-mono); font-size: 6px; text-align: center; text-transform: uppercase; }

  .wallet-stage-copy { max-width: 620px; }
  .wallet-stage-copy h2 {
    margin-top: 22px;
    font-size: clamp(48px, 5.3vw, 78px);
    font-weight: 560;
    letter-spacing: -.068em;
    line-height: .98;
  }
  .wallet-stage-copy h2 span { color: var(--muted); }
  .wallet-stage-copy > p { max-width: 560px; margin-top: 28px; color: var(--muted-strong); font-size: 16px; line-height: 1.7; }
  .wallet-stage-copy ul { margin-top: 42px; border-block: 1px solid var(--line); }
  .wallet-stage-copy li { display: grid; padding: 18px 0; grid-template-columns: 38px 1fr; gap: 14px; border-top: 1px solid var(--line); }
  .wallet-stage-copy li:first-child { border-top: 0; }
  .wallet-stage-copy li > span { padding-top: 2px; color: var(--muted); font-family: var(--font-mono); font-size: 8px; }
  .wallet-stage-copy li b, .wallet-stage-copy li small { display: block; }
  .wallet-stage-copy li b { color: var(--ink-soft); font-size: 13px; font-weight: 630; }
  .wallet-stage-copy li small { margin-top: 2px; color: var(--muted); font-size: 10px; }
  .stage-links { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 31px; }
  .stage-links a { color: var(--accent); font-size: 10px; font-weight: 680; }
  .stage-links a span { margin-left: 8px; }

  .passport-dialog {
    width: min(410px, calc(100vw - 20px));
    max-height: min(820px, calc(100dvh - 24px));
    padding: 10px 20px 24px;
    overflow: auto;
    border: 1px solid var(--line-strong);
    border-radius: 28px;
    background: #091719;
    box-shadow: 0 50px 150px rgba(0,0,0,.7);
    color: var(--ink);
  }
  .passport-dialog::backdrop { background: rgba(0, 5, 6, .7); backdrop-filter: blur(8px); }
  .passport-dialog form { position: sticky; z-index: 3; top: 0; height: 1px; }
  .dialog-close { position: absolute; top: 4px; right: -10px; display: grid; width: 31px; height: 31px; padding: 0 0 3px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(5,15,17,.88); color: var(--muted-strong); cursor: pointer; font-size: 18px; }
  .dialog-handle { width: 42px; height: 4px; margin: 0 auto 20px; border-radius: 99px; background: rgba(255,255,255,.12); }
  .dialog-asset-header { display: grid; padding-bottom: 19px; grid-template-columns: 48px 1fr auto; gap: 11px; align-items: center; border-bottom: 1px solid var(--line); }
  .dialog-asset-mark { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 12px; background: var(--amber-soft); color: var(--amber); font-size: 13px; font-weight: 780; }
  .dialog-asset-header small { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .07em; }
  .dialog-asset-header h2 { margin-top: 2px; font-size: 16px; font-weight: 640; letter-spacing: -.035em; }
  .dialog-asset-header p { color: var(--muted); font-family: var(--font-mono); font-size: 7px; }
  .passport-health { display: grid; padding: 20px 0; grid-template-columns: 1fr 1.1fr; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); }
  .health-score { display: flex; align-items: center; }
  .health-score > b { font-size: 42px; font-weight: 520; letter-spacing: -.07em; }
  .health-score span { margin-left: 7px; color: var(--muted); font-size: 8px; line-height: 1.2; }
  .health-score small { font-size: 6px; }
  .passport-health > div:last-child b { font-size: 10px; }
  .passport-health > div:last-child p { color: var(--amber); font-size: 8px; }
  .dialog-section { padding-top: 19px; }
  .dialog-section > h3 { margin-bottom: 8px; font-size: 12px; font-weight: 650; }
  .dialog-claim { display: grid; padding: 10px 0; grid-template-columns: 25px 1fr; gap: 9px; border-top: 1px solid var(--line); }
  .dialog-claim > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; background: var(--accent-soft); color: var(--accent); font-size: 8px; font-weight: 800; }
  .dialog-claim.is-warning > span { background: var(--amber-soft); color: var(--amber); }
  .dialog-claim b { font-size: 8px; }
  .dialog-claim p { color: var(--ink-soft); font-size: 9px; }
  .dialog-claim small { display: block; margin-top: 2px; color: var(--muted); font-size: 6px; }
  .dialog-anchor dl { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 11px; }
  .dialog-anchor dl div { padding: 10px; }
  .dialog-anchor dl div:nth-child(even) { border-left: 1px solid var(--line); }
  .dialog-anchor dl div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .dialog-anchor dt { color: var(--muted); font-family: var(--font-mono); font-size: 6px; text-transform: uppercase; }
  .dialog-anchor dd { margin-top: 2px; color: var(--ink-soft); font-family: var(--font-mono); font-size: 7px; }
  .dialog-actions { margin-top: 22px; }

  @media (max-width: 980px) {
    .wallet-stage { width: min(920px, calc(100vw - 38px)); grid-template-columns: 430px 1fr; gap: 55px; }
    .wallet-stage-copy h2 { font-size: 51px; }
    .wallet-stage-copy > p { font-size: 13px; }
  }

  @media (max-width: 780px) {
    .product-preview-bar { display: none; }
    .wallet-stage { display: block; width: 100%; min-height: 100svh; padding: 0; }
    .device-halo, .wallet-stage-copy { display: none; }
    .wallet-device { width: 100%; height: 100svh; min-height: 620px; border: 0; border-radius: 0; box-shadow: none; }
    .wallet-device::before { top: max(9px, env(safe-area-inset-top)); }
    .wallet-statusbar { height: calc(52px + env(safe-area-inset-top)); padding-top: calc(14px + env(safe-area-inset-top)); }
    .wallet-screen { padding-top: calc(66px + env(safe-area-inset-top)); }
    .wallet-tabs { height: calc(72px + env(safe-area-inset-bottom)); padding-bottom: calc(11px + env(safe-area-inset-bottom)); }
    .wallet-screen-stack { bottom: calc(72px + env(safe-area-inset-bottom)); }
    .wallet-capture { bottom: calc(72px + env(safe-area-inset-bottom)); }
    .passport-dialog { margin-bottom: 0; border-radius: 28px 28px 0 0; }
    .product-toast { bottom: calc(88px + env(safe-area-inset-bottom)); width: max-content; max-width: calc(100vw - 30px); }
  }

  @media (max-height: 760px) and (min-width: 781px) {
    .wallet-device { height: calc(100vh - 98px); min-height: 620px; }
    .wallet-stage { padding-block: 82px 16px; }
  }
}

@layer products {
  .studio-body { overflow-x: hidden; background: #050d0f; }
  .studio-shell { display: grid; min-height: 100vh; padding-top: 68px; grid-template-columns: 246px minmax(0, 1fr); }
  .studio-sidebar {
    position: fixed;
    z-index: 40;
    top: 68px;
    bottom: 0;
    left: 0;
    display: flex;
    width: 246px;
    padding: 16px 13px;
    flex-direction: column;
    border-right: 1px solid var(--line);
    background: #071113;
  }
  .studio-tenant { display: grid; padding: 10px 8px 17px; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; border-bottom: 1px solid var(--line); }
  .tenant-mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(119,242,207,.2); border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-size: 9px; font-weight: 790; }
  .studio-tenant b, .studio-tenant small { display: block; }
  .studio-tenant b { overflow: hidden; font-size: 9px; font-weight: 660; text-overflow: ellipsis; white-space: nowrap; }
  .studio-tenant small { color: var(--muted); font-size: 7px; }
  .studio-tenant button { border: 0; background: none; color: var(--muted); cursor: pointer; }
  .studio-nav { margin-top: 16px; }
  .studio-nav button, .studio-sidebar-bottom > a {
    display: grid;
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    grid-template-columns: 20px 1fr auto;
    gap: 9px;
    align-items: center;
    border: 0;
    border-radius: 9px;
    background: none;
    color: var(--muted);
    cursor: pointer;
    text-align: left;
    transition: background 150ms ease, color 150ms ease;
  }
  .studio-nav button:hover, .studio-nav button.is-active, .studio-sidebar-bottom > a:hover { background: rgba(255,255,255,.038); color: var(--ink-soft); }
  .studio-nav button.is-active { background: var(--accent-soft); color: var(--accent); }
  .studio-nav b, .studio-sidebar-bottom b { font-size: 9px; font-weight: 620; }
  .studio-nav i, .studio-sidebar-bottom i { color: var(--muted); font-size: 7px; font-style: normal; }
  .studio-nav button.is-active i { color: var(--accent); }
  .nav-icon { position: relative; display: block; width: 16px; height: 16px; color: currentColor; }
  .nav-home::before { content: ""; position: absolute; inset: 2px; border: 1.3px solid currentColor; border-radius: 4px; }
  .nav-home::after { content: ""; position: absolute; top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 2px; background: currentColor; opacity: .35; }
  .nav-assets::before { content: ""; position: absolute; top: 3px; left: 2px; width: 12px; height: 9px; border: 1.3px solid currentColor; transform: skewY(-15deg); }
  .nav-assets::after { content: ""; position: absolute; right: 3px; bottom: 1px; left: 3px; height: 2px; border: 1px solid currentColor; }
  .nav-evidence::before { content: ""; position: absolute; inset: 1px 3px; border: 1.3px solid currentColor; border-radius: 2px; }
  .nav-evidence::after { content: "✓"; position: absolute; right: 0; bottom: -1px; display: grid; width: 8px; height: 8px; place-items: center; border-radius: 50%; background: #071113; font-size: 6px; }
  .nav-activity::before { content: ""; position: absolute; inset: 1px; border: 1.3px solid currentColor; border-radius: 50%; }
  .nav-activity::after { content: ""; position: absolute; top: 4px; left: 8px; width: 4px; height: 5px; border-bottom: 1.3px solid currentColor; border-left: 1.3px solid currentColor; }
  .nav-team::before { content: ""; position: absolute; top: 1px; left: 5px; width: 6px; height: 6px; border: 1.2px solid currentColor; border-radius: 50%; }
  .nav-team::after { content: ""; position: absolute; right: 1px; bottom: 1px; left: 1px; height: 6px; border: 1.2px solid currentColor; border-radius: 8px 8px 3px 3px; }
  .nav-verify::before { content: "✓"; position: absolute; inset: 1px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 7px; }
  .nav-code::before { content: "{ }"; position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--font-mono); font-size: 7px; }
  .studio-sidebar-bottom { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }
  .studio-sidebar-bottom > button { display: grid; width: 100%; margin-top: 12px; padding: 10px 8px 2px; grid-template-columns: 32px 1fr auto; gap: 9px; align-items: center; border: 0; border-top: 1px solid var(--line); background: none; color: var(--ink-soft); cursor: pointer; text-align: left; }
  .studio-user { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 8px; font-weight: 750; }
  .studio-sidebar-bottom > button b, .studio-sidebar-bottom > button small { display: block; }
  .studio-sidebar-bottom > button b { font-size: 8px; }
  .studio-sidebar-bottom > button small { color: var(--muted); font-size: 6px; }
  .studio-sidebar-bottom > button i { color: var(--muted); font-size: 7px; font-style: normal; }

  .studio-main { min-width: 0; grid-column: 2; }
  .studio-topbar {
    position: fixed;
    z-index: 35;
    top: 68px;
    right: 0;
    left: 246px;
    display: flex;
    height: 60px;
    padding: 0 25px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
    background: rgba(5, 13, 15, .88);
    backdrop-filter: blur(18px);
  }
  .studio-mobile-menu { display: none; }
  .studio-breadcrumb { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 8px; }
  .studio-breadcrumb i { font-style: normal; opacity: .5; }
  .studio-breadcrumb b { color: var(--muted-strong); font-weight: 610; }
  .studio-top-actions { display: flex; align-items: center; gap: 8px; }
  .icon-button {
    position: relative;
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
    color: var(--muted-strong);
    cursor: pointer;
  }
  .notification-button > i { position: absolute; top: 7px; right: 7px; width: 5px; height: 5px; border: 1px solid #071113; border-radius: 50%; background: var(--danger); }
  .studio-primary-button {
    display: inline-flex;
    min-height: 34px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid var(--accent);
    border-radius: 9px;
    background: var(--accent);
    color: #04110f;
    cursor: pointer;
    font-size: 8px;
    font-weight: 740;
  }
  .studio-primary-button span { font-size: 12px; font-weight: 500; }
  .studio-content { width: min(1280px, calc(100vw - 294px)); margin: 0 auto; padding: 102px 0 60px; }
  .studio-view[hidden] { display: none; }
  .view-heading { display: flex; min-height: 94px; align-items: flex-end; justify-content: space-between; gap: 30px; }
  .view-kicker { display: inline-flex; align-items: center; gap: 7px; color: var(--accent); font-family: var(--font-mono); font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }
  .view-kicker i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 7px var(--accent); }
  .view-heading h1 { margin-top: 7px; font-size: clamp(32px, 3vw, 45px); font-weight: 600; letter-spacing: -.057em; line-height: 1; }
  .view-heading > div > p { margin-top: 6px; color: var(--muted); font-size: 10px; }
  .view-heading-actions { display: flex; align-items: center; gap: 15px; }
  .view-heading-actions button, .compact-heading > button:not(.studio-primary-button), .panel-heading > button:not(.panel-menu), .panel-heading select {
    min-height: 31px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255,255,255,.02);
    color: var(--muted-strong);
    cursor: pointer;
    font-size: 7px;
  }
  .view-heading-actions > span { color: var(--muted); font-size: 7px; }
  .view-heading-actions > span b { color: var(--accent); font-weight: 620; }
  .compact-heading { min-height: 82px; }

  .metric-grid { display: grid; margin-top: 30px; grid-template-columns: repeat(4, 1fr); gap: 12px; }
  .metric-card { position: relative; min-height: 142px; padding: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(145deg, rgba(15,32,34,.78), rgba(7,17,19,.88)); }
  .metric-card > span { color: var(--muted); font-size: 8px; }
  .metric-card > b { display: block; margin-top: 8px; font-size: 30px; font-weight: 570; letter-spacing: -.055em; line-height: 1; }
  .metric-card > b em { color: var(--muted); font-size: 13px; font-style: normal; }
  .metric-card > small { position: absolute; bottom: 16px; left: 18px; color: var(--muted); font-size: 7px; }
  .metric-card > small i { margin-right: 5px; color: var(--amber); font-style: normal; }
  .metric-card > small i.trend-up { color: var(--accent); }
  .metric-spark { position: absolute; right: 13px; bottom: 17px; display: flex; width: 96px; height: 37px; align-items: flex-end; gap: 4px; }
  .metric-spark i { flex: 1; border-radius: 2px 2px 0 0; background: rgba(119,242,207,.18); }
  .metric-spark i:nth-child(1) { height: 25%; }.metric-spark i:nth-child(2) { height: 42%; }.metric-spark i:nth-child(3) { height: 36%; }.metric-spark i:nth-child(4) { height: 58%; }.metric-spark i:nth-child(5) { height: 53%; }.metric-spark i:nth-child(6) { height: 78%; }.metric-spark i:nth-child(7) { height: 100%; background: var(--accent); }
  .metric-spark.is-blue i { background: rgba(125,185,255,.2); }.metric-spark.is-blue i:last-child { background: var(--blue); }
  .metric-ring { position: absolute; top: 40px; right: 16px; display: grid; width: 55px; height: 55px; place-items: center; border-radius: 50%; background: conic-gradient(var(--amber) 0 24%, rgba(255,255,255,.06) 24% 100%); }
  .metric-ring::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #0a191b; }
  .metric-ring b { position: relative; z-index: 1; color: var(--amber); font-size: 9px; }
  .metric-ring.is-rate { background: conic-gradient(var(--accent) 0 98.7%, rgba(255,255,255,.06) 98.7% 100%); }
  .metric-ring.is-rate b { color: var(--accent); font-size: 7px; }

  .studio-panel { border: 1px solid var(--line); border-radius: 13px; background: rgba(8, 20, 22, .75); box-shadow: 0 18px 55px rgba(0,0,0,.13); }
  .work-panel { margin-top: 17px; }
  .panel-heading { display: flex; min-height: 65px; padding: 14px 17px; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
  .panel-heading h2 { font-size: 12px; font-weight: 650; letter-spacing: -.025em; }
  .panel-heading p { margin-top: 2px; color: var(--muted); font-size: 7px; }
  .panel-tabs { display: flex; padding: 3px; gap: 2px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.015); }
  .panel-tabs button { min-height: 26px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; font-size: 7px; }
  .panel-tabs button.is-active { background: rgba(255,255,255,.065); color: var(--ink-soft); }
  .panel-tabs button span { margin-left: 4px; color: var(--accent); }
  .panel-menu { border: 0; background: none; color: var(--muted); cursor: pointer; }
  .data-table { width: 100%; overflow-x: auto; }
  .table-head, .table-row { display: grid; min-width: 780px; align-items: center; }
  .work-table .table-head, .work-table .table-row { grid-template-columns: minmax(185px, 1.25fr) minmax(150px, 1fr) 110px 100px 76px 20px; }
  .asset-table .table-head, .asset-table .table-row { grid-template-columns: minmax(210px, 1.35fr) 90px 132px 120px 120px 65px 20px; }
  .table-head { min-height: 36px; padding: 0 17px; border-bottom: 1px solid var(--line); color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
  .table-row { width: 100%; min-height: 59px; padding: 0 17px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--muted-strong); cursor: pointer; font-size: 8px; text-align: left; transition: background 140ms ease; }
  .table-row:last-child { border-bottom: 0; }
  .table-row:hover { background: rgba(119,242,207,.035); }
  .table-asset-cell { display: flex; min-width: 0; align-items: center; gap: 10px; }
  .table-asset-cell > span { min-width: 0; }
  .table-asset-cell b, .table-asset-cell small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .table-asset-cell b { color: var(--ink-soft); font-size: 8px; font-weight: 630; }
  .table-asset-cell small { color: var(--muted); font-size: 6px; }
  .asset-tile { display: grid; width: 30px; height: 30px; flex: none; place-items: center; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 7px; font-style: normal; font-weight: 760; }
  .asset-tile.is-amber { background: var(--amber-soft); color: var(--amber); }
  .asset-tile.is-blue { background: var(--blue-soft); color: var(--blue); }
  .asset-tile.is-red { background: var(--danger-soft); color: var(--danger); }
  .asset-tile.is-green { background: var(--accent-soft); color: var(--accent); }
  .asset-tile.is-purple { background: rgba(181,156,255,.12); color: var(--purple); }
  .table-status, .registry-status { display: inline-flex; width: fit-content; padding: 4px 7px; border-radius: 5px; background: rgba(255,255,255,.045); color: var(--muted-strong); font-size: 6px; font-weight: 680; }
  .table-status.is-warning, .registry-status.is-warning { background: var(--amber-soft); color: var(--amber); }
  .table-status.is-danger, .registry-status.is-danger { background: var(--danger-soft); color: var(--danger); }
  .table-status.is-success, .registry-status.is-success { background: var(--accent-soft); color: var(--accent); }
  .table-owner { display: flex; align-items: center; gap: 6px; }
  .table-owner i { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.06); color: var(--muted-strong); font-size: 6px; font-style: normal; }
  .table-owner b { font-size: 7px; font-weight: 570; }
  .table-chevron { color: var(--muted); font-size: 12px; text-align: right; }
  .table-empty { display: grid; min-height: 190px; place-items: center; align-content: center; color: var(--muted); text-align: center; }
  .table-empty > span { display: grid; width: 34px; height: 34px; margin-bottom: 8px; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent); }
  .table-empty b { color: var(--ink-soft); font-size: 10px; }
  .table-empty p { margin-top: 3px; font-size: 7px; }

  .studio-home-grid { display: grid; margin-top: 17px; grid-template-columns: .82fr 1.18fr; gap: 17px; }
  .health-chart { display: grid; min-height: 232px; padding: 24px; grid-template-columns: 145px 1fr; gap: 30px; align-items: center; }
  .health-donut { position: relative; display: grid; width: 130px; height: 130px; place-items: center; border-radius: 50%; background: conic-gradient(var(--accent) 0 78%, var(--amber) 78% 89%, var(--danger) 89% 94%, rgba(255,255,255,.07) 94% 100%); }
  .health-donut::before { content: ""; position: absolute; inset: 13px; border-radius: 50%; background: #0a191b; }
  .health-donut > span { position: relative; z-index: 1; text-align: center; }
  .health-donut b, .health-donut small { display: block; }
  .health-donut b { font-size: 24px; font-weight: 570; letter-spacing: -.05em; }
  .health-donut small { color: var(--muted); font-size: 7px; }
  .health-chart ul li { display: grid; padding: 7px 0; grid-template-columns: 7px 1fr auto; gap: 7px; align-items: center; border-top: 1px solid var(--line); color: var(--muted); font-size: 7px; }
  .health-chart ul li:first-child { border-top: 0; }
  .health-chart li i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
  .health-chart li i.is-expiring { background: var(--amber); }
  .health-chart li i.is-missing { background: var(--danger); }
  .health-chart li i.is-revoked { background: var(--muted); }
  .health-chart li b { color: var(--muted-strong); font-size: 7px; }
  .anchored-list button { display: grid; width: 100%; min-height: 72px; padding: 10px 16px; grid-template-columns: 34px 1fr auto 16px; gap: 10px; align-items: center; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink-soft); cursor: pointer; text-align: left; }
  .anchored-list button:last-child { border-bottom: 0; }
  .anchored-list button:hover { background: rgba(119,242,207,.035); }
  .anchored-list b, .anchored-list small { display: block; }
  .anchored-list b { font-size: 8px; font-weight: 630; }
  .anchored-list small { color: var(--muted); font-size: 6px; }
  .anchored-list em { padding: 4px 6px; border-radius: 5px; background: var(--accent-soft); color: var(--accent); font-size: 6px; font-style: normal; }
  .anchored-list > button > i { color: var(--muted); font-style: normal; }

  .asset-registry-panel { margin-top: 27px; }
  .registry-tools { display: grid; min-height: 62px; padding: 13px 16px; grid-template-columns: minmax(240px, 1fr) 150px auto; gap: 8px; align-items: center; border-bottom: 1px solid var(--line); }
  .registry-tools label { position: relative; }
  .registry-tools label i { position: absolute; top: 50%; left: 11px; transform: translateY(-50%); color: var(--muted); font-style: normal; }
  .registry-tools input, .registry-tools select, .registry-tools button, .panel-heading select {
    width: 100%;
    min-height: 34px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255,255,255,.02);
    color: var(--muted-strong);
    font-size: 7px;
  }
  .registry-tools input { padding: 0 11px 0 29px; }
  .registry-tools select { padding: 0 9px; }
  .registry-tools button { width: auto; padding: 0 11px; cursor: pointer; }
  .registry-tools button span { margin-left: 5px; color: var(--accent); }
  .registry-tools input::placeholder { color: rgba(145,167,162,.55); }
  .evidence-meter { display: flex; align-items: center; gap: 7px; }
  .evidence-meter > i { position: relative; display: block; width: 61px; height: 4px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
  .evidence-meter > i b { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
  .evidence-meter em { color: var(--muted); font-size: 6px; font-style: normal; }
  .table-footer { display: flex; min-height: 52px; padding: 0 17px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); color: var(--muted); font-size: 7px; }
  .table-footer div { display: flex; align-items: center; gap: 6px; }
  .table-footer button, .table-footer b { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--muted); font-size: 7px; }
  .table-footer b { background: var(--accent-soft); color: var(--accent); }

  .evidence-summary-grid { display: grid; margin-top: 27px; grid-template-columns: repeat(4, 1fr); gap: 12px; }
  .evidence-summary-grid article { padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(8,20,22,.75); }
  .evidence-summary-grid span, .evidence-summary-grid b, .evidence-summary-grid small { display: block; }
  .evidence-summary-grid span { color: var(--muted); font-size: 7px; }
  .evidence-summary-grid b { margin-top: 6px; font-size: 23px; font-weight: 570; }
  .evidence-summary-grid small { color: var(--muted); font-size: 6px; }
  .evidence-summary-grid article.is-warning b { color: var(--amber); }
  .evidence-summary-grid article.is-danger b { color: var(--danger); }
  .evidence-list-panel { margin-top: 17px; }
  .evidence-action-list button { display: grid; width: 100%; min-height: 70px; padding: 10px 17px; grid-template-columns: 34px 1fr 70px 50px 15px; gap: 10px; align-items: center; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink-soft); cursor: pointer; text-align: left; }
  .evidence-action-list button:hover { background: rgba(255,255,255,.02); }
  .evidence-type { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; background: var(--blue-soft); color: var(--blue); font-size: 9px; }
  .evidence-type.is-warning { background: var(--amber-soft); color: var(--amber); }
  .evidence-type.is-danger { background: var(--danger-soft); color: var(--danger); }
  .evidence-action-list b, .evidence-action-list p { display: block; }
  .evidence-action-list b { font-size: 8px; }
  .evidence-action-list p { color: var(--muted); font-size: 6px; }
  .evidence-action-list em { color: var(--amber); font-size: 7px; font-style: normal; }
  .evidence-action-list small { color: var(--muted); font-size: 6px; }
  .evidence-action-list > button > i { color: var(--muted); font-style: normal; }

  .audit-panel { margin-top: 27px; padding: 18px; }
  .audit-date { margin-bottom: 8px; color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .08em; }
  .audit-list { position: relative; }
  .audit-list::before { content: ""; position: absolute; top: 29px; bottom: 29px; left: 15px; width: 1px; background: var(--line); }
  .audit-row { position: relative; z-index: 1; display: grid; min-height: 80px; padding: 14px 0; grid-template-columns: 32px 1fr auto; gap: 12px; align-items: start; border-top: 1px solid var(--line); }
  .audit-symbol { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: var(--accent-soft); color: var(--accent); font-size: 8px; }
  .audit-symbol.is-scan { background: var(--blue-soft); color: var(--blue); }
  .audit-symbol.is-signature, .audit-symbol.is-inspection { background: var(--amber-soft); color: var(--amber); }
  .audit-row b { font-size: 8px; }
  .audit-row p { margin-top: 3px; color: var(--muted); font-size: 7px; }
  .audit-row small { color: rgba(145,167,162,.58); font-family: var(--font-mono); font-size: 6px; }
  .audit-actor { padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); font-size: 6px; }

  .team-panel { margin-top: 27px; overflow: hidden; }
  .team-list > div { display: grid; min-height: 70px; padding: 12px 17px; grid-template-columns: 36px 1fr 110px 60px 24px; gap: 11px; align-items: center; border-bottom: 1px solid var(--line); }
  .team-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 7px; font-weight: 750; }
  .team-avatar.is-mei { background: var(--blue-soft); color: var(--blue); }
  .team-avatar.is-ana { background: var(--amber-soft); color: var(--amber); }
  .team-list b, .team-list small { display: block; }
  .team-list b { font-size: 8px; }
  .team-list small { color: var(--muted); font-size: 6px; }
  .team-list em { color: var(--muted-strong); font-size: 7px; font-style: normal; }
  .member-state { color: var(--accent); font-size: 6px; }
  .team-list button { border: 0; background: none; color: var(--muted); cursor: pointer; }
  .role-boundary { margin: 18px; padding: 14px; border: 1px solid rgba(239,181,91,.2); border-radius: 10px; background: var(--amber-soft); }
  .role-boundary span { color: var(--amber); font-family: var(--font-mono); font-size: 6px; letter-spacing: .07em; text-transform: uppercase; }
  .role-boundary p { margin-top: 4px; color: var(--muted-strong); font-size: 7px; }

  .studio-dialog {
    width: min(610px, calc(100vw - 24px));
    max-height: min(840px, calc(100dvh - 30px));
    padding: 0;
    overflow: auto;
    border: 1px solid var(--line-strong);
    border-radius: 18px;
    background: #091719;
    box-shadow: 0 50px 150px rgba(0,0,0,.72);
    color: var(--ink);
  }
  .studio-dialog::backdrop { background: rgba(0,5,6,.72); backdrop-filter: blur(7px); }
  .dialog-topline { position: sticky; z-index: 4; top: 0; display: flex; min-height: 50px; padding: 0 18px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(9,23,25,.94); }
  .dialog-topline > span { color: var(--muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }
  .dialog-topline > button { display: grid; width: 29px; height: 29px; padding: 0 0 3px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: none; color: var(--muted); cursor: pointer; font-size: 16px; }
  .asset-detail-header { display: grid; padding: 25px; grid-template-columns: 54px 1fr auto; gap: 13px; align-items: center; border-bottom: 1px solid var(--line); }
  .asset-detail-mark { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 13px; background: var(--amber-soft); color: var(--amber); font-size: 12px; font-weight: 760; }
  .asset-detail-mark.is-blue { background: var(--blue-soft); color: var(--blue); }
  .asset-detail-header small { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .06em; }
  .asset-detail-header h2 { margin-top: 3px; font-size: 18px; font-weight: 620; letter-spacing: -.035em; }
  .asset-detail-header p { color: var(--muted); font-size: 7px; }
  .asset-detail-progress { padding: 20px 25px; border-bottom: 1px solid var(--line); }
  .asset-detail-progress > div { display: flex; justify-content: space-between; color: var(--muted); font-size: 7px; }
  .asset-detail-progress > div b { color: var(--accent); }
  .asset-detail-progress > i { display: block; height: 4px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
  .asset-detail-progress > i b { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
  .passport-steps { display: grid; padding: 22px 25px; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); }
  .passport-steps > div { position: relative; text-align: center; }
  .passport-steps > div::before { content: ""; position: absolute; z-index: -1; top: 12px; left: -50%; width: 100%; height: 1px; background: var(--line); }
  .passport-steps > div:first-child::before { display: none; }
  .passport-steps span { display: grid; width: 25px; height: 25px; margin: 0 auto 7px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #091719; color: var(--muted); font-size: 7px; }
  .passport-steps .is-complete span { border-color: rgba(119,242,207,.3); background: var(--accent-soft); color: var(--accent); }
  .passport-steps .is-current span { border-color: rgba(125,185,255,.3); background: var(--blue-soft); color: var(--blue); }
  .passport-steps b, .passport-steps small { display: block; }
  .passport-steps b { font-size: 7px; }
  .passport-steps small { color: var(--muted); font-size: 5px; }
  .asset-detail-facts { display: grid; margin: 22px 25px; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 10px; }
  .asset-detail-facts div { min-width: 0; padding: 11px; }
  .asset-detail-facts div:nth-child(even) { border-left: 1px solid var(--line); }
  .asset-detail-facts div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .asset-detail-facts dt { color: var(--muted); font-family: var(--font-mono); font-size: 6px; text-transform: uppercase; }
  .asset-detail-facts dd { margin-top: 3px; overflow: hidden; color: var(--ink-soft); font-family: var(--font-mono); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
  .asset-detail-actions { display: flex; padding: 0 25px 25px; gap: 12px; align-items: center; }
  .asset-detail-actions a { color: var(--accent); font-size: 7px; }
  .new-passport-dialog { width: min(650px, calc(100vw - 24px)); }
  .new-passport-dialog form > label, .form-grid label { display: grid; margin: 0 25px 15px; gap: 6px; color: var(--muted-strong); font-size: 7px; }
  .new-passport-dialog input, .new-passport-dialog select { width: 100%; min-height: 40px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; outline: 0; background: rgba(255,255,255,.025); color: var(--ink-soft); font-size: 9px; }
  .new-passport-dialog input:focus, .new-passport-dialog select:focus { border-color: rgba(119,242,207,.45); }
  .new-passport-heading { padding: 25px; text-align: center; }
  .new-passport-icon { display: grid; width: 50px; height: 50px; margin: 0 auto 13px; place-items: center; border: 1px solid rgba(119,242,207,.25); border-radius: 14px; background: var(--accent-soft); color: var(--accent); font-size: 20px; }
  .new-passport-heading h2 { font-size: 22px; font-weight: 610; letter-spacing: -.04em; }
  .new-passport-heading p { max-width: 430px; margin: 5px auto 0; color: var(--muted); font-size: 8px; }
  .form-grid { display: grid; grid-template-columns: 1fr 1fr; }
  .form-grid label:first-child { margin-right: 7px; }
  .form-grid label:last-child { margin-left: 7px; }
  .draft-boundary { margin: 0 25px; padding: 12px; border: 1px solid rgba(239,181,91,.2); border-radius: 9px; background: var(--amber-soft); }
  .draft-boundary span { color: var(--amber); font-family: var(--font-mono); font-size: 6px; letter-spacing: .07em; text-transform: uppercase; }
  .draft-boundary p { color: var(--muted-strong); font-size: 7px; }
  .dialog-form-actions { display: flex; margin-top: 23px; padding: 16px 25px; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--line); }
  .dialog-form-actions > button:first-child { padding: 0 11px; border: 0; background: none; color: var(--muted); cursor: pointer; font-size: 8px; }

  @media (max-width: 1060px) {
    .product-preview-bar.studio-preview-bar .preview-context { display: none; }
    .product-preview-bar.studio-preview-bar { grid-template-columns: 1fr auto; }
    .metric-grid, .evidence-summary-grid { grid-template-columns: 1fr 1fr; }
    .studio-home-grid { grid-template-columns: 1fr; }
  }

  @media (max-width: 760px) {
    .studio-shell { display: block; padding-top: 0; }
    .studio-main { width: 100%; }
    .studio-sidebar { top: 0; z-index: 90; width: min(280px, 84vw); transform: translateX(-102%); box-shadow: var(--shadow); transition: transform 220ms ease; }
    .studio-sidebar.is-open { transform: translateX(0); }
    .studio-topbar { top: 0; left: 0; height: 58px; padding: 0 14px; }
    .studio-mobile-menu { display: block; width: 34px; padding: 7px; border: 1px solid var(--line); border-radius: 8px; background: transparent; }
    .studio-mobile-menu span { display: block; height: 1px; margin: 4px 0; background: var(--ink-soft); }
    .studio-breadcrumb { display: none; }
    .studio-top-actions .icon-button { display: none; }
    .studio-content { width: calc(100% - 24px); padding-top: 85px; }
    .view-heading { min-height: auto; align-items: flex-start; flex-direction: column; gap: 15px; }
    .view-heading-actions { width: 100%; justify-content: space-between; }
    .metric-grid, .evidence-summary-grid { grid-template-columns: 1fr; }
    .panel-heading { align-items: flex-start; flex-direction: column; }
    .panel-tabs { width: 100%; overflow-x: auto; }
    .panel-tabs button { flex: 1; white-space: nowrap; }
    .registry-tools { grid-template-columns: 1fr; }
    .health-chart { grid-template-columns: 1fr; justify-items: center; }
    .health-chart ul { width: 100%; }
    .team-list > div { grid-template-columns: 36px 1fr auto; }
    .team-list em, .member-state { display: none; }
    .asset-detail-header { grid-template-columns: 48px 1fr; }
    .asset-detail-header > .registry-status { grid-column: 1 / -1; }
    .passport-steps { grid-template-columns: 1fr 1fr; gap: 18px 0; }
    .form-grid { grid-template-columns: 1fr; }
    .form-grid label:first-child, .form-grid label:last-child { margin-inline: 25px; }
  }
}

@layer products {
  .verify-body { background: #050d0f; }
  .verify-app-header {
    position: fixed;
    z-index: 35;
    top: 68px;
    right: 0;
    left: 0;
    display: grid;
    height: 62px;
    padding-inline: max(24px, calc((100vw - 1280px) / 2));
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
    border-bottom: 1px solid var(--line);
    background: rgba(5, 13, 15, .9);
    backdrop-filter: blur(18px);
  }
  .verify-app-brand { display: flex; align-items: center; gap: 9px; }
  .verify-mark { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(119,242,207,.28); border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 9px; font-weight: 800; }
  .verify-app-brand b, .verify-app-brand small { display: block; }
  .verify-app-brand b { font-size: 9px; font-weight: 650; }
  .verify-app-brand small { color: var(--muted); font-size: 6px; }
  .verify-app-header nav { display: flex; height: 100%; align-items: center; gap: 5px; }
  .verify-app-header nav button {
    position: relative;
    height: 100%;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    font-size: 8px;
    font-weight: 620;
  }
  .verify-app-header nav button::after { content: ""; position: absolute; right: 10px; bottom: 0; left: 10px; height: 1px; transform: scaleX(0); background: var(--accent); transition: transform 160ms ease; }
  .verify-app-header nav button:hover, .verify-app-header nav button.is-active { color: var(--ink-soft); }
  .verify-app-header nav button.is-active::after { transform: scaleX(1); }
  .verify-app-header nav button span { display: inline-grid; min-width: 15px; height: 15px; margin-left: 4px; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 6px; }
  .verify-network { display: flex; align-items: center; justify-content: flex-end; gap: 7px; color: var(--muted-strong); font-size: 7px; }
  .verify-network > i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
  .verify-network button { border: 0; background: none; color: var(--muted); cursor: pointer; }
  .verify-main { min-height: 100vh; padding-top: 130px; }
  .verify-search-view { display: grid; min-height: calc(100vh - 130px); padding: 70px 24px 90px; place-items: center; }
  .verify-hero { width: min(900px, 100%); text-align: center; }
  .verify-hero h1 {
    margin-top: 18px;
    font-size: clamp(54px, 7vw, 91px);
    font-weight: 560;
    letter-spacing: -.071em;
    line-height: .95;
  }
  .verify-hero h1 span { color: var(--muted); }
  .verify-hero > p { max-width: 670px; margin: 25px auto 0; color: var(--muted-strong); font-size: 15px; line-height: 1.7; }
  .verify-search {
    position: relative;
    display: grid;
    width: min(850px, 100%);
    min-height: 64px;
    margin: 38px auto 0;
    padding: 6px;
    grid-template-columns: 36px minmax(0, 1fr) 42px auto;
    align-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 16px;
    background: rgba(11, 27, 29, .86);
    box-shadow: 0 24px 80px rgba(0,0,0,.26), 0 0 0 6px rgba(119,242,207,.025);
  }
  .verify-search:focus-within { border-color: rgba(119,242,207,.45); box-shadow: 0 24px 80px rgba(0,0,0,.26), 0 0 0 6px rgba(119,242,207,.055); }
  .search-symbol { color: var(--muted); font-size: 17px; }
  .verify-search input { min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--ink-soft); font-family: var(--font-mono); font-size: 10px; }
  .verify-search input::placeholder { color: rgba(145,167,162,.55); }
  .qr-button { position: relative; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .qr-button::before, .qr-button::after, .qr-button span::before, .qr-button span::after { content: ""; position: absolute; width: 8px; height: 8px; border-color: var(--muted); border-style: solid; }
  .qr-button::before { top: 7px; left: 7px; border-width: 1px 0 0 1px; }
  .qr-button::after { top: 7px; right: 7px; border-width: 1px 1px 0 0; }
  .qr-button span::before { bottom: 7px; left: 7px; border-width: 0 0 1px 1px; }
  .qr-button span::after { right: 7px; bottom: 7px; border-width: 0 1px 1px 0; }
  .verify-submit { min-height: 50px; padding: 0 17px; border: 1px solid var(--accent); border-radius: 11px; background: var(--accent); color: #03110e; cursor: pointer; font-size: 9px; font-weight: 750; }
  .verify-submit:disabled { opacity: .56; cursor: progress; }
  .verify-submit span { margin-left: 13px; }
  .search-examples { display: flex; margin-top: 14px; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; color: var(--muted); font-size: 7px; }
  .search-examples button { padding: 5px 8px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.02); color: var(--muted-strong); cursor: pointer; font-size: 7px; }
  .search-examples button:hover { border-color: rgba(119,242,207,.3); color: var(--accent); }
  .verify-boundaries { display: flex; margin-top: 55px; flex-wrap: wrap; justify-content: center; gap: 34px; color: var(--muted); font-size: 8px; }
  .verify-boundaries span { display: inline-flex; align-items: center; gap: 7px; }
  .verify-boundaries i { display: grid; width: 17px; height: 17px; place-items: center; border: 1px solid rgba(119,242,207,.18); border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 6px; font-style: normal; }

  .verification-result {
    width: min(1280px, calc(100vw - 48px));
    margin-inline: auto;
    padding: 30px 0 80px;
  }
  .result-toolbar { display: flex; min-height: 48px; align-items: center; justify-content: space-between; }
  .result-toolbar button { min-height: 30px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.02); color: var(--muted-strong); cursor: pointer; font-size: 7px; }
  .result-toolbar > button { border-color: transparent; background: transparent; color: var(--muted); }
  .result-toolbar > button span { margin-right: 7px; }
  .result-toolbar > div { display: flex; gap: 7px; }
  .result-toolbar button.is-watched { border-color: rgba(119,242,207,.25); background: var(--accent-soft); color: var(--accent); }
  .result-object-header { display: grid; padding: 28px 0 25px; grid-template-columns: 58px 1fr auto; gap: 15px; align-items: center; border-bottom: 1px solid var(--line); }
  .result-object-mark { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(239,181,91,.24); border-radius: 14px; background: var(--amber-soft); color: var(--amber); font-size: 15px; font-weight: 780; }
  .result-kicker { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .08em; }
  .result-object-header h1 { margin-top: 4px; font-size: clamp(24px, 3vw, 36px); font-weight: 610; letter-spacing: -.045em; line-height: 1; }
  .result-object-header p { margin-top: 4px; color: var(--muted); font-size: 8px; }
  .result-revision { padding-left: 30px; border-left: 1px solid var(--line); text-align: right; }
  .result-revision span, .result-revision b, .result-revision small { display: block; }
  .result-revision span { color: var(--muted); font-size: 7px; }
  .result-revision b { font-size: 25px; font-weight: 560; }
  .result-revision small { color: var(--muted); font-size: 6px; }
  .verification-summary {
    display: grid;
    margin-top: 22px;
    padding: 28px 30px;
    grid-template-columns: 108px minmax(310px, 1fr) auto;
    gap: 28px;
    align-items: center;
    border: 1px solid rgba(119,242,207,.23);
    border-radius: 17px;
    background:
      radial-gradient(circle at 92% 12%, rgba(119,242,207,.12), transparent 32%),
      linear-gradient(145deg, rgba(16,39,40,.8), rgba(7,17,19,.93));
    box-shadow: 0 24px 70px rgba(0,0,0,.17);
  }
  .summary-orbit { position: relative; display: grid; width: 92px; height: 92px; place-items: center; border: 1px solid rgba(119,242,207,.3); border-radius: 50%; color: var(--accent); font-size: 21px; }
  .summary-orbit::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(119,242,207,.12); border-radius: 50%; }
  .summary-orbit i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
  .summary-orbit i:nth-child(2) { top: 9px; left: 27px; }.summary-orbit i:nth-child(3) { top: 41px; right: 4px; }.summary-orbit i:nth-child(4) { bottom: 6px; left: 29px; }
  .summary-state { color: var(--accent); font-family: var(--font-mono); font-size: 7px; letter-spacing: .09em; }
  .summary-copy h2 { margin-top: 7px; font-size: clamp(30px, 3.2vw, 46px); font-weight: 570; letter-spacing: -.055em; line-height: .98; }
  .summary-copy h2 em { color: var(--amber); font-style: normal; }
  .summary-copy p { max-width: 630px; margin-top: 12px; color: var(--muted-strong); font-size: 9px; line-height: 1.65; }
  .summary-counts { display: grid; min-width: 210px; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 10px; background: rgba(3,10,11,.35); }
  .summary-counts > div { padding: 13px; text-align: center; }
  .summary-counts > div + div { border-left: 1px solid var(--line); }
  .summary-counts b, .summary-counts span { display: block; }
  .summary-counts b { color: var(--accent); font-size: 18px; font-weight: 580; }
  .summary-counts span { color: var(--muted); font-size: 6px; }
  .summary-counts .is-caution b { color: var(--amber); }
  .summary-timestamp { display: flex; padding-top: 18px; grid-column: 2 / -1; align-items: center; gap: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 6px; }
  .summary-timestamp b { color: var(--muted-strong); font-weight: 620; }
  .summary-timestamp small { margin-left: auto; }

  .result-section { margin-top: 22px; padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: rgba(8,20,22,.74); }
  .result-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }
  .result-section-heading h2 { margin-top: 6px; font-size: 20px; font-weight: 610; letter-spacing: -.035em; }
  .result-section-heading > p { max-width: 480px; color: var(--muted); font-size: 8px; line-height: 1.55; text-align: right; }
  .decision-grid { display: grid; margin-top: 22px; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .decision-card { position: relative; min-height: 198px; padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.018); }
  .decision-icon { display: grid; width: 28px; height: 28px; margin-bottom: 15px; place-items: center; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 9px; font-weight: 800; }
  .decision-card > span { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
  .decision-card h3 { margin-top: 2px; color: var(--accent); font-size: 14px; font-weight: 630; }
  .decision-card > p { margin-top: 7px; color: var(--muted); font-size: 7px; line-height: 1.55; }
  .decision-card > button { position: absolute; right: 13px; bottom: 12px; left: 13px; display: flex; padding: 8px 4px 0; align-items: center; justify-content: space-between; border: 0; border-top: 1px solid var(--line); background: none; color: var(--muted-strong); cursor: pointer; font-size: 6px; text-align: left; }
  .decision-card > button i { color: var(--muted); font-size: 10px; font-style: normal; }
  .decision-card.is-caution { border-color: rgba(239,181,91,.2); background: rgba(239,181,91,.03); }
  .decision-card.is-caution .decision-icon { background: var(--amber-soft); color: var(--amber); }
  .decision-card.is-caution h3 { color: var(--amber); }

  .result-filter { display: flex; padding: 3px; gap: 2px; border: 1px solid var(--line); border-radius: 8px; }
  .result-filter button { min-height: 27px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; font-size: 6px; }
  .result-filter button.is-active { background: rgba(255,255,255,.065); color: var(--ink-soft); }
  .claim-result-list { margin-top: 19px; border-top: 1px solid var(--line); }
  .claim-result { border-bottom: 1px solid var(--line); }
  .claim-result summary { display: grid; min-height: 75px; padding: 11px 5px; grid-template-columns: 32px minmax(180px, 1.2fr) minmax(150px, .8fr) 65px 17px; gap: 10px; align-items: center; cursor: pointer; list-style: none; }
  .claim-result summary::-webkit-details-marker { display: none; }
  .claim-result summary:hover { background: rgba(255,255,255,.015); }
  .claim-result-icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 8px; font-weight: 800; }
  .claim-result small, .claim-result b, .claim-result p { display: block; }
  .claim-result summary small { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .04em; }
  .claim-result summary b { color: var(--ink-soft); font-size: 8px; font-weight: 620; }
  .claim-result summary p { color: var(--muted); font-size: 6px; }
  .claim-result-signer { padding-left: 12px; border-left: 1px solid var(--line); }
  .claim-result-state { width: fit-content; padding: 4px 7px; border-radius: 5px; background: var(--accent-soft); color: var(--accent); font-size: 6px; font-weight: 700; }
  .claim-result summary > i { color: var(--muted); font-style: normal; transition: transform 160ms ease; }
  .claim-result[open] summary > i { transform: rotate(180deg); }
  .claim-result.is-warning .claim-result-icon, .claim-result.is-warning .claim-result-state { background: var(--amber-soft); color: var(--amber); }
  .claim-result-body { display: grid; margin: 0 5px 14px 47px; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 9px; background: rgba(3,10,11,.35); }
  .claim-result-body > div { min-width: 0; padding: 10px; }
  .claim-result-body > div + div { border-left: 1px solid var(--line); }
  .claim-result-body span { color: var(--muted); font-family: var(--font-mono); font-size: 5px; text-transform: uppercase; }
  .claim-result-body b { margin-top: 2px; overflow: hidden; color: var(--muted-strong); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }

  .result-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
  .result-two-column .result-section { min-width: 0; }
  .object-facts { margin-top: 17px; }
  .object-facts > div { display: grid; min-height: 50px; padding: 9px 0; grid-template-columns: 140px 1fr; gap: 13px; align-items: center; border-top: 1px solid var(--line); }
  .object-facts dt { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .05em; text-transform: uppercase; }
  .object-facts dd { min-width: 0; overflow: hidden; color: var(--muted-strong); font-family: var(--font-mono); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
  .object-facts dd button { float: right; border: 0; background: none; color: var(--accent); cursor: pointer; font-family: var(--font-sans); font-size: 6px; }
  .network-fact { display: inline-flex; align-items: center; gap: 6px; }
  .network-fact i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 7px var(--accent); }
  .revision-section .result-section-heading > button { border: 0; background: none; color: var(--accent); cursor: pointer; font-size: 6px; }
  .revision-timeline { position: relative; margin-top: 17px; }
  .revision-timeline::before { content: ""; position: absolute; top: 31px; bottom: 29px; left: 14px; width: 1px; background: var(--line); }
  .revision-event { position: relative; z-index: 1; display: grid; min-height: 70px; padding: 11px 0; grid-template-columns: 30px 1fr; gap: 11px; border-top: 1px solid var(--line); }
  .revision-event-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 7px; }
  .revision-event-icon.is-scan { background: var(--blue-soft); color: var(--blue); }
  .revision-event-icon.is-signature, .revision-event-icon.is-inspection { background: var(--amber-soft); color: var(--amber); }
  .revision-event b { font-size: 7px; }
  .revision-event p { color: var(--muted); font-size: 6px; }
  .revision-event small { display: block; margin-top: 3px; color: rgba(145,167,162,.58); font-family: var(--font-mono); font-size: 5px; }
  .verification-boundary { display: grid; margin-top: 22px; padding: 15px 18px; grid-template-columns: 190px 1fr; gap: 20px; border: 1px solid rgba(239,181,91,.19); border-radius: 11px; background: var(--amber-soft); }
  .verification-boundary span { color: var(--amber); font-family: var(--font-mono); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
  .verification-boundary p { color: var(--muted-strong); font-size: 7px; line-height: 1.55; }

  .verification-empty-panel, .verification-failure {
    display: flex;
    width: min(700px, calc(100vw - 40px));
    min-height: calc(100vh - 130px);
    margin-inline: auto;
    padding: 80px 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .verification-empty-panel[hidden], .verification-failure[hidden] { display: none; }
  .empty-panel-icon, .failure-orbit { display: grid; width: 76px; height: 76px; margin-bottom: 18px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: rgba(255,255,255,.025); color: var(--accent); font-size: 21px; }
  .verification-empty-panel h2, .verification-failure h1 { font-size: 31px; font-weight: 600; letter-spacing: -.05em; }
  .verification-empty-panel p, .verification-failure > p { max-width: 500px; margin-top: 8px; color: var(--muted); font-size: 10px; line-height: 1.65; }
  .verification-empty-panel > button, .verification-failure > div button, .qr-dialog > button { min-height: 37px; margin-top: 22px; padding: 0 14px; border: 1px solid var(--accent); border-radius: 9px; background: var(--accent); color: #03110e; cursor: pointer; font-size: 8px; font-weight: 720; }
  .failure-orbit { border-color: rgba(255,120,109,.3); background: var(--danger-soft); color: var(--danger); }
  .failure-state { margin-bottom: 8px; color: var(--danger); font-family: var(--font-mono); font-size: 7px; letter-spacing: .09em; }
  .verification-failure code { color: var(--danger); font-family: var(--font-mono); }
  .verification-failure > div { display: flex; gap: 8px; }
  .verification-failure > div button:last-child { border-color: var(--line-strong); background: transparent; color: var(--muted-strong); }

  .decision-dialog, .qr-dialog {
    width: min(520px, calc(100vw - 24px));
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line-strong);
    border-radius: 17px;
    background: #091719;
    box-shadow: 0 50px 140px rgba(0,0,0,.7);
    color: var(--ink);
  }
  .decision-dialog::backdrop, .qr-dialog::backdrop { background: rgba(0,5,6,.72); backdrop-filter: blur(7px); }
  .decision-dialog > form, .qr-dialog > form { display: flex; min-height: 48px; padding: 0 17px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
  .decision-dialog > form span, .qr-dialog > form span { color: var(--muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
  .decision-dialog > form button, .qr-dialog > form button { display: grid; width: 28px; height: 28px; padding: 0 0 3px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: none; color: var(--muted); cursor: pointer; font-size: 15px; }
  .decision-dialog-header { display: grid; padding: 24px; grid-template-columns: 50px 1fr; gap: 14px; align-items: start; }
  .decision-dialog-header > span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(119,242,207,.25); border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 13px; }
  .decision-dialog-header.is-caution > span { border-color: rgba(239,181,91,.25); background: var(--amber-soft); color: var(--amber); }
  .decision-dialog-header small { color: var(--muted); font-family: var(--font-mono); font-size: 6px; text-transform: uppercase; }
  .decision-dialog-header h2 { margin-top: 2px; color: var(--accent); font-size: 21px; font-weight: 610; }
  .decision-dialog-header.is-caution h2 { color: var(--amber); }
  .decision-dialog-header p { margin-top: 6px; color: var(--muted); font-size: 8px; line-height: 1.6; }
  .decision-dialog-facts { display: grid; margin: 0 24px 20px; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 9px; }
  .decision-dialog-facts div { padding: 10px; }
  .decision-dialog-facts div:nth-child(even) { border-left: 1px solid var(--line); }
  .decision-dialog-facts div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .decision-dialog-facts dt { color: var(--muted); font-family: var(--font-mono); font-size: 5px; text-transform: uppercase; }
  .decision-dialog-facts dd { margin-top: 2px; color: var(--ink-soft); font-size: 7px; }
  .decision-dialog-note { margin: 0 24px 24px; padding: 10px; border-radius: 8px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 6px; }
  .qr-dialog { text-align: center; }
  .qr-camera { position: relative; width: 260px; height: 260px; margin: 25px auto 14px; overflow: hidden; border-radius: 15px; background: radial-gradient(circle, rgba(119,242,207,.11), transparent 70%), #061012; }
  .qr-camera > span { position: absolute; z-index: 3; right: 20px; left: 20px; top: 50%; height: 1px; background: var(--accent); box-shadow: 0 0 13px var(--accent); animation: qr-scan 2.8s ease-in-out infinite; }
  .qr-camera > i { position: absolute; z-index: 3; width: 30px; height: 30px; border-color: var(--accent); border-style: solid; }
  .qr-camera > i:nth-of-type(1) { top: 20px; left: 20px; border-width: 2px 0 0 2px; }.qr-camera > i:nth-of-type(2) { top: 20px; right: 20px; border-width: 2px 2px 0 0; }.qr-camera > i:nth-of-type(3) { right: 20px; bottom: 20px; border-width: 0 2px 2px 0; }.qr-camera > i:nth-of-type(4) { bottom: 20px; left: 20px; border-width: 0 0 2px 2px; }
  .qr-demo-code { position: absolute; inset: 60px; opacity: .7; background: repeating-conic-gradient(#d9e8e4 0 25%, transparent 0 50%) 50% / 18px 18px; mask-image: radial-gradient(circle, black 25%, transparent 75%); }
  .qr-dialog > p { color: var(--muted); font-size: 7px; }
  .qr-dialog > button { margin: 12px auto 24px; }
  @keyframes qr-scan { 0%, 100% { transform: translateY(-75px); opacity: .4; } 50% { transform: translateY(75px); opacity: 1; } }

  @media (max-width: 880px) {
    .verify-app-header { top: 0; grid-template-columns: 1fr auto; }
    .verify-app-header nav { display: none; }
    .verify-main { padding-top: 62px; }
    .verify-search-view { min-height: calc(100vh - 62px); }
    .verification-summary { grid-template-columns: 92px 1fr; }
    .summary-counts { grid-column: 1 / -1; }
    .summary-timestamp { grid-column: 1 / -1; }
    .decision-grid { grid-template-columns: 1fr 1fr; }
    .result-two-column { grid-template-columns: 1fr; gap: 0; }
  }

  @media (max-width: 620px) {
    .verify-app-header { padding-inline: 14px; }
    .verify-network span { display: none; }
    .verify-search-view { padding-inline: 14px; }
    .verify-hero h1 { font-size: clamp(48px, 14vw, 70px); }
    .verify-hero > p { font-size: 12px; }
    .verify-search { grid-template-columns: 31px minmax(0, 1fr) 38px; }
    .verify-submit { grid-column: 1 / -1; margin-top: 6px; }
    .verify-boundaries { gap: 15px 22px; }
    .verification-result { width: calc(100vw - 24px); }
    .result-toolbar { align-items: flex-start; flex-direction: column; gap: 8px; }
    .result-toolbar > div { width: 100%; }
    .result-toolbar > div button { flex: 1; }
    .result-object-header { grid-template-columns: 50px 1fr; }
    .result-object-mark { width: 50px; height: 50px; }
    .result-revision { display: flex; padding: 12px 0 0; grid-column: 1 / -1; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); border-left: 0; text-align: left; }
    .result-revision span, .result-revision b, .result-revision small { display: inline; }
    .verification-summary { padding: 22px 18px; grid-template-columns: 1fr; text-align: center; }
    .summary-orbit { margin-inline: auto; }
    .summary-counts, .summary-timestamp { grid-column: 1; }
    .summary-timestamp { align-items: flex-start; flex-direction: column; }
    .summary-timestamp small { margin-left: 0; }
    .result-section { padding: 18px 14px; }
    .result-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .result-section-heading > p { text-align: left; }
    .decision-grid { grid-template-columns: 1fr; }
    .claim-result summary { grid-template-columns: 32px 1fr 16px; }
    .claim-result-signer, .claim-result-state { display: none; }
    .claim-result-body { margin-left: 0; grid-template-columns: 1fr 1fr; }
    .claim-result-body > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
    .claim-result-body > div:nth-child(4) { border-top: 1px solid var(--line); }
    .object-facts > div { grid-template-columns: 1fr; gap: 3px; }
    .verification-boundary { grid-template-columns: 1fr; gap: 6px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .qr-camera > span { animation: none; transform: none; }
  }
}