:root {
  --bg: #070707;
  --panel: #101010;
  --panel-2: #171717;
  --line: #292929;
  --text: #f4f1ec;
  --muted: #a29f99;
  --red: #ef3c35;
  --red-dark: #a61e1a;
  --green: #62d69b;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; max-width: 100%; height: 76px; padding: 0 max(24px, calc((100vw - var(--max))/2)); background: rgba(7,7,7,.91); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; background: var(--red); color: white; font-family: "Space Grotesk", sans-serif; font-weight: 700; letter-spacing: -1px; }
.brand-copy { display: grid; line-height: .9; letter-spacing: .12em; }
.brand-copy strong { font-size: 15px; }
.brand-copy em { color: var(--red); font-size: 10px; font-style: normal; font-weight: 700; margin-top: 5px; }
.site-nav { display: flex; align-items: center; gap: 27px; font-size: 14px; color: #d2cfca; }
.site-nav a:hover, .nav-button:hover { color: white; }
.nav-toggle { display: none; border: 1px solid var(--line); background: transparent; color: white; padding: 8px 12px; }
.inline-form { margin: 0; }
.nav-button { background: none; border: 0; color: #d2cfca; cursor: pointer; padding: 0; }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 50px; padding: 0 22px; border: 1px solid var(--red); background: var(--red); color: white; font-weight: 700; cursor: pointer; transition: .2s ease; }
.button:hover { background: #ff5048; border-color: #ff5048; transform: translateY(-1px); }
.button-small { min-height: 38px; padding: 0 15px; font-size: 13px; }
.button-secondary { background: transparent; border-color: #484848; }
.button-secondary:hover { background: #202020; border-color: #666; }
.full-width { width: 100%; }
.flash { max-width: var(--max); margin: 16px auto 0; padding: 13px 16px; border: 1px solid var(--line); background: var(--panel); }
.flash-success { border-color: #286746; color: #bdf3d3; }
.flash-error { border-color: #71302d; color: #ffc0bc; }
.hero { position: relative; min-height: 720px; max-width: var(--max); margin: 0 auto; padding: 112px 0 90px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 76px; align-items: center; overflow: hidden; }
.hero-grid { position: absolute; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(#1f1f1f 1px, transparent 1px), linear-gradient(90deg,#1f1f1f 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero-copy, .terminal-card { position: relative; z-index: 1; }
.eyebrow { color: var(--red); text-transform: uppercase; letter-spacing: .19em; font-size: 11px; font-weight: 800; }
h1, h2, h3, blockquote { font-family: "Space Grotesk", sans-serif; }
h1 { font-size: clamp(48px, 6.5vw, 86px); line-height: .98; letter-spacing: -.055em; margin: 22px 0; }
h1 span { color: #77736e; }
.hero-copy > p { max-width: 670px; color: var(--muted); font-size: 18px; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 34px; }
.text-link { font-weight: 600; color: #d3d0ca; }
.text-link span { color: var(--red); margin-left: 8px; }
.hero-proof { display: flex; gap: 34px; padding-top: 55px; margin-top: 55px; border-top: 1px solid var(--line); }
.hero-proof div { display: grid; gap: 2px; }
.hero-proof strong { font-family: "Space Grotesk"; font-size: 20px; }
.hero-proof span { color: var(--muted); font-size: 12px; }
.terminal-card { background: #0e0e0e; border: 1px solid #303030; box-shadow: 0 35px 100px rgba(0,0,0,.55); transform: rotate(1deg); }
.terminal-top { display: flex; gap: 7px; align-items: center; height: 42px; padding: 0 14px; border-bottom: 1px solid #292929; }
.terminal-top span { width: 7px; height: 7px; border-radius: 50%; background: #484848; }
.terminal-top span:first-child { background: var(--red); }
.terminal-top em { margin-left: auto; color: #727272; font-size: 9px; font-style: normal; letter-spacing: .14em; }
.terminal-body { padding: 25px; }
.status-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #222; color: #8f8f8f; font-family: monospace; font-size: 12px; }
.status-row strong { color: #e7e3dd; }
.status-row .status-live { color: var(--green); }
.chart-bars { height: 170px; display: flex; align-items: end; gap: 8px; margin: 34px 0 20px; border-bottom: 1px solid #333; }
.chart-bars i { flex: 1; background: linear-gradient(to top, var(--red-dark), var(--red)); opacity: .8; }
.terminal-body p { color: #7d7d7d; font-size: 12px; }
.section { max-width: var(--max); margin: 0 auto; padding: 110px 0; }
.section-dark { max-width: none; padding-left: max(24px, calc((100vw - var(--max))/2)); padding-right: max(24px, calc((100vw - var(--max))/2)); background: #0c0c0c; border-block: 1px solid #1d1d1d; }
.section-heading { max-width: 760px; }
.section h2, .page-hero h1 { font-size: clamp(38px, 5vw, 64px); line-height: 1.05; letter-spacing: -.045em; margin: 17px 0; }
.section-heading > p, .page-hero p { color: var(--muted); font-size: 17px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 55px; }
.feature-card { padding: 30px; background: var(--panel); border: 1px solid var(--line); }
.feature-card > span { color: var(--red); font-family: monospace; font-size: 12px; }
.feature-card h3 { font-size: 22px; margin: 35px 0 12px; }
.feature-card p { color: var(--muted); font-size: 14px; }
.split-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 95px; }
.principles article { padding: 0 0 36px 40px; border-left: 1px solid #393939; position: relative; }
.principles article:before { content:""; position:absolute; left:-4px; top:7px; width:7px; height:7px; background:var(--red); }
.principles span { color: var(--red); font-size: 11px; text-transform: uppercase; letter-spacing: .17em; font-weight: 800; }
.principles h3 { font-size: 25px; margin: 8px 0; }
.principles p { color: var(--muted); }
.manifesto { padding-top: 30px; }
.manifesto-panel { padding: 70px; border: 1px solid #34201f; background: radial-gradient(circle at top right, rgba(239,60,53,.13), transparent 45%), #0e0e0e; }
.manifesto blockquote { max-width: 940px; margin: 22px 0; font-size: clamp(31px, 4.2vw, 56px); line-height: 1.08; letter-spacing: -.04em; }
.manifesto p { max-width: 780px; color: var(--muted); }
.pricing-callout { display: grid; grid-template-columns: .8fr 1fr .65fr; gap: 50px; align-items: center; border-top: 1px solid var(--line); }
.pricing-callout h2, .pricing-card h2 { font-size: 64px; margin: 5px 0; }
.pricing-callout h2 small, .pricing-card h2 small { font-size: 16px; color: var(--muted); letter-spacing: 0; }
.pricing-callout p { color: var(--muted); }
.check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.check-list li:before { content:"✓"; color: var(--red); margin-right: 11px; font-weight: 800; }
.site-footer { max-width: var(--max); margin: 0 auto; padding: 60px 0 40px; display: grid; grid-template-columns: 1fr auto; gap: 35px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.site-footer > div > p { max-width: 550px; }
.footer-links { display: flex; gap: 22px; align-items: start; }
.fine-print { grid-column: 1/-1; padding-top: 25px; border-top: 1px solid #1e1e1e; font-size: 11px; }
.page-hero { max-width: var(--max); margin: 0 auto; padding: 90px 0 20px; }
.page-hero.compact h1 { margin-bottom: 15px; }
.page-hero.compact p { max-width: 720px; }
.pricing-page { display: grid; grid-template-columns: 1fr .85fr; gap: 75px; padding-top: 35px; }
.pricing-card { position: relative; padding: 48px; border: 1px solid #53302e; background: radial-gradient(circle at top right, rgba(239,60,53,.15), transparent 40%), var(--panel); }
.pricing-label { position: absolute; top: 20px; right: 20px; color: var(--red); font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.pricing-card > p { color: var(--muted); }
.pricing-card .check-list { margin: 35px 0; }
.microcopy { color: #797773 !important; font-size: 11px !important; }
.pricing-notes { display: grid; align-content: start; gap: 8px; }
.pricing-notes h3 { font-size: 23px; margin: 20px 0 0; }
.pricing-notes p { color: var(--muted); margin-top: 4px; }
.auth-shell { max-width: 980px; margin: 0 auto; min-height: 650px; padding: 100px 0; display: grid; grid-template-columns: 1fr 430px; gap: 85px; align-items: center; }
.auth-copy h1 { font-size: 62px; }
.auth-copy p { color: var(--muted); font-size: 17px; }
.auth-card { display: grid; gap: 20px; padding: 35px; background: var(--panel); border: 1px solid var(--line); }
.auth-card label { display: grid; gap: 8px; color: #d8d4ce; font-size: 13px; font-weight: 600; }
.auth-card input { width: 100%; padding: 13px 14px; background: #080808; border: 1px solid #353535; color: white; outline: none; }
.auth-card input:focus { border-color: var(--red); }
.auth-card small, .auth-card p { color: var(--muted); font-size: 12px; }
.auth-card a { color: white; text-decoration: underline; }
.dashboard-header { max-width: var(--max); margin: 0 auto; padding: 75px 0 35px; display: flex; justify-content: space-between; align-items: end; }
.dashboard-header h1 { font-size: 54px; margin: 8px 0; }
.dashboard-header p { color: var(--muted); }
.member-badge { min-width: 190px; padding: 18px; border: 1px solid #4b2927; background: #120d0d; display: grid; text-align: right; }
.member-badge span { color: var(--red); font-size: 9px; letter-spacing: .2em; font-weight: 800; }
.member-badge strong { font-family: "Space Grotesk"; font-size: 30px; }
.dashboard-grid { max-width: var(--max); margin: 0 auto; padding-bottom: 100px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.dashboard-card { padding: 30px; border: 1px solid var(--line); background: var(--panel); }
.dashboard-card.wide { grid-column: 1/-1; }
.dashboard-card h2 { font-size: 26px; margin: 25px 0 10px; }
.dashboard-card p { color: var(--muted); }
.card-heading { display: flex; justify-content: space-between; align-items: center; color: #8f8c87; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.card-heading > strong:not(.pill) { color: white; }
.pill { padding: 4px 8px; border: 1px solid #3a3a3a; font-size: 9px; }
.pill-live { color: var(--green); border-color: #25563e; }
.pill-muted { color: #aaa; }
.warning-text { color: #f4b3ae !important; }
.license-reveal { display: grid; gap: 12px; padding: 22px; margin-top: 22px; background: #080808; border: 1px solid #54302e; }
.license-reveal span { color: #d9aaa7; font-size: 12px; }
.license-reveal code { overflow-wrap: anywhere; color: white; font-size: clamp(15px, 2.2vw, 24px); }
.copy-button { justify-self: start; background: transparent; color: white; border: 0; padding: 0; text-decoration: underline; cursor: pointer; }
.button-row { display: flex; align-items: center; gap: 18px; margin-top: 22px; }
.text-danger { background: none; color: #ff8d87; border: 0; cursor: pointer; text-decoration: underline; }
.data-table { margin-top: 25px; border-top: 1px solid #2d2d2d; }
.data-row { display: grid; grid-template-columns: 1.4fr .7fr 1fr .5fr; gap: 15px; padding: 13px 0; border-bottom: 1px solid #242424; font-size: 12px; color: #bbb7b1; }
.data-head { color: #74716c; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }
.release-card { display: flex; justify-content: space-between; align-items: center; background: radial-gradient(circle at right, rgba(239,60,53,.1), transparent 30%), var(--panel); }
.release-meta { display: flex; gap: 38px; }
.release-meta span { display: grid; color: #777; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.release-meta strong { color: white; font-size: 13px; margin-top: 5px; }
.legal-page { max-width: 820px; margin: 0 auto; padding: 90px 0 120px; }
.legal-page h1 { font-size: 62px; }
.legal-updated { color: #8f8b85; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.legal-page section { padding-top: 30px; }
.legal-page h2 { font-size: 25px; }
.legal-page section p { color: var(--muted); }
@media (max-width: 1220px) { .hero, .section, .site-footer, .page-hero, .auth-shell, .dashboard-header, .dashboard-grid { margin-left: 24px; margin-right: 24px; } }
@media (max-width: 850px) {
  .site-header { padding: 0 20px; }
  .nav-toggle { display: block; }
  .site-nav { display: none; position: absolute; top: 76px; left: 0; right: 0; padding: 22px; background: #0b0b0b; border-bottom: 1px solid var(--line); flex-direction: column; align-items: stretch; }
  .site-nav.open { display: flex; }
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .terminal-card { transform: none; }
  .feature-grid, .split-section, .pricing-callout, .pricing-page, .auth-shell { grid-template-columns: 1fr; }
  .pricing-callout { align-items: start; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .dashboard-card.wide { grid-column: auto; }
  .dashboard-header { align-items: start; gap: 25px; }
  .release-card, .dashboard-header { flex-direction: column; }
  .release-meta { width: 100%; flex-wrap: wrap; }
  .data-row { grid-template-columns: 1fr 1fr; }
  .data-head { display: none; }
  .site-footer { grid-template-columns: 1fr; }
  .fine-print { grid-column: auto; }
  .manifesto-panel { padding: 35px; }
}
@media (max-width: 520px) {
  h1 { font-size: 46px; }
  .hero-actions, .hero-proof, .button-row { align-items: stretch; flex-direction: column; }
  .hero-proof { gap: 15px; }
  .section { padding-top: 75px; padding-bottom: 75px; }
  .pricing-card, .dashboard-card, .auth-card { padding: 23px; }
  .member-badge { width: 100%; text-align: left; }
}
/* Milestone 2: member operations and owner console */
.badge-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.achievement-badge { border: 1px solid var(--line); background: rgba(255,255,255,.035); padding: 7px 10px; border-radius: 999px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.release-list { display: grid; gap: 14px; margin-top: 18px; }
.member-release { display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid var(--line); padding: 22px; background: rgba(255,255,255,.02); }
.member-release h2 { margin: 7px 0; }
.member-release p { max-width: 760px; }
.roadmap-form { display: grid; gap: 12px; margin-top: 22px; }
.roadmap-option { display: flex; align-items: flex-start; gap: 13px; border: 1px solid var(--line); padding: 17px; cursor: pointer; background: rgba(255,255,255,.02); }
.roadmap-option:has(input:checked) { border-color: rgba(239,60,53,.8); background: rgba(239,60,53,.08); }
.roadmap-option input { margin-top: 4px; }
.roadmap-option span { display: grid; gap: 4px; }
.roadmap-option small { color: var(--muted); }
.admin-header { max-width: 1180px; }
.admin-shell { max-width: 1180px; margin: 0 auto 120px; padding: 0 24px; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.stat-card { border: 1px solid var(--line); background: var(--panel); padding: 22px; display: grid; gap: 12px; }
.stat-card span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.stat-card strong { font: 700 36px/1 'Space Grotesk', sans-serif; }
.admin-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.admin-section { margin-top: 18px; }
.stack-form { display: grid; gap: 15px; }
.stack-form label { display: grid; gap: 7px; font-size: 12px; color: var(--muted); }
.stack-form input, .stack-form textarea, .stack-form select { width: 100%; border: 1px solid var(--line); background: #0c0c0c; color: white; padding: 12px 13px; font: inherit; }
.stack-form textarea { resize: vertical; }
.stack-form .check-line { display: flex; align-items: center; gap: 9px; }
.stack-form .check-line input { width: auto; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.admin-table th, .admin-table td { text-align: left; padding: 13px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.admin-table th { color: #85817b; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.admin-table td strong, .admin-table td small { display: block; }
.admin-table td small { color: var(--muted); margin-top: 4px; max-width: 380px; }
.admin-table code { font-size: 10px; white-space: normal; word-break: break-word; }
.compact-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.link-button { border: 0; background: none; color: white; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.link-button.danger { color: #ff746f; }
.poll-admin-list { display: grid; gap: 14px; }
.poll-admin-card { border: 1px solid var(--line); padding: 19px; display: grid; grid-template-columns: minmax(240px, 1fr) minmax(220px, 1fr) auto; gap: 24px; align-items: center; }
.poll-admin-card h3 { margin: 10px 0 5px; }
.poll-results { display: grid; gap: 7px; }
.poll-results span { color: var(--muted); }
.poll-results strong { color: white; display: inline-block; min-width: 22px; }
@media (max-width: 900px) {
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .admin-two-column { grid-template-columns: 1fr; }
  .poll-admin-card { grid-template-columns: 1fr; }
  .member-release { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) { .stat-grid { grid-template-columns: 1fr; } }
/* Milestone 3: onboarding, controlled delivery, notifications, and support */
.nav-count { display:inline-grid; place-items:center; min-width:18px; height:18px; margin-left:6px; padding:0 5px; border-radius:999px; background:var(--red); color:white; font-size:9px; font-weight:800; }
.onboarding-card { background: radial-gradient(circle at 80% 20%, rgba(239,60,53,.12), transparent 35%), var(--panel); }
.progress-track { height:7px; margin:20px 0 26px; overflow:hidden; background:#090909; border:1px solid #2d2d2d; }
.progress-track span { display:block; height:100%; background:linear-gradient(90deg,var(--red-dark),var(--red)); }
.onboarding-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:34px; align-items:start; }
.checklist-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.checklist-item { display:flex; gap:11px; align-items:center; padding:13px; border:1px solid var(--line); background:rgba(255,255,255,.02); font-size:12px; }
.checklist-item > span { display:grid; place-items:center; width:24px; height:24px; flex:0 0 auto; border:1px solid #555; border-radius:50%; color:#aaa; }
.checklist-item.is-done { border-color:#285c43; }
.checklist-item.is-done > span { background:#153b2a; border-color:#367b58; color:#bdf3d3; }
.detail-line { display:flex; justify-content:space-between; gap:16px; margin:18px 0; padding:12px 0; border-block:1px solid var(--line); font-size:12px; color:var(--muted); }
.detail-line strong { color:white; }
.notification-list { display:grid; gap:10px; margin:20px 0; }
.notification-item { display:flex; justify-content:space-between; gap:24px; padding:18px; border:1px solid var(--line); background:rgba(255,255,255,.018); }
.notification-item.is-unread { border-left:3px solid var(--red); background:rgba(239,60,53,.055); }
.notification-item h3 { margin:6px 0; }
.notification-item p { margin:0 0 7px; }
.notification-item small { color:#777; }
.release-facts { display:flex; flex-wrap:wrap; gap:18px; margin-top:15px; color:#85817b; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.release-facts strong, .release-facts code { color:#d8d4ce; text-transform:none; letter-spacing:0; }
.form-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ticket-list { display:grid; gap:10px; margin-top:22px; }
.ticket-list > div { display:grid; grid-template-columns:auto 1fr; gap:8px 12px; align-items:center; padding:14px; border:1px solid var(--line); }
.ticket-list small, .ticket-list p { grid-column:2; margin:0; }
.preference-form { display:grid; gap:12px; margin-top:20px; }
.preference-form > label { display:flex; gap:12px; align-items:flex-start; padding:13px; border:1px solid var(--line); }
.preference-form input { margin-top:4px; }
.preference-form span { display:grid; gap:3px; }
.preference-form small { color:var(--muted); }
.stat-grid-wide { grid-template-columns:repeat(6,1fr); }
.stat-card small { color:#777; font-size:10px; }
.admin-three-column { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:18px; }
.support-admin-list { display:grid; gap:14px; }
.support-admin-card { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; padding:20px; border:1px solid var(--line); background:rgba(255,255,255,.015); }
.support-admin-card h3 { margin:10px 0 6px; }
.support-admin-card small { color:#7f7b76; }
@media (max-width:1100px) { .stat-grid-wide { grid-template-columns:repeat(3,1fr); } .admin-three-column { grid-template-columns:1fr; } }
@media (max-width:850px) { .onboarding-layout, .support-admin-card { grid-template-columns:1fr; } .checklist-grid { grid-template-columns:1fr; } .notification-item { flex-direction:column; } }
@media (max-width:600px) { .stat-grid-wide, .form-pair { grid-template-columns:1fr; } }
.progress-0 span { width:0; }.progress-20 span { width:20%; }.progress-40 span { width:40%; }.progress-60 span { width:60%; }.progress-80 span { width:80%; }.progress-100 span { width:100%; }
.chart-bars .bar-28 { height:28%; }.chart-bars .bar-44 { height:44%; }.chart-bars .bar-36 { height:36%; }.chart-bars .bar-62 { height:62%; }.chart-bars .bar-52 { height:52%; }.chart-bars .bar-78 { height:78%; }.chart-bars .bar-68 { height:68%; }.chart-bars .bar-88 { height:88%; }.chart-bars .bar-74 { height:74%; }.chart-bars .bar-96 { height:96%; }
/* Milestones 4–5: launch controls, member events, artifacts, and product intelligence */
.event-grid { display:grid; gap:14px; margin-top:18px; }
.member-event { display:grid; grid-template-columns:1fr auto; gap:26px; align-items:center; padding:22px; border:1px solid var(--line); background:rgba(255,255,255,.018); }
.member-event h2 { margin:7px 0; }
.event-instructions { margin-top:16px; padding:15px; border-left:3px solid var(--red); background:rgba(239,60,53,.055); }
.event-instructions p { margin:6px 0 0; }
.artifact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
.artifact-card { min-height:170px; padding:20px; border:1px solid var(--line); background:radial-gradient(circle at 80% 15%,rgba(239,60,53,.12),transparent 40%),rgba(255,255,255,.018); }
.artifact-card > span { display:inline-block; padding:5px 8px; border:1px solid rgba(239,60,53,.45); color:#ff8d88; font-size:9px; letter-spacing:.14em; }
.artifact-card h3 { margin:18px 0 7px; }
.artifact-card p { min-height:42px; }
.artifact-card small { color:#777; }
.feedback-history { display:grid; gap:10px; margin-top:20px; }
.feedback-history > div { padding:14px; border:1px solid var(--line); }
.feedback-history strong { margin-left:9px; font-size:11px; }
.feedback-history p { margin:10px 0 5px; }
.signal-list { display:grid; gap:8px; margin:12px 0 24px; }
.signal-list span { display:grid; grid-template-columns:52px 1fr; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); color:var(--muted); text-transform:capitalize; }
.signal-list strong { color:white; font-size:18px; }
.inline-grant { display:grid; grid-template-columns:64px minmax(100px,150px) auto; gap:7px; width:100%; }
.inline-grant input { min-width:0; border:1px solid var(--line); background:#0c0c0c; color:white; padding:6px 7px; font-size:10px; }
@media (max-width:900px) { .member-event { grid-template-columns:1fr; } .artifact-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .artifact-grid { grid-template-columns:1fr; } .inline-grant { grid-template-columns:1fr; } }

/* Milestones 6–7: owner security and compliance */
.security-secret { margin:18px 0; padding:18px; border:1px solid #5a3a22; background:rgba(184,110,45,.08); }
.security-secret code { display:block; margin-top:8px; padding:12px; overflow-wrap:anywhere; background:#080808; border:1px solid var(--line); color:#ffd2a3; }
.security-secret pre { white-space:pre-wrap; padding:14px; border:1px solid var(--line); background:#080808; color:#e8e1d7; line-height:1.8; }
.legal-consents { display:grid; gap:10px; }
.legal-consents label { display:flex; gap:10px; align-items:flex-start; padding:12px; border:1px solid var(--line); font-size:11px; color:var(--muted); }
.legal-consents input { margin-top:3px; }
.button-danger { background:#6d1d1a; border-color:#9b302b; color:white; }
.button-danger:hover { background:#84241f; }

/* 2026-08-10 public-site refresh: white-first, horizontal, visual marketing surface */
.public-light {
  --public-ink:#07070a;
  --public-muted:#65656f;
  --public-line:#dedee7;
  --pink:#ff2fa0;
  --lime:#74ff63;
  --purple:#7b2cff;
  --cyan:#00d9ff;
  --yellow:#ffd84a;
  background:#fff;
  color:var(--public-ink);
}
.public-light .site-header {
  height:64px;
  padding:0 clamp(18px,3vw,46px);
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(8,8,14,.08);
  box-shadow:0 12px 40px rgba(21,20,34,.04);
  backdrop-filter:blur(20px) saturate(1.4);
}
.public-light .brand { gap:13px; color:#050507; }
.brand-wordmark { display:flex; gap:5px; align-items:center; font-family:"Space Grotesk",sans-serif; letter-spacing:-.045em; line-height:1; }
.brand-wordmark strong { font-size:18px; font-weight:700; }
.brand-wordmark strong:last-child { font-weight:500; }
.brand-product { padding-left:13px; border-left:1px solid #cacad3; color:#777782; font-size:9px; font-weight:800; letter-spacing:.17em; line-height:1; }
.public-light .site-nav { gap:22px; color:#53535d; font-size:12px; font-weight:700; }
.public-light .site-nav a:hover,.public-light .nav-button:hover { color:#000; }
.public-light .button { border-radius:999px; border-color:#07070a; background:#07070a; color:#fff; }
.public-light .button:hover { background:#212126; border-color:#212126; }
.public-light .nav-toggle { color:#09090c; border-color:#d6d6de; background:#fff; border-radius:999px; }
.public-light .site-footer { background:#fff; color:#09090d; border-top:1px solid #e6e6ec; }
.public-light .site-footer p,.public-light .fine-print { color:#777782; }
.public-light .footer-links a { color:#17171c; }
.public-light .flash { background:#fff; color:#111; box-shadow:0 10px 30px rgba(0,0,0,.08); }

/* Homepage is a horizontal product story: no legacy vertical page stack. */
.home-page { overflow:hidden; }
.home-page .site-footer { display:none; }
.home-page main { height:calc(100svh - 64px); overflow:hidden; }
.home-shell { position:relative; height:100%; background:#fff; }
.home-stage {
  display:flex;
  width:100%;
  height:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.home-stage::-webkit-scrollbar { display:none; }
.home-panel {
  position:relative;
  flex:0 0 100vw;
  width:100vw;
  height:100%;
  min-width:0;
  padding:clamp(24px,3.7vw,56px) clamp(22px,5vw,76px);
  scroll-snap-align:start;
  scroll-snap-stop:always;
  overflow:hidden;
  background:#fff;
}
.home-panel-nav {
  position:fixed;
  z-index:48;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(12,12,18,.1);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 40px rgba(35,35,50,.12);
  backdrop-filter:blur(16px);
}
.home-panel-nav button { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#c7c7d0; cursor:pointer; transition:.25s ease; }
.home-panel-nav button.is-active { width:28px; border-radius:999px; background:#111116; }
.ambient { position:absolute; border-radius:50%; filter:blur(20px); opacity:.42; pointer-events:none; }
.ambient-pink { width:38vw; height:38vw; right:16vw; top:-25vw; background:radial-gradient(circle,#ff2fa0 0%,rgba(255,47,160,0) 68%); }
.ambient-lime { width:30vw; height:30vw; right:-9vw; bottom:-16vw; background:radial-gradient(circle,#74ff63 0%,rgba(116,255,99,0) 66%); }
.micro-kicker { margin:0 0 12px; color:#111116; font-size:10px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.micro-kicker.pink { color:#ff2fa0; }
.micro-kicker.purple { color:#7b2cff; }
.micro-kicker.lime { color:#39a82c; }
.home-hero { display:grid; grid-template-columns:minmax(380px,.82fr) minmax(520px,1.18fr); gap:clamp(32px,5vw,84px); align-items:center; }
.compact-marketing-copy { position:relative; z-index:3; max-width:650px; }
.launch-pill { display:inline-flex; align-items:center; gap:11px; margin-bottom:28px; padding:8px 10px 8px 13px; border:1px solid #dcdce5; border-radius:999px; background:rgba(255,255,255,.74); box-shadow:0 10px 30px rgba(0,0,0,.05); font-size:9px; letter-spacing:.13em; }
.launch-pill span { color:#777783; font-weight:800; }
.launch-pill strong { color:#111116; }
.launch-pill i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:linear-gradient(135deg,#ff2fa0,#7b2cff); color:#fff; font-style:normal; }
.home-hero h1,.home-panel h2 { margin:0; font-family:"Space Grotesk",sans-serif; letter-spacing:-.065em; color:#07070a; }
.home-hero h1 { max-width:760px; font-size:clamp(58px,6.6vw,112px); line-height:.84; }
.home-hero h1 span { background:linear-gradient(90deg,#7b2cff 0%,#ff2fa0 48%,#ff6c31 78%,#7bcf2c 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-sub { max-width:570px; margin:24px 0 0; color:#676771; font-size:clamp(14px,1.25vw,18px); line-height:1.55; }
.home-hero .hero-actions { gap:18px; margin:26px 0 0; }
.neon-button { min-height:46px; padding:0 21px; border:0!important; background:linear-gradient(100deg,#7b2cff,#ff2fa0 55%,#ff6b33)!important; box-shadow:0 10px 30px rgba(255,47,160,.2); }
.neon-button:hover { filter:saturate(1.14) brightness(1.05); transform:translateY(-2px); }
.text-button { border:0; background:transparent; color:#17171d; padding:10px 0; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.text-button span { display:inline-block; margin-left:8px; color:#ff2fa0; transition:.2s ease; }
.text-button:hover span { transform:translateX(4px); }
.hero-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }
.hero-badges span,.founder-points span { padding:6px 9px; border:1px solid #e2e2e8; border-radius:999px; color:#676772; background:rgba(255,255,255,.65); font-size:8px; font-weight:900; letter-spacing:.11em; }
.review-signal { display:flex; gap:9px; align-items:center; margin-top:20px; color:#787883; font-size:10px; }
.review-signal strong { color:#0fa95d; letter-spacing:.06em; font-size:12px; }
.automation-visual { position:relative; z-index:2; min-width:0; padding:12px; border:1px solid rgba(11,11,17,.1); border-radius:30px; background:rgba(255,255,255,.66); box-shadow:0 35px 100px rgba(30,24,50,.15),0 2px 0 rgba(255,255,255,.8) inset; backdrop-filter:blur(20px); transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg); }
.visual-topline { display:flex; justify-content:space-between; align-items:center; height:32px; padding:0 10px; color:#7a7a84; font-size:8px; font-weight:800; letter-spacing:.14em; }
.visual-topline strong { color:#111116; }
.visual-topline strong i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#47e568; box-shadow:0 0 0 5px rgba(71,229,104,.12); }
.market-screen { position:relative; height:min(57vh,560px); min-height:390px; overflow:hidden; border-radius:22px; background:#08090d; box-shadow:0 0 0 1px rgba(255,255,255,.08) inset; }
.market-screen::before { content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(circle at 72% 18%,rgba(123,44,255,.25),transparent 28%),radial-gradient(circle at 88% 78%,rgba(116,255,99,.11),transparent 22%),linear-gradient(120deg,rgba(255,255,255,.025),transparent 40%); pointer-events:none; }
.market-svg { position:absolute; inset:8% 3% 13% 3%; width:94%; height:79%; }
.grid-lines path { stroke:#20212a; stroke-width:1; }
.equity-line { fill:none; stroke-width:4; stroke-linecap:round; stroke-dasharray:1300; stroke-dashoffset:1300; animation:drawMarket 3.8s ease-out forwards; }
.area-fill { opacity:.7; animation:fadeMarket 1.2s ease-out both; }
.candles line { stroke:#74ff63; stroke-width:2; }
.candles rect { fill:#74ff63; }
.candles .down line { stroke:#ff315f; }
.candles .down rect { fill:#ff315f; }
.candles .signal-candle rect { filter:drop-shadow(0 0 12px rgba(255,49,95,.72)); }
.signal-pulse circle { fill:#ff2fa0; stroke:#fff; stroke-width:2; }
.signal-pulse .pulse-ring { fill:none; stroke:#ff2fa0; animation:pulseRing 1.6s ease-out infinite; }
.signal-path { fill:none; stroke:#00d9ff; stroke-width:2; stroke-dasharray:7 8; opacity:.7; }
.signal-dot { fill:#00d9ff; filter:drop-shadow(0 0 7px #00d9ff); }
.system-node { position:absolute; z-index:3; display:grid; grid-template-columns:auto 1fr; gap:0 8px; align-items:center; min-width:128px; padding:9px 10px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(13,14,21,.78); color:#fff; box-shadow:0 15px 35px rgba(0,0,0,.22); backdrop-filter:blur(10px); }
.system-node b { grid-row:1 / span 2; display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:#050509; background:#74ff63; font-size:12px; }
.system-node span { color:#858795; font-size:7px; letter-spacing:.13em; font-weight:800; }
.system-node strong { font-family:"Space Grotesk",sans-serif; font-size:14px; }
.node-research { left:5%; top:8%; }
.node-research b { background:#c59cff; }
.node-signal { right:5%; top:15%; }
.node-signal b { background:#ff76bc; }
.node-exec { right:10%; bottom:17%; }
.node-exec b { background:#74ff63; }
.flow-line { position:absolute; z-index:2; height:1px; background:linear-gradient(90deg,transparent,#7b2cff,#ff2fa0,#74ff63,transparent); transform-origin:left; opacity:.45; }
.flow-a { left:18%; top:20%; width:55%; transform:rotate(5deg); }
.flow-b { left:30%; top:50%; width:58%; transform:rotate(-12deg); }
.ticker-strip { position:absolute; left:0; right:0; bottom:0; z-index:4; display:flex; gap:32px; overflow:hidden; padding:11px 18px; border-top:1px solid rgba(255,255,255,.07); color:#777a88; background:rgba(5,6,9,.76); font:700 8px/1 monospace; letter-spacing:.1em; }
.ticker-strip span { flex:0 0 auto; animation:tickerSlide 11s linear infinite; }
.visual-stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:11px 8px 2px; }
.visual-stat-row div { display:grid; gap:2px; }
.visual-stat-row span { color:#92929d; font-size:7px; font-weight:900; letter-spacing:.13em; }
.visual-stat-row strong { color:#111116; font-size:10px; }
.swipe-cue { position:absolute; right:32px; bottom:28px; color:#9a9aa4; font-size:8px; font-weight:800; letter-spacing:.13em; }
.swipe-cue span { margin-left:8px; color:#111; }
@keyframes drawMarket { to { stroke-dashoffset:0; } }
@keyframes fadeMarket { from { opacity:0; } to { opacity:.7; } }
@keyframes pulseRing { 0% { r:8; opacity:.9; } 100% { r:34; opacity:0; } }
@keyframes tickerSlide { to { transform:translateX(-160px); } }

/* Platform panel */
.platform-panel { display:grid; grid-template-columns:.72fr 1.18fr; gap:clamp(30px,5vw,80px); align-items:center; background:linear-gradient(120deg,#fff 0%,#fbfaff 50%,#f7fff6 100%); }
.panel-copy { position:relative; z-index:3; max-width:560px; }
.home-panel h2 { font-size:clamp(48px,5.7vw,90px); line-height:.91; }
.home-panel h2 span { color:#96969f; }
.panel-copy > p:not(.micro-kicker) { max-width:520px; color:#6e6e77; font-size:15px; }
.capability-rail { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; max-height:68vh; }
.capability-rail article { position:relative; min-height:150px; padding:18px; border:1px solid rgba(10,10,16,.08); border-radius:20px; background:rgba(255,255,255,.76); box-shadow:0 18px 50px rgba(30,25,60,.06); transition:.25s ease; }
.capability-rail article:nth-child(2),.capability-rail article:nth-child(7) { background:linear-gradient(145deg,rgba(123,44,255,.1),rgba(255,255,255,.78)); }
.capability-rail article:nth-child(4),.capability-rail article:nth-child(8) { background:linear-gradient(145deg,rgba(255,47,160,.1),rgba(255,255,255,.78)); }
.capability-rail article:nth-child(5) { background:linear-gradient(145deg,rgba(116,255,99,.13),rgba(255,255,255,.78)); }
.capability-rail article:hover { transform:translateY(-6px) rotate(-.5deg); box-shadow:0 24px 60px rgba(50,40,80,.11); }
.capability-rail i { display:block; margin-bottom:28px; color:#a8a8b1; font:700 8px/1 monospace; font-style:normal; }
.capability-rail b { display:block; margin-bottom:8px; font-family:"Space Grotesk",sans-serif; font-size:13px; letter-spacing:-.02em; }
.capability-rail span { display:block; color:#777781; font-size:10px; line-height:1.45; }
.platform-orbit { position:absolute; left:38%; bottom:-29vw; width:44vw; height:44vw; border:1px solid rgba(123,44,255,.12); border-radius:50%; opacity:.72; }
.platform-orbit::before,.platform-orbit::after { content:""; position:absolute; border:1px solid rgba(255,47,160,.12); border-radius:50%; inset:12%; }
.platform-orbit::after { inset:26%; border-color:rgba(116,255,99,.18); }
.platform-orbit > span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#d3d0df; font:900 3vw/1 "Space Grotesk"; }
.platform-orbit i { position:absolute; width:9px; height:9px; border-radius:50%; background:#7b2cff; box-shadow:0 0 20px rgba(123,44,255,.5); animation:orbitPulse 2.6s ease-in-out infinite alternate; }
.platform-orbit i:nth-of-type(1){left:9%;top:42%}.platform-orbit i:nth-of-type(2){right:18%;top:17%;background:#ff2fa0;animation-delay:.4s}.platform-orbit i:nth-of-type(3){right:5%;bottom:34%;background:#74ff63;animation-delay:.8s}.platform-orbit i:nth-of-type(4){left:30%;top:3%;background:#00d9ff;animation-delay:1s}.platform-orbit i:nth-of-type(5){left:23%;bottom:13%;background:#ff7b32;animation-delay:1.3s}.platform-orbit i:nth-of-type(6){right:31%;bottom:4%;background:#ff2fa0;animation-delay:1.6s}
@keyframes orbitPulse { to { transform:scale(1.9); opacity:.35; } }

/* Comparison panel */
.comparison-panel { display:grid; grid-template-rows:auto 1fr auto; gap:18px; background:#08090d; color:#fff; }
.compare-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.comparison-panel h2 { color:#fff; font-size:clamp(40px,4.6vw,72px); }
.comparison-panel h2 span { color:#777987; }
.compare-heading > p { max-width:350px; margin:0 0 4px; color:#a5a7b2; font-size:11px; line-height:1.45; }
.compare-groups { display:grid; grid-template-columns:minmax(0,3fr) 54px minmax(260px,1fr); gap:12px; min-height:0; align-items:stretch; }
.competitor-side { position:relative; display:grid; grid-template-rows:auto 1fr; gap:10px; padding:12px; border:1px solid #2b2e38; border-radius:24px; background:#0d0f15; }
.side-label { display:flex; align-items:center; gap:10px; min-height:36px; padding:0 4px; }
.side-label span { display:grid; place-items:center; min-width:48px; height:24px; padding:0 8px; border-radius:999px; font-size:8px; font-weight:950; letter-spacing:.14em; }
.side-label strong { font:800 12px/1 "Space Grotesk",sans-serif; letter-spacing:.08em; }
.side-label small { margin-left:auto; font-size:8px; color:#7e818d; text-transform:uppercase; letter-spacing:.08em; }
.competitor-label span { background:#252833; color:#d9dbe3; }
.competitor-label strong { color:#b8bac4; }
.forge-label span { background:#74ff63; color:#081006; box-shadow:0 0 20px rgba(116,255,99,.22); }
.forge-label strong { color:#fff; }
.forge-label small { color:#86ce7d; }
.vendor-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; min-height:0; }
.competitor-card { position:relative; min-width:0; padding:18px; border:1px solid #30333d; border-radius:18px; background:linear-gradient(160deg,#151720,#0b0c11); overflow:hidden; }
.competitor-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background:#3a3d48; }
.card-badge { display:inline-flex; align-items:center; height:20px; margin-bottom:13px; padding:0 7px; border:1px solid #3a3d47; border-radius:999px; color:#8e919d; font-size:6px; font-weight:950; letter-spacing:.12em; }
.competitor-top { display:grid; gap:2px; padding-bottom:14px; border-bottom:1px solid #292c35; }
.competitor-top span { color:#e8e9ee; font-size:9px; font-weight:950; letter-spacing:.08em; }
.competitor-top strong { margin-top:7px; color:#fff; font:700 clamp(28px,2.3vw,40px)/1 "Space Grotesk",sans-serif; letter-spacing:-.05em; }
.competitor-top small { color:#7a7d89; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.competitor-card ul,.forge-side ul { display:grid; gap:9px; margin:15px 0 40px; padding:0; list-style:none; }
.competitor-card li,.forge-side li { position:relative; padding-left:14px; font-size:9px; line-height:1.35; }
.competitor-card li { color:#9a9daa; }
.competitor-card li::before,.forge-side li::before { content:""; position:absolute; left:0; top:.48em; width:5px; height:5px; border-radius:50%; }
.competitor-card li::before { background:#555866; }
.competitor-card > a { position:absolute; left:18px; bottom:15px; color:#8d909b; font-size:8px; font-weight:850; letter-spacing:.04em; }
.versus-mark { display:grid; place-items:center; color:#fff; font:950 18px/1 "Space Grotesk",sans-serif; letter-spacing:-.04em; }
.versus-mark::before { content:""; position:absolute; width:1px; height:46%; background:linear-gradient(transparent,#343742,transparent); }
.versus-mark { position:relative; z-index:1; }
.versus-mark::after { content:""; position:absolute; z-index:-1; width:44px; height:44px; border:1px solid #343742; border-radius:50%; background:#08090d; }
.forge-side { position:relative; display:flex; flex-direction:column; min-width:0; padding:18px; border:1px solid rgba(116,255,99,.52); border-radius:24px; background:radial-gradient(circle at 100% 0%,rgba(116,255,99,.14),transparent 35%),radial-gradient(circle at 0% 100%,rgba(255,47,160,.12),transparent 42%),#0b0d11; box-shadow:0 0 70px rgba(116,255,99,.08); overflow:hidden; }
.forge-side::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:3px; background:linear-gradient(90deg,#7b2cff,#ff2fa0,#74ff63); }
.forge-price { display:grid; gap:7px; margin-top:14px; padding:18px 0 15px; border-top:1px solid #26302a; border-bottom:1px solid #26302a; }
.forge-price > span { color:#8fd685; font-size:9px; font-weight:950; letter-spacing:.12em; }
.forge-price > strong { color:#fff; font:750 clamp(28px,2.5vw,42px)/1 "Space Grotesk",sans-serif; letter-spacing:-.05em; }
.forge-price small { color:#7d818b; font-size:.28em; letter-spacing:0; }
.forge-side li { color:#d4d7dd; }
.forge-side li::before { background:#74ff63; box-shadow:0 0 8px rgba(116,255,99,.6); }
.forge-side > a { margin-top:auto; color:#74ff63; font-size:9px; font-weight:900; }
.compare-ribbon { display:flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:8px 14px; border:1px solid #262832; border-radius:999px; color:#b3b6c1; font-size:8px; font-weight:900; letter-spacing:.09em; }
.compare-ribbon strong:first-child { color:#a8aab5; }
.compare-ribbon strong:nth-of-type(2) { color:#74ff63; }
.compare-ribbon span { color:#fff; }

/* Founders panel */
.founders-panel { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:50px; background:radial-gradient(circle at 82% 35%,rgba(255,47,160,.17),transparent 24%),radial-gradient(circle at 70% 70%,rgba(123,44,255,.14),transparent 28%),radial-gradient(circle at 15% 90%,rgba(116,255,99,.13),transparent 25%),#fff; }
.founder-copy { max-width:660px; }
.founder-copy h2 { font-size:clamp(54px,6vw,100px); }
.founder-copy h2 small { font-size:.2em; letter-spacing:0; color:#777781; }
.founder-copy > p:not(.micro-kicker) { max-width:550px; margin:18px 0; color:#6c6c76; font-size:14px; }
.founder-points { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 26px; }
.wheel-zone { position:relative; display:grid; place-items:center; align-content:center; min-height:540px; }
.founder-wheel { position:relative; width:min(34vw,440px); height:min(34vw,440px); min-width:330px; min-height:330px; border-radius:50%; background:conic-gradient(from 0deg,#ff2fa0 0 60deg,#7b2cff 60deg 120deg,#00d9ff 120deg 180deg,#74ff63 180deg 240deg,#ffd84a 240deg 300deg,#ff7040 300deg 360deg); box-shadow:0 30px 90px rgba(66,32,80,.2),inset 0 0 0 12px #fff,inset 0 0 0 14px rgba(7,7,10,.08); transition:transform 3.8s cubic-bezier(.12,.68,.16,1); }
.founder-wheel::before { content:""; position:absolute; inset:9%; border-radius:50%; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 20px 50px rgba(0,0,0,.08); }
.wheel-center { position:absolute; z-index:4; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:31%; height:31%; border-radius:50%; background:#07070a; color:#fff; font:800 40px/1 "Space Grotesk"; text-align:center; box-shadow:0 0 0 9px #fff,0 16px 40px rgba(0,0,0,.25); }
.wheel-center small { font:800 7px/1 Inter,sans-serif; letter-spacing:.17em; color:#b7b7c0; }
.wheel-label { position:absolute; z-index:3; width:90px; color:#111116; font-size:7px; letter-spacing:.05em; text-align:center; }
.w1{left:50%;top:4%;transform:translateX(-50%)}.w2{right:3%;top:28%;transform:rotate(60deg)}.w3{right:7%;bottom:20%;transform:rotate(120deg)}.w4{left:50%;bottom:4%;transform:translateX(-50%) rotate(180deg)}.w5{left:2%;bottom:22%;transform:rotate(240deg)}.w6{left:2%;top:27%;transform:rotate(300deg)}
.wheel-pointer { position:absolute; z-index:9; top:2%; left:50%; width:0; height:0; transform:translateX(-50%); border-left:14px solid transparent; border-right:14px solid transparent; border-top:28px solid #07070a; filter:drop-shadow(0 5px 5px rgba(0,0,0,.15)); }
.wheel-preview { margin-top:22px; border:0; border-bottom:1px solid #111; background:transparent; color:#111; font-size:10px; font-weight:900; cursor:pointer; }
.wheel-zone > p { max-width:420px; margin:8px 0 0; color:#8a8a95; font-size:8px; text-align:center; }
.founder-marquee { position:absolute; left:0; right:0; bottom:0; overflow:hidden; border-top:1px solid #ececf1; background:rgba(255,255,255,.7); white-space:nowrap; }
.founder-marquee div { width:max-content; padding:9px 0; color:#777781; font-size:8px; font-weight:900; letter-spacing:.13em; animation:founderMarquee 28s linear infinite; }
@keyframes founderMarquee { to { transform:translateX(-50%); } }

/* Plans panel */
.plans-panel { display:grid; grid-template-rows:auto 1fr auto auto; gap:16px; background:linear-gradient(145deg,#fff,#faf9ff 58%,#f9fff8); }
.plans-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; }
.plans-heading h2 { font-size:clamp(38px,4.4vw,68px); }
.plans-heading > a { margin-bottom:6px; color:#111116; font-size:10px; font-weight:900; }
.plan-rail { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; min-height:0; }
.mini-plan { position:relative; display:flex; flex-direction:column; min-height:0; padding:20px; border:1px solid #e1e1e8; border-radius:22px; background:rgba(255,255,255,.82); box-shadow:0 15px 50px rgba(20,20,35,.05); }
.mini-plan > span { color:#85858f; font-size:8px; font-weight:900; letter-spacing:.12em; }
.mini-plan h3 { margin:20px 0 14px; color:#07070a; font:700 clamp(36px,3.2vw,56px)/1 "Space Grotesk",sans-serif; letter-spacing:-.05em; }
.mini-plan h3 small { color:#9696a0; font-size:.25em; letter-spacing:0; }
.mini-plan p { margin:0; color:#6d6d76; font-size:10px; line-height:1.5; }
.mini-plan > a { margin-top:auto; padding-top:18px; color:#111116; font-size:9px; font-weight:900; }
.founder-plan { border-color:rgba(255,47,160,.38); background:linear-gradient(160deg,rgba(255,47,160,.08),rgba(123,44,255,.05),#fff); box-shadow:0 18px 60px rgba(255,47,160,.08); }
.all-plan { border-color:rgba(116,255,99,.5); background:linear-gradient(160deg,rgba(116,255,99,.09),#fff); }
.best-value { position:absolute; top:15px; right:14px; padding:5px 7px; border-radius:999px; background:#ff2fa0; color:#fff; font-size:6px; font-weight:900; letter-spacing:.13em; }
.addon-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.addon-strip span,.services-bar span { display:flex; justify-content:space-between; gap:8px; padding:9px 11px; border:1px solid #e4e4e9; border-radius:12px; color:#787882; background:#fff; font-size:8px; font-weight:800; }
.addon-strip b,.services-bar b { color:#111116; }
.home-legal { display:flex; justify-content:flex-end; gap:16px; align-items:center; color:#a0a0aa; font-size:7px; }
.home-legal span { margin-right:auto; }
.home-legal a { color:#6f6f78; }

/* Pricing page refresh */
.price-deck { max-width:1440px; margin:0 auto; padding:clamp(28px,4vw,58px) clamp(20px,4vw,56px) 60px; }
.price-deck-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:28px; }
.price-deck-head .eyebrow { color:#7b2cff; }
.price-deck-head h1 { margin:8px 0 0; color:#07070a; font-size:clamp(52px,6vw,88px); line-height:.88; letter-spacing:-.065em; }
.price-deck-head h1 span { background:linear-gradient(90deg,#7b2cff,#ff2fa0,#74c33d); -webkit-background-clip:text; background-clip:text; color:transparent; }
.price-deck-head p { max-width:560px; margin:12px 0 0; color:#70707a; font-size:13px; }
.price-arrow { color:#8a8a94; font:800 12px/1 "Space Grotesk",sans-serif; letter-spacing:.1em; }
.price-arrow span { padding:0 7px; color:#ff2fa0; }
.pricing-rail-clean { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.price-tile { position:relative; min-height:390px; padding:22px; border:1px solid #e0e0e7; border-radius:24px; background:#fff; box-shadow:0 20px 60px rgba(24,24,40,.05); }
.price-tile .price-num { position:absolute; top:20px; right:20px; color:#b1b1ba; font:700 9px/1 monospace; }
.price-tile > span { color:#74747e; font-size:9px; font-weight:900; letter-spacing:.13em; }
.price-tile h2 { margin:31px 0 10px; color:#08080b; font-size:clamp(42px,4vw,60px); line-height:1; letter-spacing:-.05em; }
.price-tile h2 small { color:#9a9aa4; font-size:.2em; letter-spacing:0; }
.price-tile p { min-height:48px; color:#6f6f79; font-size:10px; }
.price-tile ul { display:grid; gap:8px; margin:18px 0 26px; padding:15px 0 0; border-top:1px solid #ededf1; list-style:none; }
.price-tile li { position:relative; padding-left:14px; color:#5f5f69; font-size:9px; }
.price-tile li::before { content:""; position:absolute; left:0; top:.5em; width:5px; height:5px; border-radius:50%; background:#7b2cff; }
.price-tile > a { position:absolute; left:22px; bottom:20px; color:#111116; font-size:9px; font-weight:900; }
.founding-tile { border-color:rgba(255,47,160,.38); background:linear-gradient(160deg,rgba(255,47,160,.07),rgba(123,44,255,.04),#fff 60%); }
.founding-tile li::before { background:#ff2fa0; }
.all-tile { border-color:rgba(86,201,74,.42); background:linear-gradient(160deg,rgba(116,255,99,.09),#fff 55%); }
.all-tile li::before { background:#50c441; }
.price-badge { display:inline-block; margin-left:8px; padding:4px 7px; border-radius:999px; background:#ff2fa0; color:#fff; font-size:6px; font-weight:900; letter-spacing:.1em; vertical-align:middle; }
.services-bar { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:10px; }
.pricing-footnote { margin-top:15px; padding:14px 0; color:#777781; font-size:9px; border-top:1px solid #e7e7ec; }
.pricing-footnote strong { color:#111116; }

/* Light-theme compatibility for the remaining public pages */
.public-light:not(.home-page) .page-hero,.public-light:not(.home-page) .section { color:#111116; }
.public-light:not(.home-page) .page-hero p,.public-light:not(.home-page) .section p { color:#71717b; }
.public-light:not(.home-page) .section-dark { background:#f7f7fa; border-color:#e7e7ec; }
.public-light:not(.home-page) .feature-card,.public-light:not(.home-page) .pricing-card,.public-light:not(.home-page) .manifesto-panel { background:#fff; border-color:#dfdfe6; color:#111116; box-shadow:0 16px 50px rgba(20,20,35,.04); }
.public-light:not(.home-page) .feature-card p,.public-light:not(.home-page) .pricing-card p { color:#73737d; }
.public-light:not(.home-page) .check-list li::before { color:#50be47; }

@media (max-width:1100px) {
  .public-light .site-nav { gap:14px; }
  .home-hero { grid-template-columns:.92fr 1.08fr; gap:30px; }
  .home-hero h1 { font-size:clamp(52px,7.4vw,86px); }
  .market-screen { min-height:350px; }
  .capability-rail { grid-template-columns:repeat(2,1fr); }
  .competitor-card { padding:15px; }
  .competitor-card > a { left:15px; }
  .compare-groups { grid-template-columns:minmax(0,3fr) 46px minmax(235px,1fr); }
  .founder-wheel { width:38vw; height:38vw; }
}

@media (max-width:850px) {
  .public-light .site-header { height:58px; }
  .public-light .brand-product { display:none; }
  .public-light .brand-wordmark strong { font-size:16px; }
  .public-light .nav-toggle { display:block; }
  .public-light .site-nav { top:58px; right:12px; left:12px; background:rgba(255,255,255,.98); color:#111; border:1px solid #e1e1e7; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.12); }
  .public-light .site-nav.open { display:flex; }
  .home-page main { height:calc(100svh - 58px); }
  .home-panel { padding:24px 18px 38px; }
  .home-hero { grid-template-columns:1fr; grid-template-rows:auto 1fr; gap:12px; align-content:start; }
  .compact-marketing-copy { max-width:none; }
  .launch-pill { margin-bottom:14px; }
  .home-hero h1 { font-size:clamp(50px,14vw,78px); line-height:.84; }
  .hero-sub { max-width:660px; margin-top:12px; font-size:12px; }
  .home-hero .hero-actions { margin-top:13px; }
  .hero-badges,.review-signal { margin-top:11px; }
  .automation-visual { align-self:end; transform:none; padding:8px; border-radius:20px; }
  .market-screen { height:31vh; min-height:220px; border-radius:15px; }
  .system-node { transform:scale(.78); transform-origin:top left; }
  .node-signal,.node-exec { transform-origin:top right; }
  .visual-stat-row { display:none; }
  .swipe-cue { display:none; }
  .platform-panel { grid-template-columns:1fr; grid-template-rows:auto 1fr; gap:18px; }
  .panel-copy > p:not(.micro-kicker) { margin:10px 0; font-size:12px; }
  .home-panel h2 { font-size:clamp(45px,11vw,68px); }
  .capability-rail { grid-template-columns:repeat(4,1fr); gap:7px; overflow-x:auto; max-height:none; scrollbar-width:none; }
  .capability-rail article { width:185px; min-height:145px; }
  .platform-orbit { display:none; }
  .comparison-panel { grid-template-rows:auto 1fr auto; }
  .compare-heading { align-items:start; }
  .compare-heading > p { max-width:240px; }
  .compare-groups { grid-template-columns:1fr; overflow-y:auto; }
  .vendor-grid { grid-template-columns:repeat(3,minmax(205px,1fr)); overflow-x:auto; scrollbar-width:none; }
  .competitor-card { min-height:300px; }
  .versus-mark { min-height:42px; }
  .versus-mark::before { width:46%; height:1px; }
  .forge-side { min-height:310px; }
  .founders-panel { grid-template-columns:.9fr 1.1fr; gap:15px; }
  .founder-copy h2 { font-size:clamp(46px,10vw,72px); }
  .founder-wheel { min-width:300px; min-height:300px; }
  .plan-rail { grid-template-columns:repeat(4,235px); overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; }
  .mini-plan { min-height:340px; scroll-snap-align:start; }
  .addon-strip { grid-template-columns:repeat(4,170px); overflow-x:auto; scrollbar-width:none; }
  .pricing-rail-clean { grid-template-columns:repeat(4,260px); overflow-x:auto; padding-bottom:8px; scrollbar-width:none; scroll-snap-type:x mandatory; }
  .price-tile { scroll-snap-align:start; }
  .services-bar { grid-template-columns:repeat(4,190px); overflow-x:auto; scrollbar-width:none; }
}

@media (max-width:600px) {
  .home-panel-nav { bottom:9px; padding:6px 8px; }
  .home-panel-nav button { width:6px; height:6px; }
  .home-panel-nav button.is-active { width:20px; }
  .home-panel { padding:16px 14px 30px; }
  .home-hero { display:flex; flex-direction:column; gap:10px; }
  .launch-pill { max-width:100%; margin:0 0 3px; padding:6px 8px 6px 10px; }
  .launch-pill span { display:none; }
  .home-hero h1 { font-size:clamp(46px,15.5vw,64px); }
  .hero-sub { max-width:96%; }
  .home-hero .hero-actions { gap:12px; }
  .home-hero .button { min-height:40px; padding:0 15px; font-size:11px; }
  .text-button { font-size:10px; }
  .hero-badges span:nth-child(n+3) { display:none; }
  .automation-visual { width:100%; margin-top:auto; }
  .visual-topline { height:24px; }
  .market-screen { height:34vh; min-height:210px; }
  .market-svg { inset:5% 1% 13% 1%; width:98%; height:82%; }
  .system-node { min-width:100px; padding:6px 7px; transform:scale(.67); }
  .ticker-strip { gap:22px; padding:8px 11px; font-size:7px; }
  .platform-panel { display:flex; flex-direction:column; align-items:stretch; }
  .panel-copy { max-width:none; }
  .capability-rail { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:172px; width:100%; }
  .capability-rail article { width:auto; min-height:128px; padding:14px; }
  .capability-rail i { margin-bottom:20px; }
  .compare-heading { display:block; }
  .compare-heading > p { max-width:100%; margin-top:7px; }
  .comparison-panel h2 { font-size:clamp(41px,12vw,58px); }
  .compare-heading > p { font-size:9px; }
  .vendor-grid { grid-template-columns:repeat(3,78vw); }
  .competitor-card { min-height:300px; }
  .side-label small { display:none; }
  .forge-side { min-height:300px; }
  .compare-ribbon { gap:7px; overflow:hidden; font-size:7px; }
  .compare-ribbon span { white-space:nowrap; }
  .founders-panel { display:flex; flex-direction:column; align-items:stretch; gap:2px; }
  .founder-copy h2 { font-size:clamp(43px,12.5vw,58px); }
  .founder-copy > p:not(.micro-kicker) { margin:8px 0; font-size:11px; }
  .founder-points { margin:8px 0 12px; }
  .wheel-zone { min-height:0; flex:1; }
  .founder-wheel { width:57vw; height:57vw; min-width:220px; min-height:220px; max-width:290px; max-height:290px; }
  .wheel-center { font-size:28px; }
  .wheel-label { width:70px; font-size:5px; }
  .wheel-preview { margin-top:9px; }
  .wheel-zone > p { display:none; }
  .founder-marquee div { padding:6px 0; font-size:6px; }
  .plans-panel { grid-template-rows:auto 1fr auto auto; gap:8px; }
  .plans-heading { align-items:start; }
  .plans-heading > a { display:none; }
  .plans-heading h2 { font-size:clamp(39px,11.5vw,54px); }
  .plan-rail { grid-template-columns:repeat(4,78vw); gap:8px; }
  .mini-plan { min-height:330px; padding:17px; }
  .addon-strip { grid-template-columns:repeat(4,160px); }
  .home-legal span { display:none; }
  .home-legal { justify-content:flex-start; }
  .price-deck { padding:26px 15px 45px; }
  .price-deck-head { display:block; }
  .price-arrow { margin-top:14px; }
  .pricing-rail-clean { grid-template-columns:repeat(4,82vw); }
  .services-bar { grid-template-columns:repeat(4,170px); }
}

@media (prefers-reduced-motion:reduce) {
  .home-stage { scroll-behavior:auto; }
  .equity-line,.signal-pulse .pulse-ring,.ticker-strip span,.platform-orbit i,.founder-marquee div { animation:none!important; }
  .founder-wheel { transition:none; }
}

/* 2026-08-10 pricing consolidation: full pricing lives directly in the homepage story. */
.full-pricing-panel {
  display:block;
  padding:clamp(18px,2.4vw,34px) clamp(22px,4vw,62px) 34px;
  background:linear-gradient(145deg,#fff,#fbfaff 60%,#f9fff8);
}
.home-price-deck {
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:10px;
  width:100%;
  max-width:1480px;
  height:100%;
  margin:0 auto;
}
.home-price-head { margin:0; }
.home-price-head h2 {
  margin:7px 0 0;
  color:#07070a;
  font:700 clamp(42px,4.5vw,68px)/.88 "Space Grotesk",sans-serif;
  letter-spacing:-.065em;
}
.home-price-head h2 span {
  background:linear-gradient(90deg,#7b2cff,#ff2fa0,#74c33d);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.home-price-head p { margin-top:9px; font-size:11px; }
.price-tile h3 {
  margin:31px 0 10px;
  color:#08080b;
  font:700 clamp(42px,4vw,60px)/1 "Space Grotesk",sans-serif;
  letter-spacing:-.05em;
}
.price-tile h3 small { color:#9a9aa4; font-size:.2em; letter-spacing:0; }
.full-pricing-panel .pricing-rail-clean { min-height:0; }
.full-pricing-panel .price-tile {
  min-height:0;
  height:100%;
  padding:18px 20px;
}
.full-pricing-panel .price-tile .price-num { top:17px; right:18px; }
.full-pricing-panel .price-tile h3 { margin:22px 0 8px; font-size:clamp(38px,3.5vw,55px); }
.full-pricing-panel .price-tile p { min-height:38px; margin:0; font-size:9px; line-height:1.45; }
.full-pricing-panel .price-tile ul { gap:6px; margin:12px 0 23px; padding-top:11px; }
.full-pricing-panel .price-tile li { font-size:8px; }
.full-pricing-panel .price-tile > a { left:20px; bottom:16px; font-size:8px; }

.service-explorer { display:grid; gap:8px; margin-top:1px; }
.service-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.service-tab {
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:8px;
  width:100%;
  padding:10px 12px;
  border:1px solid #e1e1e8;
  border-radius:13px;
  background:#fff;
  color:#74747e;
  font:800 8px/1 "Inter",sans-serif;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.service-tab span { letter-spacing:.06em; }
.service-tab b { color:#111116; white-space:nowrap; }
.service-tab i {
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f1f1f5;
  color:#111116;
  font:900 12px/1 sans-serif;
  font-style:normal;
}
.service-tab:hover { border-color:#bbbcc7; transform:translateY(-1px); box-shadow:0 8px 22px rgba(25,25,38,.06); }
.service-tab.is-active { border-color:rgba(123,44,255,.42); background:linear-gradient(90deg,rgba(123,44,255,.055),rgba(255,47,160,.035),#fff); }
.service-tab.is-active i { background:#111116; color:#fff; transform:rotate(45deg); }
.service-detail-wrap {
  min-height:48px;
  border:1px solid #e8e8ed;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  overflow:hidden;
}
.service-detail {
  display:grid;
  grid-template-columns:125px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:48px;
  padding:8px 12px;
}
.service-detail[hidden] { display:none; }
.service-detail strong { color:#111116; font-size:8px; letter-spacing:.08em; }
.service-detail span { color:#666670; font-size:9px; line-height:1.35; }
.service-detail em { color:#8b8b95; font-size:8px; font-style:normal; white-space:nowrap; }
.pricing-service-explorer { margin-top:10px; }

@media (max-width:850px) {
  .full-pricing-panel { padding:20px 18px 34px; }
  .home-price-deck { gap:8px; }
  .home-price-head { display:flex; }
  .home-price-head h2 { font-size:clamp(40px,8vw,58px); }
  .home-price-head p { max-width:520px; }
  .home-pricing-rail { grid-template-columns:repeat(4,270px); overflow-x:auto; padding-bottom:4px; scrollbar-width:none; scroll-snap-type:x mandatory; }
  .full-pricing-panel .price-tile { min-height:350px; scroll-snap-align:start; }
  .service-tabs { grid-template-columns:repeat(4,190px); overflow-x:auto; scrollbar-width:none; }
  .service-detail { grid-template-columns:105px minmax(0,1fr); gap:8px 12px; }
  .service-detail em { grid-column:2; white-space:normal; }
}

@media (max-width:600px) {
  .full-pricing-panel { padding:14px 14px 28px; }
  .home-price-head { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:end; }
  .home-price-head .eyebrow { font-size:7px; }
  .home-price-head h2 { font-size:clamp(36px,10.5vw,48px); }
  .home-price-head p { display:none; }
  .home-price-head .price-arrow { margin:0 0 3px; font-size:8px; }
  .home-pricing-rail { grid-template-columns:repeat(4,78vw); gap:8px; }
  .full-pricing-panel .price-tile { min-height:330px; padding:16px; }
  .full-pricing-panel .price-tile h3 { margin-top:18px; font-size:44px; }
  .full-pricing-panel .price-tile p { min-height:36px; }
  .full-pricing-panel .price-tile > a { left:16px; bottom:13px; }
  .service-tabs { grid-template-columns:repeat(4,165px); gap:6px; }
  .service-tab { padding:8px 9px; }
  .service-tab i { width:16px; height:16px; }
  .service-detail-wrap { min-height:55px; }
  .service-detail { grid-template-columns:86px minmax(0,1fr); min-height:55px; padding:7px 9px; }
  .service-detail span { font-size:8px; }
  .service-detail em { display:none; }
}