/*
 * Ozymind, ATROPOS framework page.
 * A numbered-dossier treatment: single white ground, hairline rules, square
 * corners, no shadows. Each section carries a mono index on a left rail.
 * Brand tokens come from style.css. Orange text uses --oz-text (AA);
 * #eb7546 is reserved for fills, active states and the one bar that matters.
 * The CSP forbids inline styles, so no-JS defaults live in .atr-w-* utilities
 * and JS drives dynamic values through the CSSOM.
 */

/* ── Page ground: all white, hairlines between sections ────── */
body { background-color: #ffffff; }
.svc-hero, .svc-section, .section-white { background: #ffffff; }
.svc-hero { border-bottom: 1px solid var(--border); padding: 150px 0 76px; }
.svc-section { padding: 84px 0; }
main > .svc-section + .svc-section { border-top: 1px solid var(--border); }
section[id] { scroll-margin-top: 90px; }

/* Sharp corners on this page, including the shared buttons */
.btn-oz, .btn-oz-ghost { border-radius: 2px; }

/* Hero photograph (thread, downloaded to images/, Pixabay Content License).
   Gradients keep the text column on solid ground, fade the image in from
   the right, and dissolve it into white at the bottom. If the file is
   absent the hero stays clean white. */
.svc-hero {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0) 72%, #ffffff 100%),
        linear-gradient(90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.98) 44%,
            rgba(255,255,255,.86) 66%,
            rgba(255,255,255,.42) 100%),
        url('../images/atropos-hero.jpg');
    background-size: auto, auto, cover;
    background-position: center, center, center right;
    background-repeat: no-repeat;
}

/* ── Hero ──────────────────────────────────────────────────── */
.svc-hero h1 { margin: 0 0 22px; }
.atr-name {
    display: block; font-size: 78px; font-weight: 900; line-height: 1;
    letter-spacing: .045em; color: var(--t1);
}
.atr-sub {
    display: block; font-size: 19px; font-weight: 400; line-height: 1.4;
    letter-spacing: 0; color: var(--t2); margin-top: 14px;
}

/* The motto lives on the thread itself */
.atr-thread-motto {
    display: flex; align-items: center; gap: 16px;
    max-width: 640px; margin: 0 0 34px;
    font-size: 20px; font-weight: 300; font-style: italic; color: var(--t1);
    white-space: nowrap;
}
.atr-tm-line { flex: 1; min-width: 36px; height: 2px; background: var(--oz); }
.atr-tm-dash { width: 58px; height: 0; border-top: 2px dashed rgba(235,117,70,.45); }
.atr-tm-scissors { flex: 0 0 auto; display: block; }

.svc-hero .svc-lead { font-size: 18px; max-width: 640px; }
.atr-link {
    display: inline-block; margin-left: 26px;
    font-size: 15px; font-weight: 600; color: var(--oz-text);
    border-bottom: 1px solid currentColor; padding-bottom: 2px;
}
.atr-link:hover { color: var(--t1); }

/* ── The dossier rail: mono index left, content right ──────── */
.atr-sec { display: grid; grid-template-columns: 92px 1fr; gap: 48px; }
.atr-no {
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    font-size: 13px; letter-spacing: 1px; color: var(--t3);
    position: relative; padding-top: 16px;
}
.atr-no::before {
    content: ""; position: absolute; top: 0; left: 0;
    width: 30px; height: 2px; background: var(--t1);
}
.atr-sec-body h2 {
    font-size: 32px; font-weight: 900; line-height: 1.15;
    color: var(--t1); margin: 0 0 16px; letter-spacing: -.3px;
}
.atr-sec-body .svc-intro { margin-bottom: 34px; }

/* ── Stat row: open, hairline-divided, no boxes ────────────── */
.atr-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin: 44px 0 36px; }
.atr-stat { padding: 4px 36px; border-left: 1px solid var(--border); }
.atr-stat:first-child { padding-left: 0; border-left: 0; }
.atr-stat .atr-stat-num {
    display: block; font-size: 48px; font-weight: 900; line-height: 1.05;
    color: var(--t1); font-variant-numeric: tabular-nums;
}
.atr-stat .atr-stat-label {
    display: block; font-size: 14.5px; font-weight: 500; line-height: 1.5;
    color: var(--t1); margin: 10px 0 8px;
}
.atr-stat .atr-stat-src { display: block; font-size: 12px; color: var(--t3); line-height: 1.5; }

/* ── Pull-quote (kill criteria) ────────────────────────────── */
.atr-quote {
    border-left: 2px solid var(--oz);
    padding: 6px 0 6px 26px; margin: 36px 0 0;
    font-size: 20px; line-height: 1.55; font-weight: 400; color: var(--t1);
    max-width: 720px;
}

/* ── Ozymind's Razor ───────────────────────────────────────── */
.atr-razor {
    border-top: 2px solid var(--t1);
    border-bottom: 1px solid var(--border);
    padding: 26px 0 24px; margin: 40px 0 0;
    max-width: 760px;
}
.atr-razor-label {
    display: block; font-size: 11px; font-weight: 700; letter-spacing: 2.2px;
    text-transform: uppercase; color: var(--oz-text); margin-bottom: 14px;
}
.atr-razor-law {
    font-size: 26px; font-weight: 300; line-height: 1.45;
    color: var(--t1); margin: 0 0 14px; text-wrap: balance;
}
.atr-razor-note { font-size: 13.5px; line-height: 1.6; color: var(--t3); margin: 0; }

/* ── Savings-equation simulator ────────────────────────────── */
.atr-sim {
    display: grid; grid-template-columns: minmax(300px, 5fr) 7fr; gap: 56px;
    border: 1px solid var(--border-strong);
    padding: 46px 50px; margin-top: 44px;
}
.atr-sim-controls h3, .atr-sim-results h3 {
    font-size: 15px; font-weight: 700; color: var(--t1);
    margin: 0 0 20px;
}
.atr-field { margin-bottom: 20px; }
.atr-field label {
    display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
    font-size: 14.5px; font-weight: 500; color: var(--t1); margin-bottom: 7px;
}
.atr-field output {
    font-weight: 700; color: var(--t1); font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* Sliders: thin 2px track with a value fill (--fill set from JS),
   small ringed thumb. accent-color stays as the no-JS fallback. */
.atr-field input[type="range"] {
    width: 100%; accent-color: var(--oz); cursor: pointer;
    height: 28px; margin: 0; background: transparent;
    -webkit-appearance: none; appearance: none; --fill: 50%;
}
.atr-field input[type="range"]::-webkit-slider-runnable-track {
    height: 2px;
    background: linear-gradient(90deg, var(--oz) var(--fill), var(--border-strong) var(--fill));
}
.atr-field input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none;
    width: 18px; height: 18px; border-radius: 50%;
    background: #ffffff; border: 2px solid var(--oz);
    margin-top: -8px; box-sizing: border-box;
}
.atr-field input[type="range"]::-moz-range-track { height: 2px; background: var(--border-strong); }
.atr-field input[type="range"]::-moz-range-progress { height: 2px; background: var(--oz); }
.atr-field input[type="range"]::-moz-range-thumb {
    width: 18px; height: 18px; border-radius: 50%;
    background: #ffffff; border: 2px solid var(--oz); box-sizing: border-box;
}
.atr-field input[type="range"]:focus-visible { outline: 2px solid var(--oz-text); outline-offset: 4px; }
.atr-field .atr-hint { display: block; font-size: 12px; color: var(--t3); margin-top: 4px; line-height: 1.5; }

/* Scenario presets */
.atr-presets { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.atr-preset {
    font-family: inherit; font-size: 12.5px; font-weight: 600;
    color: var(--t2); background: none; cursor: pointer;
    border: 1px solid var(--border-strong); border-radius: 2px;
    padding: 6px 12px; transition: all var(--ease, .2s ease);
}
.atr-preset:hover { border-color: var(--oz); color: var(--oz-text); }
.atr-preset:focus-visible { outline: 2px solid var(--oz-text); outline-offset: 2px; }

/* Results: the one number that matters */
.atr-net { border-bottom: 1px solid var(--border); padding-bottom: 22px; margin-bottom: 24px; }
.atr-net .atr-net-num {
    display: block; font-size: 54px; font-weight: 900; line-height: 1;
    color: var(--t1); font-variant-numeric: tabular-nums; letter-spacing: -.5px;
}
.atr-net.atr-net-negative .atr-net-num { color: var(--t2); }
.atr-net .atr-net-label { display: block; font-size: 14px; color: var(--t2); margin-top: 8px; }
.atr-net .atr-net-sub {
    display: block; font-size: 12.5px; color: var(--t3); margin-top: 4px;
    font-variant-numeric: tabular-nums;
}
.atr-gapline { font-size: 15px; line-height: 1.6; color: var(--t2); margin: 0 0 28px; }
.atr-gapline strong { color: var(--t1); }

/* Decomposition bars: one measure (EUR/yr), one row per stage,
   always labelled in ink. Identity lives in the row label, not the colour. */
.atr-bars { display: flex; flex-direction: column; gap: 16px; }
.atr-bar-row { display: grid; grid-template-columns: 176px 1fr 92px; align-items: center; gap: 14px; }
.atr-bar-name { font-size: 13px; line-height: 1.4; color: var(--t2); }
.atr-bar-track { position: relative; height: 14px; background: var(--surface-tint); }
.atr-bar-fill { position: absolute; left: 0; top: 0; bottom: 0; min-width: 2px; transition: width .25s ease; }
.atr-bar-fill.atr-fill-claim { background: transparent; border: 1px dashed var(--border-strong); }
.atr-bar-fill.atr-fill-gross { background: #9aa3b0; }
.atr-bar-fill.atr-fill-real  { background: #5b6470; }
.atr-bar-fill.atr-fill-net   { background: var(--oz); }
.atr-bar-val {
    font-size: 13.5px; font-weight: 700; color: var(--t1);
    font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap;
}
/* No-JS default widths (match the pre-rendered worked example) */
.atr-w-100 { width: 100%; } .atr-w-69 { width: 69%; }
.atr-w-44  { width: 44%; }  .atr-w-22 { width: 22%; }

.atr-sim-note { font-size: 12.5px; color: var(--t3); margin: 26px 0 0; }

@media (prefers-reduced-motion: reduce) {
    .atr-bar-fill { transition: none; }
}

/* ── Gates: act brackets over beads on a thread ────────────── */
.atr-acts-brackets {
    display: grid; grid-template-columns: 1fr 2fr 2fr; gap: 8px;
    margin: 40px 0 26px;
}
.atr-acts-brackets span {
    position: relative; text-align: center;
    font-size: 11px; font-weight: 700; letter-spacing: 1.6px;
    text-transform: uppercase; color: var(--oz-text);
    padding-bottom: 10px; border-bottom: 1px solid var(--border-strong);
}
.atr-acts-brackets span::before,
.atr-acts-brackets span::after {
    content: ""; position: absolute; bottom: 0; width: 1px; height: 7px;
    background: var(--border-strong);
}
.atr-acts-brackets span::before { left: 0; }
.atr-acts-brackets span::after { right: 0; }

.atr-gates-tabs {
    position: relative; display: flex; justify-content: space-between;
    gap: 8px; margin: 0 0 8px; padding: 0;
}
.atr-gates-tabs::before {
    content: ""; position: absolute; left: 30px; right: 30px; top: 19px;
    height: 1px; background: var(--border-strong);
}
.atr-gate-tab {
    position: relative; z-index: 1;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    background: none; border: 0; padding: 0 6px 14px; cursor: pointer;
    font-family: inherit; flex: 1 1 0;
}
.atr-gate-tab .atr-gate-dot {
    width: 38px; height: 38px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #ffffff; border: 1px solid var(--border-strong);
    font-weight: 700; font-size: 15px; color: var(--t2);
    transition: all var(--ease, .2s ease);
}
.atr-gate-tab .atr-gate-word {
    font-size: 11px; font-weight: 700; letter-spacing: 1.4px;
    text-transform: uppercase; color: var(--t3);
}
.atr-gate-tab:hover .atr-gate-dot { border-color: var(--oz); color: var(--oz-text); }
/* Active fill uses the darker AA orange: white numerals on #eb7546 sit at
   ~2.9:1, below the 4.5:1 required for 15px bold text. */
.atr-gate-tab[aria-selected="true"] .atr-gate-dot {
    background: var(--oz-text); border-color: var(--oz-text); color: #fff;
}
.atr-gate-tab[aria-selected="true"] .atr-gate-word { color: var(--oz-text); }
.atr-gate-tab:focus-visible { outline: 2px solid var(--oz-text); outline-offset: 3px; }

.atr-gate-panel { border-top: 1px solid var(--border); padding: 36px 0 10px; }
.atr-gates.js-ready .atr-gate-panel[hidden] { display: none; }
.atr-gate-panel h3 { font-size: 22px; font-weight: 900; color: var(--t1); margin: 0 0 14px; letter-spacing: -.2px; }
.atr-gate-panel .atr-gate-what { font-size: 15.5px; line-height: 1.75; color: var(--t2); margin: 0; max-width: 860px; }
.atr-gate-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 28px; }
.atr-gate-box h4 {
    font-size: 13px; font-weight: 700; color: var(--t1); margin: 0 0 8px;
}
.atr-gate-box.atr-gate-exit { border-left: 2px solid var(--oz); padding-left: 20px; }
.atr-gate-box p { font-size: 14.5px; line-height: 1.7; color: var(--t2); margin: 0; }
.atr-gate-box p strong { color: var(--t1); }

/* ── Evidence: editorial grid, ink top rules ───────────────── */
.atr-evidence {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 48px 44px; margin-top: 10px;
}
.atr-ev { border-top: 2px solid var(--t1); padding-top: 20px; display: flex; flex-direction: column; }
.atr-ev .atr-ev-kicker {
    font-size: 11px; font-weight: 700; letter-spacing: 1.8px;
    text-transform: uppercase; color: var(--oz-text); margin-bottom: 14px;
}
.atr-ev .atr-ev-num {
    font-size: 36px; font-weight: 900; line-height: 1.1; color: var(--t1);
    font-variant-numeric: tabular-nums; margin-bottom: 10px;
}
.atr-ev p { font-size: 14px; line-height: 1.65; color: var(--t2); margin: 0 0 16px; }
.atr-ev .atr-ev-src {
    margin-top: auto; font-size: 12px; color: var(--t3); line-height: 1.5;
    border-top: 1px solid var(--border); padding-top: 10px;
}

/* ── Leak checker: hairline checklist + ruled verdict ──────── */
.atr-leak { display: grid; grid-template-columns: 3fr 2fr; gap: 64px; margin-top: 6px; }
.atr-leak-list { display: flex; flex-direction: column; }
.atr-leak-item { position: relative; }
.atr-leak-item input[type="checkbox"] {
    position: absolute; opacity: 0; width: 100%; height: 100%;
    left: 0; top: 0; margin: 0; cursor: pointer; z-index: 1;
}
.atr-leak-item label {
    display: flex; align-items: flex-start; gap: 16px;
    border-top: 1px solid var(--border);
    padding: 18px 4px 18px 0;
    font-size: 15px; line-height: 1.55; color: var(--t2);
    transition: color var(--ease, .2s ease); cursor: pointer;
}
.atr-leak-item:last-child label { border-bottom: 1px solid var(--border); }
.atr-leak-item .atr-leak-check {
    flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px;
    border: 1.5px solid var(--border-strong);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 900; color: transparent;
    transition: all var(--ease, .2s ease);
}
.atr-leak-item input:checked + label { color: var(--t1); }
.atr-leak-item input:checked + label .atr-leak-check {
    background: var(--oz-text); border-color: var(--oz-text); color: #fff;
}
.atr-leak-item input:focus-visible + label { outline: 2px solid var(--oz-text); outline-offset: 2px; }
.atr-leak-item .atr-leak-gate {
    display: none; margin-left: auto; flex: 0 0 auto;
    font-size: 11px; font-weight: 700; letter-spacing: 1.4px;
    text-transform: uppercase; color: var(--oz-text);
    padding-top: 3px; white-space: nowrap;
}
.atr-leak-item input:checked + label .atr-leak-gate { display: block; }

.atr-verdict {
    border-left: 2px solid var(--oz);
    padding: 6px 0 6px 26px; align-self: start;
    position: sticky; top: 100px;
}
.atr-verdict h3 { font-size: 15px; font-weight: 700; color: var(--t1); margin: 0 0 12px; }
.atr-verdict .atr-verdict-head { font-size: 19px; font-weight: 700; color: var(--t1); margin: 0 0 10px; line-height: 1.4; }
.atr-verdict p { font-size: 14.5px; line-height: 1.65; color: var(--t2); margin: 0 0 18px; }
.atr-verdict .btn-oz { font-size: 14px; }

/* ── Refusals: ruled list ──────────────────────────────────── */
.atr-refusals-title { margin-top: 64px; }
.svc-section h2.atr-refusals-title { margin-top: 64px; font-size: 22px; }
.atr-refusals { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; margin-top: 22px; padding: 0; list-style: none; }
.atr-refusals li {
    position: relative; border-top: 1px solid var(--border);
    padding: 15px 0 15px 30px;
    font-size: 15px; line-height: 1.55; color: var(--t2);
}
.atr-refusals li strong { color: var(--t1); }
.atr-refusals li::before {
    content: "\2717";
    position: absolute; left: 2px; top: 14px;
    font-size: 14px; font-weight: 900; color: var(--oz-text);
}

/* ── Headcount: statement left, argument right ─────────────── */
.svc-proof-statement { margin-bottom: 30px; border-left-width: 2px; font-weight: 400; }
.atr-two { display: grid; grid-template-columns: 5fr 6fr; gap: 60px; align-items: start; margin-top: 8px; }
.atr-two .svc-proof-statement { margin-bottom: 0; }
.atr-two .atr-two-body { font-size: 15.5px; line-height: 1.75; color: var(--t2); margin: 0; }

/* ── Myth block ────────────────────────────────────────────── */
.atr-myth {
    border: 1px solid var(--border-strong);
    padding: 42px 46px; max-width: 860px; margin-top: 10px;
}
.atr-myth:has(.atr-myth-figure) {
    max-width: 980px;
    display: grid; grid-template-columns: 1fr 260px; gap: 44px;
    align-items: stretch;
}
.atr-myth-figure { margin: -42px -46px -42px 0; position: relative; }
.atr-myth-figure img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.atr-myth p { font-size: 15.5px; line-height: 1.75; color: var(--t2); margin: 0 0 14px; }
.atr-myth p:last-child { margin-bottom: 0; }
.atr-myth .atr-myth-src { font-size: 12px; color: var(--t3); }
.atr-myth em { color: var(--t1); }

/* ── Closing CTA band (same photograph, tighter overlay) ───── */
.atr-cta-band {
    margin-top: 8px; padding: 68px 48px;
    border: 1px solid var(--border-strong);
    text-align: center;
    background-image:
        linear-gradient(rgba(255,255,255,.93), rgba(255,255,255,.93)),
        url('../images/atropos-hero.jpg');
    background-size: auto, cover;
    background-position: center, center 40%;
    background-repeat: no-repeat;
}
.atr-cta-band p {
    font-size: 21px; font-weight: 500; color: var(--t1);
    margin: 0 0 26px; text-wrap: balance;
}

/* ── Scroll reveal (added by JS only; inert without it) ────── */
.atr-reveal { opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .5s ease; }
.atr-reveal.atr-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .atr-reveal { opacity: 1; transform: none; transition: none; }
}

/* ── Restyle shared components to match ────────────────────── */
.footer-legal { font-size: 12px; }
.svc-process { margin-top: 10px; }
.svc-faq { margin-top: 6px; }
.svc-faq summary { transition: color var(--ease, .2s ease); }
.svc-faq summary:hover { color: var(--oz-text); }
.svc-process li .svc-step-num {
    width: 36px; height: 36px; font-size: 15px;
    background: #ffffff; color: var(--oz-text);
    border: 1px solid var(--oz);
}
.svc-process li { padding-left: 58px; }
.svc-process li:not(:last-child)::before { left: 18px; top: 40px; width: 1px; background: var(--border-strong); }
.svc-related a { border-radius: 0; box-shadow: none; }
.svc-related a:hover { box-shadow: none; border-color: var(--t1); }

/* ── Print ─────────────────────────────────────────────────── */
@media print {
    .header, .footer, .skip-link, .navbar-drawer, .navbar-backdrop,
    .atr-presets, .atr-cta-band .btn-oz, .atr-verdict .btn-oz,
    .svc-related, .atr-link { display: none !important; }
    .svc-hero { background: none; border: 0; padding: 10px 0 20px; }
    .svc-section { padding: 26px 0; }
    .atr-sec { grid-template-columns: 60px 1fr; gap: 20px; }
    .atr-sim { border: 0; padding: 0; }
    .atr-field input[type="range"] { display: none; }
    .atr-gates-tabs { display: none; }
    .atr-gates.js-ready .atr-gate-panel[hidden] { display: block !important; }
    .atr-reveal { opacity: 1 !important; transform: none !important; }
    .atr-cta-band { background: none; border: 0; padding: 20px 0; }
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 991px) {
    .atr-sim { grid-template-columns: 1fr; padding: 32px 28px; gap: 36px; }
    .atr-two { grid-template-columns: 1fr; gap: 26px; }
    .atr-leak { grid-template-columns: 1fr; gap: 40px; }
    .atr-verdict { position: static; }
    .atr-evidence { grid-template-columns: 1fr 1fr; }
    .atr-sec { grid-template-columns: 64px 1fr; gap: 28px; }
}
@media (max-width: 767px) {
    .svc-hero {
        padding: 120px 0 52px;
        background-image:
            linear-gradient(rgba(255,255,255,.96), rgba(255,255,255,.96)),
            url('../images/atropos-hero.jpg');
    }
    .atr-name { font-size: 46px; }
    .atr-sub { font-size: 17px; }
    .atr-thread-motto { font-size: 16px; gap: 10px; }
    .atr-tm-dash { display: none; }
    .atr-link { margin-left: 0; display: inline-block; margin-top: 16px; }
    .atr-sec { display: block; }
    .atr-no { display: block; padding-top: 12px; margin-bottom: 14px; }
    .atr-sec-body h2 { font-size: 26px; }
    .atr-stats { grid-template-columns: 1fr; }
    .atr-stat { padding: 18px 0; border-left: 0; border-top: 1px solid var(--border); }
    .atr-stat:first-child { border-top: 0; padding-top: 0; }
    .atr-razor-law { font-size: 20px; }
    .atr-evidence { grid-template-columns: 1fr; gap: 36px; }
    .atr-refusals { grid-template-columns: 1fr; }
    .atr-gate-cols { grid-template-columns: 1fr; gap: 26px; }
    .atr-quote { font-size: 17px; }
    .atr-acts-brackets span { font-size: 9.5px; letter-spacing: 1px; }
    .atr-gates-tabs { flex-wrap: wrap; row-gap: 14px; }
    .atr-gates-tabs::before { display: none; }
    .atr-gate-tab { flex: 1 1 30%; }
    .atr-bar-row { grid-template-columns: 1fr 80px; }
    .atr-bar-name { grid-column: 1 / -1; margin-bottom: 2px; }
    .atr-net .atr-net-num { font-size: 40px; }
    .atr-myth { padding: 28px 26px; }
    .atr-myth:has(.atr-myth-figure) { display: block; }
    .atr-myth-figure { margin: 24px -26px -28px; height: 220px; }
    .atr-cta-band { padding: 44px 24px; }
    .atr-cta-band p { font-size: 18px; }
}