:root {
  --public-navy: #071b2c;
  --public-ink: #0e293f;
  --public-teal: #61d8be;
  --public-mint: #dff8f0;
  --public-paper: #f2f6f5;
  --public-muted: #71889a;
  --public-line: #d8e3e8;
}

.public-home,
.public-simple-page { min-height: 100vh; background: var(--public-paper); color: var(--public-ink); }
.public-home { display: flex; flex-direction: column; overflow: hidden; }
.public-header { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 26px max(24px, 5vw); width: 100%; }
.public-header-contained { max-width: 1180px; padding-left: 0; padding-right: 0; }
.public-brand { align-items: center; color: var(--public-navy); display: inline-flex; font-size: 20px; font-weight: 800; gap: 10px; letter-spacing: -.04em; text-decoration: none; }
.public-brand-mark { align-items: center; background: var(--public-navy); border: 1px solid #173f56; border-radius: 50%; display: inline-grid; height: 38px; justify-content: center; overflow: hidden; width: 38px; }
.public-brand-mark img { display: block; height: 26px; width: 26px; }
.public-nav { align-items: center; display: flex; gap: 27px; }
.public-nav-link, .public-text-action { color: #547083; font-size: 13px; font-weight: 700; text-decoration: none; }
.public-nav-link:hover, .public-text-action:hover, .public-footer a:hover, .creator-profile-links a:hover { color: #008f86; }
.public-nav-cta { border: 1px solid #b9cbd4; border-radius: 7px; color: var(--public-navy); font-size: 12px; font-weight: 800; padding: 11px 15px; text-decoration: none; }
.public-hero { align-items: center; display: grid; gap: 32px; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); margin: 0 auto; max-width: 1180px; padding: clamp(62px, 9vw, 120px) 0 105px; width: calc(100% - 48px); }
.public-hero-copy { position: relative; z-index: 1; }
.public-eyebrow { color: #079e91; font: 700 10px/1.3 'DM Mono', monospace; letter-spacing: .16em; margin: 0 0 23px; }
.public-pulse { background: var(--public-teal); border-radius: 50%; box-shadow: 0 0 0 6px rgba(0,205,189,.12); display: inline-block; height: 7px; margin-right: 10px; vertical-align: 1px; width: 7px; }
.public-hero h1, .public-search-main h1, .creator-profile-main h1 { color: var(--public-navy); font-size: clamp(52px, 7vw, 92px); letter-spacing: -.075em; line-height: .94; margin: 0; }
.public-hero h1 em, .public-search-main h1 em { color: #11a99c; font-style: normal; }
.public-hero-lead { color: var(--public-muted); font-size: clamp(18px, 2vw, 24px); line-height: 1.35; margin: 30px 0 0; max-width: 570px; }
.public-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 35px; }
.public-button { align-items: center; border: 0; border-radius: 7px; cursor: pointer; display: inline-flex; font: 800 12px 'DM Mono', monospace; gap: 18px; justify-content: center; min-height: 48px; padding: 0 18px; text-decoration: none; }
.public-button-primary { background: var(--public-teal); color: var(--public-navy); }
.public-button-primary:hover { background: #20dfce; }
.public-button-secondary { background: white; border: 1px solid var(--public-line); color: var(--public-navy); }
.public-button-secondary:hover { border-color: #91b6bf; }
.public-text-action { margin-left: 3px; }
.public-brand-hero { background: var(--public-navy); border: 1px solid #123c51; border-radius: 20px; box-shadow: 0 34px 80px rgba(7,27,44,.18); gap: clamp(40px, 6vw, 85px); grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr); max-width: 1320px; overflow: hidden; padding: clamp(64px, 7vw, 98px) clamp(38px, 6vw, 82px); position: relative; width: calc(100% - 48px); }
.public-brand-hero::before { background-image: linear-gradient(rgba(97,216,190,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(97,216,190,.07) 1px, transparent 1px); background-size: 64px 64px; content: ""; inset: 0; pointer-events: none; position: absolute; }
.public-brand-hero::after { background: radial-gradient(circle, rgba(97,216,190,.16), rgba(97,216,190,0) 68%); content: ""; height: 520px; pointer-events: none; position: absolute; right: -180px; top: -190px; width: 520px; }
.public-brand-hero .public-hero-copy { max-width: 670px; }
.public-brand-hero h1 { color: #f2f6f5; font-size: clamp(55px, 6.7vw, 92px); }
.public-brand-hero h1 em { color: var(--public-teal); }
.public-brand-hero .public-hero-lead { color: #a9c2ce; max-width: 590px; }
.public-brand-hero .public-button-secondary { background: rgba(255,255,255,.03); border-color: #416173; color: #f2f6f5; }
.public-brand-hero .public-button-secondary:hover { background: rgba(255,255,255,.08); border-color: #7894a1; }
.public-brand-hero .public-text-action { color: #8fe7d4; }
.public-brand-command { border-left: 2px solid var(--public-teal); display: grid; gap: 7px; margin-top: 31px; padding-left: 17px; }
.public-brand-command strong { color: #f2f6f5; font: 800 14px 'DM Mono', monospace; letter-spacing: .08em; }
.public-brand-command span { color: #83a8b7; font-size: 12px; line-height: 1.5; }
.public-signal-visual { height: 430px; min-width: 0; position: relative; z-index: 1; }
.public-signal-grid { background-image: linear-gradient(rgba(97,216,190,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(97,216,190,.1) 1px, transparent 1px); background-size: 42px 42px; border: 1px solid rgba(97,216,190,.13); inset: 0; mask-image: radial-gradient(circle, black 25%, transparent 78%); opacity: .7; position: absolute; }
.public-signal-orbit { border: 1px solid rgba(97,216,190,.3); border-radius: 50%; position: absolute; }
.public-signal-orbit-one { height: 330px; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-18deg); width: 410px; }
.public-signal-orbit-two { height: 420px; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(48deg); width: 245px; }
.public-source-node, .public-proof-node { align-items: center; display: flex; flex-direction: column; justify-content: center; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); }
.public-source-node { left: 3px; }
.public-proof-node { right: 0; }
.public-source-node small, .public-proof-node small { color: #71a2af; font: 700 9px 'DM Mono', monospace; letter-spacing: .18em; margin-top: 13px; }
.public-source-node strong, .public-proof-node strong { color: #eaf3f2; font-size: 13px; margin-top: 5px; }
.public-source-mark { align-items: center; background: #0a2235; border: 1px solid #245269; border-radius: 50%; box-shadow: 0 25px 55px rgba(0,0,0,.28), 0 0 0 9px rgba(97,216,190,.05); display: grid; height: 132px; justify-content: center; width: 132px; }
.public-proof-node > span { align-items: center; border: 2px solid var(--public-teal); border-radius: 50%; box-shadow: 0 0 0 10px rgba(97,216,190,.06); color: var(--public-teal); display: grid; font-size: 57px; font-weight: 500; height: 116px; justify-content: center; line-height: 1; padding-bottom: 8px; width: 116px; }
.public-signal-beam { align-items: center; display: flex; gap: 18px; left: 50%; position: absolute; top: 49%; transform: translate(-50%,-50%); }
.public-signal-beam::before, .public-signal-beam::after { background: linear-gradient(90deg, transparent, rgba(97,216,190,.65)); content: ""; height: 1px; position: absolute; right: 100%; width: 48px; }
.public-signal-beam::after { background: linear-gradient(90deg, rgba(97,216,190,.65), transparent); left: 100%; right: auto; }
.public-signal-beam i { background: var(--public-teal); border-radius: 50%; box-shadow: 0 0 14px rgba(97,216,190,.55); height: 6px; width: 6px; }
.public-signal-caption { bottom: 20px; color: #8eb0bd; font: 700 10px 'DM Mono', monospace; left: 50%; letter-spacing: .15em; margin: 0; position: absolute; transform: translateX(-50%); white-space: nowrap; }
.public-signal-caption span { background: var(--public-teal); border-radius: 50%; box-shadow: 0 0 0 5px rgba(97,216,190,.1); display: inline-block; height: 6px; margin-right: 10px; width: 6px; }
.public-proof-flow { background: #fff; border-bottom: 1px solid var(--public-line); padding: 82px max(24px, 5vw) 88px; }
.public-proof-flow-heading, .public-proof-flow-grid { margin: auto; max-width: 1180px; }
.public-proof-flow-heading h2 { color: var(--public-navy); font-size: clamp(35px, 4.6vw, 59px); letter-spacing: -.065em; line-height: 1; margin: 0; max-width: 650px; }
.public-proof-flow-grid { display: grid; gap: 0; grid-template-columns: repeat(3,1fr); margin-top: 49px; }
.public-proof-flow-grid article { border-left: 1px solid var(--public-line); min-height: 175px; padding: 9px 36px 8px; }
.public-proof-flow-grid article:first-child { border-left: 0; padding-left: 0; }
.public-proof-flow-grid article:last-child { padding-right: 0; }
.public-proof-flow-grid article > span { color: #078f84; font: 700 10px 'DM Mono', monospace; letter-spacing: .12em; }
.public-proof-flow-grid strong { color: var(--public-navy); display: block; font-size: 22px; letter-spacing: -.04em; margin-top: 31px; }
.public-proof-flow-grid p { color: var(--public-muted); font-size: 13px; line-height: 1.6; margin: 10px 0 0; max-width: 280px; }
.public-hero-art { height: 390px; min-width: 0; position: relative; }
.public-orbit { border: 1px solid #b7d5d6; border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-23deg); }
.public-orbit-one { height: 185px; width: 430px; }
.public-orbit-two { border-color: #b8d9d1; height: 340px; transform: translate(-50%, -50%) rotate(42deg); width: 250px; }
.public-creator-node, .public-viewer-node { align-items: center; border-radius: 50%; box-shadow: 0 20px 40px rgba(7,27,47,.1); display: flex; flex-direction: column; height: 145px; justify-content: center; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 145px; }
.public-creator-node { background: var(--public-navy); color: white; left: 0; }
.public-viewer-node { background: #bcf2e5; color: var(--public-navy); right: 0; }
.public-creator-node span, .public-viewer-node span { font: 10px 'DM Mono', monospace; letter-spacing: .1em; margin-bottom: 8px; opacity: .7; }
.public-creator-node strong, .public-viewer-node strong { font-size: 22px; letter-spacing: -.06em; }
.public-connection { align-items: center; background: var(--public-teal); border-radius: 50%; box-shadow: 0 0 0 10px rgba(0,205,189,.12); color: var(--public-navy); display: grid; font-size: 22px; height: 52px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 52px; }
.public-community { background: #f0f7f8; border-top: 1px solid var(--public-line); padding: 76px max(24px, 5vw) 84px; }
.public-community-heading, .public-community-grid, .public-recent-grid { margin: auto; max-width: 1180px; }
.public-community-heading { align-items: end; display: flex; gap: 30px; justify-content: space-between; }
.public-community-heading h2 { color: var(--public-navy); font-size: clamp(31px, 4vw, 53px); letter-spacing: -.06em; line-height: 1; margin: 0; }
.public-community-heading > p { color: var(--public-muted); font-size: 15px; line-height: 1.5; margin: 0 0 3px; max-width: 320px; }
.public-community-stage { display: grid; gap: 18px; grid-template-columns: minmax(315px,.8fr) minmax(0,1.2fr); margin: 40px auto 0; max-width: 1180px; }
.public-community-stage .public-top-list-teaser { height: 100%; min-height: 430px; }
.public-community-stage .public-community-grid { grid-template-columns: repeat(2,1fr); margin: 0; }
.public-community-stage .public-community-empty { margin: 0; }
.public-community-grid { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); margin-top: 38px; }
.public-community-card { background: white; border: 1px solid var(--public-line); border-radius: 10px; display: flex; flex-direction: column; min-height: 205px; padding: 20px; }
.public-community-card-link { color: inherit; display: block; text-decoration: none; }
.public-community-card-link:hover strong, .public-recent-card:hover strong { color: #008f86; }
.public-community-identity { align-items: center; display: flex; gap: 12px; }
.public-community-identity strong { color: var(--public-navy); display: block; font-size: 17px; letter-spacing: -.03em; }
.public-community-identity div > span { color: var(--public-muted); display: block; font: 10px 'DM Mono', monospace; margin-top: 5px; }
.public-community-avatar { background: var(--public-mint); border-radius: 50%; color: #0ca893; display: block; height: 45px; object-fit: cover; width: 45px; }
.public-community-avatar-placeholder { align-items: center; display: grid; font-size: 18px; justify-content: center; }
.public-community-count { color: #4b7180; font: 700 11px 'DM Mono', monospace; margin: 25px 0 18px; }
.public-community-cta { border-top: 1px solid var(--public-line); color: #078f84; font: 700 11px 'DM Mono', monospace; margin-top: auto; padding-top: 15px; text-decoration: none; }
.public-community-cta:hover { color: var(--public-navy); }
.public-community-state { border-top: 1px solid var(--public-line); color: #71889a; font-size: 11px; line-height: 1.45; margin: auto 0 0; padding-top: 15px; }
.public-community-empty { align-items: center; background: white; border: 1px dashed #b9d0d4; border-radius: 10px; display: flex; gap: 25px; justify-content: space-between; margin: 38px auto 0; max-width: 1180px; padding: 25px; }
.public-community-empty strong { color: var(--public-navy); font-size: 17px; letter-spacing: -.03em; }
.public-community-empty .public-button { flex-shrink: 0; }
.public-community-recent { background: white; }
.public-recent-grid { display: grid; gap: 15px; grid-template-columns: repeat(4, 1fr); margin-top: 38px; }
.public-recent-card { border: 1px solid var(--public-line); border-radius: 10px; color: inherit; display: flex; flex-direction: column; min-height: 180px; padding: 20px; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.public-recent-card:hover { box-shadow: 0 17px 35px rgba(7,27,47,.08); transform: translateY(-3px); }
.public-recent-card p { color: var(--public-muted); font-size: 12px; line-height: 1.5; margin: 22px 0; }
.public-recent-card .public-card-link { margin-top: auto; }
.public-recent-check { color: #079e91; font-size: 13px; }
.public-paths { background: white; border-top: 1px solid var(--public-line); padding: 80px max(24px, 5vw) 100px; }
.public-section-heading, .public-path-grid { margin: auto; max-width: 1180px; }
.public-section-heading h2 { color: var(--public-navy); font-size: clamp(31px, 4vw, 53px); letter-spacing: -.06em; line-height: 1; margin: 0; max-width: 480px; }
.public-path-grid { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); margin-top: 43px; }
.public-path-card { border: 1px solid var(--public-line); border-radius: 10px; color: var(--public-ink); display: flex; flex-direction: column; min-height: 250px; padding: 25px; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.public-path-card:hover { box-shadow: 0 17px 35px rgba(7,27,47,.08); transform: translateY(-3px); }
.public-path-card-dark { background: var(--public-navy); border-color: var(--public-navy); color: white; }
.public-card-index { color: #0da99b; font: 11px 'DM Mono', monospace; margin-bottom: 31px; }
.public-path-card strong { font-size: 22px; letter-spacing: -.04em; }
.public-path-card p { color: #71889a; font-size: 14px; line-height: 1.55; margin: 10px 0 20px; }
.public-path-card-dark p { color: #a9c0cc; }
.public-card-link { color: #078f84; font: 700 11px 'DM Mono', monospace; margin-top: auto; }
.public-path-card-dark .public-card-link { color: #61e6d1; }
.public-top-list-teaser { background: var(--public-navy); border-radius: 12px; box-shadow: 0 24px 55px rgba(7,27,47,.16); color: white; min-height: 390px; overflow: hidden; padding: 29px 27px 25px; position: relative; }
.public-top-list-teaser::after { border: 1px solid rgba(97,230,209,.14); border-radius: 50%; content: ""; height: 380px; position: absolute; right: -155px; top: -110px; width: 380px; }
.public-top-list-teaser-heading, .public-top-list-teaser-copy, .public-top-list-rows, .public-top-list-integrity, .public-top-list-link { position: relative; z-index: 1; }
.public-top-list-teaser-heading { align-items: start; display: flex; justify-content: space-between; }
.public-eyebrow-light { color: #63e4ce; }
.public-top-list-teaser h2 { font-size: clamp(25px, 3vw, 39px); letter-spacing: -.06em; line-height: .95; margin: 0; max-width: 225px; }
.public-top-list-badge { border: 1px solid rgba(97,230,209,.55); border-radius: 999px; color: #63e4ce; font: 500 10px 'DM Mono', monospace; padding: 7px 9px; }
.public-top-list-teaser-copy { color: #a9c4d0; font-size: 12px; line-height: 1.45; margin: 12px 0 20px; max-width: 250px; }
.public-top-list-rows { list-style: none; margin: 0; padding: 0; }
.public-top-list-rows li + li, .public-ranking-list li + li { border-top: 1px solid rgba(168,207,215,.17); }
.public-top-list-row { align-items: center; display: flex; gap: 10px; min-height: 52px; }
.public-top-list-row:hover .public-top-list-name strong, .public-ranking-row:hover .public-ranking-name strong { color: #63e4ce; }
.public-top-list-rank { color: #648a9e; flex: 0 0 21px; font: 500 10px 'DM Mono', monospace; }
.public-top-list-avatar { background: #c1f2e7; border-radius: 50%; color: var(--public-navy); display: block; flex: 0 0 30px; height: 30px; object-fit: cover; width: 30px; }
.public-top-list-avatar-placeholder { align-items: center; display: grid; font: 800 12px 'DM Mono', monospace; justify-content: center; }
.public-top-list-name { display: block; min-width: 0; }
.public-top-list-name strong, .public-top-list-name span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-top-list-name strong { color: white; font-size: 12px; }
.public-top-list-name span { color: #83a9b7; font: 9px 'DM Mono', monospace; margin-top: 4px; }
.public-top-list-count { color: #63e4ce; font: 700 12px 'DM Mono', monospace; margin-left: auto; text-align: right; white-space: nowrap; }
.public-top-list-count small { color: #7fa2b0; display: block; font: 9px 'DM Mono', monospace; margin-top: 3px; }
.public-top-list-integrity { color: #d3e3e6; font-size: 11px; margin: 17px 0 0; }
.public-top-list-link { color: #63e4ce; display: inline-block; font: 700 11px 'DM Mono', monospace; margin-top: 12px; }
.public-top-list-link:hover { color: white; }
.public-top-list-empty { color: #a9c4d0; font-size: 12px; line-height: 1.5; margin: 30px 0; }
.public-top-lists-page { background: var(--public-paper); }
.public-top-lists-main { margin: auto; max-width: 1180px; padding: clamp(65px, 9vw, 110px) 24px 80px; width: 100%; }
.public-top-lists-intro h1 { color: var(--public-navy); font-size: clamp(48px, 7vw, 84px); letter-spacing: -.075em; line-height: .94; margin: 0; max-width: 760px; }
.public-top-lists-intro h1 em { color: #11a99c; font-style: normal; }
.public-top-lists-intro .public-simple-lead { max-width: 600px; }
.public-top-list-tabs { display: flex; gap: 25px; margin-top: 37px; }
.public-top-list-tabs a { border-bottom: 2px solid #11a99c; color: var(--public-navy); font: 700 11px 'DM Mono', monospace; padding-bottom: 9px; }
.public-top-list-tabs a + a { border-color: transparent; color: #71889a; }
.public-ranking-section { margin-top: 75px; }
.public-ranking-section-dark { background: var(--public-navy); border-radius: 12px; color: white; margin-left: -24px; margin-right: -24px; padding: 43px 24px 48px; }
.public-ranking-heading { align-items: end; display: flex; gap: 35px; justify-content: space-between; margin: auto; max-width: 880px; }
.public-ranking-heading h2 { color: var(--public-navy); font-size: clamp(32px, 4vw, 55px); letter-spacing: -.06em; line-height: .95; margin: 0; }
.public-ranking-section-dark .public-ranking-heading h2 { color: white; }
.public-ranking-heading > p { color: var(--public-muted); font-size: 13px; line-height: 1.5; margin: 0 0 3px; max-width: 330px; }
.public-ranking-section-dark .public-ranking-heading > p { color: #a9c4d0; }
.public-ranking-list { list-style: none; margin: 32px auto 0; max-width: 880px; padding: 0; }
.public-ranking-row { align-items: center; display: flex; gap: 16px; min-height: 72px; padding: 10px 0; }
.public-ranking-name { display: block; min-width: 0; }
.public-ranking-name strong, .public-ranking-name span { display: block; }
.public-ranking-name strong { color: var(--public-navy); font-size: 16px; }
.public-ranking-section-dark .public-ranking-name strong { color: white; }
.public-ranking-name span { color: var(--public-muted); font: 10px 'DM Mono', monospace; margin-top: 6px; }
.public-ranking-section-dark .public-ranking-name span { color: #83a9b7; }
.public-ranking-row .public-top-list-count { margin-left: auto; }
.public-ranking-empty { border: 1px dashed #b9d0d4; border-radius: 9px; color: var(--public-muted); margin: 32px auto 0; max-width: 880px; padding: 25px; }
.public-ranking-section-dark .public-ranking-empty { border-color: #315b70; color: #a9c4d0; }
.public-ranking-integrity { border: 1px solid #b9d0d4; border-radius: 10px; margin-top: 55px; padding: 22px 25px; }
.public-ranking-integrity strong { color: var(--public-navy); font-size: 16px; }
.public-ranking-integrity p { color: var(--public-muted); font-size: 13px; line-height: 1.5; margin: 8px 0 0; }
.public-footer { color: #8ca0ac; display: flex; font: 10px 'DM Mono', monospace; justify-content: space-between; margin: auto; max-width: 1180px; padding: 23px max(24px, 5vw); width: 100%; }
.public-footer-contained { max-width: 1180px; padding-left: 0; padding-right: 0; }
.public-footer a { color: inherit; text-decoration: none; }
.public-simple-page { display: flex; flex-direction: column; }
.creator-claim-main { width: min(620px, calc(100% - 36px)); margin: 64px auto 40px; flex: 1; }
.creator-claim-main h1 { margin: 0; color: var(--public-ink); font: 600 clamp(36px, 6vw, 58px)/.98 'Space Grotesk'; letter-spacing: -.06em; }
.creator-claim-main > .public-simple-lead { max-width: 560px; margin: 18px 0 28px; }
.creator-claim-card { padding: 24px; border: 1px solid var(--public-line); border-radius: 10px; background: #fff; box-shadow: 0 15px 38px rgba(27,66,91,.08); }
.creator-claim-profile { display: flex; align-items: center; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--public-line); }
.creator-claim-profile .creator-profile-mark { width: 44px; height: 44px; margin: 0; font-size: 20px; }
.creator-claim-profile div { display: grid; gap: 5px; min-width: 0; }
.creator-claim-profile strong { color: var(--public-ink); font: 600 18px 'Space Grotesk'; }
.creator-claim-profile span { overflow: hidden; color: var(--public-muted); font: 11px 'DM Mono'; text-overflow: ellipsis; white-space: nowrap; }
.creator-claim-state { display: grid; gap: 6px; margin: 20px 0; padding: 15px; border-radius: 7px; background: #f3f8f9; color: var(--public-muted); }
.creator-claim-state strong { color: var(--public-ink); font-size: 13px; }
.creator-claim-state span { font-size: 12px; line-height: 1.5; }
.creator-claim-state-success { background: #e8faf4; }
.creator-claim-state-ready { background: #eff8ff; }
.creator-claim-link { display: inline-flex; margin-top: 18px; color: #337e82; font: 600 11px 'DM Mono'; }
.creator-claim-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 18px; }
.creator-claim-steps div { display: grid; gap: 4px; padding: 12px; border-top: 1px solid var(--public-line); }
.creator-claim-steps strong { color: #35a995; font: 11px 'DM Mono'; }
.creator-claim-steps span { color: var(--public-muted); font-size: 11px; }
@media (max-width: 640px) { .creator-claim-main { margin-top: 42px; } .creator-claim-card { padding: 18px; } .creator-claim-steps { grid-template-columns: 1fr; } }
.public-search-main { margin: auto; max-width: 940px; padding: clamp(65px, 10vw, 120px) 24px 85px; width: 100%; }
.public-search-main h1 { font-size: clamp(47px, 6vw, 78px); }
.public-simple-lead { color: var(--public-muted); font-size: 18px; line-height: 1.55; margin: 28px 0 0; max-width: 660px; }
.public-search-form { margin-top: 42px; }
.public-form-label { color: var(--public-navy); display: block; font: 700 11px 'DM Mono', monospace; margin-bottom: 10px; }
.public-search-input-row { align-items: stretch; display: flex; gap: 10px; }
.public-search-input { background: white; border: 1px solid #bdd0d9; border-radius: 7px; box-sizing: border-box; color: var(--public-navy); flex: 1; font-size: 16px; min-height: 48px; min-width: 0; padding: 0 15px; }
.public-search-input:focus { border-color: #10bcae; box-shadow: 0 0 0 3px rgba(0,205,189,.16); outline: none; }
.public-form-note, .creator-profile-note { color: #8ca0ac; font-size: 12px; line-height: 1.5; margin: 16px 0 0; }
.public-form-error { color: #a33e4a; font-size: 13px; margin: 15px 0 0; }
.public-verify-main { max-width: 860px; }
.creator-profile-main { margin: auto; max-width: 530px; padding: 55px 24px 70px; text-align: center; width: 100%; }
.creator-profile-main h1 { font-size: clamp(42px, 6vw, 68px); }
.creator-profile-mark { align-items: center; background: var(--public-mint); border-radius: 50%; box-shadow: 0 0 0 8px #edfdf8; color: #0ca893; display: grid; font-size: 25px; height: 54px; margin: 0 auto 26px; width: 54px; }
.creator-profile-handle { color: #7e94a2; font: 11px 'DM Mono', monospace; margin: 10px 0 0; }
.creator-profile-card { align-items: center; background: white; border: 1px solid var(--public-line); border-radius: 9px; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; padding: 17px 19px; text-align: left; }
.creator-status-dot { background: #16bd9e; border-radius: 50%; box-shadow: 0 0 0 5px #e4faf3; height: 8px; margin: 0 5px 0 2px; width: 8px; }
.creator-status-dot-muted { background: #aab9c1; box-shadow: 0 0 0 5px #edf1f3; }
.creator-profile-card strong { color: var(--public-navy); font-size: 13px; }
.creator-follower-count { color: #8096a3; font: 10px 'DM Mono', monospace; margin-left: auto; }
.public-full-button { margin-top: 18px; width: 100%; }
.creator-profile-note { text-align: center; }
.creator-destinations { display: grid; gap: 9px; margin: 29px 0 0; text-align: left; }
.creator-destinations strong { color: var(--public-navy); font-size: 12px; }
.creator-destinations a { color: #078f84; font: 11px 'DM Mono', monospace; text-decoration: none; }
.creator-profile-links { display: flex; gap: 19px; justify-content: center; margin-top: 31px; }
.creator-profile-links a { color: #4d7181; font: 700 11px 'DM Mono', monospace; text-decoration: none; }

@media (max-width: 800px) {
  .public-header-contained { padding-left: 20px; padding-right: 20px; }
  .public-nav { gap: 14px; }
  .public-nav-link { display: none; }
  .public-hero { display: block; padding-top: 70px; }
  .public-brand-hero { display: grid; grid-template-columns: 1fr; padding: 64px 48px 42px; }
  .public-signal-visual { height: 390px; margin: 5px auto 0; max-width: 520px; width: 100%; }
  .public-proof-flow-grid { grid-template-columns: 1fr; }
  .public-proof-flow-grid article, .public-proof-flow-grid article:first-child, .public-proof-flow-grid article:last-child { border-left: 0; border-top: 1px solid var(--public-line); min-height: 0; padding: 28px 0; }
  .public-proof-flow-grid article:first-child { border-top: 0; padding-top: 0; }
  .public-proof-flow-grid strong { margin-top: 17px; }
  .public-proof-flow-grid p { max-width: 520px; }
  .public-community-stage { grid-template-columns: 1fr; }
  .public-community-stage .public-top-list-teaser { min-height: 0; }
  .public-top-list-teaser { margin: 55px auto 0; max-width: 470px; }
  .public-community-stage .public-top-list-teaser { margin: 0; max-width: none; }
  .public-path-grid { grid-template-columns: 1fr; }
  .public-path-card { min-height: 205px; }
  .public-community-grid, .public-recent-grid { grid-template-columns: 1fr 1fr; }
  .public-footer-contained { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 560px) {
  .public-header { padding: 19px 20px; }
  .public-brand { font-size: 18px; }
  .public-nav-cta { padding: 9px 10px; }
  .public-hero { padding-top: 53px; width: calc(100% - 40px); }
  .public-brand-hero { border-radius: 14px; padding: 48px 22px 28px; }
  .public-hero h1, .public-search-main h1 { font-size: 50px; }
  .public-brand-hero h1 { font-size: clamp(43px, 13vw, 58px); }
  .public-hero-lead { font-size: 18px; }
  .public-actions { align-items: stretch; flex-direction: column; }
  .public-button { width: 100%; }
  .public-text-action { margin: 6px 0 0; text-align: center; }
  .public-signal-visual { height: 315px; margin-top: 10px; }
  .public-signal-orbit-one { height: 240px; width: 310px; }
  .public-signal-orbit-two { height: 300px; width: 175px; }
  .public-source-mark { height: 92px; width: 92px; }
  .public-source-mark img { height: 65px; width: 65px; }
  .public-proof-node > span { font-size: 42px; height: 82px; width: 82px; }
  .public-source-node small, .public-proof-node small { margin-top: 10px; }
  .public-source-node strong, .public-proof-node strong { font-size: 10px; }
  .public-signal-beam { gap: 10px; }
  .public-signal-beam::before, .public-signal-beam::after { width: 25px; }
  .public-signal-caption { bottom: 0; }
  .public-proof-flow { padding: 65px 20px 70px; }
  .public-community-stage .public-community-grid { grid-template-columns: 1fr; }
  .public-top-list-teaser { margin-top: 35px; min-height: 0; padding: 25px 21px 23px; }
  .public-top-lists-main { padding-left: 20px; padding-right: 20px; }
  .public-ranking-section-dark { margin-left: -20px; margin-right: -20px; }
  .public-ranking-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .public-ranking-section { margin-top: 58px; }
  .public-ranking-row { gap: 10px; }
  .public-ranking-row .public-top-list-avatar { flex-basis: 32px; height: 32px; width: 32px; }
  .public-paths { padding: 65px 20px 70px; }
  .public-community { padding: 65px 20px 70px; }
  .public-community-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .public-community-grid, .public-recent-grid { grid-template-columns: 1fr; }
  .public-community-empty { align-items: flex-start; flex-direction: column; }
  .public-footer { align-items: flex-start; flex-direction: column; gap: 10px; }
  .public-search-input-row { align-items: stretch; flex-direction: column; }
  .public-search-main { padding-top: 62px; }
  .creator-profile-card { align-items: flex-start; }
  .creator-follower-count { margin-left: 15px; width: 100%; }
}
.creator-action-form { margin: 0; }
.creator-profile-card-success { border-color: rgba(32, 196, 157, .35); }
.public-viewer-auth-main { align-items: center; display: flex; justify-content: center; min-height: 60vh; padding: 32px 20px; }
.viewer-auth-card { max-width: 520px; width: 100%; }