/* BABICH.FIT v3 clean athletic brand */
:root{
  --black:#050505;
  --white:#ffffff;
  --grey:#f5f5f5;
  --grey2:#eeeeee;
  --text:#111111;
  --muted:#666666;
  --line:#dedede;
  --red:#e11d2e;
  --wrap:1240px;
  --pad:clamp(22px,5vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:var(--white);
  overflow-x:hidden;
}
body.lock{overflow:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
img{display:block;max-width:100%}
.wrap{width:min(var(--wrap), calc(100% - var(--pad)));margin:0 auto}
h1,h2,h3{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-transform:uppercase;line-height:.96;margin:0;letter-spacing:0}
h1{font-size:clamp(82px,11vw,158px)}
h2{font-size:clamp(48px,6vw,92px)}
h3{font-size:28px}
p{line-height:1.65}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase;color:#777;margin:0 0 18px}
.eyebrow.red{color:var(--red)}
.red{color:var(--red)}
.btn{
  min-height:54px;padding:0 30px;border:1px solid transparent;
  display:inline-flex;align-items:center;justify-content:center;
  text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:900;
  cursor:pointer;transition:.2s;background:transparent;
}
.btn:hover{transform:translateY(-2px)}
.btn-black{background:var(--black);border-color:var(--black);color:#fff}
.btn-white,.btn-light{background:#fff;border-color:#fff;color:#050505}
.btn-outline{border-color:#111;color:#111}
.btn-outline.light{border-color:rgba(255,255,255,.65);color:#fff}
.actions{display:flex;gap:14px;flex-wrap:wrap}

/* Header */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;height:78px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(18px,4vw,54px);
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(0,0,0,.08);
  backdrop-filter:blur(18px);
}
.logo{font-size:clamp(25px,2vw,32px);font-weight:900;letter-spacing:0}
.logo b{color:var(--red)}
.desktop-nav{display:flex;gap:34px}
.desktop-nav a{
  font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#222;
}
.header-cta{
  border:1px solid #111;background:#111;color:#fff;height:44px;padding:0 22px;
  font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.07em;cursor:pointer;
}
.burger{display:none;width:46px;height:46px;border:1px solid #111;background:#fff;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:#111;margin:5px auto}
.mobile-menu{
  display:none;position:fixed;top:78px;left:0;right:0;z-index:49;background:#fff;border-bottom:1px solid #ddd;padding:12px 26px 26px
}
.mobile-menu a,.mobile-menu button{
  display:block;width:100%;padding:17px 0;border:0;border-bottom:1px solid #e5e5e5;background:transparent;
  text-align:left;text-transform:uppercase;font-weight:900;letter-spacing:.07em
}
body.menu-open .mobile-menu{display:block}

/* Hero */
.hero-clean{position:relative;min-height:880px;padding-top:78px;background:#fff;overflow:hidden}
.hero-image{position:absolute;right:0;top:78px;bottom:0;width:56%;background:#111;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(.08) contrast(1.04)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.62) 10%,rgba(255,255,255,0) 40%)}
.hero-layout{position:relative;z-index:2;min-height:802px;display:flex;align-items:center}
.hero-copy{width:min(620px,100%);padding:80px 0}
.hero-copy h1 span{color:var(--red)}
.hero-lead{max-width:560px;font-size:22px;color:#3a3a3a;margin:28px 0 34px}

/* Sections */
.white-section{background:#fff;padding:92px 0}
.light-grey-section{background:var(--grey);padding:90px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.big-text p{font-size:24px;margin:0 0 20px;color:#252525}
.method-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #111;border-bottom:1px solid #111;margin-top:64px}
.method-item{padding:34px 26px;border-right:1px solid #ddd}
.method-item:last-child{border-right:0}
.method-item span{font-weight:900;color:var(--red)}
.method-item h3{font-family:Manrope,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-size:20px;margin:22px 0 10px}
.method-item p{color:#666;font-size:15px;margin:0}

.black-band{background:#050505;color:#fff;padding:68px 0}
.band-inner h2{font-size:clamp(48px,7vw,100px)}
.band-inner span{color:var(--red)}

.section-head{max-width:860px;margin-bottom:44px}
.section-head.centered{text-align:center;margin-inline:auto}
.section-head p:not(.eyebrow){font-size:19px;color:#666;margin:18px 0 0}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.preview-card{position:relative;overflow:hidden;background:#111;min-height:360px;color:#fff}
.preview-card img{width:100%;height:100%;object-fit:cover;transition:.45s}
.preview-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72))}
.preview-card span{position:absolute;left:22px;bottom:22px;z-index:2;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.preview-card:hover img{transform:scale(1.05)}
.center-action{text-align:center;margin-top:34px}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product{background:#fff;border:1px solid #ddd;padding:32px 24px;min-height:340px;display:flex;flex-direction:column}
.product.highlight{background:#050505;color:#fff;border-color:#050505}
.product span{font-weight:900;color:var(--red)}
.product h3{font-family:Manrope,sans-serif;text-transform:uppercase;font-size:20px;line-height:1.25;margin:28px 0 12px}
.product p{color:#666;margin:0 0 26px}
.product.highlight p{color:#cfcfcf}
.product button{margin-top:auto;height:48px;background:#fff;border:1px solid #111;text-transform:uppercase;font-weight:900;cursor:pointer}
.product.highlight button{background:#fff;color:#050505;border-color:#fff}

.guide-white{padding:88px 0;background:#fff;border-top:1px solid #eee}
.guide-grid{display:grid;grid-template-columns:460px 1fr;gap:80px;align-items:center}
.guide-image{border:1px solid #ddd;padding:18px;background:#fff}
.guide-text p:not(.eyebrow){font-size:22px;color:#444;max-width:620px}
.guide-text .btn{margin-top:18px}

.about-clean{background:#050505;color:#fff;padding:90px 0}
.about-layout{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:center}
.about-copy p:not(.eyebrow){font-size:20px;color:#cecece;max-width:720px}
.about-copy .btn{margin-top:20px}
.about-photo img{width:100%;height:540px;object-fit:cover;filter:grayscale(.12) contrast(1.05)}

.final-white{background:#fff;padding:82px 0}
.final-layout{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center;border-top:1px solid #111;border-bottom:1px solid #111;padding:42px 0}
.final-layout p{font-size:18px;color:#555;margin:0}

/* Results page */
.results-hero{padding:180px 0 90px;background:#050505;color:#fff}
.results-hero h1{font-size:clamp(86px,14vw,180px)}
.results-hero p:not(.eyebrow){max-width:760px;font-size:22px;color:#d0d0d0}
.case-list{background:#fff}
.case{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:90px 0;border-bottom:1px solid #eee}
.case.reverse .case-photo{order:2}
.case-photo img{width:100%;max-height:520px;object-fit:cover}
.case-text h2{font-size:clamp(42px,5vw,76px)}
.case-text p{font-size:18px;color:#555}
.case-metrics{display:grid;gap:0;border-top:1px solid #111;border-bottom:1px solid #111;margin:28px 0}
.case-metrics div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid #ddd}
.case-metrics div:last-child{border-bottom:0}
.case-metrics b{text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.case-metrics span{color:#666}
.black-divider{background:#050505;color:#fff;text-align:center;padding:66px var(--pad);margin:0 auto}
.black-divider h2{font-size:clamp(46px,7vw,96px)}

/* Footer */
.footer{background:#050505;color:#fff;padding:36px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:center}
.footer-links{display:flex;gap:26px;color:#d6d6d6}
.footer p{margin:0;color:#858585}

/* Modals and forms */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:22px}
.modal.open{display:flex}
.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(12px)}
.modal-card{position:relative;background:#fff;color:#111;width:min(560px,100%);padding:38px;max-height:88vh;overflow:auto}
.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:38px;cursor:pointer}
.modal-card h2{font-size:54px}
.modal-card p:not(.eyebrow){color:#444}
.lead-form{display:grid;gap:14px;margin-top:22px}
.lead-form label{display:grid;gap:7px}
.lead-form label span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #ccc;background:#fff;padding:14px;font:inherit;min-height:50px}
.lead-form textarea{resize:vertical;min-height:116px}
.hidden-field{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}

.thanks-screen{min-height:100svh;display:grid;place-items:center;background:#050505;color:#fff;padding:32px}
.thanks-card{width:min(760px,100%);border:1px solid rgba(255,255,255,.18);padding:clamp(34px,7vw,70px)}
.thanks-card .logo{display:inline-block;margin-bottom:44px}
.thanks-card h1{font-size:clamp(58px,9vw,104px)}
.thanks-card p:not(.eyebrow){font-size:20px;color:#cfcfcf}

/* Reveal: content stays visible if JavaScript is disabled */
html.js .reveal{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .75s ease,transform .75s ease,filter .75s ease}
html.js .reveal.visible{opacity:1;transform:none;filter:blur(0)}

@media(max-width:1050px){
  .desktop-nav,.header-cta{display:none}
  .burger{display:block}
  .hero-clean{min-height:auto}
  .hero-image{position:relative;top:0;width:100%;height:470px;margin-top:78px}
  .hero-image:after{background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
  .hero-layout{min-height:auto}
  .hero-copy{padding:54px 0 70px}
  .two-col,.guide-grid,.about-layout,.case,.final-layout{grid-template-columns:1fr}
  .method-strip,.product-grid{grid-template-columns:repeat(2,1fr)}
  .preview-grid{grid-template-columns:1fr}
  .case.reverse .case-photo{order:0}
  .footer-grid{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media(max-width:640px){
  :root{--pad:36px}
  .site-header{height:72px}
  .mobile-menu{top:72px}
  .hero-image{margin-top:72px;height:430px}
  h1{font-size:76px}
  h2{font-size:48px}
  .hero-lead,.big-text p,.guide-text p:not(.eyebrow),.about-copy p:not(.eyebrow){font-size:18px}
  .actions,.final-layout .btn,.guide-text .btn{width:100%}
  .actions .btn{width:100%}
  .method-strip,.product-grid{grid-template-columns:1fr}
  .method-item{border-right:0;border-bottom:1px solid #ddd}
  .white-section,.light-grey-section,.guide-white,.about-clean,.final-white{padding:60px 0}
  .about-photo img{height:auto}
  .case{gap:30px;padding:58px 0}
  .case-metrics div{grid-template-columns:1fr;gap:4px}
}

/* v3.1 refinements */
.hero-image{width:50%}.hero-image:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 18%,rgba(255,255,255,.42) 38%,rgba(255,255,255,0) 58%)}.hero-copy{width:min(560px,100%)}.hero-copy h1{font-size:clamp(78px,9vw,140px)}
.manifesto-dark{background:#050505;color:#fff;padding:90px 0;overflow:hidden}.manifesto-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.manifesto-copy h2{font-size:clamp(50px,6.4vw,102px)}.manifesto-copy h2 span{color:#fff}.manifesto-copy h2 span:after{content:"";display:block;width:100px;height:5px;background:var(--red);margin-top:28px}.manifesto-copy p:not(.eyebrow){color:#cfcfcf;font-size:21px;max-width:720px}.manifesto-photo{position:relative;min-height:520px}.manifesto-photo img{width:100%;height:520px;object-fit:cover;object-position:center;filter:grayscale(.08) contrast(1.06)}.manifesto-photo:before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid rgba(255,255,255,.18)}
.about-preview{background:#fff;padding:90px 0}.about-preview-layout{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:center}.about-preview-copy p:not(.eyebrow){font-size:21px;color:#444;max-width:720px}.about-cutout{position:relative;min-height:560px;display:grid;align-items:end}.cutout-bg{position:absolute;inset:70px 0 0 70px;background:#f2f2f2;border-radius:50% 50% 0 0}.about-cutout img{position:relative;z-index:2;width:100%;height:520px;object-fit:cover;object-position:center top;mix-blend-mode:multiply}.about-cutout small{position:relative;z-index:3;color:#999;font-size:12px;margin-top:10px}
.pro-footer{padding:70px 0 28px}.footer-pro-grid{display:grid;grid-template-columns:1.2fr 1.25fr .8fr .95fr;gap:58px;align-items:start}.footer-brand-block p,.footer-newsletter p{color:#bdbdbd;max-width:380px}.footer-socials{display:flex;flex-wrap:wrap;gap:16px;margin:26px 0 18px}.footer-socials a,.footer-col a{color:#fff}.footer-col,.footer-newsletter{display:grid;gap:13px}.footer-col h3,.footer-newsletter h3{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}.mini-form{display:flex;border:1px solid rgba(255,255,255,.45);width:min(390px,100%);margin-top:16px}.mini-form input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:15px 16px;font:inherit}.mini-form input::placeholder{color:#aaa}.mini-form button{width:62px;border:0;background:#fff;color:#050505;font-size:24px;cursor:pointer}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:52px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#888;font-size:13px}.floating-contact{position:fixed;right:22px;bottom:22px;z-index:80;height:46px;padding:0 18px;display:flex;align-items:center;gap:8px;background:#050505;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 14px 40px rgba(0,0,0,.24);font-weight:900;cursor:pointer}
.page-hero{padding:160px 0 90px}.white-page-hero{background:#fff}.white-page-hero.compact{padding-bottom:60px}.page-hero h1{font-size:clamp(80px,12vw,160px)}.page-hero p:not(.eyebrow){font-size:22px;color:#444;max-width:760px}.page-hero-grid{align-items:center}.page-hero-photo img{height:560px;width:100%;object-fit:cover}.article-grid{display:grid;grid-template-columns:280px 1fr;gap:80px}.article-aside{border-top:4px solid #050505;padding-top:18px}.article-aside h3{font-family:Manrope,sans-serif}.article-content{max-width:820px}.article-content h2{font-size:clamp(44px,5vw,78px);margin-bottom:24px}.article-content p{font-size:20px;color:#444}.black-band-simple{background:#050505;color:#fff;padding:76px 0}.black-band-simple h2{font-size:clamp(48px,7vw,104px)}.black-band-simple span{color:var(--red)}.contact-section{padding:0 0 90px;background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.page-form{background:#f7f7f7;border:1px solid #ddd;padding:34px}.contact-info{border-top:1px solid #111;padding-top:28px}.contact-info h2{font-size:clamp(44px,5vw,76px)}.contact-info a{display:block;border-bottom:1px solid #ddd;padding:18px 0;font-weight:900;text-transform:uppercase}.legal-hero{padding:160px 0 60px;background:#fff;border-bottom:1px solid #eee}.legal-hero h1{font-size:clamp(58px,8vw,120px)}.legal-content{background:#fff;padding:70px 0 90px}.legal-wrap{max-width:920px}.legal-wrap h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:0;text-transform:none;margin:36px 0 12px}.legal-wrap p{color:#444;font-size:17px}.legal-note{margin-top:38px;padding:20px;background:#f5f5f5;border-left:4px solid var(--red)}
@media(max-width:1050px){.hero-image{width:100%}.hero-image:after{background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}.manifesto-layout,.about-preview-layout,.footer-pro-grid,.article-grid,.contact-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}@media(max-width:640px){.manifesto-dark,.about-preview,.page-hero,.legal-hero{padding:58px 0}.manifesto-photo,.about-cutout{min-height:auto}.manifesto-photo img,.about-cutout img,.page-hero-photo img{height:auto}.cutout-bg{inset:40px 0 0 45px}.floating-contact span{display:none}.floating-contact{width:52px;height:52px;justify-content:center;border-radius:50%;padding:0}}


/* v3.3 typography refinement: clean athletic editorial */
:root{
  --display-letter:-0.055em;
}
body{
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
h1,h2,h3,
.band-inner h2,
.manifesto-copy h2,
.case-text h2,
.results-hero h1,
.page-hero h1,
.legal-hero h1,
.black-divider h2,
.black-band-simple h2{
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:900;
  text-transform:none;
  letter-spacing:var(--display-letter);
  line-height:1.02;
}

/* Keep only small labels/navigation as uppercase */
.eyebrow,
.desktop-nav a,
.header-cta,
.btn,
.product button,
.footer-col h3,
.footer-newsletter h3{
  text-transform:uppercase;
}

/* More refined heading sizes */
.hero-copy h1{
  font-size:clamp(70px,7.7vw,118px) !important;
  line-height:.94 !important;
  letter-spacing:0;
}
.hero-lead{
  font-size:clamp(18px,1.55vw,22px) !important;
  line-height:1.55;
}
.white-section h2,
.light-grey-section h2,
.guide-text h2,
.about-preview-copy h2,
.about-copy h2,
.final-layout h2{
  font-size:clamp(44px,4.6vw,72px) !important;
  letter-spacing:0;
}
.method-title-box{
  background:#fff;
  border-left:4px solid var(--red);
  padding:20px 0 24px 26px;
}
.method-title-box h2{
  max-width:650px;
}
.big-text p{
  font-size:clamp(18px,1.65vw,24px) !important;
}

/* Manifesto no longer screams */
.manifesto-copy h2,
.band-inner h2{
  font-size:clamp(40px,4.3vw,70px) !important;
  line-height:1.08 !important;
  letter-spacing:0;
  max-width:760px;
}
.manifesto-copy h2 span{
  color:#fff !important;
}
.manifesto-copy h2 span::after{
  content:"";
  display:block;
  width:86px;
  height:4px;
  background:var(--red);
  margin-top:26px;
}
.manifesto-copy p:not(.eyebrow){
  font-size:clamp(17px,1.45vw,20px) !important;
  line-height:1.7;
  max-width:680px;
}
.manifesto-layout{
  grid-template-columns:1fr .86fr;
}

/* Product cards calmer */
.product h3{
  font-family:Manrope,system-ui,sans-serif !important;
  text-transform:none !important;
  font-size:clamp(22px,1.7vw,28px) !important;
  line-height:1.16 !important;
  letter-spacing:0;
}
.product{
  min-height:292px;
}
.product button{
  display:none;
}
.formats-single-cta{
  text-align:center;
  margin-top:34px;
}

/* Guide is a calm lead magnet */
.guide-instruction{
  display:grid;
  gap:6px;
  margin:24px 0 20px;
  padding:18px 20px;
  border:1px solid #111;
  max-width:520px;
}
.guide-instruction b{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
}
.guide-instruction strong{
  color:var(--red);
}

/* Header socials */
.desktop-nav{
  align-items:center;
}
.header-socials{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:8px;
  padding-left:18px;
  border-left:1px solid #dedede;
}
.header-socials a{
  display:grid;
  place-items:center;
  min-width:26px;
  height:26px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  color:#111;
  border:1px solid transparent;
}
.header-socials a:hover{
  color:var(--red);
  border-color:#ddd;
}

/* Floating contact */
.floating-contact span{
  font-size:14px;
}
.floating-contact{
  min-width:106px;
}

/* Results/about/legal calmer */
.results-hero h1,
.page-hero h1,
.legal-hero h1{
  font-size:clamp(58px,8vw,118px) !important;
}
.case-text h2{
  font-size:clamp(38px,4vw,66px) !important;
}
.black-divider h2,
.black-band-simple h2{
  font-size:clamp(38px,5.2vw,78px) !important;
}

/* Mobile readability */
@media(max-width:1050px){
  .header-socials{display:none}
  .manifesto-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hero-copy h1{
    font-size:clamp(58px,17vw,78px) !important;
  }
  .manifesto-copy h2,
  .band-inner h2{
    font-size:38px !important;
  }
  .white-section h2,
  .light-grey-section h2,
  .guide-text h2,
  .about-preview-copy h2,
  .about-copy h2,
  .final-layout h2{
    font-size:38px !important;
  }
}


/* v3.4 polish from visual review */
.header-socials{
  display:flex !important;
  align-items:center;
  gap:12px;
  margin-left:8px;
  padding-left:18px;
  border-left:1px solid #dedede;
}
.header-socials a{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid transparent;
}
.header-socials svg{
  width:19px;
  height:19px;
  fill:#111;
  display:block;
}
.header-socials a:hover svg{
  fill:var(--red);
}
.footer-socials a{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.2);
}
.footer-socials svg{
  width:20px;
  height:20px;
  fill:#fff;
}
.footer-socials a:hover svg{fill:var(--red)}

/* Russian method cards */
.method-item h3{
  font-family:Manrope,system-ui,sans-serif !important;
  text-transform:none !important;
  letter-spacing:0;
  font-size:23px !important;
  font-weight:850 !important;
}

/* Logo-style inline brand */
.inline-brand{
  color:#111;
  font-weight:950;
  letter-spacing:0;
  white-space:nowrap;
}
.inline-brand b{color:var(--red)}

/* Manifesto readability */
.manifesto-copy h2{
  max-width:690px !important;
  font-size:clamp(38px,3.8vw,62px) !important;
  line-height:1.14 !important;
  letter-spacing:0;
  font-weight:850 !important;
}
.manifesto-copy h2 span{
  color:var(--red) !important;
}
.manifesto-copy h2 span::after{
  display:none !important;
}
.manifesto-copy::after{
  content:"";
  display:block;
  width:84px;
  height:4px;
  background:var(--red);
  margin:30px 0 0;
}
.manifesto-copy p:not(.eyebrow){
  margin-top:30px;
  font-size:18px !important;
  line-height:1.72;
  color:#d7d7d7;
}

/* Manifesto image should not look like a misplaced photo/card */
.manifesto-photo{
  min-height:500px !important;
  overflow:hidden;
}
.manifesto-photo:before{
  display:none !important;
}
.manifesto-photo img{
  height:500px !important;
  width:100%;
  object-fit:cover;
  object-position:center;
  box-shadow:none;
  border:0;
}
.manifesto-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(5,5,5,.5), transparent 38%);
  pointer-events:none;
}

/* The section should feel intentional, not like image + offset frame */
.manifesto-layout{
  grid-template-columns:.95fr 1fr !important;
  gap:80px !important;
}

/* Product card language */
.product h3{
  text-transform:none !important;
  letter-spacing:0;
}

/* Floating button language */
.floating-contact{
  background:#050505;
}
.floating-contact span{
  font-weight:900;
}

/* About preview: ensure no second CTA if HTML remains */
.about-preview .actions .btn-outline{
  display:none !important;
}

@media(max-width:1050px){
  .header-socials{display:none !important}
  .manifesto-layout{grid-template-columns:1fr !important}
  .manifesto-photo img{height:auto !important}
}
@media(max-width:640px){
  .manifesto-copy h2{
    font-size:36px !important;
    line-height:1.12 !important;
  }
}


/* v3.5 final social/footer cleanup */
.header-socials{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin-left:12px !important;
  padding-left:20px !important;
  border-left:1px solid #dedede !important;
}
.header-socials a{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:0 !important;
}
.header-socials svg{
  width:20px !important;
  height:20px !important;
  fill:#111 !important;
  display:block !important;
}
.header-socials a:hover svg{
  fill:var(--red) !important;
}
.footer-socials{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:26px 0 18px !important;
  flex-wrap:wrap !important;
}
.footer-socials a{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.22) !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:0 !important;
}
.footer-socials svg{
  width:19px !important;
  height:19px !important;
  fill:#fff !important;
  display:block !important;
}
.footer-socials a:hover svg{
  fill:var(--red) !important;
}
.article-aside h3{
  font-family:Manrope,system-ui,sans-serif !important;
  text-transform:none !important;
  letter-spacing:0;
}
.article-aside p{
  color:#555;
}
@media(max-width:1050px){
  .header-socials{display:none !important;}
}


/* v3.7 cutout photo integration */
.about-cutout{
  min-height:620px !important;
  align-items:end !important;
  justify-items:center !important;
  overflow:visible !important;
}
.about-cutout .cutout-bg{
  inset:90px 10px 0 58px !important;
  background:linear-gradient(180deg,#f3f3f3,#e9e9e9) !important;
  border-radius:999px 999px 0 0 !important;
}
.about-cutout img{
  width:min(520px,100%) !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 32px 45px rgba(0,0,0,.18)) !important;
}
.about-cutout small{
  display:none !important;
}
.page-hero-photo{
  display:grid !important;
  justify-items:center !important;
  align-items:end !important;
  min-height:620px !important;
  background:linear-gradient(180deg,#f6f6f6,#ededed) !important;
  border-radius:999px 999px 0 0 !important;
  overflow:visible !important;
}
.page-hero-photo img{
  width:min(520px,100%) !important;
  height:auto !important;
  max-height:700px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:drop-shadow(0 32px 45px rgba(0,0,0,.18)) !important;
}
@media(max-width:900px){
  .about-cutout,
  .page-hero-photo{
    min-height:auto !important;
  }
  .about-cutout img,
  .page-hero-photo img{
    max-height:560px !important;
  }
}


/* v3.8 photo integration fix */
.text-logo{
  display:inline-block;
  font-weight:950;
  letter-spacing:0;
  color:#111;
  white-space:nowrap;
}
.text-logo b{color:var(--red); font-weight:950}

/* Main about photo: no strange shadow, no floating feeling */
.about-preview{
  padding-bottom:42px !important;
}
.about-preview-layout{
  align-items:end !important;
}
.about-cutout{
  min-height:560px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:visible !important;
  position:relative !important;
}
.about-cutout .cutout-bg{
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:min(520px,100%) !important;
  height:500px !important;
  background:linear-gradient(180deg,#f7f7f7,#eeeeee) !important;
  border-radius:260px 260px 0 0 !important;
  box-shadow:none !important;
}
.about-cutout img{
  position:relative !important;
  z-index:2 !important;
  width:min(470px,92%) !important;
  height:auto !important;
  max-height:610px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  transform:translateY(0) !important;
}
.about-cutout small{display:none !important}

/* About page hero photo: remove artifacts/background impression */
.page-hero-photo{
  min-height:620px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#f8f8f8,#eeeeee) !important;
  border-radius:300px 300px 0 0 !important;
  overflow:hidden !important;
}
.page-hero-photo img{
  width:min(430px,88%) !important;
  height:auto !important;
  max-height:650px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:none !important;
}

/* Pull next section slightly closer to visually ground the main cutout */
.about-preview + .final-cta,
.about-preview + section{
  margin-top:0 !important;
}

/* Remove prior artificial drop shadows */
.about-cutout img,
.page-hero-photo img{
  box-shadow:none !important;
}

@media(max-width:900px){
  .about-cutout{
    min-height:500px !important;
  }
  .about-cutout .cutout-bg{
    height:420px !important;
  }
  .about-cutout img{
    max-height:540px !important;
  }
  .page-hero-photo{
    min-height:520px !important;
  }
  .page-hero-photo img{
    max-height:560px !important;
  }
}
@media(max-width:640px){
  .about-cutout{
    min-height:440px !important;
  }
  .about-cutout .cutout-bg{
    height:360px !important;
  }
  .about-cutout img{
    width:min(360px,96%) !important;
    max-height:460px !important;
  }
}


/* v3.9 final PNG integration — clean images, no capsules, no fake shadows */
.about-preview{
  background:#fff !important;
  padding-bottom:64px !important;
}
.about-preview-layout{
  align-items:end !important;
}
.about-cutout{
  min-height:620px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:visible !important;
  background:transparent !important;
}
.about-cutout .cutout-bg{
  display:none !important;
}
.about-cutout img{
  position:relative !important;
  z-index:2 !important;
  width:min(560px,100%) !important;
  max-height:650px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:none !important;
  box-shadow:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}
.about-cutout small{
  display:none !important;
}

/* Slight grounding: the next block comes closer, but without covering the photo */
.about-preview + .final-cta,
.about-preview + section{
  margin-top:0 !important;
}

/* About page: real transparent PNG on clean white field */
.page-hero-photo{
  min-height:680px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.page-hero-photo img{
  width:min(520px,92%) !important;
  max-height:720px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:none !important;
  box-shadow:none !important;
}

/* Clean white/black transitions without the old grey podложка */
.page-hero,
.about-preview{
  overflow:hidden;
}

/* Brand text inside paragraphs */
.text-logo{
  display:inline-block;
  font-weight:950;
  letter-spacing:0;
  color:#111;
  white-space:nowrap;
}
.text-logo b{
  color:var(--red);
  font-weight:950;
}

@media(max-width:900px){
  .about-cutout{
    min-height:520px !important;
  }
  .about-cutout img{
    width:min(420px,100%) !important;
    max-height:560px !important;
  }
  .page-hero-photo{
    min-height:560px !important;
  }
  .page-hero-photo img{
    width:min(420px,94%) !important;
    max-height:590px !important;
  }
}
@media(max-width:640px){
  .about-cutout{
    min-height:460px !important;
  }
  .about-cutout img{
    width:min(350px,100%) !important;
    max-height:500px !important;
  }
  .page-hero-photo{
    min-height:500px !important;
  }
  .page-hero-photo img{
    width:min(360px,96%) !important;
    max-height:520px !important;
  }
}


/* v3.10 audit fixes: accessibility, microcopy, responsive polish */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(225,29,46,.42);
  outline-offset:3px;
}
.modal-card{
  border-radius:18px;
  box-shadow:0 26px 90px rgba(0,0,0,.36);
}
.modal-close{
  line-height:1;
  color:#111;
}
.lead-form input:focus,
.lead-form select:focus,
.lead-form textarea:focus{
  border-color:#111;
}
.preview-card{
  border-radius:18px;
}
.product{
  border-radius:18px;
}
.btn,
.header-cta,
.floating-contact{
  border-radius:999px;
}
.hero-image img,
.manifesto-photo img,
.case-photo img,
.preview-card img,
.guide-image img{
  background:#f1f1f1;
}
@media(max-width:640px){
  :root{--pad:28px}
  .wrap{width:min(var(--wrap), calc(100% - var(--pad)))}
  .hero-image{height:360px}
  .hero-copy{padding:42px 0 56px}
  .product,
  .page-form,
  .modal-card{padding:26px}
  .footer-pro-grid{text-align:left;justify-items:start}
  .mini-form{width:100%}
}

/* v4.1 hotfix: guide block fits laptop screens + restore Facebook icon */
.guide-white{
  overflow:hidden;
}
.guide-grid{
  grid-template-columns:minmax(320px,40%) minmax(0,1fr) !important;
  gap:clamp(28px,4.5vw,60px) !important;
  align-items:center !important;
}
.guide-image{
  width:100%;
  max-width:500px;
}
.guide-image img{
  width:100%;
  height:auto;
}
.guide-text{
  min-width:0;
  max-width:650px;
}
.guide-text h2{
  font-size:clamp(38px,3.8vw,56px) !important;
  line-height:1.06 !important;
  letter-spacing:0;
  max-width:100%;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.guide-text p:not(.eyebrow){
  font-size:clamp(17px,1.45vw,20px) !important;
  line-height:1.62 !important;
  max-width:560px;
}
.guide-instruction{
  max-width:520px;
}
@media(max-width:1180px){
  .guide-grid{
    grid-template-columns:minmax(280px,38%) minmax(0,1fr) !important;
    gap:clamp(24px,4vw,42px) !important;
  }
  .guide-text h2{
    font-size:clamp(34px,4vw,48px) !important;
  }
}
@media(max-width:900px){
  .guide-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .guide-image{
    max-width:520px;
    margin:0 auto;
  }
  .guide-text{
    max-width:680px;
  }
  .guide-text h2{
    font-size:clamp(36px,7vw,48px) !important;
  }
}
@media(max-width:640px){
  .guide-text h2{
    font-size:clamp(34px,10vw,42px) !important;
  }
}


/* v4.2 visual polish: typography, buttons, spacing, section rhythm */
:root{
  --soft:#fafafa;
  --display-letter:-0.032em;
  --radius:18px;
  --shadow-soft:0 18px 50px rgba(0,0,0,.08);
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,
.band-inner h2,
.manifesto-copy h2,
.case-text h2,
.results-hero h1,
.page-hero h1,
.legal-hero h1,
.black-divider h2,
.black-band-simple h2{
  font-weight:850 !important;
  letter-spacing:var(--display-letter) !important;
  line-height:1.06 !important;
}

h1{font-size:clamp(58px,8.6vw,132px) !important}
h2{font-size:clamp(42px,4.8vw,76px) !important}
h3{line-height:1.16 !important}

p{
  max-width:72ch;
}

/* Header: less cramped on laptop screens */
.site-header{
  height:74px !important;
  padding-inline:clamp(18px,3vw,44px) !important;
}

.logo{
  letter-spacing:0;
  white-space:nowrap;
}

.desktop-nav{
  gap:clamp(18px,2.2vw,32px) !important;
  align-items:center;
}

.desktop-nav a{
  font-size:12px !important;
  letter-spacing:.105em !important;
  white-space:nowrap;
}

.header-socials{
  gap:12px !important;
  margin-left:4px !important;
  padding-left:16px !important;
}

.header-socials a{
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
}

.header-socials a:hover{
  background:#f2f2f2;
}

/* Buttons: same shape everywhere, clearer hover/focus */
.btn,
.header-cta,
.product button,
.lead-form button{
  border-radius:999px !important;
  min-height:52px;
  font-size:12px !important;
  letter-spacing:.095em !important;
  box-shadow:none !important;
}

.btn-outline:hover{
  background:#111 !important;
  color:#fff !important;
  transform:translateY(-1px);
}

.btn-black:hover{
  background:#2a2a2a !important;
  border-color:#2a2a2a !important;
  transform:translateY(-1px);
}

.btn-white:hover,
.btn-light:hover{
  background:#eeeeee !important;
  border-color:#eeeeee !important;
  transform:translateY(-1px);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--red) !important;
  outline-offset:4px !important;
}

/* Section rhythm: clearer zones without visual noise */
.white-section,
.guide-white,
.about-preview,
.final-white,
.contact-section{
  border-top:1px solid #ececec;
}

.light-grey-section{
  background:linear-gradient(180deg,#f7f7f7 0%,#ffffff 100%) !important;
  border-top:1px solid #e9e9e9;
  border-bottom:1px solid #e9e9e9;
}

.white-section,
.light-grey-section,
.guide-white,
.about-preview,
.final-white{
  padding-block:clamp(64px,7vw,96px) !important;
}

.manifesto-dark{
  padding-block:clamp(72px,7vw,104px) !important;
}

/* Cards and images: one visual language */
.product,
.preview-card,
.guide-image,
.page-form,
.modal-card,
.case-photo img,
.manifesto-photo img{
  border-radius:var(--radius) !important;
}

.product,
.guide-image,
.page-form{
  border-color:#e4e4e4 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}

.product{
  padding:30px 26px !important;
  min-height:300px !important;
}

.product:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-soft);
  border-color:#d7d7d7 !important;
  transition:.22s ease;
}

.product.highlight:hover{
  box-shadow:0 22px 60px rgba(0,0,0,.18);
}

.method-strip{
  border:1px solid #e1e1e1 !important;
  border-radius:18px !important;
  overflow:hidden;
}

.method-item{
  border-color:#e1e1e1 !important;
  background:#fff;
}

.method-item h3{
  line-height:1.18 !important;
}

/* Guide: fix laptop composition and avoid cropped-looking title */
.guide-grid{
  grid-template-columns:minmax(300px,38%) minmax(0,1fr) !important;
  gap:clamp(34px,5vw,72px) !important;
}

.guide-text h2{
  max-width:620px !important;
  font-size:clamp(40px,4.1vw,62px) !important;
  line-height:1.08 !important;
  letter-spacing:0;
}

.guide-instruction{
  background:#fff !important;
  border-radius:16px !important;
  border-color:#d8d8d8 !important;
}

/* Results: photo/text blocks should read as sections */
.case{
  gap:clamp(38px,5vw,78px) !important;
  padding-block:clamp(64px,7vw,96px) !important;
}

.case-text h2{
  font-size:clamp(36px,4vw,62px) !important;
}

.case-metrics{
  border-color:#dcdcdc !important;
}

/* Footer: cleaner icon buttons */
.footer-socials a{
  border-radius:999px !important;
  transition:.2s ease;
}

.footer-socials a:hover{
  border-color:rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.08) !important;
}

@media(max-width:1180px){
  .site-header{
    padding-inline:18px !important;
  }
  .desktop-nav{
    gap:16px !important;
  }
  .desktop-nav a{
    font-size:11px !important;
    letter-spacing:.08em !important;
  }
  .header-socials{
    gap:8px !important;
    padding-left:12px !important;
  }
}

@media(max-width:900px){
  h1{font-size:clamp(48px,12vw,82px) !important}
  h2{font-size:clamp(36px,9vw,54px) !important}
  .guide-grid{
    grid-template-columns:1fr !important;
  }
  .guide-text h2{
    font-size:clamp(36px,8vw,52px) !important;
  }
  .method-strip{
    border-radius:14px !important;
  }
}

@media(max-width:640px){
  .wrap{
    width:min(var(--wrap), calc(100% - 36px)) !important;
  }
  .white-section,
  .light-grey-section,
  .guide-white,
  .about-preview,
  .final-white,
  .manifesto-dark{
    padding-block:54px !important;
  }
  .btn,
  .header-cta{
    width:100%;
  }
  .product{
    min-height:0 !important;
  }
  .case-photo img,
  .manifesto-photo img,
  .guide-image,
  .preview-card{
    border-radius:14px !important;
  }
}


/* v4.3 visual correction: transparent hero header, cleaner section flow, mobile fixes */
body.home-transparent-header .site-header{
  background:transparent !important;
  border-bottom-color:transparent !important;
  backdrop-filter:none !important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease;
}
body.home-transparent-header:not(.header-solid) .site-header .logo,
body.home-transparent-header:not(.header-solid) .site-header .desktop-nav a{
  color:#111 !important;
}
body.home-transparent-header:not(.header-solid) .site-header{
  box-shadow:none !important;
}
body.home-transparent-header:not(.header-solid) .header-socials{
  border-left-color:rgba(0,0,0,.18) !important;
}
body.home-transparent-header.header-solid .site-header,
.site-header{
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease;
}
body.home-transparent-header.header-solid .site-header{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  backdrop-filter:blur(18px) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.06) !important;
}

/* The hero should start right under the transparent navigation */
body.home-transparent-header .hero-clean{
  padding-top:0 !important;
  min-height:min(880px,100svh) !important;
}
body.home-transparent-header .hero-image{
  top:0 !important;
}
body.home-transparent-header .hero-layout{
  min-height:min(880px,100svh) !important;
  padding-top:74px;
}

/* Remove noisy divider lines; section changes are handled by spacing, copy and occasional background */
.white-section,
.guide-white,
.about-preview,
.final-white,
.contact-section,
.light-grey-section{
  border-top:0 !important;
  border-bottom:0 !important;
}
.light-grey-section{
  background:#f7f7f7 !important;
}
.method-title-box{
  border-left:0 !important;
  padding-left:0 !important;
}
.method-strip{
  margin-top:54px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff;
}
.method-item{
  border-right:0 !important;
  border-bottom:0 !important;
  padding:30px 26px 30px 0 !important;
}
.method-item + .method-item{
  border-left:1px solid #ededed !important;
  padding-left:26px !important;
}
.final-layout{
  border:0 !important;
  padding:38px !important;
  border-radius:22px !important;
  background:#f7f7f7 !important;
}
.case,
.case-metrics,
.case-metrics div,
.contact-info,
.legal-hero{
  border-color:#eeeeee !important;
}

/* Manifesto mobile: remove empty black tail and make the photo part of the block */
.manifesto-photo{
  min-height:0 !important;
}
@media(max-width:1050px){
  body.home-transparent-header .hero-image{
    margin-top:0 !important;
  }
  .manifesto-layout{
    gap:34px !important;
  }
  .manifesto-photo{
    min-height:0 !important;
  }
  .manifesto-photo img{
    height:auto !important;
    max-height:560px !important;
    object-fit:contain !important;
  }
}
@media(max-width:640px){
  body.home-transparent-header .hero-clean{
    min-height:auto !important;
  }
  body.home-transparent-header .hero-layout{
    min-height:auto !important;
    padding-top:0 !important;
  }
  body.home-transparent-header .hero-image{
    height:390px !important;
  }
  .manifesto-dark{
    padding-block:52px !important;
  }
  .manifesto-copy::after{
    width:64px !important;
    height:3px !important;
    margin-top:22px !important;
  }
  .manifesto-copy p:not(.eyebrow){
    margin-top:22px !important;
  }
  .manifesto-photo img{
    width:100% !important;
    max-height:none !important;
    border-radius:14px !important;
  }
  .manifesto-photo::after{
    display:none !important;
  }
  .method-strip{
    display:grid !important;
    gap:20px !important;
  }
  .method-item,
  .method-item + .method-item{
    padding:0 !important;
    border-left:0 !important;
  }
  .final-layout{
    padding:28px !important;
  }
}

/* About preview mobile: text -> photo -> CTA, not text -> CTA -> photo */
@media(max-width:640px){
  .about-preview-layout{
    display:grid !important;
    gap:26px !important;
  }
  .about-preview-copy{
    display:contents !important;
  }
  .about-preview-copy .eyebrow,
  .about-preview-copy h2,
  .about-preview-copy p{
    order:1;
  }
  .about-cutout{
    order:2;
    min-height:0 !important;
    margin-top:4px;
  }
  .about-cutout img{
    width:min(340px,100%) !important;
    max-height:none !important;
  }
  .about-preview-copy .actions{
    order:3;
    margin-top:0;
  }
}


/* v4.4 brand optimization: readable hero header, stronger first screen, mobile nav polish */
:root{
  --display-letter:0;
  --radius:8px;
}

h1,h2,h3,
.logo,
.eyebrow,
.desktop-nav a,
.header-cta,
.btn,
.product button,
.footer-col h3,
.footer-newsletter h3{
  letter-spacing:0 !important;
}

.hero-copy h1,
.white-section h2,
.light-grey-section h2,
.guide-text h2,
.about-preview-copy h2,
.about-copy h2,
.final-layout h2,
.manifesto-copy h2,
.band-inner h2,
.product h3,
.method-item h3,
.article-aside h3,
.inline-brand,
.text-logo{
  letter-spacing:0 !important;
}

.site-header{
  height:72px !important;
  padding-inline:clamp(16px,2.8vw,42px) !important;
}

.desktop-nav{
  gap:clamp(12px,1.6vw,22px) !important;
  min-height:44px;
  padding:0 14px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  backdrop-filter:blur(18px);
  box-shadow:0 12px 38px rgba(0,0,0,.07);
}

.desktop-nav a{
  font-size:12px !important;
}

.header-socials{
  border-left-color:rgba(0,0,0,.12) !important;
  padding-left:14px !important;
}

.header-cta{
  height:44px !important;
  min-height:44px !important;
  padding-inline:22px !important;
}

body.home-transparent-header:not(.header-solid) .desktop-nav{
  background:rgba(255,255,255,.9) !important;
}

body.home-transparent-header.header-solid .desktop-nav{
  background:#f7f7f7 !important;
  box-shadow:none !important;
}

body.home-transparent-header .hero-clean{
  background:linear-gradient(90deg,#fff 0%,#fff 47%,#050505 47%,#050505 100%) !important;
}

.hero-image{
  width:54% !important;
}

.hero-image:after{
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 16%,rgba(255,255,255,.35) 36%,rgba(255,255,255,0) 58%),
    linear-gradient(180deg,rgba(5,5,5,.18),rgba(5,5,5,0) 34%,rgba(5,5,5,.28)) !important;
}

.hero-copy{
  width:min(610px,100%) !important;
}

.hero-copy h1{
  font-size:clamp(64px,7.2vw,112px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}

.hero-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  max-width:620px;
  margin-top:34px;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
}

.hero-proof span{
  display:grid;
  gap:7px;
  padding:16px 18px;
  font-size:13px;
  font-weight:850;
  line-height:1.35;
}

.hero-proof span + span{
  border-left:1px solid #e4e4e4;
}

.hero-proof b{
  color:var(--red);
  font-size:12px;
}

.product,
.preview-card,
.guide-image,
.page-form,
.modal-card,
.final-layout,
.case-photo img,
.manifesto-photo img{
  border-radius:8px !important;
}

.burger{
  align-items:center;
  justify-content:center;
  border-radius:999px !important;
  transition:background .2s ease,border-color .2s ease;
}

.burger span{
  transition:transform .2s ease,background .2s ease;
}

body.menu-open{
  overflow:hidden;
}

body.menu-open .burger span:first-child{
  transform:translateY(3.5px) rotate(45deg);
}

body.menu-open .burger span:last-child{
  transform:translateY(-3.5px) rotate(-45deg);
}

.mobile-menu{
  display:block !important;
  top:72px !important;
  padding:8px clamp(22px,5vw,34px) 28px !important;
  max-height:calc(100svh - 72px);
  overflow:auto;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-12px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  box-shadow:0 24px 60px rgba(0,0,0,.14);
}

body.menu-open .mobile-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}

.mobile-menu a,
.mobile-menu button{
  font-size:15px;
  letter-spacing:0 !important;
}

.mobile-menu button{
  margin-top:12px;
  min-height:52px;
  border:1px solid #111 !important;
  border-radius:999px;
  background:#111 !important;
  color:#fff;
  text-align:center !important;
}

.mobile-menu-meta{
  display:grid;
  gap:18px;
  padding-top:22px;
}

.mobile-menu-meta p{
  margin:0;
  font-weight:900;
  color:#777;
}

.mobile-menu-socials{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.mobile-menu-socials a{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0 !important;
  border:1px solid #dedede !important;
  border-radius:999px;
}

.mobile-menu-socials svg{
  width:19px;
  height:19px;
  fill:#111;
}

.mobile-menu-direct{
  display:inline-flex !important;
  width:fit-content !important;
  padding:0 !important;
  border:0 !important;
  color:var(--red) !important;
}

@media(max-width:1180px){
  .desktop-nav{
    gap:12px !important;
    padding-inline:12px;
  }
  .header-socials{
    display:none !important;
  }
}

@media(max-width:1050px){
  body.home-transparent-header .hero-clean{
    background:#fff !important;
  }
  body.home-transparent-header:not(.header-solid) .site-header{
    background:linear-gradient(180deg,rgba(5,5,5,.7),rgba(5,5,5,0)) !important;
  }
  body.home-transparent-header:not(.header-solid) .site-header .logo{
    color:#fff !important;
  }
  body.home-transparent-header:not(.header-solid) .burger{
    border-color:rgba(255,255,255,.7) !important;
    background:rgba(255,255,255,.08) !important;
    backdrop-filter:blur(12px);
  }
  body.home-transparent-header:not(.header-solid) .burger span{
    background:#fff !important;
  }
  body.home-transparent-header.header-solid .burger,
  .burger{
    background:#fff !important;
    border-color:#111 !important;
  }
  body.home-transparent-header.header-solid .burger span,
  .burger span{
    background:#111 !important;
  }
  .hero-image{
    width:100% !important;
  }
}

@media(max-width:640px){
  .site-header{
    height:68px !important;
  }
  .mobile-menu{
    top:68px !important;
    max-height:calc(100svh - 68px);
  }
  body.home-transparent-header .hero-image{
    height:420px !important;
  }
  .hero-copy{
    padding:34px 0 52px !important;
  }
  .hero-copy h1{
    font-size:58px !important;
    line-height:1 !important;
  }
  .hero-lead{
    margin:22px 0 26px !important;
  }
  .hero-proof{
    grid-template-columns:1fr;
    margin-top:26px;
  }
  .hero-proof span{
    padding:13px 0;
  }
  .hero-proof span + span{
    border-left:0;
    border-top:1px solid #e4e4e4;
  }
  .mobile-menu-socials a{
    width:38px;
    height:38px;
  }
}

@media(max-width:380px){
  .hero-copy h1{
    font-size:52px !important;
  }
  .logo{
    font-size:24px !important;
  }
}