/* The same idea travels through the page: brief, branches, signal, next brief. */
:root{--line-soft:color-mix(in srgb,var(--NeutralInactive) 22%,transparent)}
html{scroll-padding-top:110px}::selection{background:var(--SelectDark);color:var(--MainDark)}
.section-kicker{font-size:.75rem;letter-spacing:.1em}.section-kicker>span:first-child:before{display:none}
.section h2{letter-spacing:-.045em;text-wrap:balance}.section-heading-row>p{line-height:1.7}
.hero:before{background-size:32px 32px;opacity:.6}.hero h1{font-size:clamp(7rem,11.7vw,12.8rem)}
.experiment-art-hero{right:-3%;width:63%;top:4rem;height:calc(100% - 140px);max-height:770px}.experiment-art-hero .art-caption,.experiment-art-hero .coord-top{display:none}.experiment-art-hero .coord-side{right:8%;top:3%;writing-mode:initial;font-size:.625rem}.experiment-art-hero .experiment-canvas{opacity:.82}
.experiment-art-hero[data-stage="1"] .hero-concept-a{transform:translate(-42%,-47%) rotate(-5deg)}.experiment-art-hero[data-stage="1"] .hero-concept-b{transform:translate(-52%,-50%) rotate(0)}.experiment-art-hero[data-stage="1"] .hero-concept-c{transform:translate(-42%,-53%) rotate(4deg)}.experiment-art-hero[data-stage="2"] .hero-concept-a,.experiment-art-hero[data-stage="2"] .hero-concept-c{opacity:.28;transform:translate(-50%,-50%) scale(.88) rotate(var(--tilt))}.experiment-art-hero[data-stage="2"] .hero-concept-b{transform:translate(-58%,-50%) scale(1.09) rotate(0);border-color:var(--SelectLight)}.experiment-art-hero[data-stage="3"] .hero-concept{border-color:var(--SelectDark)}.experiment-art-hero[data-stage="3"] .hero-concept-a{transform:translate(-43%,-48%) rotate(5deg)}.experiment-art-hero[data-stage="3"] .hero-concept-c{transform:translate(-42%,-53%) rotate(-9deg)}.trust-strip{border-bottom:1px solid var(--NeutralInactive)}.product-copy h2{font-size:clamp(3.5rem,6vw,6.5rem)}.product-copy>p:first-of-type{font-size:1.2rem;line-height:1.7}.creative-showcase figcaption{margin-top:2.5rem}.workflow{gap:2.5rem;padding-top:2.5rem}.workflow h3{font-size:1.3rem}.workflow article:after{display:none}
/* A sticky visual is accompanied by real, readable narrative chapters. */
.journey{overflow:visible;padding-top:7rem;padding-bottom:3rem;background:var(--MainDark)}.journey[data-step="3"] .lineage-feedback{stroke-dashoffset:0}.journey[data-step="0"] .story-candidate:first-child{transform:rotate(-4deg) translateY(4px)}.journey[data-step="0"] .story-candidate:last-child{transform:rotate(4deg) translateY(4px)}.journey[data-step="2"] .story-candidate:not([data-candidate="1"]){opacity:.48;transform:scale(.96)}.journey[data-step="3"] .story-ad{border-color:var(--SelectDark)}.capabilities{background:var(--MainDark);color:var(--white);padding-top:1rem;padding-bottom:5rem}.capabilities .learning-benefits{margin-top:0;border-top:0;padding-top:0;gap:4rem}.capabilities .learning-benefits article{border-top:1px solid var(--line-soft);padding-top:1.5rem}.capabilities .learning-benefits h3{color:var(--SelectMid)}
/* Proof becomes a typographic spread; pricing is a clearly connected bill. */.quote-card:after,.price-card:after{display:none}.pricing-grid{gap:0;grid-template-columns:1.12fr 1fr}.price-card{padding:3rem}.managed{border-left:0;background:var(--surface-accent)}.self-serve .plan-label{color:var(--SelectMid)}.draft-prices{gap:2rem;border-color:var(--line-soft)}.draft-prices>div+div{border-left:1px solid var(--line-soft);padding-left:2rem}.draft-prices strong{font-size:3.2rem}.plan-heading h3{font-size:1.7rem}.plan-label{font-size:.6875rem}.cost-example{padding-top:3.5rem}.cost-breakdown{border:1px solid var(--MainDark);box-shadow:9px 9px 0 var(--SelectLight);padding:1.3rem 2rem}.cost-breakdown .cost-total{background:var(--MainDark);color:var(--white);margin:0 -2rem;padding:1.5rem 2rem}.cost-total strong{color:var(--SelectDark)}.faq-intro{position:sticky;top:130px;align-self:start}.faq-list summary{font-family:var(--display);font-size:1.15rem;line-height:1.45}.team-strip{border-top:1px solid var(--NeutralInactive)}
.page-hero{padding-bottom:5rem}.page-hero h1{font-size:clamp(3.5rem,7.5vw,7.8rem);letter-spacing:-.05em}.page-hero .experiment-art-chapter{opacity:.43;right:-13%;width:68%}.resource-card .resource-image{border-top:1px solid var(--MainDark);padding-top:.8rem;aspect-ratio:4/4.2}.resources-grid{gap:4vw}.resource-card:nth-child(2){padding-top:4rem}.resource-card:nth-child(3){padding-top:8rem}.manifesto-row>span{font-size:5rem;color:var(--AccentDark)}.manifesto-row h2{font-size:clamp(2.5rem,4.2vw,4.3rem)}.article-body .article-callout{border-radius:0;border-left:4px solid var(--MainDark)}.article-layout aside{position:sticky;top:130px;align-self:start}.article-body>section{scroll-margin-top:110px}
@media(max-width:1000px){.creative-showcase{max-width:660px}.journey-enhanced .journey-chapter:not(.is-active){display:none}.price-card{padding:2rem}.capabilities .learning-benefits{gap:2rem}.resource-card:nth-child(2),.resource-card:nth-child(3){padding-top:0}.resource-image{aspect-ratio:1/1!important}.article-layout aside{position:static}.faq-intro{position:static}}
@media(max-width:650px){html{scroll-padding-top:90px}.hero h1{font-size:18.9vw}.experiment-art-hero{width:calc(100% + 40px);position:relative;top:auto;right:auto;height:330px;margin:0 -20px}.experiment-art-hero .coord-side{display:none}.product-copy h2{font-size:3.3rem}.product-copy>p:first-of-type{font-size:1.1rem}.creative-showcase figcaption{margin-top:1.8rem;font-size:.8125rem}.workflow{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.workflow h3{font-size:1.1rem}.workflow p{font-size:.9375rem}.journey{padding-top:4rem;padding-bottom:2rem}.capabilities{padding-bottom:3.5rem}.capabilities .learning-benefits{display:grid;grid-template-columns:1fr;gap:1.7rem}.pricing-grid{grid-template-columns:1fr;gap:0}.price-card{padding:1.6rem}.managed{border-left:1px solid var(--NeutralInactive);border-top:0}.draft-prices{gap:1rem}.draft-prices>div+div{padding-left:1rem}.draft-prices strong{font-size:2.8rem}.draft-prices span{font-size:.9375rem}.plan-heading h3{font-size:1.5rem}.plan-label{font-size:.625rem}.cost-example{padding-top:1rem}.cost-breakdown{padding:1rem 1.2rem;box-shadow:6px 6px 0 var(--SelectLight);margin-right:6px}.cost-breakdown .cost-total{margin:0 -1.2rem;padding:1.2rem}.faq-intro h2{font-size:3.4rem}.faq-list summary{font-size:1.05rem}.page-hero{padding-bottom:3rem}.page-hero h1{font-size:clamp(2.35rem,9.4vw,3.8rem)}.page-hero .experiment-art-chapter{opacity:.23}.resource-card .resource-image{aspect-ratio:4/3!important}.manifesto-row>span{font-size:1.8rem}.manifesto-row h2{font-size:clamp(1.9rem,7.4vw,2.8rem)}}
@media(max-width:370px){.hero h1{font-size:18.65vw}.experiment-art-hero{height:280px}}
@media print{.journey{overflow:visible}.faq-intro{position:static}}
/* Keep the labels readable while focusing the selected creative direction. */
.journey[data-step="2"] .story-candidate:not([data-candidate="1"]){opacity:1}.journey[data-step="2"] .story-candidate:not([data-candidate="1"]) .story-ad img{opacity:.45}.not-found{min-height:65svh}.not-found>.button{margin-top:2rem}.recovery-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;color:var(--NeutralInactive)}.recovery-links a{text-decoration:underline;text-underline-offset:4px}
/* Reem Kufi needs breathing room between words at smaller heading sizes. */
.section h2,.page-hero h1{word-spacing:.065em}.resources-grid .resource-card h2,.journey-chapter h3,.fit-list h3,.workflow h3,.control-grid h3,.learning-benefits h3{letter-spacing:-.015em;word-spacing:.06em}
@media(max-width:650px){.field-controls button{font-size:.75rem;padding-left:.2rem;padding-right:.2rem}}

/* Editorial hierarchy: headings lead; labels explain only meaningful categories. */
.section>.section-heading-row:first-child{margin-top:0}
.journey-intro h2,.faq-intro h2{margin-top:0}
.pricing-section h2{font-size:clamp(2.5rem,4.8vw,4.6rem);line-height:1.15;font-weight:500}
.pricing-section .section-heading-row{margin-bottom:2.5rem;align-items:center}
.pricing-section .section-heading-row>p{max-width:390px}
.faq-intro h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.2;font-weight:500}
/* One mark per fictional purchase: evidence accumulates, then informs the next brief. */
.journey[data-step="1"] .purchase-evidence i,.journey[data-step="2"] .purchase-evidence i{opacity:1;transform:scale(1)}
.journey[data-step="2"] [data-candidate="1"] .purchase-evidence i{background:var(--SelectDark)}
.journey[data-step="1"] .purchase-legend,.journey[data-step="2"] .purchase-legend{visibility:visible}
@media(max-width:650px){.product-copy h2{font-size:clamp(2.4rem,9.5vw,3.3rem)}.pricing-section .section-heading-row{align-items:start;gap:1rem}.pricing-section h2{font-size:2.7rem}}
.pricing-section h2,.faq-intro h2{word-spacing:.1em}

.setup-help{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--NeutralInactive)}.setup-help h3{font-size:1.3rem;margin-bottom:.75rem}.setup-help a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}

/* Launch review: make the self-serve path clear before secondary detail. */
.home-pricing .section-heading-row h2{font-size:clamp(2.5rem,4.8vw,5rem);max-width:740px}.home-rate-card{background:var(--MainDark);color:var(--NeutralLight);padding:2.5rem 3rem}.home-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:1.7rem}.home-rates>div+div{border-left:1px solid color-mix(in srgb,var(--NeutralInactive) 35%,transparent);padding-left:2.5rem}.home-rates strong{display:block;color:var(--SelectDark);font:700 clamp(3.3rem,6vw,6.5rem)/1.1 var(--display);letter-spacing:-.06em}.home-rates strong span{font-size:.6em}.home-rates p{font-size:1.125rem;line-height:1.4;margin-top:.6rem}.home-rate-card>p{font-size:1rem;line-height:1.65;max-width:780px;color:var(--NeutralInactive)}.home-price-action{display:flex;align-items:center;gap:2rem;margin-top:1.5rem}.home-price-action .text-link{color:var(--NeutralLight)}.home-managed{display:flex;justify-content:space-between;align-items:center;gap:3rem;padding:2rem 0;border-bottom:1px solid var(--NeutralInactive)}.home-managed h3{font-size:1.5rem;line-height:1.4;margin:0 0 .5rem}.home-managed p{font-size:1rem;line-height:1.6;max-width:750px}.home-managed>.text-link{flex-shrink:0}.home-pricing .pricing-conditions{margin-top:1.2rem}.home-pricing .pricing-conditions p{max-width:960px}
@media(max-width:850px){.home-choice,.home-managed{align-items:start;flex-direction:column;gap:1.2rem}.home-rate-card{padding:2rem}.home-rates{gap:1.5rem}.home-rates>div+div{padding-left:1.5rem}.home-rates p{font-size:1rem}}
@media(max-width:650px){.home-pricing .section-heading-row h2{font-size:clamp(2rem,8.3vw,3rem)}.home-rate-card{padding:1.4rem}.home-rates{gap:.85rem;margin-bottom:1.3rem}.home-rates>div+div{padding-left:.85rem}.home-rates strong{font-size:2.9rem}.home-rates p{font-size:.85rem;line-height:1.5}.home-rate-card>p{font-size:.9375rem}.home-price-action{gap:1.3rem;flex-wrap:wrap}.home-price-action .text-link{font-size:.875rem}.home-managed{padding:1.5rem 0}.home-managed h3{font-size:1.3rem}}
.home-rates p,.home-price-action .text-link{color:var(--white)}

/* Brand roles: gold selects, purple explores, rose flags a condition. */
body{color:var(--NeutralDark)}
.home-managed h3,.managed .plan-heading h3{color:var(--AccentDark)}
.cost-breakdown{box-shadow:9px 9px 0 var(--surface-accent)}
.article-body .article-callout{border-left-color:var(--AccentLight);background:var(--surface-accent)}
.pricing-conditions{padding:1rem 1.25rem;border-left:3px solid var(--AlertMid);background:var(--surface-notice);color:var(--NeutralDark)}
.pricing-conditions a{color:var(--AlertDark)}
.closing-section,.compact-cta{background:var(--AccentDark);color:var(--white)}
.closing-section h2,.compact-cta h2{color:var(--white)}
.closing-section>.section-kicker,.compact-cta .section-kicker{color:var(--NeutralInactive)}
.closing-section .button-dark,.compact-cta .button-dark{background:var(--SelectDark);color:var(--MainDark)}
.closing-section .button-dark:hover,.compact-cta .button-dark:hover{background:var(--SelectMid)}
@media(max-width:650px){.cost-breakdown{box-shadow:6px 6px 0 var(--surface-accent)}}

/* One consistent app-entry shape, including the persistent header action. */
a.button[href="https://app.adsmith.ai/auth"]{border:2px solid var(--white);border-radius:999px;box-shadow:none}
a.button[href="https://app.adsmith.ai/auth"]:before{display:none}
.site-header a.button[href="https://app.adsmith.ai/auth"]{padding-inline:1.45rem}