/* Shared SPARQ styling. Product sales page is the reference; page layouts remain local. */
:root{--brand-heading-font:Inter,Arial,sans-serif;--brand-radius:20px;--brand-control-radius:40px;--brand-primary:#faf9f5;--brand-on-primary:#191b17;--brand-primary-hover:#e5e6dc;--brand-focus:#f5e642}
:root.sparq-light{--brand-primary:#191b17;--brand-on-primary:#fff;--brand-primary-hover:#3b4035;--brand-focus:#20221d}
.home-light .site-header,.home-light .dream-hero,.product-spotlight{--brand-primary:#faf9f5;--brand-on-primary:#191b17;--brand-primary-hover:#e5e6dc;--brand-focus:#f5e642}
:root body h1,:root body h2,:root body h3{font-family:var(--brand-heading-font);letter-spacing:-.045em;text-wrap:balance}
:root body h1{font-weight:680;line-height:1.08}
:root body h2,:root body h3{font-weight:600}
:root body .dream-hero h1{font-size:clamp(70px,8vw,114px);font-weight:680;line-height:1.02}
/* These explicit component overrides win over older page-specific button rules. */
:root body .button,:root body .header-contact{background:var(--brand-primary)!important;color:var(--brand-on-primary)!important;border:1px solid var(--brand-primary)!important;border-radius:var(--brand-control-radius)!important;box-shadow:none!important;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:550;min-height:54px;padding:15px 25px;line-height:1.4;transition:background-color 180ms,transform 180ms}
:root body .site-header .button,:root body .header .button{min-height:44px;padding:10px 19px;font-size:12px}
:root body .button:focus-visible,:root body .header-contact:focus-visible{outline:3px solid var(--brand-focus);outline-offset:5px}
:root body .button:active,:root body .header-contact:active{transform:scale(.98)}
/* The homepage hero retains its position and arrow, with the shared pill treatment. */
:root body button.hero-cta{background:var(--brand-primary);color:var(--brand-on-primary);border:1px solid var(--brand-primary);border-radius:40px;padding:15px 25px;min-height:54px;gap:22px;font-size:14px;font-weight:550;flex-direction:row-reverse;width:fit-content}
:root body button.hero-cta .cta-orbit{border:0;background:none;color:inherit;width:auto;height:auto;min-width:0;flex:none;font-size:20px}
:root body button.hero-cta .cta-orbit:before{display:none}
:root body :is(.about-photo,.home-showcase img,.workflow img,.ai-founder img,.hero-portrait>img,.founder-panel>img,.hero-art img,.package-image img,.checkout-bundle img,.resource-photo,.dashboard-figure,.offer-card,.comparison article,.price-card,.prompt-sample){border-radius:var(--brand-radius)}
:root body #enquiry-dialog{border-radius:22px}
:root body .survey-step>input,:root body .survey-step textarea{border-radius:8px}
:root body .survey-choice{border-radius:14px}
:root body .site-header nav{font-size:13px;letter-spacing:0;text-transform:none}
@media(hover:hover) and (pointer:fine){:root body .button:hover,:root body .header-contact:hover,:root body button.hero-cta:hover{background:var(--brand-primary-hover)!important;color:var(--brand-on-primary)!important;transform:translateY(-1px)}}
@media(max-width:760px){:root body .button{font-size:12px;padding:13px 20px;min-height:50px}:root body .site-header .button,:root body .header .button{font-size:11px;padding:10px 14px;min-height:44px}:root body button.hero-cta{font-size:12px;padding:13px 20px;gap:16px}:root body .dream-hero h1{font-size:clamp(58px,13vw,86px)}:root body :is(.about-photo,.home-showcase img,.workflow img,.ai-founder img,.hero-art img,.package-image img,.checkout-bundle img){border-radius:13px}}
@media(prefers-reduced-motion:reduce){:root body .button,:root body .header-contact,:root body button.hero-cta{transition:none!important;transform:none!important}}

/* Existing page layouts, with clearer editorial lists and first-party proof. */
.ai-page .problem-list article{grid-template-columns:1fr}
.sparq-light .ai-page .ai-section-heading h2 em{color:#25271f;background:linear-gradient(transparent 82%,#f5e642 82%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sparq-example{border-top:1px solid var(--line)}
.sparq-example .example-intro{max-width:65ch;margin:24px 0 36px}
.survey-outline{font-size:12px;line-height:1.6;margin-bottom:16px}
.sparq-light .sparq-example h2 em{color:var(--text);background:linear-gradient(transparent 82%,#f5e642 82%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sparq-light .sparq-example .steps span{color:var(--muted)}

/* Vector arrows render consistently without OS emoji substitution. */
.cta-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.button>span:has(>.cta-icon),.text-link>span:has(>.cta-icon),.service-link>span:has(>.cta-icon){display:inline-flex;align-items:center}
.site-header .cta-icon,.header .cta-icon{width:18px;height:18px}

/* One highlight treatment across every light-page section. */
.sparq-light :is(h1,h2,h3) em{font-style:normal;color:var(--text,var(--ink,#20221d));background:linear-gradient(transparent 82%,var(--yellow,#f5e642) 82%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.home-light .dream-hero h1 em{color:var(--yellow);background:none}
.sparq-light .steps span,.sparq-light .service-visual li>span{color:var(--muted)}