/*
Theme Name: PodDaddy World
Theme URI: https://poddaddyworld.com
Author: PodDaddy
Description: A tech-forward WordPress theme for PodDaddy creators, brands and careers.
Version: 1.0.15
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: poddaddy-world
*/

:root {
  --ink: #11120f;
  --cream: #f3efe4;
  --acid: #d7ff38;
  --purple: #744cff;
  --blue: #28a9ff;
  --line: rgba(17, 18, 15, .18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
body.admin-bar .nav { top: 32px; }
.wp-site-main { overflow: hidden; }
.wp-hero-compact { min-height: 760px; }
.wp-content-section { padding: 120px 6vw; }
.wp-content-section h1 { font-size: clamp(62px,8vw,130px); }
.wp-content-section h2 { font-size: clamp(48px,6vw,96px); }
.wp-success { display:none; padding:35px; background:#fff; color:var(--ink); border:1px solid var(--ink); box-shadow:10px 10px 0 var(--acid); }
.wp-form.is-sent { display:none; }
.wp-form.is-sent + .wp-success { display:block; }
.form-section { padding: 120px 6vw; display: grid; grid-template-columns: .78fr 1.22fr; gap: 8vw; background: #eef0f4; border-bottom: 1px solid var(--ink); }
.form-section-copy h2 { font-size: clamp(52px, 6vw, 96px); }
.form-section-copy h2 em { color: var(--purple); }
.form-section-copy > p { max-width: 520px; margin-top: 28px; font-size: 18px; line-height: 1.6; }
.communication-form-wrap { align-self: start; }
.communication-form { padding: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: white; border: 1px solid var(--ink); box-shadow: 14px 14px 0 var(--purple); }
.communication-form label { font: 700 9px var(--font-geist-mono), monospace; letter-spacing: .07em; text-transform: uppercase; }
.communication-form input, .communication-form select, .communication-form textarea { display: block; width: 100%; margin-top: 9px; padding: 14px; border: 1px solid rgba(17,18,15,.3); border-radius: 0; background: #f7f7f5; color: var(--ink); font: inherit; }
.communication-form textarea { resize: vertical; }
.communication-form .full { grid-column: 1/-1; }
.form-notice { margin: 0 0 18px; padding: 18px 20px; border: 1px solid var(--ink); background: var(--acid); font-weight: 700; }
.form-notice.error { background: #ffd8d8; }
.honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.marketplace-modal { position: fixed; z-index: 1000; inset: 0; padding: 40px; display: grid; place-items: center; overflow-y: auto; background: rgba(8,9,7,.78); backdrop-filter: blur(14px); }
.marketplace-modal[hidden] { display: none; }
.marketplace-modal-card { position: relative; width: min(1100px, 100%); max-height: calc(100vh - 80px); overflow-y: auto; padding: 46px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 55px; background: #eef0f4; border: 1px solid rgba(255,255,255,.4); box-shadow: 20px 20px 0 var(--purple); }
.marketplace-modal-card .form-section-copy h2 { font-size: clamp(45px, 5vw, 76px); }
.marketplace-modal-card .section-kicker { margin-bottom: 40px; }
.marketplace-modal-card .communication-form { box-shadow: 10px 10px 0 var(--acid); }
.marketplace-modal-close { position: absolute; z-index: 2; right: 18px; top: 14px; width: 42px; height: 42px; border: 1px solid var(--ink); border-radius: 50%; background: white; cursor: pointer; font-size: 25px; line-height: 1; }
.contact-page-shell { min-height: 100vh; padding: 150px 6vw 100px; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 8vw; background-color: #eef0f4; background-image: linear-gradient(rgba(17,18,15,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(17,18,15,.08) 1px, transparent 1px); background-size: 58px 58px; }
.contact-page-shell .form-section-copy h1 { margin: 0; font-size: clamp(68px, 8vw, 128px); }
.contact-page-shell .form-section-copy h1 em { color: var(--purple); font-family: Georgia, serif; font-weight: 400; }
.contact-page-shell .form-section-copy > p { max-width: 560px; }
.contact-signal { margin-top: 45px; padding: 15px 17px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--ink); background: rgba(255,255,255,.65); font: 700 8px var(--font-geist-mono); letter-spacing: .1em; }
.contact-signal i { width: 7px; height: 7px; border-radius: 50%; background: #22c777; box-shadow: 0 0 0 5px rgba(34,199,119,.14); }
.contact-signal span { margin-left: auto; color: var(--purple); }
@media (max-width:782px){ body.admin-bar .nav{top:46px;} }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.nav {
  position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: 76px;
  padding: 0 3vw; display: flex; align-items: center; justify-content: space-between;
  background: rgba(243, 239, 228, .88); backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.wordmark { display: flex; align-items: center; gap: 9px; font-size: 20px; font-weight: 800; letter-spacing: -.7px; }
.logo-mark { width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 5px 10px rgba(116,76,255,.22)); }
.wordmark-image { display: block; width: 134px; height: 48px; object-fit: contain; object-position: left center; }
.mark { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--acid); font: 700 12px/1 var(--font-geist-mono), monospace; letter-spacing: -1px; }
.nav-links { display: flex; align-items: center; gap: 25px; font: 600 11px/1 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .06em; }
.nav-links > a:hover { opacity: .55; }
.nav-cta { border: 0; background: var(--ink); color: white; border-radius: 100px; padding: 13px 18px; cursor: pointer; font: inherit; text-transform: uppercase; }
.nav-cta span { color: var(--acid); margin-left: 8px; }
.menu-button { display: none; border: 0; background: transparent; font: 700 12px var(--font-geist-mono); text-transform: uppercase; }

.hero { min-height: 880px; height: 100vh; padding: 146px 6vw 78px; position: relative; overflow: hidden; display: flex; align-items: center; background: var(--cream); border-bottom: 1px solid var(--line); }
.hero-grid { position: absolute; inset: 76px 0 0; opacity: .35; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 84%); }
.hero-line-art { position: absolute; z-index: 1; width: min(760px, 58vw); height: auto; right: -2vw; top: 14%; opacity: .48; pointer-events: none; animation: lineDrift 10s ease-in-out infinite alternate; }
@keyframes lineDrift { to { transform: translate3d(-14px, 10px, 0); opacity: .6; } }
.hero-chips { position: absolute; z-index: 4; inset: 76px 0 0; pointer-events: none; }
.tech-chip { position: absolute; padding: 10px 13px; border: 1px solid rgba(17,18,15,.28); background: rgba(255,255,255,.58); backdrop-filter: blur(12px); box-shadow: 0 12px 40px rgba(17,18,15,.08); font: 700 8px var(--font-geist-mono); letter-spacing: .12em; animation: chipFloat 5s ease-in-out infinite alternate; }
.tech-chip i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: #22c777; box-shadow: 0 0 0 4px rgba(34,199,119,.14); }
.chip-ai { right: 25vw; top: 14%; }.chip-live { right: 7vw; top: 30%; animation-delay: -2s; }.chip-open { right: 23vw; top: 46%; animation-delay: -4s; }
@keyframes chipFloat { to { transform: translateY(13px); } }
.hero-copy { width: min(850px, 70vw); position: relative; z-index: 2; }
.status, .section-kicker, .mini-label { font: 600 11px/1.2 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .12em; }
.status { display: inline-flex; gap: 10px; align-items: center; margin-bottom: 42px; }
.status i { width: 7px; height: 7px; background: #23c56e; border-radius: 50%; box-shadow: 0 0 0 5px rgba(35,197,110,.13); }
.status span { opacity: .4; }
h1, h2 { margin: 0; font-weight: 700; line-height: .91; letter-spacing: -.07em; }
h1 { font-size: clamp(70px, 9.2vw, 154px); }
h1 em, h2 em { font-family: Georgia, serif; font-weight: 400; }
h1 em { color: var(--purple); }
.hero-lede { max-width: 650px; font-size: clamp(18px, 1.6vw, 24px); line-height: 1.48; margin: 38px 0 35px; letter-spacing: -.02em; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { min-height: 54px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid var(--ink); border-radius: 100px; cursor: pointer; font: 700 11px/1 var(--font-geist-mono), monospace; letter-spacing: .06em; text-transform: uppercase; transition: transform .2s, background .2s, color .2s; }
.button:hover { transform: translateY(-3px); }
.button.primary { background: var(--ink); color: white; }
.button.primary span { color: var(--acid); }
.button.ghost { background: rgba(243,239,228,.5); }
.signal-card { position: absolute; z-index: 3; right: 5vw; bottom: 90px; width: 330px; padding: 20px; border: 1px solid rgba(255,255,255,.5); background: rgba(17,18,15,.88); color: white; backdrop-filter: blur(12px); }
.signal-head, .signal-meta, .brand-panel-head { display: flex; justify-content: space-between; font: 600 9px var(--font-geist-mono), monospace; letter-spacing: .1em; }
.mono { opacity: .45; }
.waveform { height: 92px; display: flex; gap: 4px; align-items: center; margin: 16px 0 19px; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.waveform i { flex: 1; min-width: 2px; background: var(--acid); opacity: .85; animation: pulseBar 1.8s ease-in-out infinite alternate; }
.waveform i:nth-child(3n) { animation-delay: -.6s; }.waveform i:nth-child(4n) { animation-delay: -1.2s; }
@keyframes pulseBar { to { transform: scaleY(.48); opacity: .45; } }
.signal-meta > div { display: grid; gap: 5px; }
.signal-meta small { font-size: 7px; opacity: .45; }
.signal-meta strong { color: var(--acid); font-size: 11px; }
.scroll-note { position: absolute; bottom: 33px; left: 6vw; font: 600 9px var(--font-geist-mono), monospace; letter-spacing: .12em; }
.scroll-note span { margin-left: 10px; }

.manifesto, .brands { padding: 130px 6vw; }
.section-kicker { display: flex; gap: 14px; margin-bottom: 65px; }
.section-kicker span { opacity: .4; }
.manifesto-layout { display: grid; grid-template-columns: 1.5fr .7fr; gap: 9vw; align-items: end; }
.manifesto h2, .ecosystem h2, .brands h2, .partner h2, .story h2, .quiz-cta h2 { font-size: clamp(54px, 6.4vw, 104px); }
.manifesto h2 em, .brands h2 em { color: var(--purple); }
.manifesto-copy { padding-bottom: 6px; }
.manifesto-copy p, .brands-copy > p, .story-copy > p { font-size: 18px; line-height: 1.6; letter-spacing: -.02em; }
.text-link { display: inline-flex; gap: 16px; margin-top: 22px; padding-bottom: 8px; border-bottom: 1px solid; font: 700 11px var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .08em; }
.illustration-label { position: absolute; z-index: 2; left: 22px; right: 22px; top: 20px; display: flex; justify-content: space-between; font: 700 8px var(--font-geist-mono); letter-spacing: .13em; }
.illustration-label b { color: var(--purple); }
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 100px; border: 1px solid var(--line); }
.value-card { min-height: 390px; padding: 28px; display: grid; grid-template-rows: 22px 122px 72px 1fr; align-content: start; border-right: 1px solid var(--line); }
.value-card:last-child { border: 0; }
.value-card > span { font: 500 10px var(--font-geist-mono); opacity: .5; }
.value-visual { width: 128px; height: 96px; position: relative; align-self: center; }
.value-visual i, .value-visual b { display: block; position: absolute; }
.value-visual-story i:nth-child(1), .value-visual-story i:nth-child(2) { top: 17px; width: 47px; height: 62px; border: 1px solid var(--ink); background: rgba(255,255,255,.25); }
.value-visual-story i:nth-child(1) { left: 14px; transform: skewY(8deg); border-right-color: var(--purple); }
.value-visual-story i:nth-child(2) { left: 61px; transform: skewY(-8deg); border-left-color: var(--purple); }
.value-visual-story i:nth-child(3) { left: 34px; top: 45px; width: 58px; height: 2px; background: var(--purple); box-shadow: 0 -9px 0 rgba(116,76,255,.45), 0 9px 0 rgba(116,76,255,.45); }
.value-visual-story b { width: 9px; height: 9px; left: 103px; top: 9px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 5px rgba(215,255,56,.25); }
.value-visual-revenue:before { content: ""; position: absolute; width: 72px; height: 72px; left: 23px; top: 11px; border: 1px dashed rgba(17,18,15,.4); border-radius: 50%; }
.value-visual-revenue i:nth-child(1) { width: 48px; height: 48px; left: 35px; top: 23px; border: 2px solid var(--ink); border-radius: 50%; background: var(--acid); }
.value-visual-revenue i:nth-child(2) { width: 30px; height: 2px; left: 67px; top: 29px; background: var(--purple); transform: rotate(-42deg); }
.value-visual-revenue i:nth-child(2):after { content: ""; position: absolute; right: -1px; top: -5px; width: 10px; height: 10px; border-top: 2px solid var(--purple); border-right: 2px solid var(--purple); }
.value-visual-revenue i:nth-child(3) { width: 8px; height: 8px; left: 23px; top: 16px; border-radius: 50%; background: var(--purple); }
.value-visual-revenue b { width: 8px; height: 8px; right: 12px; bottom: 16px; border-radius: 50%; background: var(--ink); }
.value-visual-overlooked:before { content: ""; position: absolute; width: 76px; height: 58px; left: 26px; top: 18px; border: 1px solid rgba(17,18,15,.4); border-radius: 50%; transform: rotate(-18deg); }
.value-visual-overlooked i { width: 14px; height: 14px; border-radius: 50%; background: rgba(17,18,15,.32); }
.value-visual-overlooked i:nth-child(1) { left: 24px; top: 48px; }.value-visual-overlooked i:nth-child(2) { left: 55px; top: 30px; }.value-visual-overlooked i:nth-child(3) { left: 91px; top: 47px; }
.value-visual-overlooked b { width: 18px; height: 18px; left: 53px; top: 28px; border-radius: 50%; background: var(--purple); box-shadow: 0 0 0 8px var(--acid), 0 0 0 9px var(--ink); }
.value-card h3 { font-size: 27px; letter-spacing: -.045em; margin: 0; align-self: end; }
.value-card p { margin: 0; max-width: 310px; opacity: .66; line-height: 1.5; }

.ecosystem { background: var(--ink); color: white; padding: 130px 6vw 150px; overflow: hidden; }
.section-kicker.light { color: white; }
.ecosystem-top { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.ecosystem h2 em { color: var(--acid); }
.ecosystem-top > p { max-width: 410px; margin: 0 0 8px; line-height: 1.6; opacity: .6; font-size: 17px; }
.system-shell { position: relative; margin-top: 100px; min-height: 590px; display: grid; grid-template-columns: 1fr 1.05fr 1fr; gap: 6vw; align-items: center; }
.system-shell:before { content: ""; position: absolute; left: 10%; right: 10%; top: 50%; border-top: 1px dashed rgba(255,255,255,.22); }
.system-column { display: grid; gap: 24px; position: relative; z-index: 2; }
.system-node { padding: 18px 20px; min-height: 118px; border: 1px solid rgba(255,255,255,.18); background: #171914; display: grid; grid-template-columns: 28px 58px 1fr; align-content: center; align-items: center; transition: .25s; }
.system-node:hover { border-color: var(--acid); transform: translateY(-3px); box-shadow: 0 15px 45px rgba(0,0,0,.25); }
.system-node b { grid-row: 1/3; color: var(--acid); font: 600 9px var(--font-geist-mono); }
.system-node span { font-size: 20px; font-weight: 700; letter-spacing: -.03em; }
.system-node small { margin-top: 7px; opacity: .45; }
.node-symbol { grid-row: 1/3; position: relative; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.node-symbol:before, .node-symbol:after { content: ""; position: absolute; display: block; }
.symbol-production:before { width: 4px; height: 18px; background: var(--acid); left: 16px; top: 9px; box-shadow: -8px 4px 0 var(--purple), 8px -3px 0 white; }
.symbol-distribution:before { width: 8px; height: 8px; left: 14px; top: 14px; border-radius: 50%; background: var(--acid); box-shadow: -12px -8px 0 var(--purple), 12px -8px 0 white, 0 13px 0 var(--purple); }
.symbol-distribution:after { inset: 7px; border: 1px dashed rgba(255,255,255,.5); border-radius: 50%; }
.symbol-direction:before { width: 17px; height: 17px; left: 9px; top: 9px; border-top: 2px solid var(--acid); border-right: 2px solid var(--acid); transform: rotate(45deg); }
.symbol-revenue:before { width: 17px; height: 17px; left: 9px; top: 9px; border: 2px solid var(--acid); border-radius: 50%; }
.symbol-revenue:after { width: 2px; height: 24px; background: var(--purple); left: 18px; top: 6px; transform: rotate(35deg); }
.symbol-intelligence:before { width: 4px; height: 12px; bottom: 8px; left: 9px; background: var(--purple); box-shadow: 8px -7px 0 var(--acid), 16px -15px 0 white; }
.symbol-ai:before { inset: 8px; border: 1px solid var(--acid); transform: rotate(45deg); }
.symbol-ai:after { width: 5px; height: 5px; left: 16px; top: 16px; border-radius: 50%; background: white; box-shadow: 0 0 12px var(--acid); }
.system-core { position: relative; aspect-ratio: 1; display: grid; place-items: center; }
.system-core:after { display: none; }
.core-ring { position: absolute; border: 1px solid rgba(215,255,56,.35); border-radius: 50%; }
.ring-one { inset: 0; animation: spin 22s linear infinite; }
.ring-one:after { content: ""; position: absolute; width: 9px; height: 9px; top: 12%; left: 12%; border-radius: 50%; background: var(--acid); box-shadow: 0 0 16px var(--acid); }
.ring-two { inset: 16%; border-style: dashed; animation: spin 13s linear infinite reverse; }
@keyframes spin { to { transform: rotate(360deg); } }
.core-content { position: relative; z-index: 2; padding: 0; background: transparent; border: 0; text-align: center; }
.core-content img { width: 220px; height: 90px; object-fit: contain; filter: invert(1); }

.adaptive { position: relative; padding: 0 6vw 130px; display: grid; grid-template-columns: 1fr .9fr; gap: 9vw; background: #dfe2e7; overflow: hidden; border-bottom: 1px solid var(--ink); }
.adaptive:before { content: ""; position: absolute; inset: 42px 0 0; pointer-events: none; opacity: .35; background-image: linear-gradient(rgba(17,18,15,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(17,18,15,.16) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent); }
.adaptive-scan { position: relative; z-index: 2; grid-column: 1/-1; height: 42px; margin: 0 -6vw 95px; padding: 0 6vw; display: flex; align-items: center; justify-content: space-between; gap: 30px; overflow: hidden; background: var(--ink); color: var(--acid); font: 600 8px var(--font-geist-mono); letter-spacing: .15em; }
.adaptive-copy, .adaptive-console { position: relative; z-index: 2; }
.adaptive h2 { margin: 0; font-size: clamp(56px, 6.6vw, 105px); }
.adaptive h2 em { color: var(--purple); }
.adaptive-copy > p { max-width: 640px; margin: 32px 0 0; font-size: 19px; line-height: 1.6; letter-spacing: -.02em; }
.adaptive-console { align-self: end; border: 1px solid var(--ink); background: rgba(243,239,228,.86); box-shadow: 12px 12px 0 var(--purple); }
.console-head, .console-foot { min-height: 48px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: white; font: 600 9px var(--font-geist-mono); letter-spacing: .11em; }
.console-head i { color: var(--acid); font-style: normal; }
.console-row { min-height: 79px; padding: 14px 18px; display: grid; grid-template-columns: 30px 1fr 22px; align-content: center; border-bottom: 1px solid rgba(17,18,15,.22); }
.console-row > b { grid-row: 1/3; font: 600 8px var(--font-geist-mono); opacity: .42; }
.console-row > span { font: 700 11px var(--font-geist-mono); letter-spacing: .05em; }
.console-row > small { margin-top: 7px; opacity: .55; }
.live-dot { grid-column: 3; grid-row: 1/3; width: 8px; height: 8px; align-self: center; justify-self: end; border-radius: 50%; background: #20c875; box-shadow: 0 0 0 5px rgba(32,200,117,.13); }
.console-foot { background: transparent; color: var(--ink); }
.console-foot strong { color: var(--purple); }

.brands { display: grid; grid-template-columns: 1fr .85fr; gap: 10vw; align-items: center; background: var(--acid); }
.brands h2 em { color: var(--purple); }
.brands-copy > p { max-width: 560px; margin: 28px 0 32px; }
.button.dark { background: var(--ink); color: white; }
.brand-panel { background: var(--cream); border: 1px solid var(--ink); padding: 32px; box-shadow: 14px 14px 0 var(--purple); }
.brand-panel-head { padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.pill { background: var(--ink); color: var(--acid); border-radius: 100px; padding: 5px 9px; }
.metric { display: grid; grid-template-columns: 110px 1fr 32px; align-items: center; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--line); font: 600 9px var(--font-geist-mono); }
.metric i { height: 7px; background: rgba(17,18,15,.12); }
.metric i b { display: block; height: 100%; background: var(--purple); }
.metric strong { font-size: 12px; text-align: right; }
.brand-note { font-family: Georgia, serif; font-style: italic; line-height: 1.5; font-size: 17px; margin: 28px 0 0; }

.partner { min-height: 920px; display: grid; grid-template-columns: .75fr 1.25fr; background: var(--purple); color: white; border-bottom: 1px solid rgba(255,255,255,.16); }
.partner-intro { padding: 110px 5vw 90px 6vw; position: relative; overflow: hidden; border-right: 1px solid rgba(255,255,255,.18); }
.partner-intro:after { content: ""; position: absolute; width: 530px; height: 530px; left: -230px; bottom: -250px; border-radius: 50%; background: radial-gradient(circle, rgba(215,255,56,.34), transparent 68%); }
.partner h2 { position: relative; z-index: 1; }
.partner h2 em { color: var(--acid); }
.partner-intro > p { position: relative; z-index: 1; max-width: 520px; margin: 30px 0; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.72); }
.partner-status { display: inline-block; margin-bottom: 30px; padding: 9px 12px; border: 1px solid rgba(215,255,56,.45); color: var(--acid); font: 700 8px var(--font-geist-mono); letter-spacing: .12em; }
.partner-status i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #25d17c; box-shadow: 0 0 0 4px rgba(37,209,124,.15); }
.partner-visual { position: relative; z-index: 1; height: 330px; margin-top: 50px; border: 1px solid rgba(255,255,255,.2); background: rgba(17,18,15,.16); }
.partner-radar { position: absolute; left: 50%; top: 50%; width: 190px; height: 190px; transform: translate(-50%,-50%); border: 1px solid rgba(215,255,56,.5); border-radius: 50%; display: grid; place-items: center; }
.partner-radar:before, .partner-radar:after, .partner-radar i { content: ""; position: absolute; border: 1px dashed rgba(255,255,255,.25); border-radius: 50%; }
.partner-radar:before { inset: 24px; }.partner-radar:after { inset: 50px; }
.partner-radar i:nth-child(1) { width: 10px; height: 10px; top: 20px; right: 30px; background: var(--acid); border: 0; box-shadow: 0 0 14px var(--acid); }
.partner-radar i:nth-child(2) { width: 8px; height: 8px; bottom: 38px; left: 24px; background: white; border: 0; }
.partner-radar i:nth-child(3) { inset: -25px; animation: spin 16s linear infinite; }
.partner-radar b { font: 800 11px var(--font-geist-mono); color: var(--acid); }
.partner-visual > span { position: absolute; padding: 7px 9px; background: var(--ink); border: 1px solid rgba(255,255,255,.25); font: 600 7px var(--font-geist-mono); letter-spacing: .1em; }
.partner-visual > span:nth-of-type(1) { top: 14%; left: 8%; }.partner-visual > span:nth-of-type(2) { top: 18%; right: 6%; }.partner-visual > span:nth-of-type(3) { bottom: 12%; right: 20%; }
.partner-form-wrap { padding: 70px 6vw; background: #eef0f4; color: var(--ink); }
.partner-form { max-width: 860px; margin: 0 auto; background: white; border: 1px solid var(--ink); box-shadow: 14px 14px 0 var(--acid); }
.form-head { min-height: 72px; padding: 0 25px; display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: white; font: 700 10px var(--font-geist-mono); letter-spacing: .08em; }
.form-head b { color: var(--acid); font-size: 8px; }
.partner-form fieldset { margin: 0; padding: 26px 25px; border: 0; border-bottom: 1px solid var(--line); }
.partner-form legend { width: 100%; padding: 0 0 18px; font: 700 11px var(--font-geist-mono); letter-spacing: .05em; }
.partner-form label { font: 600 9px var(--font-geist-mono); letter-spacing: .06em; text-transform: uppercase; }
.partner-form input, .partner-form textarea { display: block; width: 100%; margin-top: 8px; padding: 14px; border: 1px solid rgba(17,18,15,.28); border-radius: 0; background: #f7f7f5; color: var(--ink); outline: 0; resize: vertical; }
.partner-form input:focus, .partner-form textarea:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(116,76,255,.1); }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.check-option { min-height: 48px; padding: 12px 14px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(17,18,15,.18); cursor: pointer; transition: .2s; }
.check-option:hover { border-color: var(--purple); background: rgba(116,76,255,.05); }
.check-option input { appearance: none; width: 16px; height: 16px; margin: 0; padding: 0; flex: 0 0 16px; border: 1px solid var(--ink); background: white; }
.check-option input:checked { background: var(--purple); box-shadow: inset 0 0 0 3px white; }
.check-option input[type="radio"] { border-radius: 50%; }
.comment-field { display: block; margin: 26px 25px; }
.partner-submit { margin: 0 25px 28px; background: var(--ink); color: white; }
.partner-submit span { color: var(--acid); }
.partner-success { max-width: 760px; margin: 100px auto; padding: 55px; border: 1px solid var(--ink); background: white; box-shadow: 14px 14px 0 var(--acid); }
.partner-success > span { font: 700 9px var(--font-geist-mono); color: var(--purple); letter-spacing: .12em; }
.partner-success h3 { margin: 25px 0; font-size: clamp(42px,5vw,76px); line-height: .95; letter-spacing: -.06em; }
.partner-success p { max-width: 570px; line-height: 1.6; }
.partner-success .button { margin: 20px 0 0; }

.marketplace { min-height: 790px; display: grid; grid-template-columns: .9fr 1.1fr; background: #080a10; color: white; overflow: hidden; }
.marketplace-preview { min-height: 690px; padding: 78px 3.5vw; display: grid; place-items: center; overflow: hidden; border-right: 1px solid rgba(255,255,255,.14); background-image: radial-gradient(circle at 40% 45%, rgba(116,76,255,.25), transparent 55%), linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: auto, 42px 42px, 42px 42px; }
.marketplace-window { width: min(720px, 100%); padding: 0 20px 20px; transform: rotate(-1.2deg); border: 1px solid rgba(255,255,255,.22); background: rgba(14,16,23,.92); box-shadow: 22px 24px 0 rgba(116,76,255,.2), 0 35px 90px rgba(0,0,0,.45); backdrop-filter: blur(12px); }
.marketplace-window-head { height: 45px; margin: 0 -20px 18px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.18); font: 700 8px var(--font-geist-mono); letter-spacing: .13em; }
.marketplace-window-head i { color: var(--acid); font-style: normal; }
.marketplace-search { height: 48px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.04); color: rgba(255,255,255,.42); font-size: 13px; }
.marketplace-search b { color: var(--acid); font-size: 22px; font-weight: 400; }
.marketplace-tabs { margin: 14px 0 18px; display: flex; gap: 8px; overflow: hidden; font: 600 8px var(--font-geist-mono); letter-spacing: .07em; text-transform: uppercase; }
.marketplace-tabs span, .marketplace-tabs b { padding: 8px 12px; white-space: nowrap; border: 1px solid rgba(255,255,255,.15); font-weight: 600; }
.marketplace-tabs b { background: var(--purple); border-color: var(--purple); }
.service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.service-card { min-height: 190px; padding: 16px; display: flex; flex-direction: column; color: var(--ink); background: #f7f7f5; border: 1px solid rgba(255,255,255,.5); box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.service-card > div, .service-card footer { display: flex; align-items: center; justify-content: space-between; }
.service-provider { gap: 9px; }
.service-provider img { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(17,18,15,.18); }
.service-provider small { margin-right: auto; }
.service-card small { color: #687080; font: 600 8px var(--font-geist-mono); letter-spacing: .08em; }
.service-card > div b { color: var(--purple); font-size: 18px; }
.service-card .stars { margin-top: 8px; color: #e9ae00; font-size: 13px; letter-spacing: 2px; }
.service-card .stars i { color: #cbd0d8; font-style: normal; }
.service-card h3 { margin: 10px 0 5px; font-size: 17px; letter-spacing: -.035em; }
.service-card p { margin: 0; color: #5d6471; font-size: 12px; line-height: 1.4; }
.service-card footer { min-height: 0; margin-top: auto; padding: 14px 0 0; display: flex; background: transparent; color: var(--ink); }
.service-card footer strong { font-size: 11px; }
.service-card footer i { padding: 7px 10px; background: var(--ink); color: white; font: 600 7px var(--font-geist-mono); font-style: normal; letter-spacing: .08em; }
.marketplace-copy { padding: 110px 7vw; display: flex; flex-direction: column; justify-content: center; position: relative; }
.marketplace-copy:after { content: "JOIN THE NETWORK / 05"; position: absolute; right: 25px; bottom: 24px; color: rgba(255,255,255,.26); font: 600 8px var(--font-geist-mono); letter-spacing: .15em; }
.marketplace h2 { font-size: clamp(58px, 6.7vw, 108px); }
.marketplace h2 em { color: var(--acid); }
.marketplace-copy > p { max-width: 660px; margin: 30px 0 26px; color: rgba(255,255,255,.67); font-size: 18px; line-height: 1.6; }
.marketplace-status { align-self: flex-start; margin-bottom: 28px; padding: 8px 11px; border: 1px solid rgba(215,255,56,.4); color: var(--acid); font: 700 8px var(--font-geist-mono); letter-spacing: .11em; }
.marketplace-status i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; background: #22c777; border-radius: 50%; box-shadow: 0 0 0 4px rgba(34,199,119,.14); }
.role-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
.role-tags span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.19); color: rgba(255,255,255,.72); font: 600 8px var(--font-geist-mono); letter-spacing: .09em; text-transform: uppercase; transition: .2s; }
.role-tags span:hover { border-color: var(--acid); color: var(--acid); transform: translateY(-2px); }
.marketplace-button { align-self: flex-start; width: auto; background: var(--acid); color: var(--ink); border-color: var(--acid); }

.story { min-height: 770px; display: grid; grid-template-columns: 1fr 1fr; background: var(--purple); color: white; }
.story-art { position: relative; overflow: hidden; border-right: 1px solid rgba(255,255,255,.25); min-height: 660px; }
.story-art:before { content: ""; position: absolute; width: 80%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; left: 10%; top: 10%; box-shadow: 0 0 0 80px rgba(255,255,255,.04), 0 0 0 160px rgba(255,255,255,.025); }
.story-circle { position: absolute; width: 300px; height: 300px; border-radius: 50%; background: var(--acid); color: var(--ink); left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-content: center; text-align: center; font-size: 84px; font-weight: 800; letter-spacing: -.07em; }
.story-circle small { font: 700 9px/1.4 var(--font-geist-mono); letter-spacing: .12em; }
.story-year { position: absolute; font: 600 10px var(--font-geist-mono); z-index: 2; }
.y1 { left: 8%; top: 50%; }.y2 { right: 8%; top: 50%; }.story-line { position: absolute; top: 50.5%; left: 10%; right: 10%; border-top: 1px dashed rgba(255,255,255,.5); }
.story-copy { padding: 110px 7vw; display: flex; flex-direction: column; justify-content: center; }
.story-copy h2 { color: var(--acid); }
.story-copy > p { max-width: 570px; opacity: .75; margin: 28px 0 0; }
.light-link { margin-top: 35px; }

.quiz-cta { position: relative; overflow: hidden; min-height: 670px; padding: 110px 6vw; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: var(--cream); }
.quiz-cta:before, .quiz-cta:after { content: ""; position: absolute; border-radius: 50%; filter: blur(1px); }
.quiz-cta:before { width: 500px; height: 500px; background: radial-gradient(circle, rgba(116,76,255,.5), transparent 67%); left: -200px; bottom: -200px; }
.quiz-cta:after { width: 420px; height: 420px; background: radial-gradient(circle, rgba(215,255,56,.9), transparent 67%); right: -170px; top: -140px; }
.quiz-cta > * { position: relative; z-index: 1; }
.quiz-cta h2 { margin: 23px 0 25px; }
.quiz-cta h2 em { color: var(--purple); }
.quiz-cta p { max-width: 520px; font-size: 18px; margin: 0 0 30px; }
.button.white { background: white; color: var(--ink); border-color: white; }

footer { background: var(--ink); color: white; min-height: 430px; padding: 70px 6vw 30px; display: grid; grid-template-columns: 1.8fr repeat(3, 1fr); align-items: start; gap: 6vw; }
.footer-mark .logo-mark { filter: drop-shadow(0 5px 16px rgba(215,255,56,.25)); }
.footer-mark { display: inline-flex; padding: 0; background: transparent; border-radius: 0; }
.footer-mark .wordmark-image { width: 168px; height: 56px; filter: invert(1); opacity: 1; }
.footer-lead p { margin: 28px 0 35px; font-family: Georgia, serif; font-style: italic; font-size: 35px; line-height: 1.05; color: var(--acid); }
.footer-lead > span { opacity: .4; font: 600 8px var(--font-geist-mono); letter-spacing: .13em; }
.footer-column { display: grid; gap: 15px; }
.footer-column b { margin-bottom: 12px; color: var(--acid); font: 700 9px var(--font-geist-mono); text-transform: uppercase; letter-spacing: .13em; }
.footer-column a { opacity: .62; font-size: 14px; transition: .2s; }
.footer-column a:hover { opacity: 1; transform: translateX(4px); }
.footer-bottom { grid-column: 1/-1; align-self: end; margin-top: 60px; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.15); }
.footer-bottom small { opacity: .4; font: 500 9px var(--font-geist-mono); }
.footer-bottom > div { display: flex; gap: 24px; opacity: .4; font: 500 9px var(--font-geist-mono); text-transform: uppercase; }

.quiz-overlay { position: fixed; z-index: 100; inset: 0; overflow-y: auto; background: var(--purple); color: white; padding: 32px 5vw; display: flex; flex-direction: column; }
.quiz-overlay[hidden] { display: none !important; }
.quiz-overlay:before { content: ""; position: fixed; width: 60vw; height: 60vw; right: -25vw; bottom: -35vw; border-radius: 50%; background: var(--acid); opacity: .13; filter: blur(20px); }
.quiz-close { position: fixed; z-index: 3; right: 5vw; top: 28px; border: 1px solid rgba(255,255,255,.5); width: 44px; height: 44px; border-radius: 50%; background: transparent; color: white; font-size: 26px; cursor: pointer; }
.quiz-brand { display: flex; gap: 18px; align-items: center; font: 600 9px var(--font-geist-mono); letter-spacing: .12em; }
.quiz-brand .wordmark-image { width: 150px; height: 48px; padding: 0; object-fit: contain; background: transparent; border-radius: 0; filter: invert(1); opacity: 1; }
.quiz-brand > span { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.34); color: rgba(255,255,255,.72); }
.quiz-progress { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: rgba(255,255,255,.15); }
.quiz-progress i { display: block; height: 100%; background: var(--acid); transition: width .4s ease; }
.quiz-content { position: relative; width: min(1040px, 100%); margin: auto; padding: 70px 0; animation: quizIn .35s ease both; }
@keyframes quizIn { from { opacity: 0; transform: translateY(18px); } }
.quiz-eyebrow { font: 600 10px var(--font-geist-mono); color: var(--acid); text-transform: uppercase; letter-spacing: .15em; }
.quiz-content h2 { font-size: clamp(50px, 7vw, 105px); margin: 26px 0 20px; }
.quiz-content > p { max-width: 700px; font-size: 19px; line-height: 1.55; opacity: .78; }
.answer-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 45px; }
.answer-grid.stars { grid-template-columns: repeat(4, 1fr); }
.answer-grid button { min-height: 76px; display: flex; align-items: center; justify-content: space-between; text-align: left; padding: 20px; border: 1px solid rgba(255,255,255,.4); background: rgba(255,255,255,.05); color: white; cursor: pointer; transition: .2s; }
.answer-grid button:hover { background: var(--acid); color: var(--ink); transform: translateY(-2px); }
.answer-grid button b { font-weight: 400; opacity: .6; }
.quiz-footer { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.25); padding-top: 18px; font: 600 9px var(--font-geist-mono); letter-spacing: .15em; }
.result { max-width: 900px; text-align: center; }
.result > p { margin: 0 auto 35px; }
.result .button { margin: 0 auto; }
.result-stamp { display: inline-block; transform: rotate(-3deg); border: 2px solid var(--acid); color: var(--acid); padding: 10px 14px; margin-bottom: 35px; font: 700 10px var(--font-geist-mono); letter-spacing: .14em; }
.star-result { max-width: 720px; margin: 0 auto 34px; padding: 22px 24px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.48); background: rgba(17,18,15,.2); text-align: left; }
.star-result:after { content: ""; position: absolute; width: 90px; height: 90px; right: -36px; top: -36px; border: 1px solid var(--acid); border-radius: 50%; box-shadow: 0 0 0 14px rgba(215,255,56,.07), 0 0 0 28px rgba(215,255,56,.04); }
.star-result > span { color: var(--acid); font: 700 9px var(--font-geist-mono); letter-spacing: .13em; }
.star-result > p { position: relative; z-index: 1; margin: 12px 70px 0 0; line-height: 1.55; font-family: Georgia, serif; font-size: 17px; }
.restart { display: block; margin: 22px auto 0; border: 0; background: transparent; color: rgba(255,255,255,.6); text-decoration: underline; cursor: pointer; font-size: 12px; }
.interest-form { max-width: 650px; margin: 35px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; text-align: left; }
.interest-form label { font: 600 9px var(--font-geist-mono); letter-spacing: .1em; text-transform: uppercase; }
.interest-form label:nth-child(3), .interest-form .button { grid-column: 1/-1; }
.interest-form input { display: block; width: 100%; margin-top: 9px; padding: 17px; border: 1px solid rgba(255,255,255,.5); border-radius: 0; background: rgba(255,255,255,.08); color: white; outline: none; }
.interest-form input::placeholder { color: rgba(255,255,255,.45); }
.interest-form input:focus { border-color: var(--acid); }

.subpage-back { padding: 11px 16px; border: 1px solid var(--ink); border-radius: 100px; font: 700 9px var(--font-geist-mono); letter-spacing: .08em; text-transform: uppercase; }
.brands-page-hero { min-height: 790px; padding-top: 150px; background-color: var(--acid); background-image: linear-gradient(rgba(17,18,15,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(17,18,15,.07) 1px, transparent 1px); background-size: 64px 64px; }
.brands-page-hero h1 { font-size: clamp(65px, 7.7vw, 126px); }
.brands-page-hero h1 em { color: var(--purple); font-family: Georgia, serif; font-weight: 400; }
.brand-page-status, .career-status { display: inline-block; margin-bottom: 28px; padding: 9px 12px; border: 1px solid rgba(17,18,15,.35); background: rgba(255,255,255,.3); font: 700 8px var(--font-geist-mono); letter-spacing: .12em; }
.brand-page-status i, .career-status i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #22c777; box-shadow: 0 0 0 4px rgba(34,199,119,.14); }
.subpage-footer { min-height: 350px; grid-template-columns: 1.8fr 1fr 1fr; }

.careers-page { background: #e4e7ed; }
.careers-hero { min-height: 760px; padding: 155px 6vw 90px; position: relative; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 8vw; overflow: hidden; background-image: linear-gradient(rgba(17,18,15,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(17,18,15,.08) 1px, transparent 1px); background-size: 60px 60px; border-bottom: 1px solid var(--ink); }
.careers-hero h1 { font-size: clamp(66px, 8.2vw, 132px); }
.careers-hero h1 em { color: var(--purple); }
.careers-hero p { max-width: 700px; margin: 34px 0 0; font-size: 20px; line-height: 1.55; }
.career-signal { position: relative; aspect-ratio: 1; border: 1px solid rgba(17,18,15,.34); border-radius: 50%; display: grid; place-items: center; }
.career-signal:before, .career-signal:after { content: ""; position: absolute; border: 1px dashed rgba(116,76,255,.48); border-radius: 50%; }
.career-signal:before { inset: 16%; }.career-signal:after { inset: 32%; }
.career-signal span { position: absolute; top: 15%; font: 700 9px var(--font-geist-mono); letter-spacing: .16em; }
.career-signal i { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--purple); }
.career-signal i:nth-of-type(1) { top: 13%; left: 24%; }.career-signal i:nth-of-type(2) { right: 10%; top: 48%; background: var(--acid); }.career-signal i:nth-of-type(3) { left: 17%; bottom: 18%; background: var(--ink); }
.career-signal b { width: 92px; height: 92px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--acid); font-size: 50px; }
.career-openings { padding: 120px 6vw; background: var(--cream); }
.role-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.career-card { padding: 34px; display: flex; flex-direction: column; border: 1px solid var(--ink); background: white; box-shadow: 8px 8px 0 rgba(116,76,255,.18); }
.career-card-head { display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.career-card-head > span { font: 600 9px var(--font-geist-mono); color: var(--purple); }
.career-card h2 { font-size: clamp(34px, 4vw, 62px); letter-spacing: -.055em; line-height: .96; }
.career-card small { display: block; margin-top: 10px; font: 600 8px var(--font-geist-mono); letter-spacing: .1em; text-transform: uppercase; opacity: .55; }
.career-card > p { min-height: 72px; font-size: 17px; line-height: 1.55; }
.career-card h3 { margin: 18px 0 5px; font: 700 10px var(--font-geist-mono); letter-spacing: .1em; text-transform: uppercase; }
.career-card ul { min-height: 155px; padding: 0; margin: 12px 0 30px; list-style: none; }
.career-card li { padding: 9px 0 9px 20px; position: relative; border-bottom: 1px solid rgba(17,18,15,.09); font-size: 14px; }
.career-card li:before { content: "↗"; position: absolute; left: 0; color: var(--purple); }
.career-card .button { align-self: flex-start; }
.career-apply { display: grid; grid-template-columns: .8fr 1.2fr; background: var(--purple); color: white; }
.career-apply-copy { padding: 110px 5vw 90px 6vw; }
.career-apply-copy h2 { font-size: clamp(54px, 6.2vw, 98px); }
.career-apply-copy h2 em { color: var(--acid); }
.career-apply-copy p { max-width: 520px; margin-top: 28px; font-size: 18px; line-height: 1.6; opacity: .72; }
.career-form-wrap { padding: 100px 6vw; background: #eef0f4; color: var(--ink); }
.career-form { max-width: 800px; padding: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; border: 1px solid var(--ink); background: white; box-shadow: 12px 12px 0 var(--acid); }
.career-form label { font: 600 9px var(--font-geist-mono); letter-spacing: .07em; text-transform: uppercase; }
.career-form input, .career-form select, .career-form textarea { width: 100%; margin-top: 8px; padding: 15px; border: 1px solid rgba(17,18,15,.28); border-radius: 0; background: #f7f7f5; color: var(--ink); outline: 0; }
.career-form textarea { resize: vertical; }
.career-form input:focus, .career-form select:focus, .career-form textarea:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(116,76,255,.1); }
.career-form .full, .career-form .partner-submit { grid-column: 1/-1; }
.career-form .partner-submit { width: max-content; margin: 8px 0 0; }
.career-success { max-width: 700px; padding: 45px; border: 1px solid var(--ink); background: white; box-shadow: 12px 12px 0 var(--acid); }
.career-success > span { font: 700 9px var(--font-geist-mono); color: var(--purple); letter-spacing: .13em; }
.career-success h3 { margin: 22px 0; font-size: clamp(42px,5vw,72px); line-height: .95; letter-spacing: -.06em; }
.career-success p { line-height: 1.6; }
.career-success .partner-submit { margin: 20px 0 0; }

@media (max-width: 900px) {
  .nav-links { position: absolute; top: 75px; left: 0; right: 0; display: none; padding: 28px 5vw; background: var(--cream); border-bottom: 1px solid var(--line); flex-direction: column; align-items: flex-start; }
  .nav-links.open { display: flex; }
  .menu-button { display: block; }
  .hero { min-height: 790px; padding-top: 135px; align-items: flex-start; }
  .hero-copy { width: 100%; }
  h1 { font-size: clamp(61px, 17vw, 104px); }
  .status { margin-bottom: 32px; }
  .signal-card { width: 280px; bottom: 60px; }
  .hero-line-art { width: 92vw; right: -32vw; top: 22%; opacity: .25; }
  .scroll-note { display: none; }
  .manifesto-layout, .adaptive, .brands, .partner, .marketplace, .story { grid-template-columns: 1fr; }
  .manifesto-copy { max-width: 560px; }
  .value-grid { grid-template-columns: 1fr; }
  .value-card { min-height: 300px; border-right: 0; border-bottom: 1px solid var(--line); }
  .system-shell { grid-template-columns: 1fr 1fr; }
  .system-core { grid-column: 1/-1; grid-row: 1; width: min(390px, 85vw); justify-self: center; }
  .adaptive-console { max-width: 650px; width: 100%; }
  .partner-intro { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .marketplace-preview { min-height: 620px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .story-art { min-height: 590px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.25); }
  .answer-grid.stars { grid-template-columns: repeat(3, 1fr); }
  .careers-hero, .career-apply { grid-template-columns: 1fr; }
  .career-signal { width: min(400px, 75vw); justify-self: center; }
  .role-list { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .nav { padding: 0 20px; }
  .hero { padding: 125px 20px 50px; min-height: 850px; }
  .hero-lede { font-size: 17px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .button { width: 100%; }
  .signal-card { right: 20px; left: 20px; width: auto; bottom: 35px; }
  .hero-chips { display: none; }
  .manifesto, .brands, .ecosystem { padding: 90px 20px; }
  .adaptive { padding: 0 20px 90px; }
  .adaptive-scan { margin: 0 -20px 75px; padding: 0 20px; }
  .adaptive-scan span:nth-child(2), .adaptive-scan span:nth-child(3) { display: none; }
  .manifesto h2, .ecosystem h2, .adaptive h2, .brands h2, .partner h2, .marketplace h2, .story h2, .quiz-cta h2 { font-size: 51px; }
  .section-kicker { margin-bottom: 45px; }
  .manifesto-layout { gap: 35px; }
  .value-grid { margin-top: 70px; }
  .ecosystem-top { display: block; }
  .ecosystem-top > p { margin-top: 30px; }
  .system-shell { margin-top: 65px; display: block; }
  .system-column { margin-top: 20px; }
  .system-core { margin: 35px auto; }
  .system-node { grid-template-columns: 25px 52px 1fr; }
  .brand-panel { padding: 20px; box-shadow: 8px 8px 0 var(--purple); }
  .partner-intro { padding: 80px 20px; }
  .partner-form-wrap { padding: 55px 20px 65px; }
  .partner-form { box-shadow: 8px 8px 0 var(--acid); }
  .form-head { padding: 0 16px; }
  .partner-form fieldset { padding: 23px 16px; }
  .field-grid, .option-grid { grid-template-columns: 1fr; }
  .comment-field { margin: 23px 16px; }
  .partner-submit { width: calc(100% - 32px); margin: 0 16px 22px; }
  .partner-success { margin: 20px 0; padding: 28px 22px; box-shadow: 8px 8px 0 var(--acid); }
  .marketplace-preview { min-height: 560px; padding: 65px 20px; }
  .marketplace-window { transform: none; padding: 0 12px 12px; }
  .marketplace-window-head { margin: 0 -12px 14px; }
  .service-card { min-height: 176px; padding: 13px; }
  .service-card:nth-child(n+3) { display: none; }
  .service-card h3 { font-size: 15px; }
  .service-card footer strong { max-width: 80px; }
  .marketplace-copy { padding: 80px 20px; }
  .marketplace-button { width: 100%; }
  .metric { grid-template-columns: 85px 1fr 25px; gap: 8px; }
  .story-art { min-height: 430px; }
  .story-circle { width: 220px; height: 220px; font-size: 64px; }
  .story-circle small { display: block; max-width: 150px; margin: 2px auto 0; font-size: 8px; letter-spacing: .08em; overflow-wrap: anywhere; }
  .story-copy { padding: 80px 20px; }
  .quiz-cta { min-height: 600px; padding: 80px 20px; }
  footer { grid-template-columns: 1fr 1fr; padding: 60px 20px 25px; gap: 45px 25px; }
  .footer-lead { grid-column: 1/-1; }
  .footer-bottom { grid-column: 1/-1; display: grid; gap: 18px; margin-top: 15px; }
  .footer-bottom > div { flex-wrap: wrap; }
  .quiz-overlay { padding: 26px 20px; }
  .quiz-close { right: 20px; top: 22px; }
  .quiz-content { padding: 80px 0 45px; }
  .quiz-content h2 { font-size: 49px; }
  .answer-grid, .answer-grid.stars { grid-template-columns: 1fr; }
  .answer-grid button { min-height: 62px; }
  .interest-form { grid-template-columns: 1fr; }
  .form-section { padding: 80px 20px; grid-template-columns: 1fr; gap: 45px; }
  .communication-form { grid-template-columns: 1fr; padding: 20px; box-shadow: 8px 8px 0 var(--purple); }
  .communication-form .full { grid-column: auto; }
  .marketplace-modal { padding: 14px; align-items: start; }
  .marketplace-modal-card { max-height: calc(100vh - 28px); padding: 65px 20px 25px; grid-template-columns: 1fr; gap: 32px; box-shadow: 8px 8px 0 var(--purple); }
  .marketplace-modal-card .form-section-copy h2 { font-size: 43px; }
  .contact-page-shell { min-height: auto; padding: 130px 20px 80px; grid-template-columns: 1fr; gap: 45px; }
  .contact-page-shell .form-section-copy h1 { font-size: 58px; }
  .contact-signal { align-items: flex-start; flex-wrap: wrap; }
  .contact-signal span { width: 100%; margin: 6px 0 0 19px; }
  .interest-form label, .interest-form label:nth-child(3), .interest-form .button { grid-column: auto; }
  .star-result > p { margin-right: 0; }
  .subpage-links { display: none; }
  .subpage-back { font-size: 8px; padding: 10px 12px; }
  .brands-page-hero { padding: 130px 20px 85px; min-height: 720px; }
  .brands-page-hero h1, .careers-hero h1 { font-size: 56px; }
  .subpage-footer { grid-template-columns: 1fr 1fr; }
  .careers-hero { padding: 135px 20px 75px; min-height: auto; }
  .careers-hero p { font-size: 17px; }
  .career-signal { margin-top: 45px; }
  .career-openings { padding: 85px 20px; }
  .career-card { padding: 24px; }
  .career-card > p, .career-card ul { min-height: auto; }
  .career-card .button { width: 100%; }
  .career-apply-copy, .career-form-wrap { padding: 80px 20px; }
  .career-form { grid-template-columns: 1fr; padding: 20px; box-shadow: 8px 8px 0 var(--acid); }
  .career-form .full, .career-form .partner-submit { grid-column: auto; }
  .career-form .partner-submit { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}