:root{--bg:var(--ap-brand-paper);--surface:var(--ap-brand-surface);--surface-2:var(--ap-brand-paper);--surface-3:var(--ap-brand-chip);--ink:var(--ap-brand-ink);--text:var(--ap-brand-ink);--muted:var(--ap-brand-body);--muted-2:var(--ap-brand-muted);--line:var(--ap-brand-line);--brand:var(--ap-brand-fill);--brand-hover:#9247a3;--brand-active:#4d1d57;--brand-soft:var(--ap-brand-soft)}
body,.results-body{background:var(--bg);color:var(--ink);font-family:Geist,Arial,sans-serif}
header.ap-brand-header{max-width:none;margin:0;padding:0;text-align:left}
header.modal-head{max-width:none;margin:0;text-align:left}
body *:not(code,pre,kbd,samp){letter-spacing:0}
button,input,select,textarea{font-family:Geist,Arial,sans-serif}
.x402-toolbar .topnav{gap:4px}
.x402-toolbar .topnav a{font-size:15px;padding:8px 10px;min-height:40px;display:flex;align-items:center}
.x402-toolbar .top-actions{flex-wrap:wrap;gap:8px}
.x402-toolbar .top-wallet-state{max-width:220px}
.x402-toolbar .button{min-height:40px;padding:8px 12px;font-size:15px}
.overview,.overview-copy,.results-hero{border-radius:0;box-shadow:none;border:0}
.overview-copy{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 35%,transparent 72%),url('/assets/hero/adprompt-x402-hero.webp') right center / auto 100% no-repeat;min-height:460px}
.hero-content{background:transparent}
.hero-logo{display:none}
h1{font-size:52px;font-weight:600;line-height:1.12;color:var(--ink)}
.section-heading h2{font-weight:600;color:var(--ink)}
.section-kicker,.eyebrow{color:var(--ap-brand-accent);text-transform:none}
.button,.segment,.cta-button{border-radius:4px}
.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}
.button.text-link{color:var(--ap-brand-accent)}
.product-card,.bundle-card,.purchase-panel,.summary-tile,.result-card,.results-empty,.modal-card{border-radius:8px;background:var(--surface);border-color:var(--line)}
.results-hero,.results-empty,.results-panel,.result-card,.modal-head,.purchase-layout{background:var(--surface)}
.results-hero{border-bottom:1px solid var(--line);padding-bottom:40px}
html[data-theme=dark] .overview-copy{background:linear-gradient(90deg,#211b24 0%,#211b24 35%,#211b2460 75%),url('/assets/hero/adprompt-x402-hero.webp') right center / auto 100% no-repeat}
html[data-theme=dark] .overview-copy::after{display:none}
html[data-theme=dark] :is(.demo-card .modal-head,.demo-panel,.demo-visual,.demo-card .modal-head .icon-button){background:var(--surface);color:var(--ink)}
html[data-theme=dark] .demo-output{background:var(--surface-2);border-color:var(--line)}
html[data-theme=dark] .demo-output span{color:var(--ap-brand-accent)}
html[data-theme=dark] .mini-button{color:var(--ap-brand-accent);border-color:var(--line);background:var(--surface-2)}
html[data-theme=dark] :is(.product-card,.bundle-card,.purchase-panel,.summary-tile,.results-panel,.results-empty,.result-card,.context-choice,.business-context-options,.field-group,.mcp-tool,.mcp-snippet){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(input,select,textarea,.input-wrap,.existing-business-panel,.business-context-card){background:var(--surface-2);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.button.ghost,.button.secondary,.context-choice strong,.step-head strong,.results-empty h2,.summary-tile strong){color:var(--ink)}
html[data-theme=dark] .mcp-tool-name{color:var(--ap-brand-accent)}
.mcp-section{border-radius:8px;box-shadow:none}
.mcp-endpoint,.mcp-snippet pre{border-radius:4px}
.mcp-snippet pre{background:var(--ap-brand-paper);color:var(--ap-brand-ink);padding-right:84px;border:1px solid var(--ap-brand-line)}
.mcp-copy{top:32px;background:var(--ap-brand-surface);color:var(--ap-brand-ink);border-color:var(--ap-brand-line)}
.mcp-pill,.mcp-foot a{color:var(--ap-brand-accent)}
.mcp-tool-price{color:#087d37}
.mcp-copy.is-copied{background:#087d37;border-color:#087d37;color:#fff}
.bundle-fit{color:var(--ap-brand-accent)!important}
.purchase-footer{background:var(--surface)}
.purchase-plan{background:var(--surface-2);border-color:var(--line)}
.purchase-plan-badge,.purchase-plan-steps li::before{background:var(--brand-soft);color:var(--ap-brand-accent)}
#purchase-price{color:var(--ap-brand-accent)}
.price{color:var(--ap-brand-accent)}
.cta-button.secondary-button{background:var(--surface-2);color:var(--ap-brand-accent);border:1px solid var(--line)}
.form-group small{color:var(--muted)}
html[data-theme=dark]{--danger:#ffb4a2;--success:#93dfad;--ok:#93dfad;--warning:#f4cf8d}
html[data-theme=dark] :is(.field-hint.error,.blocked-note,.context-note.warning,.quote-box p.warning){color:var(--danger)}
html[data-theme=dark] :is(.error-message,.success-message){background:var(--brand-soft)}
html[data-theme=dark] .mcp-tool-price{color:var(--success)}
@media(max-width:760px){.overview-copy{background:var(--bg);min-height:0;padding:36px 4px}.overview{margin-top:0}.hero-content{padding:0}h1,.results-hero h1{font-size:36px}.x402-toolbar{gap:8px}.x402-toolbar .topnav{gap:0}.x402-toolbar .top-actions{justify-content:flex-start}.x402-toolbar .top-wallet-state{max-width:180px}}
.overview{border-top:2px solid var(--ap-brand-highlight);border-bottom:1px solid var(--ap-brand-line)}
.overview-copy::after{display:none}
html[data-theme] .overview-copy{background-image:var(--ap-brand-pattern),linear-gradient(90deg,var(--bg) 0%,var(--bg) 58%,var(--ap-hero-fade) 100%),url('/assets/hero/adprompt-x402-hero.webp');background-size:180px 104px,auto,auto 100%;background-repeat:repeat,no-repeat,no-repeat;background-position:left top,center,right center}
:root{--ap-hero-fade:#f8f5ef80;--ap-hero-overlay-start:#f8f5eff5;--ap-hero-overlay-end:#f8f5efe8}
html[data-theme=dark]{--ap-hero-fade:#211b2480;--ap-hero-overlay-start:#211b24f5;--ap-hero-overlay-end:#211b24e8}
.overview .eyebrow,.section-heading .section-kicker{color:var(--ap-brand-highlight)}
:is(.product-card,.bundle-card){border-top:2px solid var(--ap-brand-highlight)}
.product-card::before{display:none}
.results-hero{background-image:var(--ap-brand-pattern);background-size:180px 104px}
.results-hero .eyebrow{color:var(--ap-brand-highlight)}
@media(min-width:761px) and (max-width:1100px){html[data-theme] .overview-copy{background-image:var(--ap-brand-pattern),linear-gradient(90deg,var(--ap-hero-overlay-start),var(--ap-hero-overlay-end)),url('/assets/hero/adprompt-x402-hero.webp')}}
@media(max-width:760px){html[data-theme] .overview-copy{background:var(--ap-brand-pattern) left top / 180px 104px repeat;padding:32px 20px}}