/* Conversion experience: retain the academy's Archivo/Newsreader and amber tokens.
   The signature artifact is the readable ad, not a decorative product mockup. */
.conversion { color-scheme: dark; }
.conversion .skip-link { position: fixed; top: 8px; left: 16px; transform: translateY(-180%); z-index: 200; padding: 12px 20px; background: var(--accent); color: var(--btn-label); }
.conversion .skip-link:focus { transform: none; }
.conversion :focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.conversion .nav { position: relative; }
.conversion .nav-inner { min-height: 88px; }
.conversion .btn { white-space: normal; text-align: center; min-height: 48px; }
.conversion .nav .btn { padding: 12px 22px; font-size: 14px; }
.conversion h1 { margin: 22px 0; font: 900 clamp(46px,5.8vw,88px)/.97 var(--display); letter-spacing: -.025em; text-transform: uppercase; text-wrap: balance; }
.conversion h2 { margin: 14px 0 26px; font: 400 clamp(38px,4.4vw,64px)/1.06 var(--serif); letter-spacing: -.02em; text-wrap: balance; }
.conversion h3 { font: 600 23px/1.3 var(--body); margin: 0 0 16px; }
.conversion p { text-wrap: pretty; }
.conversion .eyebrow { font: 500 11px/1.6 var(--mono); letter-spacing: .08em; color: var(--accent-text); text-transform: uppercase; }
.conversion .micro-note { font: 400 12px/1.65 var(--body); color: var(--muted); }
.conversion .micro-note a { text-decoration: underline; text-underline-offset: 3px; }
.conversion .text-link { display: inline-flex; align-items: center; min-height: 44px; gap: 16px; border-bottom: 1px solid var(--hairline-2); font-size: 15px; font-weight: 500; }
.conversion .text-link:hover { color: var(--accent); }
.conversion-hero { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: clamp(40px,6vw,88px); padding-top: 54px; padding-bottom: 68px; }
.hero-intro { font-size: clamp(22px,2.1vw,28px); line-height: 1.4; color: var(--text); margin: 22px 0 14px; }
.hero-description { max-width: 500px; color: var(--text-2); font-size: 17px; line-height: 1.65; }
.conversion-actions { display: flex; align-items: flex-start; flex-direction: column; gap: 10px; margin: 28px 0 18px; }
.hero-work { max-width: 430px; width: 100%; justify-self: end; }
.work-caption { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 13px; font: 400 11px/1.6 var(--mono); text-transform: uppercase; color: var(--text-2); }
.work-caption span:last-child { color: var(--accent); white-space: nowrap; }
.ad-creative { margin: 0; width: 100%; aspect-ratio: 4/5; position: relative; overflow: hidden; background: var(--surface); }
.ad-creative>img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.ad-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 7.5%; background: linear-gradient(180deg,rgba(10,12,15,.80),rgba(10,12,15,.3) 60%,rgba(10,12,15,.86)); color: #fff; }
.ad-academy { font: 600 11px/1.4 var(--mono); letter-spacing: .10em; }
.conversion .ad-title { margin: 12% 0 16px; font: 900 clamp(28px,3vw,44px)/1.04 var(--display); text-transform: uppercase; letter-spacing: -.025em; text-wrap: balance; }
.ad-sub { max-width: 240px; margin: 0; font: 500 16px/1.5 var(--body); text-shadow: 0 1px 5px #101114; }
.ad-action { margin-top: auto; width: 100%; padding: 14px 0 0; display: flex; justify-content: space-between; border-top: 1px solid #ffffff75; font: 600 15px/1.4 var(--body); }
.ad-kids .ad-overlay { background: linear-gradient(180deg,rgba(10,12,15,.82),rgba(10,12,15,.4) 65%,rgba(10,12,15,.90)); }
.conversion-section { padding: 88px 0; border-top: 1px solid var(--hairline); scroll-margin-top: 20px; }
.work-section,.founder-section,.request-section { background: var(--bg-2); }
.section-intro { display: grid; grid-template-columns: 1.3fr 1fr; gap: 60px; align-items: end; margin-bottom: 38px; }
.section-intro>p { max-width: 410px; color: var(--text-2); margin-bottom: 32px; font-size: 18px; }
.demo-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 32px; }
.demo-tab { min-height: 48px; padding: 12px 25px; border: 1px solid var(--hairline-2); border-radius: 999px; color: var(--text-2); font-weight: 500; }
.demo-tab:hover { border-color: var(--accent); }
.demo-tab[aria-selected=true] { background: var(--accent); border-color: var(--accent); color: var(--btn-label); }
.demo-panel { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(36px,7vw,100px); align-items: start; margin-bottom: 55px; }
.demo-art { max-width: 430px; }
.demo-explanation { padding-top: 12px; }
.demo-explanation>p:not(.eyebrow) { color: var(--text-2); line-height: 1.7; }
.destination { margin: 28px 0 18px; padding: 24px; border: 1px solid var(--hairline); background: var(--surface); }
.destination .eyebrow { font-size: 11px; }
.destination h4 { font: 400 27px/1.2 var(--serif); margin: 15px 0; }
.destination>p { color: var(--text-2); font-size: 14px; }
.demo-field { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; padding: 12px 0; border-bottom: 1px solid var(--hairline-2); }
.demo-field span { color: var(--muted); }
.example-disclosure { max-width: 760px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.process-layout,.pricing-layout,.faq-layout,.request-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(36px,8vw,120px); }
.process-list { list-style: none; padding: 0; margin: 0; counter-reset: process; }
.process-list li { border-bottom: 1px solid var(--hairline); padding: 0 0 26px 42px; margin-bottom: 26px; position: relative; counter-increment: process; }
.process-list li::before { content: counter(process); position: absolute; top: 4px; left: 0; color: var(--accent); font-family: var(--mono); }
.process-list p,.founder-layout p,.pricing-layout>div>p,.request-layout>div>p { color: var(--text-2); }
.founder-layout { display: grid; grid-template-columns: .82fr 1fr; align-items: center; gap: clamp(40px,8vw,120px); }
.founder-layout>img { width: 100%; max-height: 500px; object-fit: cover; object-position: center; }
.founder-layout p { max-width: 500px; font-size: 17px; line-height: 1.75; }
.conversion-price { padding: 0 0 0 32px; border-left: 1px solid var(--hairline-2); }
.price-display { font: 900 clamp(68px,7vw,96px)/1 var(--display); letter-spacing: -.05em; }
.price-display span { margin-left: 12px; font: 400 16px/1.5 var(--body); letter-spacing: normal; color: var(--text-2); }
.conversion-price ul { list-style: none; padding: 22px 0; border-bottom: 1px solid var(--hairline); }
.conversion-price li { margin: 10px 0; color: var(--text-2); }
.conversion-price li::before { content: '✓'; color: var(--accent); margin-right: 12px; }
.price-responsibilities p { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 13px; }
.price-responsibilities span { color: var(--text-2); }
.conversion-price .btn { margin-top: 18px; }
.conversion-faq details { padding: 22px 0; border-bottom: 1px solid var(--hairline); }
.conversion-faq details:first-child { padding-top: 0; }
.conversion-faq summary { min-height: 44px; font-size: 18px; font-weight: 500; cursor: pointer; }
.conversion-faq p { color: var(--text-2); }
.conversion-faq a { text-decoration: underline; }
.plan-request { display: flex; flex-direction: column; align-items: stretch; }
.plan-request label { font-size: 14px; margin: 0 0 8px; }
.plan-request input:not(.hp-field) { background: var(--bg); color: var(--text); border: 1px solid var(--hairline-2); border-radius: 4px; min-width: 0; min-height: 54px; padding: 14px 16px; font: 400 17px var(--body); }
.plan-request #website-help { margin: 8px 0 22px; }
.plan-request button { margin-top: 24px; }
.plan-request input::placeholder { color: var(--muted); }
.conversion .cta-confirm { text-align: left; margin: 0; }
.conversion .cta-confirm-url { overflow-wrap: anywhere; }
.conversion .footer a { display: inline-flex; align-items: center; min-height: 44px; }
.example-header { padding-top: 72px; padding-bottom: 64px; }
.example-header h1 { max-width: 800px; }
.example-notice { max-width: 700px; color: var(--text-2); line-height: 1.7; margin: 25px 0; border: 1px solid var(--hairline); padding-left: 22px; }
.plan-document { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 65px; padding-bottom: 80px; }
.plan-contents { position: sticky; top: 30px; align-self: start; }
.plan-contents a { display: block; padding: 12px 0; min-height: 44px; color: var(--text-2); border-bottom: 1px solid var(--hairline); font-size: 14px; }
.plan-contents a:hover { color: var(--accent); }
.plan-body section { padding: 54px 0; border-top: 1px solid var(--hairline); scroll-margin-top: 25px; }
.plan-body section>p,.plan-body li,.plan-creative-layout p { color: var(--text-2); line-height: 1.75; }
.plan-body li { margin: 15px 0; }
.plan-body ul { padding-left: 20px; }
.academy-facts { margin: 32px 0; }
.academy-facts>div { border-top: 1px solid var(--hairline); padding: 18px 0; }
.academy-facts dt { font-weight: 600; }
.academy-facts dd { margin: 8px 0 0; color: var(--text-2); }
.plan-note { background: var(--surface); padding: 20px; font-size: 14px; border-left: 2px solid var(--accent); }
.plan-creative-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.plan-creative-layout .ad-title { font-size: clamp(25px,2.5vw,36px); }
.plan-creative-layout .ad-sub { font-size: 13px; }
.plan-creative-layout .ad-action { font-size: 12px; }
.plan-creative-layout h3 { font-size: 18px; margin: 20px 0 8px; }
.plan-creative-layout h3:first-child { margin-top: 0; }
.plan-creative-layout p { font-size: 14px; }
.decision-distinction { border-left: 2px solid var(--accent); padding-left: 24px; margin: 30px 0; }
.decision-distinction p { color: var(--text-2); }
@media(min-width:1500px) { .conversion-hero { padding-top: 75px; padding-bottom: 90px; } }
@media(max-width:1000px) { .conversion .nav-links { display: none; } .conversion-hero { gap: 35px; } .conversion h1 { font-size: clamp(42px,6.1vw,64px); } .work-caption { font-size: 11px; } .demo-panel { gap: 38px; } .plan-document { grid-template-columns: 155px minmax(0,1fr); gap: 35px; } .plan-creative-layout { grid-template-columns: 1fr; } .plan-creative-layout .ad-creative { max-width: 370px; } }
@media(max-width:700px) { .conversion .nav-inner { min-height: 76px; gap: 12px; } .conversion .nav .btn { font-size: 12px; padding: 10px 15px; } .conversion .brand { font-size: 18px; } .conversion .brand-mark { width: 22px; height: 22px; } .conversion-hero { grid-template-columns: 1fr; padding-top: 35px; padding-bottom: 45px; gap: 30px; } .conversion h1 { font-size: clamp(43px,9.7vw,66px); } .hero-intro { font-size: 22px; } .hero-description { font-size: 16px; } .hero-work { justify-self: start; max-width: 440px; } .conversion .ad-title { font-size: clamp(31px,8vw,48px); } .conversion-section { padding: 55px 0; } .section-intro,.demo-panel,.process-layout,.founder-layout,.pricing-layout,.faq-layout,.request-layout { grid-template-columns: 1fr; gap: 28px; } .section-intro { margin-bottom: 26px; gap: 0; } .section-intro>p { margin: 0; font-size: 16px; } .demo-tabs { gap: 8px; } .demo-tab { padding: 12px 16px; font-size: 13px; } .demo-panel { margin-bottom: 30px; } .demo-art { max-width: 440px; } .demo-explanation { padding-top: 0; } .founder-layout>img { max-height: 420px; } .conversion-price { padding: 0; border-left: 0; } .price-display { font-size: 80px; } .conversion-faq summary { font-size: 17px; } .request-layout { gap: 32px; } .example-header { padding-top: 42px; padding-bottom: 38px; } .plan-document { grid-template-columns: 1fr; gap: 28px; } .plan-contents { position: static; } .plan-contents a { display: inline-flex; margin-right: 14px; } .plan-contents .eyebrow { margin-bottom: 2px; } .plan-body section { padding: 38px 0; } .plan-creative-layout .ad-title { font-size: clamp(30px,8vw,44px); } }
@media(prefers-reduced-motion:reduce) { .conversion *, .conversion *::before,.conversion *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; } }

/* Dated campaign evidence, separate from illustrative creative. */
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:40px 0 24px}.evidence-grid article{border-top:1px solid var(--hairline);padding-top:24px}.evidence-number{font:800 clamp(60px,8vw,100px)/1 var(--display);letter-spacing:-.05em;margin:0 0 24px;color:var(--accent)}.evidence-words{font-size:clamp(48px,6vw,76px)}.evidence-grid h3{margin-bottom:12px}.evidence-context{max-width:85ch}@media(max-width:680px){.evidence-grid{grid-template-columns:1fr;gap:28px}}

.campaign-render img{width:100%;height:100%;object-fit:contain}.campaign-render{background:#111}

/* Dated campaign evidence, kept compact between the hero and creative. */
.campaign-proof{display:flex;align-items:center;gap:2.5rem;padding-top:1.75rem;padding-bottom:1.75rem;border-top:1px solid var(--line, #303232);border-bottom:1px solid var(--line, #303232)}
.campaign-proof-number{display:flex;align-items:baseline;gap:.7rem;flex-shrink:0}
.campaign-proof-number strong{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1;font-weight:600;color:#efbd50}
.campaign-proof-number span{font-size:1rem;color:#ddd}
.campaign-proof-context p{margin:0}.campaign-proof-context .micro-note{margin-top:.45rem;max-width:65ch}
@media(max-width:600px){.campaign-proof{align-items:flex-start;flex-direction:column;gap:1rem}.campaign-proof-context b{font-size:1rem}}