:root{--brand-primary:#0d7a55;--brand-primary-hover:#096545;--brand-primary-soft:#e7f5ee;--brand-primary-border:#b6ddc9;--brand-primary-glow:#0d7a5535;--brand-icon:#0d7a55;--brand-active:#086544;--brand-focus:#096545;--brand-display-name:'Code x Audience';--brand-symbol:'△';--brand-tagline:'Build the product. Find your people.';--brand-site-url:'https://codexaudience.com'}
:root[data-theme="dark"]{--brand-primary:#72d9a4;--brand-primary-hover:#96e8bc;--brand-primary-soft:#244338;--brand-primary-border:#3b715a;--brand-primary-glow:#72d9a455;--brand-icon:#72d9a4;--brand-active:#96e8bc;--brand-focus:#96e8bc}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--brand-focus)}
::selection{background:#ccebdc;color:#282a36}
.brand-x,.site-header nav>a:not(.button):hover,.mini-cross,.accent-word,.text-link:hover,.benefit-copy .text-link,.faq-list details[open] summary>span{color:var(--brand-primary)}
.use-case-icon,.benefit-icon{color:var(--brand-primary)}
.brand-mark,.button-coral,.current .day-heading strong{background:var(--brand-primary)}
.brand-mark{color:#fff}.brand-mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.brand-mark.small svg{width:17px;height:17px;stroke-width:2.5}
.button-coral:hover{background:var(--brand-primary-hover)}
.accent-word svg{stroke:var(--brand-primary)}
.sidebar-item.selected{background:var(--brand-primary-soft);color:var(--brand-active)}
.closing-inner{background:#dff2e8;border-color:#bfe3cf}.closing-inner .eyebrow,.closing-inner>p,.closing-inner>small{color:#355f4b}.closing-inner h2>span{color:#0b6b4a}
.closing-triangle{position:absolute;z-index:-1;right:-15px;top:4px;width:380px;height:380px;transform:rotate(-10deg);fill:none;stroke:#b6dec8;stroke-width:10;opacity:.8;pointer-events:none}
.audience-workspace{min-height:392px}.audience-workspace .preview-main{display:flex;flex-direction:column}.audience-workspace .preview-footer{margin-top:auto}
.map-product{margin:0 24px 16px;padding:12px 14px;background:#f5faf7;border:1px solid #e0eee5;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.map-product>div{display:flex;flex-direction:column;gap:5px}.map-kicker,.map-label-row,.segment-label{font-size:9px;letter-spacing:.9px;color:#77798a;font-weight:650}.map-product strong{font-size:13px;font-weight:600}.map-product-tag{font-size:10px;border:1px solid #b8ddc8;padding:6px 9px;border-radius:4px;color:#0d7351;white-space:nowrap}
.map-label-row{padding:0 24px 9px;display:flex;justify-content:space-between;gap:10px}.map-label-row>span:last-child{font-weight:400;text-transform:none;letter-spacing:0}.segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 24px 18px}.segment-card{appearance:none;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:229px;text-align:left;background:#fff;border:1px solid #e0e8e2;border-radius:7px;padding:13px 12px 11px;transition:transform .2s,box-shadow .2s,border-color .2s}.segment-card:hover{transform:translateY(-2px);border-color:var(--brand-primary-border);box-shadow:0 8px 18px var(--brand-primary-glow)}.segment-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:5px;margin-bottom:11px}.segment-number{font-size:10px;color:#9294a0}.evidence-pill{font-size:9px;border-radius:4px;padding:4px 6px;white-space:nowrap}.evidence-pill.strong{background:#e9f1e6;color:#43623c}.evidence-pill.emerging{background:#e4f3f0;color:#246f65}.evidence-pill.hypothesis{background:#f2eee7;color:#77654b}.segment-card>strong{font-family:'Manrope',sans-serif;font-size:14px;line-height:1.3;letter-spacing:-.3px;margin-bottom:5px}.segment-problem{font-size:11px;color:#6b6d73;line-height:1.45;min-height:32px}.segment-label{margin-top:11px;margin-bottom:6px}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.tag-list>span{font-size:9px;padding:4px 5px;background:#f1f5f2;border-radius:3px;color:#666a76}.segment-places{font-size:10px;line-height:1.5;color:#555a68}.segment-spacer{flex:1}.map-footnote{font-size:12px;color:var(--muted);margin:13px 0 0;text-align:center}
.hypothesis-note,.signal-note,.places-note,.context-tags{background:#f8f9f6;border:1px solid #e5e8df;border-radius:9px 9px 0 0;padding:18px 20px 19px;min-height:180px}.hypothesis-note>div{display:grid;grid-template-columns:75px 1fr;gap:10px;padding-top:11px;font-size:11px}.hypothesis-note>div>span{color:#848679}.hypothesis-note strong{font-weight:550}.signal-note{background:#fffdf9;border-color:#e1e2d6;transform:rotate(-2deg);margin:0 4px -4px}.signal-note>div{font-size:11px;padding:8px 0;border-bottom:1px solid #ecece6;display:flex;gap:10px}.signal-note>div>span{color:#0d7a55;font-weight:700}.signal-note small,.context-tags small{display:block;font-size:9px;letter-spacing:.9px;color:#77798a;margin-top:14px}.places-note{background:#faf8f5;border-color:#e7e1db}.places-note>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:9px 0;border-bottom:1px solid #e8e3dd}.places-note>div>span{color:#79786e;text-align:right}.places-note strong{font-weight:600}.context-tags>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.context-tags>div>span{background:#e8f6ee;border:1px solid #bfdfca;color:#126747;border-radius:5px;padding:7px 9px;font-size:11px}.context-tags small{border-top:1px solid #e3e6dc;padding-top:13px;margin-top:19px}
.family-section{text-align:center;padding-top:67px;padding-bottom:10px}.family-section .eyebrow{color:var(--muted);font-size:10px}.family-list{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:10px}.family-list>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;padding:11px 13px;text-align:left;border-radius:6px;color:var(--muted)}.family-list>span.active{background:var(--brand-primary-soft);color:var(--brand-active)}.family-list b{font-size:13px;font-weight:650;color:var(--ink)}.family-list .active b{color:var(--brand-active)}.family-list small{font-size:11px}
.early-access-placeholder{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 22px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:600}.early-access-placeholder span{font-size:20px}
[data-theme="dark"] .brand-mark,[data-theme="dark"] :is(.button-dark,.button-coral){background:var(--brand-primary);color:#282a36}
[data-theme="dark"] .theme-toggle,[data-theme="dark"] .use-case-grid .eyebrow{color:var(--brand-primary)}
[data-theme="dark"] :is(.button-dark,.button-coral):hover{background:var(--brand-primary-hover)}
[data-theme="dark"] :is(.accent-word,.brand-x,.mini-cross,.benefit-copy .text-link,.site-header nav>a:not(.button):hover){color:var(--brand-primary)}
[data-theme="dark"] .accent-word svg{stroke:var(--brand-primary)}
[data-theme="dark"] .sidebar-item.selected{background:var(--brand-primary-soft);color:var(--brand-primary)}
[data-theme="dark"] .audience-strip>div>span,[data-theme="dark"] :is(.workflow-section .eyebrow,.step-label,.step-top),[data-theme="dark"] .faq-list summary>span{color:var(--brand-primary)}
[data-theme="dark"] .closing-inner{background:#293a33;border-color:#425b4e}[data-theme="dark"] .closing-inner .eyebrow,[data-theme="dark"] .closing-inner h2>span{color:var(--brand-primary)}[data-theme="dark"] .closing-triangle{stroke:#385549}
[data-theme="dark"] :is(.map-product,.hypothesis-note,.signal-note,.places-note,.context-tags){background:var(--drac-deep);border-color:var(--line)}
[data-theme="dark"] .segment-card{background:#353848;border-color:var(--line);color:#f8f8f2}[data-theme="dark"] .segment-card:hover{border-color:var(--brand-primary)}[data-theme="dark"] .segment-problem,[data-theme="dark"] .segment-places,[data-theme="dark"] .map-kicker,[data-theme="dark"] .map-label-row,[data-theme="dark"] .segment-label,[data-theme="dark"] .segment-number{color:#bdc3db}[data-theme="dark"] .tag-list>span{background:#44475a;color:#e0e2ee}[data-theme="dark"] .evidence-pill.strong{background:#2b423b;color:#8de6a7}[data-theme="dark"] .evidence-pill.emerging{background:#264942;color:#9ae2d0}[data-theme="dark"] .evidence-pill.hypothesis{background:#554b42;color:#ffcf91}[data-theme="dark"] .map-product-tag{border-color:var(--line);color:var(--brand-primary)}
[data-theme="dark"] :is(.hypothesis-note>div>span,.signal-note small,.context-tags small,.places-note>div>span){color:#bdc3db}[data-theme="dark"] :is(.signal-note>div,.places-note>div,.context-tags small){border-color:var(--line)}[data-theme="dark"] .context-tags>div>span{background:#294a3b;border-color:#416d56;color:#b6eacc}[data-theme="dark"] .signal-note>div>span{color:var(--brand-primary)}[data-theme="dark"] .family-list>span.active{background:var(--brand-primary-soft)}[data-theme="dark"] .family-list .active b,[data-theme="dark"] .family-list>span.active{color:var(--brand-primary)}[data-theme="dark"] .early-access-placeholder{background:var(--brand-primary);color:#282a36}
@media(max-width:1000px){.segment-grid{gap:7px;padding-left:16px;padding-right:16px}.segment-card{padding:10px 8px}.segment-card>strong{font-size:12px}.map-product{margin-left:16px;margin-right:16px}.map-label-row{padding-left:16px;padding-right:16px}.family-list{flex-wrap:wrap}.family-list>span{min-width:140px}}
@media(max-width:760px){.audience-workspace .preview-sidebar{display:none}.audience-workspace .preview-toolbar{gap:7px}.audience-workspace .preview-view{white-space:nowrap}.map-product{margin-bottom:14px}.segment-grid{grid-template-columns:1fr;gap:9px}.segment-card{min-height:0;padding:13px}.segment-card>strong{font-size:15px}.segment-problem{min-height:0;font-size:12px}.segment-label{margin-top:10px}.tag-list>span,.segment-places{font-size:11px}.map-label-row>span:last-child{display:none}.map-footnote{font-size:11px}.family-section{padding-top:47px}.family-list{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.family-list>span{min-width:0}.closing-triangle{width:280px;height:280px;right:-85px;top:60px}}
@media(max-width:380px){.map-product{display:block}.map-product-tag{display:inline-block;margin-top:9px}.family-list{grid-template-columns:1fr 1fr}.family-list>span{padding:8px}.family-list b{font-size:11px}.family-list small{font-size:10px}}

@media(max-width:480px){.hero-actions{flex-direction:column;gap:15px}.hero-actions .button{min-width:200px}.hero-actions .text-link{justify-content:center}}