/* Full-page adaptations of the four approved schemes. Shared content, different compositions. */
[data-theme=make]{--paper:#fff;--ink:#292033;--muted:#6b6175;--line:#e5ddee;--green:#7b3fd0;--mint:#f5f0fc;--lime:#e6d5ff;--radius:20px;--font:Manrope,Arial,sans-serif;--tint:#f5f0fc;--surface:#fff;--accent:#7b3fd0;--deep:#24182e;--dark-muted:#cec0dc;--highlight:#e6d5ff;--button-radius:10px;--card-radius:20px;--content:1200px;--section-space:96px;--hover:#6530b2}
[data-theme=optmyzr]{--paper:#fff;--ink:#101619;--muted:#59696c;--line:#d7e3e4;--green:#406f75;--mint:#edf5f5;--lime:#d6ecec;--radius:12px;--font:Onest,Arial,sans-serif;--tint:#edf5f5;--surface:#fff;--accent:#406f75;--deep:#172b30;--dark-muted:#c3d8db;--highlight:#d7e9ec;--button-radius:7px;--card-radius:12px;--content:1240px;--section-space:88px;--hover:#31585e}
[data-theme=semrush]{--paper:#e8f0ed;--ink:#1c2118;--muted:#5c665d;--line:#cbd7d0;--green:#1c2118;--mint:#e7e5f3;--lime:#d6c0f9;--radius:24px;--font:Onest,Arial,sans-serif;--tint:#e7e5f3;--surface:#fff;--accent:#b58bf5;--deep:#20261e;--dark-muted:#cbd6c7;--highlight:#dbc6fc;--button-radius:999px;--card-radius:24px;--content:1280px;--section-space:104px;--hover:#393f34}
[data-theme=roistat]{--paper:#fff;--ink:#414458;--muted:#6b7185;--line:#dce2ed;--green:#4e70dd;--mint:#f4f6fa;--lime:#dce5ff;--radius:6px;--font:"Golos Text",Arial,sans-serif;--tint:#f4f6fa;--surface:#fff;--accent:#4e70dd;--deep:#252c45;--dark-muted:#c8cde0;--highlight:#e3eaff;--button-radius:4px;--card-radius:6px;--content:1200px;--section-space:80px;--hover:#3e5dc0}

/* Replace the original green prototype's surfaces and details throughout the page. */
[data-theme] .container{width:min(var(--content),calc(100% - 96px))}
[data-theme] .section{padding-block:var(--section-space)}
[data-theme] .header{background:var(--paper);border-color:var(--line);backdrop-filter:none}
[data-theme] .header-inner{height:88px;gap:20px}
[data-theme] .desktop-nav{gap:22px}
[data-theme] .desktop-nav a{font-size:12px}
[data-theme] .brand{font-size:25px}
[data-theme] .button{border-radius:var(--button-radius);background:var(--green);border-color:var(--green);font-weight:600}
[data-theme] .button:hover{background:var(--hover);border-color:var(--hover);box-shadow:none}
[data-theme] .button-secondary{background:transparent;color:var(--ink);border-color:var(--line)}
[data-theme] .button-secondary:hover{background:var(--tint);border-color:var(--accent)}
[data-theme] .button:disabled:hover{background:var(--green);border-color:var(--green)}
[data-theme] :focus-visible{outline-color:var(--accent)}
[data-theme] .heading-muted,[data-theme] .eyebrow{color:var(--accent)}
[data-theme] .status-dot{background:var(--accent)}
[data-theme] .brand-dot,[data-theme] .desktop-nav a:hover{color:var(--accent)}
[data-theme] .hero{padding-bottom:0}
[data-theme] .hero-visual{min-width:0;padding:0}
[data-theme] .hero-visual:before{content:none}
[data-theme] .hero-trust{color:var(--muted)}
[data-theme] .hero-note{color:var(--muted);font-size:12px}
[data-theme] .capabilities-window{border-color:var(--line);border-radius:var(--card-radius);box-shadow:none;padding:30px}
[data-theme] .capabilities-list h3{font-size:17px;font-weight:600}
[data-theme] .capabilities-list p{font-size:12px}
[data-theme] .capability-icon{background:var(--tint);color:var(--accent);border-radius:var(--button-radius)}
[data-theme] .capabilities-note{background:var(--tint);color:var(--muted);font-size:10px}
[data-theme] .audience-line>span,[data-theme] .audience-line>div{color:var(--muted)}
[data-theme] .audience-line i{background:var(--line)}
[data-theme] .audience-line{margin-top:60px}
[data-theme] h2{font-size:42px;font-weight:600;letter-spacing:-.04em}
[data-theme] h3,[data-theme] h4{font-weight:600}
[data-theme] .section-heading{gap:40px}
[data-theme] .section-intro{font-size:15px}
[data-theme] .optimization-section,[data-theme] .ai-analysis-section,[data-theme] .workspace-section{background:var(--surface)}
[data-theme] .campaign-section,[data-theme] .testing-section,[data-theme] .subscription-section{background:var(--tint)}
[data-theme] .optimization-grid{gap:0 48px}
[data-theme] .optimization-item p,[data-theme] .analysis-capabilities p,[data-theme] .testing-cycle p{font-size:14px}
[data-theme] .capability-caption,[data-theme] .optimization-item>span,[data-theme] .creation-steps li>span,[data-theme] .analysis-capabilities article>span,[data-theme] .testing-cycle li>span{color:var(--muted)}
[data-theme] .optimization-principle{background:var(--tint);border-color:var(--line);border-radius:var(--button-radius)}
[data-theme] .optimization-principle>.icon,[data-theme] .product-checks .icon,[data-theme] .creation-boundary .icon,[data-theme] .testing-boundary .icon,[data-theme] .workspace-benefits .icon,[data-theme] .workspace-limits article>.icon{color:var(--accent)}
[data-theme] .optimization-example,[data-theme] .campaign-conversation,[data-theme] .analysis-chat,[data-theme] .effect-demo,[data-theme] .workspace-demo,[data-theme] .plan-card{border-color:var(--line);border-radius:var(--card-radius);box-shadow:none}
[data-theme] .optimization-example>summary,[data-theme] .analysis-header,[data-theme] .workspace-demo-header,[data-theme] .workspace-demo-nav,[data-theme] .workspace-demo-disclaimer{background:var(--tint)}
[data-theme] .pill{background:var(--tint);border-color:var(--line);color:var(--green)}
[data-theme] .analysis-card{border-color:var(--line)}
[data-theme] .evidence-table td{border-color:var(--line)}
[data-theme] .evidence-table th,[data-theme] .evidence-table td:last-child,[data-theme] .tabs button span,[data-theme] .analysis-amount strong span{color:var(--muted)}
[data-theme] .campaign-grid{gap:60px;grid-template-columns:1fr 1fr}
[data-theme] .campaign-copy>h3{font-size:27px}
[data-theme] .campaign-conversation{background:var(--surface)}
[data-theme] .conversation-heading,[data-theme] .draft-details,[data-theme] .draft-status,[data-theme] .creation-steps li{border-color:var(--line)}
[data-theme] .conversation-heading div>span,[data-theme] .campaign-answer>.tiny-label,[data-theme] .conversation-disclaimer,[data-theme] .draft-status,[data-theme] .creation-boundary{color:var(--muted)}
[data-theme] .campaign-conversation blockquote{background:var(--tint);color:var(--ink)}
[data-theme] .draft-parts span{background:var(--tint);color:var(--ink);border-color:var(--line)}
[data-theme] .creation-steps strong{font-size:16px}
[data-theme] .creation-steps p{font-size:12px}
[data-theme] .ai-avatar{background:var(--green);color:#fff}
[data-theme] .analysis-chat{background:var(--deep);border-color:var(--deep);color:#fff}
[data-theme] .analysis-chat-heading .ai-avatar{background:var(--highlight);color:var(--deep)}
[data-theme] .analysis-chat-heading div>span,[data-theme] .chat-demo-badge,[data-theme] .analysis-chat-note{color:var(--dark-muted)}
[data-theme] .analysis-question-options button{color:var(--dark-muted)}
[data-theme] .analysis-question-options button[aria-pressed=true]{background:var(--highlight);color:var(--deep);border-color:var(--highlight)}
[data-theme] .analysis-user-question{background:#ffffff14;color:#fff}
[data-theme] .analysis-response>.tiny-label,[data-theme] .analysis-response>p:not(.tiny-label){color:var(--dark-muted)}
[data-theme] .analysis-response h3{color:#fff}
[data-theme] .analysis-response>.analysis-next-step{color:var(--dark-muted)!important}
[data-theme] .effect-demo{background:var(--surface)}
[data-theme] .effect-table th,[data-theme] .effect-table td,[data-theme] .effect-next{border-color:var(--line)}
[data-theme] .effect-demo-note,[data-theme] .effect-table thead th{color:var(--muted)}
[data-theme] .effect-options button{border-color:var(--line);color:var(--muted);background:var(--surface)}
[data-theme] .effect-options button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--ink)}
[data-theme] .effect-verdict{color:#326047;background:#e7f3e9}
[data-theme] .verdict-negative{color:#984127;background:#fbe8e2}
[data-theme] .verdict-neutral{color:#5d6370;background:#eef0f3}
[data-theme] .verdict-pending{color:#355b94;background:#e9effb}
[data-theme] .workspace-demo-nav{color:var(--muted);border-color:var(--line)}
[data-theme] .workspace-demo-nav .current{color:var(--green);background:var(--highlight)}
[data-theme] .workspace-decision>.workspace-status{background:var(--tint);border-color:var(--line);color:var(--muted)}
[data-theme] .workspace-demo-disclaimer{color:var(--muted)}
[data-theme] .workspace-decision-actions>.button[aria-pressed=true]{box-shadow:0 0 0 2px var(--highlight)}
[data-theme] .plan-card{background:var(--surface)}
[data-theme] .check-list .icon{color:var(--accent)}
[data-theme] .subscription-note{border-color:var(--line);color:var(--muted)}
[data-theme] .faq-section{background:var(--surface)}
[data-theme] .final-section{background:var(--deep);color:#fff}
[data-theme] .final-section .eyebrow,[data-theme] .final-inner p,[data-theme] .final-actions>span{color:var(--dark-muted)}
[data-theme] .final-section .button{background:var(--highlight);color:var(--deep);border-color:var(--highlight)}
[data-theme] .footer{background:var(--surface);padding-bottom:86px}
[data-theme] dialog{background:var(--surface);border-color:var(--line);border-radius:var(--card-radius)}
[data-theme] .dialog-inner input{border-color:var(--line)}
[data-theme] .form-result{background:var(--tint);border-color:var(--line);color:var(--ink)}
.variant-review{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:20px;padding:11px 18px;border-radius:99px;border:1px solid #dedfe5;background:#fff;color:#242936;font:12px/1.5 Arial,sans-serif;box-shadow:0 4px 24px #1821321a;white-space:nowrap}
.variant-review span{padding-inline:15px;border-inline:1px solid #dedfe5;font-weight:700}
.variant-review a:hover{text-decoration:underline;text-underline-offset:3px}

/* MAKE — a connected modular process, broad canvases, purple contrast. */
[data-theme=make] h2{font-size:40px}
[data-theme=make] .hero-grid{display:block;text-align:center}
[data-theme=make] .hero-copy{max-width:1040px;margin:auto}
[data-theme=make] .hero .eyebrow,[data-theme=make] .hero-buttons,[data-theme=make] .hero-trust{justify-content:center}
[data-theme=make] .hero h1{font-size:64px;line-height:1.15;letter-spacing:-.055em;font-weight:600}
[data-theme=make] .hero-description{max-width:770px;margin-inline:auto;font-size:17px}
[data-theme=make] .hero-note br{display:none}
[data-theme=make] .hero-trust{margin-top:20px}
[data-theme=make] .hero-trust,[data-theme=semrush] .hero-trust{max-width:none}
[data-theme=make] .hero-visual{margin-top:48px;text-align:left}
[data-theme=make] .capabilities-window{background:var(--tint);border:0;padding:28px}
[data-theme=make] .capabilities-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border:0}
[data-theme=make] .capabilities-heading h2{font-size:20px;margin:0;text-align:right}
[data-theme=make] .capabilities-heading h2 br{display:none}
[data-theme=make] .capabilities-list{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
[data-theme=make] .capabilities-list li{display:block;position:relative;padding:22px!important;border:1px solid var(--line);background:white;border-radius:14px}
[data-theme=make] .capabilities-list li+li:before{content:'→';position:absolute;left:-23px;top:45%;color:var(--accent);font-size:20px}
[data-theme=make] .capability-icon{width:42px;height:42px;border-radius:12px;margin-bottom:24px;background:var(--accent);color:#fff}
[data-theme=make] .capabilities-list h3{font-size:16px}
[data-theme=make] .capabilities-list p{font-size:11px;line-height:1.8;margin-top:12px}
[data-theme=make] .capabilities-note{padding:0;margin-top:22px;text-align:center}
[data-theme=make] .optimization-grid{grid-template-columns:repeat(3,1fr);gap:18px}
[data-theme=make] .optimization-item{display:block;padding:28px;border:1px solid var(--line);border-radius:20px}
[data-theme=make] .optimization-item>span{display:inline-flex;background:var(--tint);color:var(--accent);padding:7px 10px;border-radius:7px;margin-bottom:24px}
[data-theme=make] .optimization-item h3{font-size:21px}
[data-theme=make] .optimization-item p{font-size:13px}
[data-theme=make] .optimization-more{margin-top:30px}
[data-theme=make] .creation-steps{gap:0;background:var(--deep);color:#fff;padding:30px;border-radius:20px}
[data-theme=make] .creation-steps li{padding:0 22px;border-top:0;border-left:1px solid #ffffff30}
[data-theme=make] .creation-steps li:first-child{border-left:0;padding-left:0}
[data-theme=make] .creation-steps li>span,[data-theme=make] .creation-steps p{color:var(--dark-muted)}
[data-theme=make] .testing-section{background:var(--deep);color:#fff}
[data-theme=make] .testing-section .eyebrow{color:var(--highlight)}
[data-theme=make] .testing-section .section-intro,[data-theme=make] .testing-cycle p,[data-theme=make] .testing-cycle li>span,[data-theme=make] .testing-boundary p{color:var(--dark-muted)}
[data-theme=make] .testing-cycle li,[data-theme=make] .testing-boundary{border-color:#ffffff26}
[data-theme=make] .effect-demo{color:var(--ink)}
[data-theme=make] .testing-link{color:var(--highlight)}
[data-theme=make] .workspace-demo{border-width:2px}
[data-theme=make] .plan-card{border-width:2px}

/* OPTMYZR — professional PPC panels, a split hero, teal actions, violet band. */
[data-theme=optmyzr] h2{font-size:38px}
[data-theme=optmyzr] .hero{padding-top:64px}
[data-theme=optmyzr] .hero-grid{grid-template-columns:5fr 6fr;gap:72px}
[data-theme=optmyzr] .hero h1{font-size:60px;line-height:1.1;font-weight:650;letter-spacing:-.05em}
[data-theme=optmyzr] .hero-description{font-size:17px}
[data-theme=optmyzr] .hero-buttons{flex-wrap:wrap}
[data-theme=optmyzr] .hero-buttons .button{font-size:13px;gap:12px}
[data-theme=optmyzr] .capabilities-window{position:relative;border:1px solid #bfd1d4;box-shadow:12px 14px 0 #edf5f5}
[data-theme=optmyzr] .capabilities-heading{background:var(--tint);margin:-30px -30px 0;padding:22px 26px;border-radius:12px 12px 0 0}
[data-theme=optmyzr] .capabilities-heading h2{font-size:28px}
[data-theme=optmyzr] .capability-icon{background:#e7e0f5;color:#7754c5}
[data-theme=optmyzr] .audience-line{border-top:0;background:#7754c5;color:#fff;width:100%;max-width:none;padding:22px max(48px,calc((100vw - 1240px)/2));margin-top:65px}
[data-theme=optmyzr] .audience-line>span,[data-theme=optmyzr] .audience-line>div{color:#fff}
[data-theme=optmyzr] .audience-line i{background:#d6c8f1}
[data-theme=optmyzr] .optimization-grid{gap:0 50px}
[data-theme=optmyzr] .optimization-item>span{background:var(--tint);padding:5px 9px;border-radius:4px;color:var(--accent)}
[data-theme=optmyzr] .optimization-item{padding-block:29px}
[data-theme=optmyzr] .campaign-grid{grid-template-columns:5fr 6fr}
[data-theme=optmyzr] .campaign-conversation{border-top:4px solid var(--accent)}
[data-theme=optmyzr] .analysis-product-grid{grid-template-columns:1fr 1.1fr}
[data-theme=optmyzr] .analysis-chat{order:2}
[data-theme=optmyzr] .testing-section{background:#fff;border-top:1px solid var(--line)}
[data-theme=optmyzr] .effect-demo{background:var(--tint)}
[data-theme=optmyzr] .workspace-section{background:var(--tint)}
[data-theme=optmyzr] .subscription-section{background:#302344;color:#fff}
[data-theme=optmyzr] .subscription-section .eyebrow{color:#d6bdf8}
[data-theme=optmyzr] .subscription-section .section-intro,[data-theme=optmyzr] .subscription-note{color:#d5cbe2}
[data-theme=optmyzr] .plan-card{color:var(--ink)}

/* SEMRUSH — the selected current mint/lavender scheme, oversized type and broad panels. */
[data-theme=semrush] .header{border-bottom:0}
[data-theme=semrush] .header-inner{height:94px}
[data-theme=semrush] .brand-mark span{background:#b58bf5}
[data-theme=semrush] .hero{padding-top:56px}
[data-theme=semrush] .hero-grid{display:block;text-align:center}
[data-theme=semrush] .hero-copy{max-width:1120px;margin:auto}
[data-theme=semrush] .hero h1{font-size:76px;line-height:1.04;font-weight:600;letter-spacing:-.06em}
[data-theme=semrush] .hero h1 br{display:none}
[data-theme=semrush] .heading-muted{color:var(--ink);background:#c6a7f4;border-radius:14px;padding:0 12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
[data-theme=semrush] .hero .eyebrow,[data-theme=semrush] .hero-buttons,[data-theme=semrush] .hero-trust{justify-content:center}
[data-theme=semrush] .hero .eyebrow{color:var(--ink)}
[data-theme=semrush] .hero-description{max-width:790px;margin-inline:auto;font-size:18px;line-height:1.7}
[data-theme=semrush] .hero-note br{display:none}
[data-theme=semrush] .hero-trust{margin-top:20px}
[data-theme=semrush] .hero-visual{text-align:left;margin-top:55px}
[data-theme=semrush] .capabilities-window{background:none;border:0;padding:0}
[data-theme=semrush] .capabilities-heading{display:none}
.capability-pairs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.capability-pairs>article{padding:40px 45px;border-radius:24px;background:#fff}
.capability-pairs>article+article{background:#e7e5f3}
.pair-kicker{font-size:9px;font-weight:600;letter-spacing:.1em;color:#545d53}
.pair-title{font-size:44px;letter-spacing:-.05em;line-height:1.05;margin:22px 0 14px}
[data-theme=semrush] .capabilities-list li{padding:20px 0;border-color:#cbd2c9}
[data-theme=semrush] .capabilities-list p{font-size:13px}
[data-theme=semrush] .capability-icon{background:var(--ink);color:#e4d3fd;border-radius:50%;width:36px;height:36px}
[data-theme=semrush] .capabilities-note{background:none;text-align:center;margin-top:18px}
[data-theme=semrush] .audience-line{margin-top:35px}
[data-theme=semrush] .section-heading{display:block;text-align:center;max-width:1000px;margin:0 auto 55px}
[data-theme=semrush] .section-heading .eyebrow{justify-content:center;color:var(--ink)}
[data-theme=semrush] .section-heading .section-intro{max-width:700px;margin:24px auto 0}
[data-theme=semrush] h2{font-size:44px;line-height:1.08;font-weight:600}
[data-theme=semrush] .optimization-section{background:var(--paper);border:0}
[data-theme=semrush] .optimization-grid{gap:20px}
[data-theme=semrush] .optimization-item{border:0;background:#fff;border-radius:24px;padding:32px;gap:22px}
[data-theme=semrush] .optimization-item:nth-child(3n){background:#e7e5f3}
[data-theme=semrush] .optimization-item>span{font-size:13px;color:#56545c}
[data-theme=semrush] .optimization-item h3{font-size:25px}
[data-theme=semrush] .optimization-principle{background:#fff;border:0;border-radius:16px}
[data-theme=semrush] .optimization-principle>.icon{color:var(--ink)}
[data-theme=semrush] .optimization-example>summary{background:#fff}
[data-theme=semrush] .optimization-example-content{background:#fff}
[data-theme=semrush] .campaign-section{background:var(--paper);padding-top:20px}
[data-theme=semrush] .campaign-section>.container{background:#fff;padding:56px;border-radius:32px}
[data-theme=semrush] .campaign-section .section-heading{text-align:left;margin-inline:0}
[data-theme=semrush] .campaign-section .section-heading .eyebrow{justify-content:flex-start}
[data-theme=semrush] .campaign-section .section-heading .section-intro{margin-left:0}
[data-theme=semrush] .campaign-conversation{background:#e7e5f3;border:0}
[data-theme=semrush] .campaign-conversation blockquote{background:#fff}
[data-theme=semrush] .product-checks .icon{color:var(--ink)}
[data-theme=semrush] .ai-analysis-section{background:var(--deep);color:#fff}
[data-theme=semrush] .ai-analysis-section .section-heading .eyebrow,[data-theme=semrush] .ai-analysis-section .section-intro,[data-theme=semrush] .analysis-capabilities p,[data-theme=semrush] .analysis-capabilities article>span,[data-theme=semrush] .analysis-principle p{color:var(--dark-muted)}
[data-theme=semrush] .analysis-capabilities article,[data-theme=semrush] .analysis-principle{border-color:#ffffff30}
[data-theme=semrush] .analysis-chat{background:#e7e5f3;border:0;color:var(--ink)}
[data-theme=semrush] .analysis-chat-heading,[data-theme=semrush] .analysis-chat-note,[data-theme=semrush] .analysis-response>.analysis-next-step{border-color:#d2cfe0}
[data-theme=semrush] .analysis-chat-heading div>span,[data-theme=semrush] .chat-demo-badge,[data-theme=semrush] .analysis-chat-note,[data-theme=semrush] .analysis-response>.tiny-label,[data-theme=semrush] .analysis-response>p:not(.tiny-label){color:#5f596f}
[data-theme=semrush] .analysis-response>.analysis-next-step{color:#5f596f!important}
[data-theme=semrush] .analysis-response h3{color:var(--ink)}
[data-theme=semrush] .analysis-question-options button{color:#514b61;border-color:#bdb5d1}
[data-theme=semrush] .analysis-question-options button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-theme=semrush] .analysis-user-question{background:#fff;color:var(--ink)}
[data-theme=semrush] .testing-section{background:var(--paper);border:0}
[data-theme=semrush] .workspace-section{background:var(--paper);padding-top:20px}
[data-theme=semrush] .workspace-section>.container{padding:56px;background:#fff;border-radius:32px}
[data-theme=semrush] .workspace-demo-header{background:#e7e5f3}
[data-theme=semrush] .workspace-grid{grid-template-columns:1fr 1.1fr;gap:40px}
[data-theme=semrush] .subscription-section{background:#d8c2f7}
[data-theme=semrush] .subscription-section .eyebrow{color:var(--ink)}
[data-theme=semrush] .subscription-grid h2{font-size:44px}
[data-theme=semrush] .faq-section{background:var(--paper)}
[data-theme=semrush] .faq-list details{border-color:#bfcfc4}
[data-theme=semrush] .final-section{background:var(--deep)}

/* ROISTAT — quiet, ordered rows, compact type, square business surfaces. */
[data-theme=roistat] .header-inner{height:80px}
[data-theme=roistat] .hero{padding-top:70px}
[data-theme=roistat] .hero-grid{grid-template-columns:1fr 1fr;gap:70px}
[data-theme=roistat] .hero h1{font-size:48px;line-height:1.15;font-weight:500;letter-spacing:-.04em}
[data-theme=roistat] .hero-description{font-size:16px}
[data-theme=roistat] .hero-buttons{gap:10px;flex-wrap:wrap}
[data-theme=roistat] .hero-buttons .button{font-size:12px;padding:15px 20px;gap:12px}
[data-theme=roistat] .capabilities-window{padding:0;overflow:hidden;border-radius:6px}
[data-theme=roistat] .capabilities-heading{padding:24px 27px;background:var(--tint);border-bottom:1px solid var(--line)}
[data-theme=roistat] .capabilities-heading h2{font-size:24px;font-weight:500}
[data-theme=roistat] .capabilities-list{padding:0 27px;counter-reset:capability}
[data-theme=roistat] .capabilities-list li{counter-increment:capability;padding:22px 0;gap:16px}
[data-theme=roistat] .capability-icon{background:none;color:var(--accent);width:24px;height:24px;border:1px solid var(--line);border-radius:3px;font-size:11px}
[data-theme=roistat] .capability-icon:before{content:counter(capability,decimal-leading-zero)}
[data-theme=roistat] .capability-icon svg{display:none}
[data-theme=roistat] .capabilities-list h3{font-size:15px;font-weight:500}
[data-theme=roistat] .capabilities-list p{font-size:12px}
[data-theme=roistat] .capabilities-note{margin:0;border-radius:0;padding:17px 27px;border-top:1px solid var(--line);font-size:10px}
[data-theme=roistat] h2{font-size:34px;font-weight:500;letter-spacing:-.03em}
[data-theme=roistat] h3,[data-theme=roistat] h4{font-weight:500}
[data-theme=roistat] .optimization-grid{gap:0 40px}
[data-theme=roistat] .optimization-item{padding:24px 0;gap:18px}
[data-theme=roistat] .optimization-item h3,[data-theme=roistat] .analysis-capabilities h3,[data-theme=roistat] .testing-cycle h3{font-size:19px}
[data-theme=roistat] .optimization-item p,[data-theme=roistat] .analysis-capabilities p,[data-theme=roistat] .testing-cycle p{font-size:13px}
[data-theme=roistat] .campaign-copy>h3,[data-theme=roistat] .workspace-copy>h3{font-size:23px}
[data-theme=roistat] .analysis-chat{background:#fff;color:var(--ink);border:1px solid var(--line)}
[data-theme=roistat] .analysis-chat-heading{background:var(--tint);border-color:var(--line)}
[data-theme=roistat] .analysis-chat-heading .ai-avatar{background:var(--accent);color:#fff}
[data-theme=roistat] .analysis-chat-heading div>span,[data-theme=roistat] .analysis-chat-note,[data-theme=roistat] .chat-demo-badge,[data-theme=roistat] .analysis-response>.tiny-label,[data-theme=roistat] .analysis-response>p:not(.tiny-label){color:var(--muted)}
[data-theme=roistat] .analysis-response>.analysis-next-step{color:var(--muted)!important;border-color:var(--line)}
[data-theme=roistat] .analysis-response h3{color:var(--ink);font-size:24px}
[data-theme=roistat] .analysis-chat-note{border-color:var(--line)}
[data-theme=roistat] .analysis-question-options button{border-color:var(--line);color:var(--muted)}
[data-theme=roistat] .analysis-question-options button[aria-pressed=true]{background:var(--highlight);color:#3654a6;border-color:#b5c4f0}
[data-theme=roistat] .analysis-user-question{background:#eef2fc;color:var(--ink);border-radius:4px}
[data-theme=roistat] .testing-cycle li>span{color:var(--accent)}
[data-theme=roistat] .effect-demo-heading h3{font-size:21px}
[data-theme=roistat] .workspace-demo-layout{grid-template-columns:110px 1fr}
[data-theme=roistat] .workspace-limits h3{font-size:14px}
[data-theme=roistat] .plan-card{border-top:3px solid var(--accent)}
[data-theme=roistat] .subscription-grid h2{font-size:34px}
[data-theme=roistat] .final-inner h2{font-size:36px}

/* Responsive compositions retain the distinct theme hierarchy. */
@media(max-width:1150px){
  [data-theme] .container{width:calc(100% - 64px)}
  [data-theme] .desktop-nav{display:none}
  [data-theme] .menu-toggle{display:flex}
  [data-theme=make] .hero h1{font-size:56px}
  [data-theme=optmyzr] .hero-grid,[data-theme=roistat] .hero-grid{gap:40px}
  [data-theme=optmyzr] .hero h1{font-size:48px}
  [data-theme=roistat] .hero h1{font-size:42px}
  [data-theme=semrush] .hero h1{font-size:64px}
  [data-theme=make] .capabilities-list{gap:20px}
  [data-theme=make] .capabilities-list li{padding:18px!important}
  [data-theme=make] .capabilities-list li+li:before{left:-19px}
  [data-theme=make] .capabilities-list h3{font-size:14px}
  [data-theme=make] .optimization-item{padding:24px}
  [data-theme=semrush] .campaign-section>.container,[data-theme=semrush] .workspace-section>.container{padding:40px}
  [data-theme=semrush] h2,[data-theme=semrush] .subscription-grid h2{font-size:44px}
}
@media(min-width:701px) and (max-width:980px){
  [data-theme] .campaign-grid,[data-theme] .analysis-product-grid,[data-theme] .workspace-grid,[data-theme] .testing-grid{grid-template-columns:1fr;gap:35px}
  [data-theme] .campaign-copy,[data-theme] .workspace-copy{max-width:660px}
  [data-theme] .analysis-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
  [data-theme] .analysis-capabilities article:first-child{padding-top:23px}
  [data-theme] .testing-cycle{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
  [data-theme] .testing-cycle li:first-child{padding-top:24px}
  [data-theme] .effect-demo{max-width:680px;width:100%;margin-inline:auto}
  [data-theme] .hero-buttons{flex-wrap:wrap}
  [data-theme] .hero-buttons .button{padding:13px 15px;font-size:12px;gap:12px}
  [data-theme=optmyzr] .hero h1,[data-theme=roistat] .hero h1{font-size:37px}
  [data-theme=optmyzr] .hero-description,[data-theme=roistat] .hero-description{font-size:14px}
  [data-theme=optmyzr] .capabilities-window{padding:24px}
  [data-theme=optmyzr] .capabilities-heading{margin:-24px -24px 0;padding:22px}
  [data-theme=optmyzr] .capabilities-list h3{font-size:14px}
  [data-theme=optmyzr] .capabilities-list p{font-size:11px}
  [data-theme=make] .capabilities-list{grid-template-columns:1fr 1fr}
  [data-theme=make] .capabilities-list li+li:before{content:none}
  [data-theme=make] .optimization-grid{grid-template-columns:1fr 1fr}
  [data-theme=make] .capabilities-list h3{font-size:17px}
  [data-theme=make] .hero h1{font-size:48px}
  [data-theme=semrush] .hero h1{font-size:58px}
  .capability-pairs>article{padding:30px}
  .pair-title{font-size:38px}
  [data-theme=semrush] .optimization-item{padding:26px;gap:15px}
  [data-theme=semrush] .optimization-item h3{font-size:21px}
  [data-theme=semrush] .section-heading h2{font-size:42px}
  [data-theme=optmyzr] .analysis-chat{order:0}
}
@media(max-width:700px){
  [data-theme]{--section-space:64px}
  [data-theme] .container{width:calc(100% - 40px)}
  [data-theme] .header-inner,[data-theme=roistat] .header-inner,[data-theme=semrush] .header-inner{height:72px;gap:10px}
  [data-theme] .brand{font-size:21px;gap:8px}
  [data-theme] .header-actions>.button{font-size:10px;padding:10px 12px;gap:8px}
  [data-theme] .hero{padding-top:40px}
  [data-theme] .hero-grid,[data-theme=optmyzr] .hero-grid,[data-theme=roistat] .hero-grid{grid-template-columns:1fr;gap:32px}
  [data-theme] .hero h1,[data-theme=make] .hero h1,[data-theme=optmyzr] .hero h1,[data-theme=roistat] .hero h1{font-size:36px;line-height:1.13}
  [data-theme=semrush] .hero h1{font-size:42px;line-height:1.07}
  [data-theme] .hero h1 br{display:none}
  [data-theme] .hero-description,[data-theme=make] .hero-description,[data-theme=semrush] .hero-description{font-size:15px}
  [data-theme] .hero-buttons{flex-wrap:wrap;gap:10px}
  [data-theme] .hero-buttons .button{font-size:12px;padding:14px 16px;gap:12px;flex:initial;white-space:normal}
  [data-theme] .hero-note{font-size:11px}
  [data-theme] .hero-trust{font-size:10px}
  [data-theme] .hero-visual{max-width:none;padding:0}
  [data-theme] .capabilities-window{padding:24px 22px}
  [data-theme] .capabilities-list h3{font-size:16px}
  [data-theme] .capabilities-list p{font-size:12px}
  [data-theme] .audience-line{margin-top:36px;padding-block:22px}
  [data-theme] .audience-line>div{font-size:10px;gap:8px 12px}
  [data-theme] .audience-line>span{font-size:8px}
  [data-theme] h2,[data-theme=semrush] h2,[data-theme=semrush] .subscription-grid h2,[data-theme=roistat] h2,[data-theme=roistat] .subscription-grid h2{font-size:32px}
  [data-theme] .section-heading{gap:20px;margin-bottom:32px}
  [data-theme] .section-intro{font-size:14px}
  [data-theme] .optimization-grid{grid-template-columns:1fr;gap:0}
  [data-theme] .optimization-item p,[data-theme] .analysis-capabilities p,[data-theme] .testing-cycle p{font-size:13px}
  [data-theme] .campaign-grid,[data-theme] .analysis-product-grid,[data-theme] .workspace-grid,[data-theme] .testing-grid{grid-template-columns:1fr;gap:32px}
  [data-theme] .analysis-capabilities,[data-theme] .testing-cycle{display:flex;flex-direction:column}
  [data-theme] .campaign-copy>h3,[data-theme] .workspace-copy>h3{font-size:24px}
  [data-theme] .creation-steps{grid-template-columns:1fr 1fr}
  [data-theme] .workspace-demo-layout,[data-theme=roistat] .workspace-demo-layout{grid-template-columns:1fr}
  [data-theme] .workspace-demo-nav{display:flex}
  [data-theme=make] .hero-visual,[data-theme=semrush] .hero-visual{margin-top:34px}
  [data-theme=make] .capabilities-window{padding:22px 18px}
  [data-theme=make] .capabilities-heading{display:block;padding-bottom:20px}
  [data-theme=make] .capabilities-heading h2{text-align:left;font-size:21px;margin-top:10px}
  [data-theme=make] .capabilities-list{grid-template-columns:1fr;gap:24px}
  [data-theme=make] .capabilities-list li{display:flex;gap:14px;padding:20px!important}
  [data-theme=make] .capabilities-list li+li:before{content:'↓';left:31px;top:-25px;font-size:17px}
  [data-theme=make] .capability-icon{width:32px;height:32px;margin:0;border-radius:8px}
  [data-theme=make] .capabilities-list p{margin-top:8px;font-size:12px}
  [data-theme=make] .optimization-grid{gap:14px}
  [data-theme=make] .optimization-item{padding:26px}
  [data-theme=make] .optimization-item>span{margin-bottom:18px}
  [data-theme=make] .creation-steps{padding:24px;gap:25px 20px}
  [data-theme=make] .creation-steps li{padding:0;border:0}
  [data-theme=optmyzr] .capabilities-heading{margin:-24px -22px 0;padding:22px}
  [data-theme=optmyzr] .capabilities-window{box-shadow:6px 8px 0 #edf5f5}
  [data-theme=optmyzr] .audience-line{width:100%;padding-inline:20px}
  [data-theme=optmyzr] .analysis-chat{order:0}
  [data-theme=semrush] .heading-muted{padding:0 6px;border-radius:7px}
  .capability-pairs{grid-template-columns:1fr;gap:16px}
  .capability-pairs>article{padding:30px 25px}
  .pair-title{font-size:38px}
  [data-theme=semrush] .capabilities-window{padding:0}
  [data-theme=semrush] .capabilities-list p{font-size:12px}
  [data-theme=semrush] .optimization-grid{gap:14px}
  [data-theme=semrush] .optimization-item{padding:25px;gap:16px}
  [data-theme=semrush] .optimization-item h3{font-size:23px}
  [data-theme=semrush] .campaign-section>.container,[data-theme=semrush] .workspace-section>.container{padding:32px 20px;width:calc(100% - 24px);border-radius:24px}
  [data-theme=semrush] .section-heading{margin-bottom:32px}
  [data-theme=semrush] .section-heading .section-intro{margin-top:20px}
  [data-theme=semrush] .creation-steps{gap:24px 16px}
  [data-theme=roistat] .capabilities-window{padding:0}
  [data-theme=roistat] .capabilities-heading{padding:22px}
  [data-theme=roistat] .capabilities-list{padding-inline:22px}
  [data-theme=roistat] .final-inner h2{font-size:32px}
  .variant-review{bottom:10px;gap:10px;font-size:10px;padding:10px 13px}
  .variant-review span{padding-inline:10px}
}
@media print{.variant-review{display:none}}