/* THROWAWAY LOCAL PROTOTYPE. Layouts A/B/C share content, not section geometry.
   The shared entrance now opens the website automatically. */
html[data-variant]{
  --header-height:84px;--pad:max(24px,calc((100vw - 1120px)/2));
  --page-paper:#fcfaf5;--section-soft:#eeebe2;--contact-paper:#f9f7ef;
  --ind-bg:#0f2a44;--ind-ink:#f3ead3;--ind-muted:#d4dfe8;--ind-line:#4a6174;
  scroll-behavior:smooth;
}
html[data-variant] main>section[id]{scroll-margin-top:calc(var(--header-height) + 20px)}
html[data-variant] .site-header{
  height:var(--header-height);grid-template-columns:auto minmax(0,1fr) auto;gap:32px;
  background:var(--navy-dark);color:var(--gold-soft);border:0;box-shadow:none;backdrop-filter:none;
}
html[data-variant] .brand{display:flex;align-items:center;gap:16px;color:inherit;min-width:0}
html[data-variant] .header-logo{display:block;flex:none;width:76px;height:auto;fill:currentColor}
html[data-variant] .brand-description{
  display:block;flex:none;width:166px;padding-left:20px;border-left:1px solid rgba(198,166,100,.5);
  font:400 10.5px/1.65 var(--sans);letter-spacing:.09em;text-transform:uppercase;
}
html[data-variant] .brand-description span{display:block}
html[data-variant] .desktop-nav{justify-self:end;gap:24px;font:400 13.5px var(--sans);letter-spacing:0}
html[data-variant] .desktop-nav a{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}
html[data-variant] .desktop-nav a:after,html[data-variant] .header-cta:after{display:none}
html[data-variant] .desktop-nav a:hover,html[data-variant] .header-login:hover{text-decoration:underline;text-underline-offset:6px}
html[data-variant] .header-actions{padding-left:24px;border-left:1px solid rgba(198,166,100,.35)}
html[data-variant] .header-actions .header-login{
  min-height:44px;padding:0;gap:8px;background:none;color:inherit;border:0;border-radius:0;
  font:400 13px var(--sans);letter-spacing:0;
}
.arrow-icon{display:block;width:1em;height:1em;flex:none}
html[data-variant] .client-mobile,html[data-variant] .no-js-nav{display:none}
html[data-variant] .menu-toggle{color:inherit;min-height:44px;min-width:44px}
html[data-variant] .menu-toggle span{background:currentColor}
html[data-variant] .mobile-menu{
  top:var(--header-height);padding:12px var(--pad) 16px;max-height:calc(100svh - var(--header-height));overflow-y:auto;
  background:var(--navy-dark);border-bottom:1px solid var(--gold);
}
html[data-variant] .mobile-menu a{
  display:flex;align-items:center;min-height:44px;padding:8px 0;font:400 18px/1.4 var(--sans);
}
html[data-variant] a:focus-visible,html[data-variant] button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

/* A — Essencial: a clear reading sequence, with the chart below the introduction. */
html[data-variant] .hero{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;height:auto;min-height:0;
  padding-top:64px;padding-bottom:36px;background:var(--page-paper);overflow:hidden;
}
html[data-variant] .hero-kicker{grid-row:1;font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--muted)}
html[data-variant] .hero-grid{
  grid-row:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:72px;
  margin-top:30px!important;padding:0!important;align-items:center;
}
html[data-variant] .hero .display{font-size:clamp(40px,4.25vw,62px);font-weight:600;line-height:1.08;letter-spacing:-.035em;max-width:none}
html[data-variant] .hero .hero-side{margin:0!important;padding:0;background:none;box-shadow:none;max-width:380px}
html[data-variant] .hero .hero-side p{font:400 16px/1.75 var(--sans);color:var(--ink);margin:0 0 18px}
html[data-variant] .hero .text-link{
  min-height:44px;padding:10px 0;gap:20px;border:0;border-bottom:1px solid var(--navy);border-radius:0;
  background:none;color:var(--navy);font:500 13px var(--sans);letter-spacing:0;text-transform:none;
}
html[data-variant] .hero>.returns-stage{
  position:relative!important;grid-row:3;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%;height:clamp(250px,29vw,400px)!important;margin:28px 0 0;order:initial;flex-shrink:initial;
}
html[data-variant] .hero .returns-curves{transform:none}
html[data-variant] .hero>.returns-caption{
  position:static!important;grid-row:4;right:auto!important;left:auto!important;bottom:auto!important;
  justify-self:end;max-width:none;margin:6px 0 0!important;text-align:right;
  color:var(--muted);font:400 9px/1.6 var(--sans)!important;letter-spacing:.035em!important;
}
html[data-variant] .hero .scroll-note{display:none}
html[data-variant] .returns-label{font-family:var(--sans);font-size:12px;letter-spacing:.08em}
html[data-variant] .manifesto{padding-top:80px;padding-bottom:80px;background:var(--section-soft);border-top:0}
html[data-variant] .eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.14em;color:var(--muted)}
html[data-variant] .manifesto-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;margin-top:28px}
html[data-variant] .section-title,html[data-variant] .contact-intro h2,html[data-variant] .independence h2{
  padding:0;border:0;margin:0;font:600 clamp(32px,3.15vw,46px)/1.12 var(--serif);letter-spacing:-.03em;
}
html[data-variant] .manifesto-body{padding:0;max-width:520px;font:400 14px/1.75 var(--sans)}
html[data-variant] .manifesto-body .lead{font:500 22px/1.45 var(--serif);margin:0 0 16px;color:var(--ink)}
html[data-variant] .manifesto-body p:last-child{margin-bottom:0}
html[data-variant] .process-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:48px;border:0}
html[data-variant] .process-card{
  display:grid;gap:24px;align-items:start;
  min-height:0;padding:28px 0!important;background:none;border:0!important;border-top:1px solid #bdc3c6!important;border-radius:0;
}
html[data-variant] .process-card .step{padding-top:8px;font:500 11px var(--sans);color:var(--muted)}
html[data-variant] .process-card h3{margin:0;font:600 30px/1.2 var(--serif);letter-spacing:-.015em}
html[data-variant] .process-card p{margin:0;max-width:420px;font:400 14px/1.75 var(--sans);color:var(--muted)}
html[data-variant] .independence{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:90px;min-height:0;
  padding-top:86px;padding-bottom:86px;background:var(--ind-bg);color:var(--ind-ink);
}
html[data-variant] .independence .eyebrow{color:var(--ind-muted);margin-bottom:28px}
html[data-variant] .independence-details{min-width:0}
html[data-variant] .independence-details>.lead{margin:0 0 32px;font:500 24px/1.45 var(--serif);color:var(--ind-ink)}
html[data-variant] .independence-facts{display:grid;gap:24px}
html[data-variant] .independence-facts article{border-top:1px solid var(--ind-line);padding-top:22px}
html[data-variant] .independence-facts h3{margin:0 0 10px;font:600 18px/1.4 var(--serif)}
html[data-variant] .independence-facts p{margin:0;font:400 14px/1.75 var(--sans);color:var(--ind-muted);max-width:480px}
html[data-variant] .contact{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;
  padding-top:86px;padding-bottom:86px;background:var(--contact-paper);color:var(--ink);
}
html[data-variant] .contact-intro .eyebrow{color:var(--muted);margin-bottom:28px}
html[data-variant] .contact-intro h2{max-width:390px}
html[data-variant] .contact-intro>p{max-width:370px;margin-top:24px;color:var(--muted);font:400 15px/1.75 var(--sans)}
html[data-variant] .contact-form{align-self:start;min-width:0}
html[data-variant] .contact label{margin-bottom:24px}
html[data-variant] .contact label span{font-size:10px;line-height:1.5;color:var(--navy);letter-spacing:.10em}
html[data-variant] .contact input,html[data-variant] .contact textarea{
  padding:10px 0;color:var(--ink);border-bottom:1px solid #81909d;font:400 16px/1.5 var(--sans);background:none;
}
html[data-variant] .contact input:focus-visible,html[data-variant] .contact textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
html[data-variant] .submit-btn{
  min-height:48px;padding:14px 20px;gap:32px;background:var(--navy);color:white;border:0;border-radius:0;
  font:500 13px var(--sans);
}
html[data-variant] .submit-btn:disabled{opacity:.6;cursor:not-allowed}
html[data-variant] .contact .form-note{max-width:520px;font:400 11px/1.7 var(--sans);color:var(--muted)}
html[data-variant] .site-footer{padding-top:46px;padding-bottom:126px}
html[data-variant] .footer-top{padding-bottom:38px}
html[data-variant] .footer-links a{font-size:18px;line-height:1.5;font-weight:500;min-height:32px}
html[data-variant] .footer-links span{font-size:10px}
html[data-variant] .footer-bottom{font-size:11px;line-height:1.7}

/* B — Editorial: a light header, a split hero, and a method introduction beside the steps. */
html[data-variant="b"]{
  --page-paper:#faf7ef;--section-soft:#e7edf0;--contact-paper:#f0ece3;
  --ind-bg:#fff;--ind-ink:#0f2a44;--ind-muted:#526579;--ind-line:#c7d1d9;
}
html[data-variant="b"] .site-header{background:#f7f3e9;color:var(--navy);border-bottom:1px solid #d8d4ca}
html[data-variant="b"] .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);column-gap:60px;row-gap:24px;padding-top:70px;padding-bottom:60px}
html[data-variant="b"] .hero-kicker{grid-column:1;grid-row:1}
html[data-variant="b"] .hero-grid{display:contents}
html[data-variant="b"] .hero-copy{grid-column:1;grid-row:2}
html[data-variant="b"] .hero .display{font-size:clamp(38px,3.8vw,56px)}
html[data-variant="b"] .hero-side{grid-column:1;grid-row:3}
html[data-variant="b"] .hero>.returns-stage{grid-column:2;grid-row:1 / span 3;height:440px!important;margin:0;align-self:center}
html[data-variant="b"] .hero>.returns-caption{grid-column:2;grid-row:4;margin:0!important}
html[data-variant="b"] .manifesto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:100px;row-gap:24px;align-items:start}
html[data-variant="b"] .manifesto>.eyebrow{grid-column:1;grid-row:1}
html[data-variant="b"] .manifesto-grid{display:block;grid-column:1;grid-row:2;margin:0;position:sticky;top:calc(var(--header-height) + 32px)}
html[data-variant="b"] .manifesto-body{margin-top:28px}
html[data-variant="b"] .manifesto-body .lead{font-size:20px}
html[data-variant="b"] .process-grid{grid-column:2;grid-row:1 / span 2;margin:0}
html[data-variant="b"] .process-card{grid-template-columns:28px minmax(0,1fr);gap:12px 20px;padding:28px 0!important}
html[data-variant="b"] .process-card h3{grid-column:2;font-size:28px}
html[data-variant="b"] .process-card p{grid-column:2}
html[data-variant="b"] .independence{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
html[data-variant="b"] .independence-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
html[data-variant="b"] .contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}

/* C — Panorama: a two-tier header, chart-first opening, and an open horizontal process. */
html[data-variant="c"]{
  --header-height:112px;--page-paper:#0f2a44;--section-soft:#f3efe5;--contact-paper:#fff;
  --ind-bg:#dce5eb;--ind-ink:#0f2a44;--ind-muted:#42566b;--ind-line:#b3c2cc;
}
html[data-variant="c"] .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:76px 36px;gap:0;background:#f9f6ee;color:var(--navy)}
html[data-variant="c"] .brand{grid-column:1;grid-row:1}
html[data-variant="c"] .header-actions{grid-column:2;grid-row:1}
html[data-variant="c"] .desktop-nav{grid-column:1 / -1;grid-row:2;width:100%;justify-content:center;border-top:1px solid #d9d5cb;gap:44px}
html[data-variant="c"] .desktop-nav a{min-height:36px;font-size:12px}
html[data-variant="c"] .hero{padding-top:42px;padding-bottom:64px;color:var(--gold-soft)}
html[data-variant="c"] .hero-kicker{color:#d0dbe5}
html[data-variant="c"] .hero>.returns-stage{grid-row:2;height:clamp(260px,25vw,360px)!important;margin:24px 0 0}
html[data-variant="c"] .hero>.returns-caption{grid-row:3;color:#d0dbe5}
html[data-variant="c"] .hero-grid{grid-row:4;margin-top:42px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
html[data-variant="c"] .hero .display{font-size:clamp(36px,3.4vw,50px)}
html[data-variant="c"] .hero .hero-side p{color:#e2e8ed}
html[data-variant="c"] .hero .text-link{color:var(--gold-soft);border-color:var(--gold)}
html[data-variant="c"] .return-curve.curve-a{stroke:#f3ead3}
html[data-variant="c"] .return-curve.curve-b{stroke:#c6a664}
html[data-variant="c"] .return-curve.curve-c{stroke:#b4ccdf}
html[data-variant="c"] .return-curve.curve-d{stroke:#7f9fbb}
html[data-variant="c"] .return-dot.curve-a{fill:#f3ead3}
html[data-variant="c"] .return-dot.curve-b{fill:#c6a664}
html[data-variant="c"] .return-dot.curve-c{fill:#b4ccdf}
html[data-variant="c"] .return-dot.curve-d{fill:#7f9fbb}
html[data-variant="c"] .returns-axis{stroke:#a8bac9}
html[data-variant="c"] .returns-grid path{stroke:rgba(231,239,245,.15)}
html[data-variant="c"] .returns-label{fill:#d0dbe5}
html[data-variant="c"] .returns-origin{fill:#d0dbe5}
html[data-variant="c"] .returns-cursor{stroke:#c6a664}
html[data-variant="c"] .manifesto-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
html[data-variant="c"] .process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
html[data-variant="c"] .process-card{display:flex;flex-direction:column;gap:0;padding:24px 0 0!important}
html[data-variant="c"] .process-card .step{padding:0;margin-bottom:28px}
html[data-variant="c"] .process-card h3{margin-bottom:16px}
html[data-variant="c"] .independence{grid-template-columns:minmax(0,1fr);gap:36px}
html[data-variant="c"] .independence-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:start}
html[data-variant="c"] .independence .eyebrow{margin:8px 0 0}
html[data-variant="c"] .independence-details{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px}
html[data-variant="c"] .independence-details>.lead{font-size:22px}
html[data-variant="c"] .independence-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
html[data-variant="c"] .contact{display:block}
html[data-variant="c"] .contact-intro{max-width:650px;margin:0 auto;text-align:center}
html[data-variant="c"] .contact-intro h2{max-width:none}
html[data-variant="c"] .contact-intro>p{max-width:480px;margin:24px auto 0}
html[data-variant="c"] .contact-form{max-width:720px;margin:48px auto 0}

/* One local-only comparison control. It stays hidden throughout the entrance. */
.prototype-switcher{
  position:fixed;z-index:100;bottom:16px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:16px;max-width:calc(100vw - 24px);padding:10px 12px;
  border:1px solid #61758a;border-radius:10px;background:#10263b;color:white;box-shadow:0 5px 24px #0003;
  font-family:'IBM Plex Sans',Arial,sans-serif;
}
.prototype-switcher[hidden]{display:none}
.prototype-switcher button{
  flex:none;width:44px;height:44px;padding:0;border:1px solid #708296;border-radius:6px;
  background:none;color:white;font:400 22px Arial,sans-serif;cursor:pointer;
}
.prototype-switcher>div{min-width:190px;max-width:320px;text-align:center}
.prototype-switcher small,.prototype-switcher strong,.prototype-switcher span{display:block}
.prototype-switcher small{font-size:8px;letter-spacing:.12em;color:#cbd8e5}
.prototype-switcher strong{margin:2px 0;font-size:13px;font-weight:500;line-height:1.35}
.prototype-switcher span{font-size:9px;line-height:1.5;color:#dbe5ee}
.prototype-switcher button:hover{background:#294359}
.prototype-switcher button:focus-visible{outline:2px solid #f3ead3;outline-offset:3px}

@media(max-width:1100px) and (min-width:901px){
  html[data-variant] .site-header{gap:20px}
  html[data-variant] .desktop-nav{gap:18px;font-size:12px}
  html[data-variant] .brand-description{width:142px;padding-left:16px;font-size:10px}
  html[data-variant] .header-logo{width:66px}
  html[data-variant] .header-actions{padding-left:18px}
  html[data-variant="b"] .hero{column-gap:36px}
  html[data-variant="b"] .manifesto{column-gap:60px}
}
@media(max-width:900px){
  html[data-variant]{--header-height:76px;--pad:24px}
  html[data-variant] .site-header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:1fr;gap:16px}
  html[data-variant] .brand{grid-column:1;grid-row:1;gap:12px}
  html[data-variant] .header-logo{width:60px}
  html[data-variant] .brand-description{width:140px;padding-left:16px;font-size:10px}
  html[data-variant] .header-actions{grid-column:2;grid-row:1;padding-left:18px}
  html[data-variant] .desktop-nav{display:none}
  html[data-variant] .menu-toggle{grid-column:3;grid-row:1;display:block;width:44px;height:44px;padding:8px}
  html[data-variant] .hero-grid{gap:36px}
  html[data-variant] .hero .display{font-size:42px}
  html[data-variant] .manifesto-grid,html[data-variant] .independence,html[data-variant] .contact{gap:48px}
  html[data-variant="b"] .hero>.returns-stage{height:350px!important}
  html[data-variant="b"] .hero .display{font-size:38px}
  html[data-variant="b"] .manifesto{column-gap:48px;row-gap:24px}
  html[data-variant="b"] .manifesto-grid{margin:0}
  html[data-variant="b"] .manifesto-body .lead{font-size:19px}
  html[data-variant="b"] .independence-facts{grid-template-columns:minmax(0,1fr)}
  html[data-variant="c"] .process-grid{gap:24px}
  html[data-variant="c"] .process-card h3{font-size:25px}
  html[data-variant="c"] .independence{gap:32px}
  html[data-variant="c"] .independence-heading,html[data-variant="c"] .independence-details{gap:28px}
  html[data-variant="c"] .independence-facts{gap:24px}
  html[data-variant]:not(.js) .menu-toggle{display:none}
  html[data-variant] .no-js-nav{display:flex;flex-wrap:wrap;gap:20px;padding:20px var(--pad);background:var(--navy-dark);color:var(--gold-soft);font:14px var(--sans)}
  html[data-variant] .no-js-nav a{display:inline-flex;min-height:44px;align-items:center}
}
/* A shares one column definition between the introduction and the process rows. */
@media(min-width:701px){
  html[data-variant="a"] .manifesto-grid,html[data-variant="a"] .process-card{
    grid-template-columns:52px minmax(0,1fr) minmax(0,1.1fr);column-gap:24px;
  }
  html[data-variant="a"] .manifesto-grid>.section-title{grid-column:1 / 3}
  html[data-variant="a"] .manifesto-body{grid-column:3}
}

@media(max-width:700px){
  html[data-variant] .hero,html[data-variant="b"] .hero{display:grid;grid-template-columns:minmax(0,1fr);padding-top:42px;padding-bottom:32px;row-gap:0}
  html[data-variant] .hero-kicker,html[data-variant="b"] .hero-kicker{grid-column:1;grid-row:1;font-size:9px}
  html[data-variant] .hero-grid,html[data-variant="b"] .hero-grid{display:grid;grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr)!important;gap:24px;margin-top:24px!important}
  html[data-variant="b"] .hero-copy,html[data-variant="b"] .hero-side{grid-column:auto;grid-row:auto}
  html[data-variant] .hero .display,html[data-variant="b"] .hero .display{font-size:clamp(32px,8.6vw,48px);line-height:1.12}
  html[data-variant] .hero .hero-side{max-width:500px}
  html[data-variant] .hero .hero-side p{font-size:14px;line-height:1.75;margin-bottom:12px;max-width:440px}
  html[data-variant] .hero>.returns-stage,html[data-variant="b"] .hero>.returns-stage{grid-column:1;grid-row:3;height:260px!important;margin:22px 0 0}
  html[data-variant] .hero>.returns-caption,html[data-variant="b"] .hero>.returns-caption{grid-column:1;grid-row:4;font-size:8px!important;max-width:300px;margin-top:4px!important}
  html[data-variant] .manifesto,html[data-variant="b"] .manifesto{display:block;padding-top:56px;padding-bottom:56px}
  html[data-variant] .manifesto-grid,html[data-variant="b"] .manifesto-grid{display:block;position:static;margin-top:24px}
  html[data-variant] .manifesto-body{margin-top:24px}
  html[data-variant] .section-title,html[data-variant] .contact-intro h2,html[data-variant] .independence h2{font-size:34px;line-height:1.16}
  html[data-variant] .manifesto-body .lead,html[data-variant="b"] .manifesto-body .lead{font-size:21px}
  html[data-variant] .process-grid,html[data-variant="b"] .process-grid,html[data-variant="c"] .process-grid{grid-template-columns:minmax(0,1fr);margin-top:36px;gap:0}
  html[data-variant] .process-card,html[data-variant="b"] .process-card,html[data-variant="c"] .process-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px 16px;padding:24px 0!important}
  html[data-variant] .process-card .step{margin:0;padding-top:6px}
  html[data-variant] .process-card h3{grid-column:2;font-size:27px;margin:0}
  html[data-variant] .process-card p{grid-column:2;font-size:14px}
  html[data-variant] .independence,html[data-variant="b"] .independence{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:56px;padding-bottom:56px}
  html[data-variant] .independence .eyebrow{margin:0 0 24px}
  html[data-variant] .independence-details>.lead{font-size:22px}
  html[data-variant="c"] .independence-heading,html[data-variant="c"] .independence-details{display:block}
  html[data-variant="c"] .independence-facts{grid-template-columns:minmax(0,1fr);gap:24px}
  html[data-variant] .contact,html[data-variant="b"] .contact{display:block;padding-top:56px;padding-bottom:56px}
  html[data-variant] .contact-form,html[data-variant="c"] .contact-form{margin-top:32px}
  html[data-variant] .contact-intro h2{max-width:none}
  html[data-variant] .contact-intro>p{font-size:14px}
  html[data-variant] .field-grid{grid-template-columns:minmax(0,1fr);gap:0}
  html[data-variant="c"] .hero>.returns-stage{grid-row:2;height:240px!important;margin-top:12px}
  html[data-variant="c"] .hero>.returns-caption{grid-row:3}
  html[data-variant="c"] .hero-grid{grid-row:4;margin-top:28px!important}
}
@media(max-width:600px){
  html[data-variant] .site-header{padding:0 12px;gap:6px}
  html[data-variant] .brand{gap:8px}
  html[data-variant] .header-logo{width:48px}
  html[data-variant] .brand-description{width:111px;padding-left:12px;font-size:9.4px;letter-spacing:.06em}
  html[data-variant] .header-actions{padding-left:10px}
  html[data-variant] .header-actions .header-login{font-size:12px;gap:5px}
  html[data-variant] .client-desktop{display:none}
  html[data-variant] .client-mobile{display:inline}
  .prototype-switcher{gap:8px;padding:8px;bottom:10px}
  .prototype-switcher>div{min-width:174px;max-width:230px}
  .prototype-switcher button{width:44px;min-height:44px}
  .prototype-switcher span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){html[data-variant]{scroll-behavior:auto}}