/* EstateMIX pre-launch page. Shared header/footer/container/colours come unchanged from the
   storefront's global.css (copied, see bin/console check-assets); this file only adds the page's
   sections, in the visual language of the advertiser landing page (assets/styles/advertisers.css,
   template 04): dark hero, kickers, Space Grotesk headings, ruled numbered rows, square corners,
   orange primary on dark, blue primary on light. Every class here starts with cs-. */

.emx-cs h1,.emx-cs h2,.emx-cs h3,.cs-count-num,.cs-facts dt,.cs-year,.cs-row-num,.cs-wmock-value{font-family:"Space Grotesk",Arial,sans-serif}
.emx-cs main{display:block}
.emx-cs [id]{scroll-margin-top:96px}
.cs-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cs-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--blue);color:#fff;padding:10px 14px;font-weight:700}
.cs-skip:focus{top:12px}
.cs-preview-banner{background:#fff4e6;color:#7a3d00;font-size:12px;font-weight:700;text-align:center;padding:6px 12px;border-bottom:1px solid #f6d2a8}
.cs-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--blue);margin-bottom:11px}
.cs-section{padding:104px 0}
.cs-section h2,.cs-signup h2{font-size:clamp(34px,3.9vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0}
.cs-lead{font-size:18px;line-height:1.7;color:#5c6878;max-width:760px;margin:22px 0 0}
.cs-head{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:end;margin-bottom:46px}
.cs-head .cs-lead{margin-top:0}
.cs-note{font-size:12px;line-height:1.6;color:#8b96a5;margin:22px 0 0;max-width:860px}
.cs-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #cfd8e5;background:#fff;font-size:12px;font-weight:600;color:#273447}
.cs-subtitle{font-size:22px;letter-spacing:-.02em;margin:0 0 16px}
.emx-cs a:focus-visible,.emx-cs button:focus-visible,.emx-cs summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* Header: the shared header, plus the CTA kept visible on phones (short label) */
.cs-cta-short{display:none}
@media(max-width:720px){
  .header-actions .primary-btn.cs-header-cta{display:inline-flex;padding:10px 14px;font-size:14px}
  .cs-cta-long{display:none}
  .cs-cta-short{display:inline}
}

/* 1 — Hero */
.cs-hero{position:relative;background:#101925;color:#fff;overflow:hidden}
.cs-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 10%,rgba(0,102,204,.35),transparent 55%);pointer-events:none}
.cs-hero-shots{position:absolute;top:0;bottom:0;right:-40px;width:46%;pointer-events:none}
.cs-shot{position:absolute;width:300px;height:auto;box-shadow:0 30px 60px rgba(0,0,0,.45);opacity:.22}
.cs-shot-1{right:290px;top:70px}
.cs-shot-2{right:20px;top:150px}
.cs-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px;align-items:center;padding:84px 0 88px}
.cs-eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:#ffd2a6}
.cs-eyebrow:before{content:"";width:38px;height:2px;background:var(--orange)}
.cs-hero h1{font-size:clamp(48px,6vw,92px);line-height:.95;letter-spacing:-.058em;margin:20px 0 24px}
.cs-hero-lead{max-width:720px;font-size:20px;line-height:1.6;color:#e2e9f1;margin:0}
.cs-hero-audience{font-size:14px;font-weight:700;color:#9fc9f5;margin:16px 0 0}
.cs-hero-points{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}
.cs-hero-points li{padding:16px 18px 0 0}
.cs-hero-points li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.2)}
.cs-hero-points strong{display:block;font-size:15px;color:#fff}
.cs-hero-points span{display:block;font-size:13px;line-height:1.5;color:#aebbc9;margin-top:5px}
.cs-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}
.cs-primary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;background:var(--orange);color:#17202b;padding:0 22px;font-weight:800}
.cs-primary:hover{background:#ffa84d}
.cs-secondary{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:14px;border-bottom:1px solid rgba(255,255,255,.55);padding:13px 0 8px}
.cs-secondary:after{content:"↓";font-size:16px}

/* Countdown — dark (hero) and light (registration) */
.cs-count{border:1px solid rgba(255,255,255,.18);background:rgba(16,25,37,.88);padding:26px 26px 24px;box-shadow:0 24px 50px rgba(0,0,0,.3)}
.cs-count-label{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd2a6}
.cs-count-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cs-count-unit{background:rgba(255,255,255,.07);border-top:2px solid var(--orange);padding:12px 6px 10px;text-align:center}
.cs-count-num{display:block;font-size:clamp(28px,2.6vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.cs-count-name{display:block;font-size:11px;color:#aebbc9;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}
.cs-count-date{font-size:13px;line-height:1.55;color:#c8d3df;margin:14px 0 0}
.cs-count-date strong{color:#fff}
.cs-count-title{font-family:"Space Grotesk",Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0}
.cs-count-text{font-size:14px;line-height:1.6;color:#c8d3df;margin:10px 0 0}
.cs-count-live{display:inline-flex;margin-top:16px;background:var(--orange);color:#17202b;padding:12px 16px;font-weight:800}
.cs-count-reasons{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.cs-count-reasons p{margin:0 0 8px;font-size:14px;font-weight:700}
.cs-count-reasons ul{list-style:none;margin:0;padding:0}
.cs-count-reasons li{position:relative;padding-left:20px;font-size:14px;line-height:1.55;color:#d4dde7;margin-top:5px}
.cs-count-reasons li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:800}
.cs-signup .cs-count{margin-top:32px;border-color:#d9dee7;background:#fff;box-shadow:none}
.cs-signup .cs-count-label{color:var(--blue)}
.cs-signup .cs-count-unit{background:#f4f6f9}
.cs-signup .cs-count-num{color:#142236}
.cs-signup .cs-count-name,.cs-signup .cs-count-date,.cs-signup .cs-count-text{color:#667085}
.cs-signup .cs-count-date strong{color:#142236}

/* 2 — International */
.cs-int-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
.cs-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cs-row{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.cs-row-num{font-size:17px;color:var(--orange);font-weight:700}
.cs-row h3{font-size:22px;letter-spacing:-.03em;margin:0 0 6px}
.cs-row p{font-size:15px;line-height:1.65;color:#667085;margin:0}
.cs-chat{margin:0;background:#f4f6f9;border:1px solid #d9dee7;padding:0}
.cs-chat-listing{padding:12px 18px;border-bottom:1px solid #e1e6ee;background:#fff;font-size:12px;color:#596577;font-weight:600}
.cs-chat-body{padding:22px 18px;display:flex;flex-direction:column;gap:14px}
.cs-msg{max-width:88%;padding:13px 16px;font-size:14px;line-height:1.6;background:#fff;color:#17202b}
.cs-msg p{margin:0}
.cs-msg small{display:block;color:#8390a0;font-size:11px;margin-bottom:5px}
.cs-msg.is-in{align-self:flex-start}
.cs-msg.is-out{align-self:flex-end;background:#eaf4ff}
.cs-chat-lang{font-weight:800;letter-spacing:.08em;color:#344054}
.cs-msg-meta{font-size:11px!important;font-weight:700;color:var(--blue);margin-top:7px!important}
.cs-msg-original{margin-top:8px!important;padding-left:10px;border-left:2px solid #c8d3e0;font-size:12px;color:#5c6979}
.cs-langs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:14px 18px 18px;border-top:1px solid #e1e6ee}
.cs-langs>span:first-child{width:100%;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#7c8795;margin-bottom:4px}

/* 3 — Websites included (dark band, the main commercial benefit) */
.cs-sites{background:#111925;color:#fff}
.cs-sites-head{max-width:1000px;margin-bottom:46px}
.cs-badge{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#17202b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:7px 12px;margin-bottom:20px}
.cs-sites h2{color:#fff}
.cs-sites .cs-lead{color:#c3cfdc}
.cs-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cs-site{background:#fff;color:#17202b;display:flex;flex-direction:column}
.cs-site-shot{height:300px;overflow:hidden;border-bottom:1px solid #e1e6ee;background:#f4f6f9}
.cs-site-shot img{width:100%;height:auto}
.cs-site-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.cs-site-label{margin:0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--blue)}
.cs-site h3{font-size:25px;letter-spacing:-.03em;margin:8px 0 8px}
.cs-site-body>p{font-size:14px;line-height:1.6;color:#596577;margin:0}
.cs-site ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid #e6eaf0}
.cs-site li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid #e6eaf0;font-size:13px;color:#344054}
.cs-site li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.cs-site-body .cs-site-included{margin-top:auto;padding-top:16px;font-size:13px;font-weight:800;color:#a65300}
.cs-note-dark{color:#8798ab}
.cs-benefits{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}
.cs-benefits li{padding:20px 22px 0 0}
.cs-benefits li+li{padding-left:22px;border-left:1px solid rgba(255,255,255,.2)}
.cs-benefits strong{display:block;font-family:"Space Grotesk",Arial,sans-serif;font-size:20px;letter-spacing:-.02em}
.cs-benefits span{display:block;font-size:14px;line-height:1.6;color:#aeb9c7;margin-top:6px}

/* 4 — Estimation */
.cs-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cs-list{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.cs-list li{padding:16px 0;border-bottom:1px solid var(--line)}
.cs-list strong{display:block;font-family:"Space Grotesk",Arial,sans-serif;font-size:19px;margin-bottom:4px}
.cs-list span{font-size:14px;line-height:1.6;color:#667085}
.cs-disclaimer{font-size:13px;line-height:1.6;color:#596577;background:#f4f6f9;border-left:3px solid var(--blue);padding:12px 14px;margin:22px 0 0}
.cs-shot-frame{margin:0;background:#f4f6f9;border:1px solid #d9dee7;padding:14px;box-shadow:0 18px 40px rgba(20,31,48,.08)}
.cs-shot-frame img{width:100%;height:auto}
.cs-shot-frame figcaption,.cs-wmock figcaption{font-size:12px;color:#8b96a5;margin-top:10px}

/* 5 — Widget */
.cs-widget{background:#f4f6f9}
.cs-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cs-steps{list-style:none;margin:0;padding:0;counter-reset:csstep;border-top:1px solid #cfd6e0}
.cs-steps li{counter-increment:csstep;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #cfd6e0;font-size:16px;line-height:1.5;color:#273447}
.cs-steps li:before{content:"0" counter(csstep);font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;color:var(--orange)}
.cs-options{margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.cs-options dt{font-weight:800;font-size:15px;color:#16385d}
.cs-options dd{margin:5px 0 0;font-size:14px;line-height:1.6;color:#667085}
.cs-wmock{margin:0}
.cs-wmock-site{display:flex;align-items:center;gap:6px;background:#e4e9f0;padding:9px 12px;border:1px solid #d1d9e4;border-bottom:0}
.cs-wmock-site span{width:9px;height:9px;border-radius:50%;background:#b8c2cf}
.cs-wmock-site em{font-style:normal;font-size:12px;color:#667085;margin-left:10px}
.cs-wmock-card{background:#fff;border:1px solid #d1d9e4;padding:24px;box-shadow:0 18px 40px rgba(20,31,48,.08)}
.cs-wmock-agency{margin:0;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7a2e3a}
.cs-wmock-title{font-family:"Space Grotesk",Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:8px 0 16px;color:#17202b}
.cs-wmock-label{margin:12px 0 6px;font-size:12px;font-weight:700;color:#344054}
.cs-wmock-types{display:flex;gap:8px}
.cs-wmock-types span{border:1px solid #cfd8e5;padding:9px 14px;font-size:14px;font-weight:600}
.cs-wmock-types .is-on{border-color:#7a2e3a;box-shadow:inset 0 0 0 1px #7a2e3a;color:#7a2e3a}
.cs-wmock-input{border:1px solid #cfd8e5;padding:10px 12px;font-size:14px;color:#273447}
.cs-wmock-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cs-wmock-btn{margin-top:16px;background:#7a2e3a;color:#fff;font-weight:800;text-align:center;padding:12px}
.cs-wmock-result{margin-top:18px;background:#101925;color:#fff;padding:16px 18px}
.cs-wmock-result .cs-wmock-label{margin:0;color:#aebbc9;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.cs-wmock-value{margin:4px 0 0;font-size:32px;font-weight:700;letter-spacing:-.03em}
.cs-wmock-range{margin:2px 0 0;font-size:13px;color:#c8d3df}
.cs-wmock-contact{display:inline-block;margin-top:12px;border:1px solid rgba(255,255,255,.4);padding:8px 12px;font-size:13px;font-weight:700}
.cs-compare{margin-top:56px}
.cs-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #cfd6e0}
.cs-compare-grid>div{padding:20px 24px 4px 0}
.cs-compare-grid>div+div{padding-left:24px;border-left:1px solid #cfd6e0}
.cs-compare-grid strong{display:block;font-family:"Space Grotesk",Arial,sans-serif;font-size:20px}
.cs-compare-grid p{font-size:14px;line-height:1.6;color:#667085;margin:6px 0 0}

/* 6 — Automation */
.cs-auto-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.cs-auto-grid li{padding:22px 20px 0 0}
.cs-auto-grid li+li{padding-left:20px;border-left:1px solid var(--line)}
.cs-auto-grid h3{font-size:19px;letter-spacing:-.02em;margin:10px 0 8px}
.cs-auto-grid p{font-size:14px;line-height:1.6;color:#667085;margin:0}

/* 7 — Existing website */
.cs-existing{background:#f4f6f9;padding:88px 0}
.cs-existing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.cs-existing .cs-lead{margin-top:0}
.cs-ticks{list-style:none;margin:18px 0 0;padding:0}
.cs-ticks li{position:relative;padding:8px 0 8px 26px;font-size:16px;line-height:1.5;color:#273447}
.cs-ticks li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.cs-existing-outro{font-size:15px;line-height:1.65;color:#596577;margin:18px 0 0}
.cs-link-cta{display:inline-block;margin-top:22px;font-weight:800;color:#16385d;border-bottom:1px solid #8092a6;padding:10px 0 6px}
.cs-link-cta:after{content:" →"}

/* 8 — Registration */
.cs-signup{background:#fff;padding:104px 0;border-top:1px solid var(--line)}
.cs-signup-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.cs-form-card{background:#fff;border:1px solid #d9dee7;box-shadow:0 18px 40px rgba(20,31,48,.1);padding:32px;border-top:4px solid var(--blue)}
.cs-form-title{font-size:24px;letter-spacing:-.02em;margin:0 0 18px}
.cs-form-alert{background:#fef3f2;border:1px solid #fecdca;color:#b42318;font-size:14px;line-height:1.5;padding:12px 14px;margin-bottom:16px}
.cs-form-alert[hidden]{display:none}
.cs-field{margin:0 0 20px;padding:0;border:0;min-width:0}
.cs-field>label:not(.cs-choice),.cs-field legend{display:block;font-size:14px;font-weight:700;color:#1f2937;margin-bottom:8px;padding:0}
.cs-req,.cs-opt{font-weight:500;color:#8b96a5;font-size:12px}
.cs-field input[type=email],.cs-field input[type=text]{width:100%;height:50px;border:1px solid #cfd8e5;background:#fff;padding:0 14px;font-size:16px;color:#17202b;border-radius:0}
.cs-field input:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.cs-field.has-error input{border-color:#d92d20}
.cs-field-error{margin:6px 0 0;font-size:13px;color:#b42318;font-weight:600}
.cs-choices{display:grid;gap:8px}
.cs-choice,.cs-check{display:flex;align-items:flex-start;gap:10px;border:1px solid #d9dee7;padding:11px 12px;font-size:14px;line-height:1.4;cursor:pointer;background:#fff}
.cs-choice:hover,.cs-check:hover{border-color:#9fc0e6}
.cs-choice input,.cs-check input{margin:2px 0 0;width:16px;height:16px;flex:none;accent-color:var(--blue)}
.cs-choice:has(input:checked),.cs-check:has(input:checked){border-color:var(--blue);background:#f2f8ff}
.cs-interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cs-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cs-submit{width:100%;min-height:56px;border:0;background:var(--blue);color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.cs-submit:hover{background:var(--blue2)}
.cs-submit[disabled]{opacity:.7;cursor:progress}
.cs-form-privacy{font-size:12px;line-height:1.6;color:#667085;margin:14px 0 0}
.cs-form-privacy a{color:var(--blue);text-decoration:underline}
.cs-form-success{padding:8px 0}
.cs-form-success[hidden]{display:none}
.cs-form-success:focus{outline:none}
.cs-form-success .cs-form-success-title{font-family:"Space Grotesk",Arial,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#12805c;margin:0}
.cs-form-success .cs-form-success-title:before{content:"✓";display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7f6ef;color:#12805c;font-size:22px;margin-bottom:14px}
.cs-form-success p{font-size:15px;line-height:1.6;color:#596577;margin:10px 0 0}
.cs-form-success p[hidden]{display:none}

/* 9 — About */
.cs-about{background:#111925;color:#fff}
.cs-about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center}
.cs-year{font-size:clamp(100px,14vw,210px);line-height:.8;font-weight:700;letter-spacing:-.07em;color:#7cbaff}
.cs-about .cs-kicker{color:#7cbaff}
.cs-about h2{color:#fff}
.cs-about .cs-lead{color:#c3cfdc}
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 0;border-top:1px solid rgba(255,255,255,.2)}
.cs-facts div{padding:18px 16px 0 0}
.cs-facts div+div{padding-left:16px;border-left:1px solid rgba(255,255,255,.2)}
.cs-facts dt{font-size:24px;font-weight:700;letter-spacing:-.03em}
.cs-facts dd{margin:6px 0 0;font-size:13px;line-height:1.5;color:#aeb9c7}
.cs-about-heritage{font-size:15px;line-height:1.6;color:#d8e0e9;margin:28px 0 0;border-left:3px solid var(--orange);padding-left:14px}

/* 10 — FAQ */
.cs-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:start}
.cs-faq-list{border-top:1px solid var(--line)}
.cs-faq details{border-bottom:1px solid var(--line)}
.cs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary h3{font-size:19px;letter-spacing:-.02em;margin:0}
.cs-faq summary:after{content:"+";font-family:"Space Grotesk",Arial,sans-serif;font-size:26px;color:var(--blue);flex:none;line-height:1}
.cs-faq details[open] summary:after{content:"–"}
.cs-faq details p{font-size:15px;line-height:1.7;color:#596577;margin:0 0 22px;max-width:780px}

/* 11 — Data protection */
.cs-privacy{background:#f7f9fb;border-top:1px solid var(--line);padding:46px 0 50px}
.cs-privacy h2{font-size:22px;letter-spacing:-.02em;margin:0 0 12px}
.cs-privacy ul{margin:0;padding-left:18px}
.cs-privacy li,.cs-privacy p{font-size:13px;line-height:1.65;color:#596577;max-width:900px}
.cs-privacy a{color:var(--blue);text-decoration:underline}
.cs-privacy-version{color:#8b96a5!important;font-size:12px!important}

/* Footer additions (the shared footer markup itself is unchanged) */
.cs-footer-grid{grid-template-columns:1.4fr .8fr .8fr .8fr}
.cs-footer-sub{margin:9px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8f9baa;font-weight:700}
.cs-footer-tagline{max-width:420px;font-size:13px;line-height:1.7;color:#8f9baa;margin:20px 0 0}
.cs-footer-muted{font-size:13px;line-height:1.6;color:#7e8b99;margin:9px 0}
.footer .cs-footer-inline{display:inline;margin:0;font-size:12px;color:#7e8b99}

/* Responsive — breakpoints of global.css / advertisers.css (1100, 1050, 720, 430) */
@media(max-width:1100px){
  .cs-hero-grid{grid-template-columns:1fr;gap:36px}
  .cs-hero-shots{display:none}
  .cs-auto-grid{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .cs-auto-grid li:nth-child(4){padding-left:0;border-left:0}
  .cs-facts{grid-template-columns:1fr 1fr;row-gap:20px}
  .cs-facts div:nth-child(3){padding-left:0;border-left:0}
  .cs-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1050px){
  .cs-head,.cs-int-grid,.cs-split,.cs-widget-grid,.cs-existing-grid,.cs-signup-grid,.cs-about-grid,.cs-faq-grid{grid-template-columns:1fr;gap:32px}
  .cs-site-grid{grid-template-columns:1fr 1fr}
  .cs-about-grid{gap:20px}
}
@media(max-width:720px){
  .cs-section,.cs-signup{padding:68px 0}
  .cs-existing{padding:64px 0}
  .cs-section h2,.cs-signup h2{font-size:34px}
  .cs-lead{font-size:16px}
  .cs-hero-grid{padding:52px 0 56px}
  .cs-hero h1{font-size:44px}
  .cs-hero-lead{font-size:17px}
  .cs-hero-points{grid-template-columns:1fr}
  .cs-hero-points li,.cs-hero-points li+li{padding:14px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .cs-hero-actions{gap:14px 22px}
  .cs-primary{width:100%}
  .cs-count{padding:20px 16px}
  .cs-count-clock{gap:6px}
  .cs-count-num{font-size:28px}
  .cs-count-name{font-size:10px;letter-spacing:.04em}
  .cs-row{grid-template-columns:40px 1fr;gap:12px}
  .cs-row h3{font-size:20px}
  .cs-site-grid{grid-template-columns:1fr}
  .cs-site-shot{height:240px}
  .cs-benefits,.cs-compare-grid,.cs-options{grid-template-columns:1fr}
  .cs-benefits li,.cs-benefits li+li{padding:16px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .cs-compare-grid>div,.cs-compare-grid>div+div{padding:16px 0;border-left:0;border-bottom:1px solid #cfd6e0}
  .cs-auto-grid{grid-template-columns:1fr}
  .cs-auto-grid li,.cs-auto-grid li+li{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}
  .cs-wmock-card{padding:18px}
  .cs-form-card{padding:22px 18px}
  .cs-interest-grid{grid-template-columns:1fr}
  .cs-facts{grid-template-columns:1fr}
  .cs-facts div,.cs-facts div+div{padding:14px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .cs-faq summary h3{font-size:17px}
  .cs-footer-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  .cs-hero h1{font-size:40px}
  .cs-count-num{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}