:root{--navy:#071a3c;--blue:#0d49b9;--red:#e30613;--accent-gradient:linear-gradient(135deg,#ff4a2f 0%,#ff5964 55%,#ff6576 100%);--orange:#e47800;--cream:#fbf7f0;--line:#e9e3db;--green:#17973d;--shadow:0 16px 42px rgba(21,31,55,.1)}
*{box-sizing:border-box}
.svg-gradient-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
html{scroll-behavior:smooth}
body{margin:0;color:#07132c;background:#fff;font-family:'PT Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(1320px,calc(100% - 120px));margin:0 auto}
.site-header{background:rgba(255,255,255,.97);position:relative;z-index:20}
.trust-bar{border-bottom:1px solid #f0d8bf;height:51px}
.trust-bar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1280px}
.trust-bar i{height:22px;width:1px;background:#e8b578}
.nav-wrap{height:104px;display:flex;align-items:center;gap:55px}.logo{margin-right:auto}.logo strong{display:block;font:700 44px/.9 'PT Sans',sans-serif;letter-spacing:1px}.logo strong span{color:var(--red)}.logo small{display:block;margin-top:12px;letter-spacing:4px;font-weight:700;font-size:12px}.main-nav{display:flex;gap:66px;font:500 19px 'Oswald',sans-serif}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--red)}
.button{min-height:52px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;font:500 17px 'Oswald',sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(8,27,61,.18)}.button--nav{background:#031730;color:white;min-width:240px;font-size:21px}.button--primary{background:linear-gradient(135deg,var(--red),var(--red));color:#fff}.button--outline{background:rgba(255,255,255,.86);border:1px solid #0b1d40;color:#0b1d40}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:28px;height:2px;background:var(--navy);margin:6px}
.hero{height:640px;position:relative;overflow:hidden;border-bottom:1px solid #ddd}.hero__art{position:absolute;inset:0;background-image:url('assets/hero-herman-vector-v12.png');background-repeat:no-repeat;background-position:center 45%;background-size:cover}.hero__inner{height:100%;position:relative}.hero__copy{padding-top:13px;width:410px}.eyebrow{width:max-content;border:2px solid #d77c16;border-radius:10px;padding:6px 16px 6px 45px;font:600 19px 'Oswald',sans-serif;text-transform:uppercase;position:relative;background:rgba(255,255,255,.8)}.eyebrow span{position:absolute;left:-8px;top:-9px;width:43px;height:43px;border:4px solid #c36b00;border-radius:10px;background:#fff;display:grid;place-items:center;color:#c36b00;font-size:25px}
h1{font:700 53px/.99 'Oswald',sans-serif;letter-spacing:.2px;text-transform:uppercase;margin:18px 0 14px}h1 em{font-style:normal;color:var(--red);font-size:1.07em}.hero__lead{font:400 25px/1.4 'Oswald',sans-serif;margin:0 0 16px;max-width:430px}.price-card{width:305px;border:1.5px solid #dc861f;border-radius:10px;padding:12px 20px 11px;background:rgba(255,255,255,.91)}.price-card small,.price-card b,.price-card span{display:block}.price-card small{color:#c96900;text-transform:uppercase;font:600 14px 'Oswald'}.price-card strong{display:block;font:700 47px/1.05 'Oswald';margin:4px 0}.price-card b{font:600 19px 'Oswald'}.price-card span{font-size:13px;color:#60687a;margin-top:7px}.hero__actions{display:flex;gap:10px;margin-top:10px}.hero__actions .button{min-height:50px;padding:0 20px}

.process{background:radial-gradient(circle at 50% 20%,#fff 0,#fbf7f0 70%);padding:32px 0 35px}.process h2{text-align:center;font:700 clamp(37px,4vw,55px)/1.05 'PT Sans';letter-spacing:-1.6px;margin:0}.contact{padding:60px 0;background:#fff}.contact span{color:var(--red);font-weight:700;text-transform:uppercase}.contact h2{font-size:38px;margin:8px 0}.contact .button{min-width:210px}footer{background:#06152f;color:#cbd3df;padding:24px 0}
@media(max-width:1100px){.container{width:min(100% - 40px,1000px)}.main-nav{gap:25px}.button--nav{min-width:auto}.hero__art{background-position:56% center}}
@media(max-width:820px){.trust-bar{height:auto}.trust-bar__inner{padding:8px 0;gap:10px;flex-wrap:wrap}.trust-bar i{display:none}.nav-wrap{height:80px}.logo strong{font-size:34px}.logo small{font-size:9px;letter-spacing:3px;margin-top:8px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:20px;right:20px;top:80px;background:#fff;box-shadow:var(--shadow);border-radius:12px;padding:20px;flex-direction:column;gap:20px}.main-nav.is-open{display:flex}.button--nav{display:none}.hero{height:820px}.hero__art{background-position:62% bottom;background-size:auto 63%;background-color:#fff}.hero__copy{width:100%;padding-top:25px}.hero__lead{max-width:480px}.contact h2{font-size:30px}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.trust-bar__inner{justify-content:center}.nav-wrap{gap:15px}.hero{height:790px}.hero__art{background-size:auto 49%;background-position:61% bottom}.eyebrow{font-size:15px}.hero__copy h1{font-size:42px;margin-top:20px}.hero__lead{font-size:15px;max-width:360px}.price-card{width:270px}.price-card strong{font-size:41px}.hero__actions{flex-direction:column;width:285px}.process h2{font-size:36px}.contact .button{margin-top:15px;width:100%}}



.eyebrow span{border-width:3px}
.eyebrow span svg{width:25px;height:25px;stroke-width:2.1}












/* Hero security badge — matches the approved reference */
.eyebrow{
  min-height:43px;
  padding:7px 18px 7px 54px;
  border:2px solid #d77c16;
  border-left-color:transparent;
  border-radius:0 11px 11px 0;
  background:rgba(255,255,255,.9);
  font-size:19px;
  line-height:1.25;
  letter-spacing:.2px;
}

.eyebrow::before{
  content:'';
  position:absolute;
  left:27px;
  top:-2px;
  bottom:-2px;
  width:30px;
  background:#fff;
  z-index:0;
}
.eyebrow span{
  left:-8px;
  top:-10px;
  width:55px;
  height:61px;
  border:0;
  border-radius:0;
  background:transparent;
  z-index:1;
}
.eyebrow span svg{
  width:53px;
  height:53px;
  color:#c86d00;
  stroke-width:2.15;
}
@media(max-width:560px){
  .eyebrow{font-size:15px;min-height:38px;padding:7px 14px 7px 46px}
  .eyebrow span{width:48px;height:54px;top:-9px}
  .eyebrow span svg{width:46px;height:46px}
}

/* Corrected compact proportions: no lines protruding to the left */
.eyebrow{
  isolation:isolate;
  min-height:39px;
  padding:8px 17px 7px 54px;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:17px;
  line-height:1.2;
}
.eyebrow::before{
  content:'';
  position:absolute;
  z-index:-1;
  left:42px;
  right:0;
  top:1px;
  bottom:1px;
  width:auto;
  background:rgba(255,255,255,.92);
  border:2px solid #d77c16;
  border-radius:0 10px 10px 0;
}
.eyebrow span{
  left:0;
  top:-3px;
  width:45px;
  height:45px;
  background:transparent;
}
.eyebrow span svg{
  width:43px;
  height:43px;
  color:#c86d00;
  stroke-width:1.9;
}
@media(max-width:560px){
  .eyebrow{min-height:35px;padding:7px 13px 6px 47px;font-size:14px}
  .eyebrow::before{left:37px}
  .eyebrow span{width:40px;height:40px;top:-2px}
  .eyebrow span svg{width:38px;height:38px}
}

/* Clean two-line benefits row below the hero actions */
.hero__lead{width:520px;max-width:none}





@media(max-width:820px){
  .hero__lead{width:auto;max-width:480px}
}
@media(max-width:560px){
  .hero__lead{max-width:360px}
}

/* Desktop hero split: copy on the left 50%, artwork on the right 50% */
@media(min-width:821px){
  .hero__art{
    left:50%;
    right:0;
    width:auto;
    background-size:cover;
    background-position:center bottom;
    transform:none;
  }
  .hero__copy{width:48%}
  .hero__lead{width:100%;max-width:520px}
}

/* More whitespace behind the desktop offer: artwork starts after 15% */
@media(min-width:821px){
  .hero__art{
    left:15%;
    background-size:contain;
    background-position:right bottom;
  }
}

/* Strong white edge glow for a clean transition into the illustration */
.hero::before,
.hero::after{
  content:'';
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  pointer-events:none;
}
.hero::before{
  left:0;
  width:42%;
  background:
    radial-gradient(circle at 0 0,
      #fff 0%,
      rgba(255,255,255,.98) 32%,
      rgba(255,255,255,.72) 54%,
      rgba(255,255,255,0) 76%),
    linear-gradient(90deg,
      #fff 0%,
      rgba(255,255,255,.99) 38%,
      rgba(255,255,255,.9) 58%,
      rgba(255,255,255,.5) 78%,
      rgba(255,255,255,0) 100%);
}
.hero::after{
  right:0;
  width:19%;
  background:linear-gradient(270deg,
    #fff 0%,
    rgba(255,255,255,.96) 24%,
    rgba(255,255,255,.68) 52%,
    rgba(255,255,255,0) 100%);
}
.hero__inner{z-index:2}
@media(max-width:820px){
  .hero::before{width:58%;opacity:.9}
  .hero::after{width:13%;opacity:.7}
}

/* Raise the background artwork by roughly 10% */
@media(min-width:821px){
  .hero__art{
    background-size:contain;
    background-position:right bottom;
    transform:translateY(0);
  }
}
@media(max-width:820px){
  .hero__art{background-position:62% 75%}
}
@media(max-width:560px){
  .hero__art{background-position:61% 75%}
}

/* ===== Approved hero direction: clean red/navy editorial layout ===== */
.trust-bar{
  height:46px;
  border:0;
  color:#fff;
  background:linear-gradient(90deg,var(--red) 0%,#bd1018 52%,var(--red) 100%);
}
.trust-bar__inner{
  height:46px;
  max-width:1420px;
  display:flex;
  gap:20px;
  align-items:center;
}
.trust-bar__inner>svg{
  width:22px;
  height:22px;
  color:#fff;
  stroke-width:1.8;
  justify-self:start;
}
.trust-points{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  gap:0;
  font:700 14px/1.2 'PT Sans',Arial,sans-serif;
}
.trust-points a{color:inherit;text-decoration:none;white-space:nowrap}
.trust-points a:hover{text-decoration:underline;text-underline-offset:3px}
.trust-points span{
  min-height:22px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  white-space:nowrap;
}
.trust-points span>svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:#fff;
  stroke-width:1.8;
}
.trust-points span+span{border-left:0}


.nav-wrap{height:104px}
.main-nav{font:700 17px 'PT Sans',Arial,sans-serif;gap:80px}
.button--nav{min-width:225px;min-height:54px;font:700 18px 'PT Sans',Arial,sans-serif;border-radius:10px}

.hero{
  height:700px;
  border-bottom:0;
  background:#fff;
}
.hero__art{
  inset:0;
  left:0;
  right:0;
  width:auto;
  background-size:cover;
  background-position:center center;
  transform:none;
}
.hero::before{
  width:48%;
  background:linear-gradient(90deg,#fff 0%,#fff 48%,rgba(255,255,255,.94) 68%,rgba(255,255,255,.48) 86%,rgba(255,255,255,0) 100%);
}
.hero::after{width:7%;opacity:.22}
.hero__copy{
  width:520px;
  padding-top:38px;
}
.eyebrow{
  min-height:42px;
  padding:9px 18px 8px 49px;
  color:#071a3c;
  font:700 15px/1.2 'PT Sans',Arial,sans-serif;
  letter-spacing:0;
}
.eyebrow::before{
  left:0;
  top:0;
  bottom:0;
  border:1.5px solid var(--red);
  border-radius:10px;
  background:rgba(255,255,255,.8);
}
.eyebrow span{
  left:10px;
  top:8px;
  width:25px;
  height:25px;
}
.eyebrow span svg{
  width:25px;
  height:25px;
  color:var(--red);
  stroke-width:2;
}
.hero__copy h1{
  width:760px;
  margin:23px 0 18px;
  font:700 55px/.98 'PT Sans',Arial,sans-serif;
  letter-spacing:-2.8px;
  text-transform:none;
}
.hero__copy h1>span{display:block;white-space:nowrap}
.hero__copy h1 em{font-size:1em;color:var(--red)}
.hero__lead{
  width:510px;
  max-width:510px;
  margin:0 0 26px;
  font:400 20px/1.52 'PT Sans',Arial,sans-serif;
  color:#172a4e;
}
.price-card{
  width:455px;
  min-height:142px;
  padding:20px 26px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--red) 0%,var(--red) 100%);
  display:flex;
  align-items:center;
  gap:24px;
  box-shadow:0 16px 30px rgba(224,18,23,.14);
}


.price-card__content{display:flex;flex-direction:column;align-items:flex-start}
.price-card small{
  color:#fff;
  font:700 16px 'PT Sans',Arial,sans-serif;
  text-transform:none;
}
.price-card strong{
  margin:5px 0 4px;
  font:700 42px/.98 'PT Sans',Arial,sans-serif;
  letter-spacing:-1.3px;
}
.price-card b{font:700 16px 'PT Sans',Arial,sans-serif}
.hero__actions{width:455px;gap:22px;margin-top:24px}
.hero__actions .button{
  flex:1;
  min-height:54px;
  padding:0 18px;
  border-radius:9px;
  font:700 16px 'PT Sans',Arial,sans-serif;
}






@media(max-width:1100px) and (min-width:821px){
  .main-nav{gap:28px}
  .hero__copy{width:470px}
  .hero__copy h1{font-size:45px}
  .hero__lead{width:450px;max-width:450px;font-size:18px}
  .hero__art{background-size:cover;background-position:center center}
  .hero::before{width:54%}
}
@media(max-width:820px){
  .trust-bar{height:auto}
  .trust-bar__inner{height:auto;min-height:46px;grid-template-columns:1fr;padding:6px 0}
  .trust-points{font-size:11px}
  .trust-points span{padding:0 10px}
  .hero{height:850px}
  .hero__art{inset:0;background-size:auto 54%;background-position:60% bottom;transform:none}
  .hero::before{width:72%}
  .hero__copy{width:100%;padding-top:28px}
  .hero__copy h1{font-size:52px}
  .hero__copy h1{width:auto}
  .hero__copy h1>span{white-space:normal}
  .hero__lead{width:auto;max-width:470px;font-size:18px}
  
}
@media(max-width:560px){
  .trust-points{font-size:10px;line-height:1.15}
  .trust-points span{padding:0 10px}
  .nav-wrap{height:76px}
  .hero{height:850px}
  .hero__art{background-size:auto 42%;background-position:57% bottom}
  .hero::before{width:88%}
  .hero__copy h1{font-size:44px;letter-spacing:-1.8px}
  .hero__lead{font-size:16px;max-width:100%}
  .price-card{width:100%;min-height:122px;padding:17px 20px}
  
  
  .price-card strong{font-size:36px}
  .hero__actions{width:100%;gap:10px;flex-direction:row}
  .hero__actions .button{font-size:14px;padding:0 10px}
}

/* More compact price offer */
.price-card{
  width:510px;
  min-height:142px;
  padding:18px 116px 17px 20px;
  gap:16px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#071c3f 0%,#052d43 100%);
  box-shadow:0 14px 30px rgba(7,26,60,.14);
  overflow:visible;
}


.price-card small{font-size:14px;color:#fff}
.price-card strong{font-size:39px;margin:3px 0 5px;color:#fff}
.price-card b{font-size:14px}
.price-card__content{width:100%}





.price-card__deadline{
  position:absolute;
  z-index:3;
  right:18px;
  top:-13px;
  width:86px;
  min-height:0;
  padding-bottom:10px;
  overflow:hidden;
  color:var(--red);
  background:#fff;
  border:2px solid rgba(230,25,32,.16);
  border-radius:10px;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
  text-align:center;
}
.price-card__deadline::before{
  content:none;
}
.price-card__deadline small{
  display:block;
  padding:7px 4px 5px;
  color:#fff;
  background:var(--red);
  font:700 10px/1 'PT Sans',Arial,sans-serif;
  text-transform:uppercase;
}
.price-card__deadline strong{
  display:block;
  margin:2px 0 -3px;
  color:var(--red);
  font:700 46px/.95 'PT Sans',Arial,sans-serif;
}
.price-card__deadline span{
  display:block;
  margin:0;
  color:var(--red);
  font:700 13px/1 'PT Sans',Arial,sans-serif;
  text-transform:uppercase;
}







.hero__actions{width:510px;margin-top:14px;gap:14px}
.hero__actions .button{
  width:0;
  flex:1 1 0;
  min-height:58px;
  padding:0 16px;
  font-size:16px;
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
}
.hero__actions .button--primary{
  gap:9px;
  background:var(--red);
  box-shadow:none;
  transform:none;
}
.hero__actions .button--primary:hover{
  background:var(--red);
  box-shadow:none;
  transform:none;
}
.hero__actions .button--primary svg{width:18px;height:18px;animation:ctaArrow 1.8s ease-in-out infinite}
.hero__actions .button--outline{font-size:16px}
.hero__actions .button--outline{
  min-height:56px;
  color:var(--navy);
  background:#fff;
  border:2px solid #b9bec7;
  border-radius:10px;
  box-shadow:none;
  font-weight:700;
}
.hero__actions .button--outline:hover{
  color:var(--navy);
  background:#f3f4f6;
  border-color:#9ea5af;
  box-shadow:none;
  transform:none;
}
@media(max-width:560px){
  .price-card{width:100%;min-height:132px;padding:15px 16px;gap:12px}
  
  
  .price-card strong{font-size:33px}
  
  .hero__actions{width:100%}
  
  
  .hero__actions{flex-direction:column}
  .price-card__deadline{display:none}
}

/* Additional restrained motion throughout the hero */
@media(min-width:821px){
  .hero__art{
    transform-origin:72% 42%;
    animation:heroArtBreath 14s ease-in-out infinite;
    will-change:transform;
  }
}
@keyframes heroArtBreath{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  35%{transform:translate3d(-5px,-4px,0) scale(1.012)}
  70%{transform:translate3d(3px,-8px,0) scale(1.022)}
}
.price-card{position:relative;overflow:visible;background-size:180% 180%;animation:none}
.price-card::after{
  content:none;
  position:absolute;
  z-index:0;
  top:-70%;
  bottom:-70%;
  left:-45%;
  width:25%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  transform:rotate(15deg);
  animation:priceSheen 5.8s ease-in-out infinite;
  pointer-events:none;
}
.price-card__content{position:relative;z-index:1}
@keyframes priceGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes priceSheen{0%,58%{left:-45%;opacity:0}64%{opacity:1}82%{left:125%;opacity:.8}100%{left:125%;opacity:0}}

@keyframes ctaArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}



@keyframes benefitFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.06)}}
.trust-bar{background-size:180% 100%;animation:trustFlow 9s ease-in-out infinite}
@keyframes trustFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

@media(prefers-reduced-motion:reduce){
  .hero__art,.price-card,.price-card::after,.trust-bar{
    animation:none!important;
  }
}

/* Compact security badge: one baseline for the shield and label */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  width:max-content;
  min-height:44px;
  padding:8px 16px;
  color:var(--red);
  border:2px solid var(--red);
  border-radius:11px;
  background:rgba(255,255,255,.9);
  font:700 17px/1 'PT Sans',Arial,sans-serif;
}
.eyebrow::before{content:none}
.eyebrow span{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  flex:0 0 26px;
}
.eyebrow span svg{
  width:26px;
  height:26px;
  color:var(--red);
  stroke-width:2.2;
}
@media(max-width:560px){
  .eyebrow{min-height:40px;padding:7px 13px;font-size:14px;gap:9px}
  .eyebrow span,.eyebrow span svg{width:23px;height:23px}
  .eyebrow span{flex-basis:23px}
}

























































/* Transparent price offer with a round deadline seal */
.hero .price-card{
  width:510px;
  min-height:150px;
  display:block;
  position:relative;
  overflow:visible;
  margin:0;
  padding:29px 178px 22px 0;
  color:var(--navy);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero .price-card__content{display:block;padding:0}
.hero .price-card__content small{
  display:block;
  color:var(--navy);
  font-size:17px;
  font-weight:700;
  line-height:1.2;
  text-transform:none;
}
.hero .price-card__content strong{
  display:block;
  margin:12px 0 0;
  color:var(--navy);
  font-size:61px;
  line-height:.95;
  letter-spacing:-2px;
}
.hero .price-card__deadline{
  position:absolute;
  top:5px;
  right:22px;
  width:142px;
  min-height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:15px 10px;
  color:#fff;
  border-radius:51% 49% 47% 53% / 48% 52% 49% 51%;
  background:linear-gradient(145deg,#f13a2d,#e52517);
  box-shadow:0 10px 22px rgba(54,35,26,.22);
  transform:rotate(2deg);
}
.hero .price-card__deadline::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  opacity:.22;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.65),transparent 28%),radial-gradient(circle at 68% 70%,rgba(118,0,0,.28),transparent 35%);
}
.hero .price-card__deadline small,
.hero .price-card__deadline strong{position:relative;z-index:1;color:#fff;text-align:center;text-transform:uppercase}
.hero .price-card__deadline small{padding:0;font-size:15px;font-weight:500;line-height:1.1}
.hero .price-card__deadline strong{margin:10px 0 0;font-size:28px;line-height:1;font-weight:500;letter-spacing:-.5px}
@media(max-width:620px){
  .hero .price-card{width:100%;min-height:126px;padding:24px 126px 18px 0}
  .hero .price-card__content small{font-size:14px}
  .hero .price-card__content strong{margin-top:10px;font-size:45px}
  .hero .price-card__deadline{top:7px;right:5px;width:112px;min-height:112px}
  .hero .price-card__deadline small{font-size:12px}
  .hero .price-card__deadline strong{font-size:22px}
}

/* One unified red — matches the upper trust panel */
.trust-bar{background:var(--navy)}
.logo strong span,
.hero__copy h1 em,
h1 em,
.contact span,
.price-card__deadline,
.price-card__deadline strong,
.price-card__deadline span{color:var(--red)}
.button--primary,
.hero__actions .button--primary,
.hero__actions .button--primary:hover,
.price-card__deadline small{background:var(--red)}
.eyebrow{color:var(--red);border-color:var(--red)}
.eyebrow span svg{color:var(--red)}




.price-card__deadline{border-color:rgba(189,16,24,.18)}

.price-card{background:var(--navy)}
.price-card__deadline{
  top:0;
  right:0;
  width:112px;
  min-height:108px;
  padding:0 7px 11px;
  color:#fff;
  background:var(--red);
  border:0;
  border-radius:0 12px 15px 15px;
  box-shadow:0 8px 18px rgba(7,26,60,.2);
}
.price-card__deadline small{
  padding:14px 2px 5px;
  color:#fff;
  background:transparent;
  font-size:11px;
}
.price-card__deadline strong{
  margin:1px 0 -2px;
  color:#fff;
  font-size:46px;
}
.price-card__deadline span{color:#fff;font-size:13px}

/* Price offer matched to the approved reference */
.price-card{
  width:510px;
  min-height:196px;
  padding:26px 142px 78px 38px;
  gap:22px;
  align-items:flex-start;
  border-radius:15px;
  overflow:hidden;
}


.price-card__content{padding-top:1px}
.price-card small{font-size:16px;line-height:1.15}
.price-card strong{
  margin:7px 0 0;
  font-size:52px;
  line-height:.98;
  letter-spacing:-1.6px;
}




.price-card__deadline{
  top:0;
  right:20px;
  width:108px;
  min-height:106px;
  background:linear-gradient(135deg,#ff4a2f 0%,#ff5964 55%,#ff6576 100%);
  border-radius:0 0 17px 17px;
  box-shadow:0 9px 19px rgba(0,0,0,.2);
}
.price-card__deadline small{padding-top:13px;font-size:11px}
.price-card__deadline strong{font-size:45px;margin:3px 0 -2px}
.price-card__deadline span{font-size:12px}
.hero__actions{margin-top:14px}
.hero__actions .button{min-height:58px}
.hero__actions .button svg{width:22px;height:22px;flex:0 0 22px}


.hero__actions .button--primary{justify-content:center;padding-left:21px;padding-right:21px;text-align:center}
.hero__actions .button--outline{gap:11px}

@media(max-width:560px){
  .price-card{min-height:170px;padding:20px 18px 72px;gap:14px;overflow:hidden}
  
  
  .price-card small{font-size:13px}
  .price-card strong{font-size:38px}
  
  
  
  .price-card__deadline{display:block;width:82px;min-height:84px}
  .price-card__deadline small{padding-top:11px;font-size:9px}
  .price-card__deadline strong{font-size:36px}
  .price-card__deadline span{font-size:10px}
}

/* Sticky premium navigation */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
.nav-wrap{
  position:relative;
  height:98px;
  gap:28px;
}
.logo{
  position:relative;
  isolation:isolate;
  flex:0 0 auto;
  min-width:222px;
  min-height:66px;
  margin-right:18px;
  padding:10px 18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  background:transparent;
  border:0;
  border-radius:16px;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:min-width .25s ease,padding .25s ease;
}
.logo::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:-16px -15px -5px;
  opacity:0;
  pointer-events:none;
  border-radius:0 0 22px 22px;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 46%,rgba(255,255,255,.42) 70%,rgba(255,255,255,0) 100%);
  filter:blur(7px);
  transition:opacity .22s ease;
}
.logo strong{color:#071b3d;-webkit-text-stroke:0;text-shadow:none;font-size:38px;transition:color .2s ease}
.logo strong span{color:var(--red)}
.logo small{
  color:#071b3d;
  text-shadow:none;
  max-height:18px;
  margin-top:9px;
  overflow:hidden;
  opacity:1;
  font-size:10px;
  letter-spacing:3.3px;
  transition:max-height .22s ease,margin .22s ease,opacity .18s ease;
}
.site-header.is-scrolled .logo{
  padding-top:10px;
  padding-bottom:10px;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.site-header.is-scrolled .logo::before{opacity:1}
.site-header.is-scrolled .logo small{
  max-height:0;
  margin-top:0;
  opacity:0;
}
.nav-pill{
  min-width:0;
  flex:1 1 auto;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:23px;
  padding:7px 8px 7px 23px;
  background:rgba(255,255,255,.76);
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  backdrop-filter:blur(14px) saturate(135%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  box-shadow:0 5px 16px rgba(7,26,60,.09);
}
.main-nav{
  flex:1 1 auto;
  justify-content:center;
  gap:34px;
  font-size:15px;
}
.main-nav a{padding:12px 5px;white-space:nowrap}
.button--nav{
  min-width:178px;
  min-height:50px;
  border-radius:12px;
  font-size:16px;
  background:var(--red);
}

@media(max-width:1100px) and (min-width:821px){
  .nav-wrap{gap:14px}
  .logo{min-width:180px;margin-right:4px;padding-left:12px;padding-right:12px}
  .logo strong{font-size:32px}
  .logo small{font-size:8px;letter-spacing:2.5px}
  .nav-pill{gap:12px;padding-left:14px}
  .main-nav{gap:8px;font-size:13px}
  .button--nav{min-width:142px;font-size:14px}
}

@media(max-width:820px){
  .site-header{box-shadow:0 5px 16px rgba(7,26,60,.08)}
  .nav-wrap{height:76px;gap:9px}
  .logo{min-width:174px;min-height:56px;margin-right:auto;padding:8px 12px}
  .nav-pill{min-height:0;flex:0 0 0;padding:0;border:0;box-shadow:none;background:transparent}
  .nav-pill .main-nav{top:76px}
  .menu-toggle{order:3}
}

@media(max-width:560px){
  .trust-points span{padding:0 10px}
}















/* New risk and service-flow sections */
.risk-showcase,
.hofu-process{
  padding:82px 0 76px;
  background:#fff;
}
.hofu-process{
  background:#fbfbfc;
  border-top:1px solid #edf0f4;
}
.showcase-heading{
  max-width:900px;
  margin:0 auto 52px;
  text-align:center;
}
.showcase-heading h2{
  margin:0;
  color:var(--navy);
  font:700 54px/1.03 'PT Sans',Arial,sans-serif;
  letter-spacing:-2px;
}
.showcase-heading h2 em{color:var(--red);font-style:normal}
.showcase-heading p{
  margin:24px 0 0;
  color:#667085;
  font:400 20px/1.45 'PT Sans',Arial,sans-serif;
}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.showcase-card{
  position:relative;
  min-width:0;
  min-height:420px;
  padding:25px 22px 26px;
  color:var(--navy);
  background:#fff;
  border:1px solid #e0e5eb;
  border-radius:16px;
  box-shadow:0 8px 26px rgba(7,26,60,.035);
  text-align:center;
}
.showcase-card:hover{border-color:rgba(189,16,24,.28)}
.showcase-number{
  position:absolute;
  top:16px;
  left:50%;
  z-index:2;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  transform:translateX(-50%);
  color:#fff;
  background:var(--red);
  border-radius:50%;
  font:700 13px/1 'PT Sans',Arial,sans-serif;
}
.showcase-icon{
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  margin:18px auto 27px;
  color:var(--navy);
  background:linear-gradient(145deg,#f7f8fa,#fff);
  border-radius:50%;
}
.showcase-icon svg{width:62px;height:62px;stroke-width:1.55}
.showcase-icon svg *{vector-effect:non-scaling-stroke}
.showcase-card h3{
  min-height:76px;
  margin:0;
  color:var(--navy);
  font:700 18px/1.28 'PT Sans',Arial,sans-serif;
}
.showcase-rule{
  width:34px;
  height:2px;
  display:block;
  margin:17px auto 16px;
  background:var(--red);
  border-radius:2px;
}
.showcase-card p{
  margin:0;
  color:#526071;
  text-align:left;
  font:400 14px/1.55 'PT Sans',Arial,sans-serif;
}
















@media(max-width:1100px){
  .risk-showcase,.hofu-process{padding:64px 0}
  .showcase-heading h2{font-size:46px}
  .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .showcase-card{min-height:400px}
}
@media(max-width:820px){
  .showcase-heading{margin-bottom:38px}
  .showcase-heading h2{font-size:40px;letter-spacing:-1px}
  .showcase-heading p{font-size:18px}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-card{min-height:380px}
  
  
}
@media(max-width:560px){
  .risk-showcase,.hofu-process{padding:48px 0}
  .showcase-heading h2{font-size:34px}
  .showcase-heading p{margin-top:16px;font-size:16px}
  .showcase-grid{grid-template-columns:1fr;gap:12px}
  .showcase-card{min-height:0;padding:22px}
  .showcase-icon{width:88px;height:88px;margin:10px auto 20px}
  .showcase-icon svg{width:48px;height:48px}
  .showcase-card h3{min-height:0;margin-bottom:0}
  
  
  
  
  
}

/* Risk block — approved architectural composition */
.risk-showcase{
  display:none;
  position:relative;
  isolation:isolate;
  padding:58px 0 48px;
  background-color:#fff;
  background-image:radial-gradient(circle at 92% 35%,rgba(255,255,255,.12) 0%,rgba(255,255,255,.2) 16%,rgba(255,255,255,.38) 42%),url('assets/risk-section-bg-v1.png');
  background-position:center top,center top;
  background-size:100% auto,100% auto;
  background-repeat:no-repeat;
  overflow:hidden;
}
.risk-showcase::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.18) 28%,#fff 50%);
  pointer-events:none;
}
.risk-showcase .showcase-heading{margin-bottom:44px}
.risk-showcase .risk-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:24px;
  color:var(--red);
  font-size:18px;
  line-height:1;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.risk-showcase .risk-eyebrow::before,
.risk-showcase .risk-eyebrow::after{
  content:'';
  width:34px;
  height:2px;
  background:var(--red);
  border-radius:2px;
}
.risk-showcase .showcase-heading h2{
  font-size:62px;
  line-height:1.04;
  letter-spacing:-2.6px;
}
.risk-showcase .showcase-heading p{
  margin-top:34px;
  color:#5f6572;
  font-size:21px;
  line-height:1.55;
}
.risk-showcase .showcase-heading p strong{
  color:#202d47;
  font-weight:400;
}
.risk-showcase .showcase-heading p span{display:inline-block;margin-top:7px}
.showcase-grid--risks{gap:12px}
.showcase-grid--risks .showcase-card{
  min-height:510px;
  padding:28px 24px 30px;
  border-color:#dfe4ea;
  border-radius:17px;
  background:rgba(255,255,255,.96);
  box-shadow:0 9px 24px rgba(7,26,60,.025);
}
.showcase-grid--risks .showcase-number{
  position:static;
  width:34px;
  height:34px;
  margin:0 0 14px;
  transform:none;
  font-size:12px;
}
.showcase-grid--risks .showcase-icon{
  position:relative;
  width:124px;
  height:124px;
  margin:4px auto 22px;
  background:radial-gradient(circle,#fff 0,#f8fafc 72%,rgba(248,250,252,0) 73%);
}
.showcase-grid--risks .showcase-icon svg{width:67px;height:67px;stroke-width:1.65}
.showcase-grid--risks .showcase-icon img{
  display:block;
  width:108px;
  height:104px;
  object-fit:contain;
}








.showcase-grid--risks .showcase-icon::after{
  content:'×';
  position:absolute;
  color:var(--red);
  font:300 44px/1 Arial,sans-serif;
}
.showcase-grid--risks .showcase-icon::after{display:none}
.showcase-grid--risks .showcase-card:nth-child(1) .showcase-icon::after{left:48px;top:41px}
.showcase-grid--risks .showcase-card:nth-child(2) .showcase-icon::after{right:16px;bottom:19px}
.showcase-grid--risks .showcase-card:nth-child(3) .showcase-icon::after{left:48px;top:40px}
.showcase-grid--risks .showcase-card:nth-child(4) .showcase-icon::after{left:47px;top:40px}
.showcase-grid--risks .showcase-card:nth-child(5) .showcase-icon::after{content:'¥';right:10px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;background:#fff;border:2px solid var(--red);border-radius:50%;font-size:23px;font-weight:500}
.showcase-grid--risks .showcase-card h3{
  min-height:54px;
  text-align:left;
  font-size:20px;
  line-height:1.24;
}
.showcase-grid--risks .showcase-rule{margin:14px 0 22px}
.showcase-grid--risks .showcase-card p{text-align:left;font-size:15px;line-height:1.55}























/* Closing advantages block */
.benefits{
  position:relative;
  padding:76px 0 54px;
  overflow:hidden;
  background:#fff;
}
.benefits__heading{text-align:center;margin-bottom:42px}
.benefits__eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--red);font:700 17px/1 'PT Sans',Arial,sans-serif;text-transform:uppercase}
.benefits__eyebrow::before,.benefits__eyebrow::after{content:'';width:30px;height:2px;background:var(--red);border-radius:2px}
.benefits__heading h2{margin:19px 0 0;color:#071b3d;font-size:58px;line-height:1.06;letter-spacing:-2.4px}
.benefits__heading h2 em{color:var(--red);font-style:normal}
.benefits__heading p{margin:20px 0 0;color:#687386;font-size:20px}
.benefits__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.benefit-card{min-height:365px;padding:24px 25px 28px;text-align:center;background:rgba(255,255,255,.96);border:1px solid #e2e6eb;border-radius:17px;box-shadow:0 10px 27px rgba(7,26,60,.055)}
.benefit-card img{display:block;width:118px;height:112px;margin:0 auto 12px;object-fit:contain}
.benefit-card h3{min-height:62px;margin:0;color:#071b3d;font-size:20px;line-height:1.28}
.benefit-card h3 em{color:var(--red);font-style:normal}
.benefit-card>i{display:block;width:31px;height:2px;margin:18px auto;background:var(--red);border-radius:2px}
.benefit-card p{margin:0;color:#465267;font-size:15px;line-height:1.55}











@media(max-width:1000px){.benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits__heading h2{font-size:48px}}
@media(max-width:620px){.benefits{padding:54px 0 38px}.benefits__heading h2{font-size:36px;letter-spacing:-1px}.benefits__heading p{font-size:17px}.benefits__grid{grid-template-columns:1fr}.benefit-card{min-height:0}}

/* Online cabinet */
.online-office{padding:46px 0 50px;background:#fff}
.online-office__panel{display:grid;grid-template-columns:58% 42%;min-height:510px;overflow:hidden;border:0;border-radius:20px;background:#fff;box-shadow:none}
.online-office__placeholder{position:relative;min-width:0;overflow:hidden;background:#fff}
.online-office__placeholder::after{display:none}
.online-office__placeholder .online-office__mockup{position:relative;z-index:2;width:calc(100% - 32px);height:calc(100% - 24px);display:block;margin:12px 16px;object-fit:contain;object-position:center}
.online-office__mobile-visual{display:none}
.online-office__content{display:flex;flex-direction:column;justify-content:center;padding:38px 48px 34px 34px}.online-office__eyebrow{display:flex;align-items:center;justify-content:flex-start;gap:13px;color:var(--red);font:700 16px/1 'PT Sans',Arial,sans-serif;text-transform:uppercase}.online-office__eyebrow::before,.online-office__eyebrow::after{content:'';width:27px;height:2px;background:var(--red)}
.online-office__content h2{margin:20px 0 0;color:#071b3d;font-size:43px;line-height:1.08;letter-spacing:-1.6px}.online-office__content h2 em{color:var(--red);font-style:normal}.online-office__lead{margin:20px 0 22px;color:#4e5a6d;font-size:17px;line-height:1.55}
.online-office__features{display:grid;gap:12px;margin:0;padding:0;list-style:none}.online-office__features li{display:flex;align-items:center;gap:18px;padding:7px 0;border:0}.online-office__features li>span{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;color:var(--navy);background:#f2f4f7;border:0;border-radius:50%;box-shadow:none}.online-office__features li>span svg{width:42px;height:42px}.online-office__feature-icon{fill:none;stroke:var(--navy);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.online-office__feature-icon .icon-red{stroke:var(--red)}.online-office__features strong{display:block;color:#0c1f3c;font-size:17px;line-height:1.25}.online-office__features p{margin:5px 0 0;color:#596579;font-size:14px;line-height:1.4}





@media(max-width:1050px){.online-office__panel{grid-template-columns:1fr}.online-office__placeholder{min-height:440px}.online-office__content{padding:40px}}
@media(max-width:650px){.online-office__placeholder{min-height:300px}.online-office__content{padding:30px 20px}.online-office__content h2{font-size:34px;letter-spacing:-1px}.online-office__lead{font-size:17px}}





@media(max-width:1100px){
  .risk-showcase{background-size:auto 480px}
  .risk-showcase .showcase-heading h2{font-size:52px}
  .showcase-grid--risks .showcase-card{min-height:470px}
}
@media(max-width:820px){
  .risk-showcase{padding-top:52px;background-size:auto 420px}
  .risk-showcase .showcase-heading h2{font-size:43px}
  .risk-showcase .showcase-heading p br{display:none}
  
  
}
@media(max-width:560px){
  .risk-showcase{padding-top:42px;background-size:auto 300px}
  .risk-showcase .showcase-heading{margin-bottom:32px}
  .risk-showcase .showcase-heading h2{font-size:35px;letter-spacing:-1px}
  .risk-showcase .showcase-heading p{font-size:16px}
  .showcase-grid--risks .showcase-card{min-height:0;padding:23px 22px 25px}
  .showcase-grid--risks .showcase-number{top:15px;width:30px;height:30px}
  .showcase-grid--risks .showcase-icon{width:96px;height:96px;margin:26px auto 18px}
  .showcase-grid--risks .showcase-icon svg{width:54px;height:54px}
  .showcase-grid--risks .showcase-icon::after{transform:scale(.82);transform-origin:center}
  .showcase-grid--risks .showcase-card h3{min-height:0;font-size:19px}
  
  
  
}

/* HOFU protection block — approved composition */
.hofu-process{
  position:relative;
  isolation:isolate;
  padding:56px 0 34px;
  background:#fff url('assets/hofu-protection-bg-v1.png') center top/100% auto no-repeat;
  border-top:0;
  overflow:hidden;
}
.hofu-process::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.15) 29%,#fff 51%);
  pointer-events:none;
}
.hofu-process .showcase-heading{max-width:920px;margin-bottom:46px}
.hofu-process .showcase-heading h2{
  font-size:62px;
  line-height:1.03;
  letter-spacing:-2.5px;
}

.hofu-process .showcase-heading h3{
  margin:0;
  color:var(--navy);
  font:700 25px/1.25 'PT Sans',Arial,sans-serif;
}
.hofu-process .showcase-heading p{margin-top:17px;font-size:19px;line-height:1.5}




















@media(max-width:1100px){
  .hofu-process{background-size:auto 460px}
  .hofu-process .showcase-heading h2{font-size:52px}
  
  
  
  
}
@media(max-width:820px){
  .hofu-process{padding-top:48px;background-size:auto 400px}
  .hofu-process .showcase-heading h2{font-size:43px;letter-spacing:-1.2px}
  .hofu-process .showcase-heading p br{display:none}
  
  
  
  
}
@media(max-width:560px){
  .hofu-process{padding-top:42px;background-size:auto 290px}
  .hofu-process .showcase-heading h2{font-size:36px}
  .hofu-process .showcase-heading h3{font-size:20px}
  .hofu-process .showcase-heading p{font-size:16px}
  
  
  
  
  
  
  
  
  
}

/* Horizontal HOFU registration flow */
.hofu-process{
  padding:48px 0 42px;
  background:#fff url('assets/hofu-flow-bg-v1.png') center top/100% auto no-repeat;
}
.hofu-process::before{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.08) 25%,#fff 51%)}
.hofu-process .showcase-heading{max-width:880px;margin-bottom:48px}
.hofu-process .showcase-heading h2{font-size:62px;line-height:1.03;letter-spacing:-2.5px}
.hofu-process .showcase-heading p{margin-top:0;font-size:20px;line-height:1.55}
.protection-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr) 30px) minmax(0,1fr);
  align-items:start;
  gap:0;
  margin-bottom:38px;
}
.protection-flow::before{
  content:'';
  position:absolute;
  z-index:0;
  top:67px;
  left:8%;
  right:8%;
  border-top:2px dashed #d9e7f7;
}
.flow-step{position:relative;z-index:1;text-align:center;color:var(--navy)}
.flow-icon{
  position:relative;
  width:136px;
  height:136px;
  display:grid;
  place-items:center;
  margin:0 auto;
  color:var(--navy);
  background:radial-gradient(circle,#fff 0,#f4f7fb 72%,rgba(244,247,251,0) 73%);
  border-radius:50%;
}
.flow-icon svg{width:78px;height:78px;stroke-width:1.6}
.flow-step:nth-of-type(1) .flow-icon::after{
  content:'✓';
  position:absolute;
  left:69px;
  top:57px;
  color:var(--red);
  font:700 25px/1 Arial,sans-serif;
}
.flow-step:nth-of-type(2) .flow-icon::after{
  content:'';
  position:absolute;
  right:29px;
  top:34px;
  width:22px;
  height:2px;
  background:var(--red);
  transform:rotate(45deg);
}

.flow-step:nth-of-type(4) .flow-icon::after{
  content:'•••';
  position:absolute;
  top:45px;
  left:47px;
  color:var(--red);
  font:700 22px/1 Arial,sans-serif;
  letter-spacing:3px;
}
.flow-step:nth-of-type(5) .flow-icon::after{
  content:'★';
  position:absolute;
  right:30px;
  bottom:29px;
  color:var(--red);
  font:700 18px/1 Arial,sans-serif;
}
.flow-step>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin:-3px auto 18px;
  color:#fff;
  background:#1768cf;
  border-radius:50%;
  font:700 14px/1 'PT Sans',Arial,sans-serif;
}
.flow-step h3{min-height:58px;margin:0;font:700 19px/1.3 'PT Sans',Arial,sans-serif}
.flow-rule{width:36px;height:2px;display:block;margin:16px auto 18px;background:var(--red)}
.flow-step p{margin:0;color:#26344e;font:400 14px/1.55 'PT Sans',Arial,sans-serif}
.flow-arrow{position:relative;z-index:1;width:24px;height:24px;margin:56px auto 0;padding:4px;color:#1768cf;background:#fff;stroke-width:4;border-radius:50%}















@media(max-width:1100px){
  .hofu-process{background-size:auto 430px}
  .hofu-process .showcase-heading h2{font-size:52px}
  .protection-flow{grid-template-columns:repeat(5,1fr);gap:12px}
  .protection-flow::before{display:none}
  .flow-arrow{display:none}
  .flow-icon{width:112px;height:112px}.flow-icon svg{width:64px;height:64px}
  .flow-step p{font-size:13px}
  
  
  
}
@media(max-width:820px){
  .hofu-process{background-size:auto 340px}
  .hofu-process .showcase-heading h2{font-size:43px;letter-spacing:-1.2px}
  .protection-flow{grid-template-columns:repeat(2,1fr);gap:24px 16px}
  .flow-step:last-of-type{grid-column:1/3;max-width:310px;justify-self:center}
  
  
  
  
  
  
}
@media(max-width:560px){
  .hofu-process{padding-top:40px;background-size:auto 250px}
  .hofu-process .showcase-heading h2{font-size:35px}
  .hofu-process .showcase-heading p{font-size:16px}
  .protection-flow{grid-template-columns:1fr;gap:30px}
  .flow-step:last-of-type{grid-column:auto}
  .flow-step p{max-width:300px;margin:0 auto;font-size:14px}
  .flow-step h3{min-height:0}
  
  
  
  
  
  
}

/* HOFU flow v2 — four-step reference composition */
.hofu-process{
  padding:42px 0 40px;
  background:#fff url('assets/hofu-flow-bg-v2.png') center top/100% auto no-repeat;
}
.hofu-process::before{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.03) 24%,#fff 47%);
}
.hofu-process .showcase-heading{max-width:870px;margin-bottom:42px}
.hofu-process .process-eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:22px;color:var(--red);font-size:18px;line-height:1;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.hofu-process .process-eyebrow::before,.hofu-process .process-eyebrow::after{content:'';width:34px;height:2px;background:var(--red);border-radius:2px}
.hofu-process .showcase-heading h2{font-size:60px;color:#111722}
.hofu-process .showcase-heading p{color:#4f5b70;font-size:19px}
.protection-flow{
  grid-template-columns:repeat(3,minmax(0,1fr) 56px) minmax(0,1fr);
  margin-bottom:28px;
}
.protection-flow::before{top:68px;left:9%;right:9%;border-color:#f2b8b8}
.flow-icon{width:136px;height:136px;color:#102133;background:#f8fafc;box-shadow:none}
.flow-icon svg{width:74px;height:74px;stroke-width:1.55}
.flow-step>span{margin:10px auto 17px;background:var(--red)}
.flow-step h3{min-height:55px;color:#111;font-size:19px}
.flow-step h3 em{color:var(--red);font-style:normal}
.flow-step p{max-width:245px;margin:0 auto;color:#26344e;font-size:14px}
.flow-arrow{margin-top:55px;color:var(--red);background:#fff}
.flow-step:nth-of-type(1) .flow-icon::after{left:69px;top:57px;color:var(--red)}
.flow-step:nth-of-type(2) .flow-icon::after{display:none}
.flow-step:nth-of-type(3) .flow-icon::after{content:''}
.flow-step:nth-of-type(4) .flow-icon::after{content:'★';top:auto;left:auto;right:29px;bottom:27px;color:var(--red);font:700 16px/1 Arial,sans-serif;letter-spacing:0}


.flow-step--certificate>small{max-width:285px;display:block;margin:15px auto 0;padding:10px 14px;color:#26344e;border:1px solid #f3b9bb;border-radius:15px;font:400 12px/1.35 'PT Sans',Arial,sans-serif}

.flow-step--certificate>small svg{width:17px;height:17px;margin-right:5px;color:var(--red);vertical-align:-4px;stroke-width:1.8}

.flow-step--certificate>small b{color:var(--red);font-size:14px}














@media(max-width:1100px){
  .hofu-process{background-size:auto 390px}
  .protection-flow{grid-template-columns:repeat(4,1fr);gap:14px}
  .protection-flow::before{display:none}
  
  
}
@media(max-width:820px){
  .protection-flow{grid-template-columns:repeat(2,1fr);gap:28px 16px}
  .flow-step:last-of-type{grid-column:auto;max-width:none}
  
  
}
@media(max-width:560px){
  .hofu-process .process-eyebrow{gap:9px;margin-bottom:17px;font-size:13px}
  .hofu-process .process-eyebrow::before,.hofu-process .process-eyebrow::after{width:20px}
  .hofu-process .showcase-heading h2{font-size:35px}
  .protection-flow{grid-template-columns:1fr}
  
}

/* Larger typography and bespoke process vectors */
.flow-icon .flow-art{width:88px;height:88px;overflow:visible}
.flow-step .flow-icon::after{display:none!important}
.flow-step:nth-of-type(1) .flow-icon::before{content:'✓';position:absolute;right:20px;bottom:24px;width:28px;height:28px;display:grid;place-items:center;color:#fff;background:var(--red);border:4px solid #f8fafc;border-radius:50%;font:700 16px/1 Arial,sans-serif}

.flow-step h3{
  min-height:64px;
  font:700 23px/1.25 'PT Sans',Arial,sans-serif;
  letter-spacing:-.25px;
}
.flow-step p{
  max-width:265px;
  color:#1f2937;
  font:400 16px/1.55 'PT Sans',Arial,sans-serif;
}
.flow-rule{width:42px;margin:17px auto 19px}










@media(max-width:1100px){
  .flow-step h3{font-size:20px}
  .flow-step p{font-size:14px}
  
  
}
@media(max-width:560px){
  .flow-step h3{font-size:22px}
  .flow-step p{font-size:16px}
  
  
}

/* FAQ */
.faq{padding:92px 0 78px;background:linear-gradient(180deg,#fff 0%,#fcfaf7 100%)}
.faq__heading{text-align:center;margin:0 auto 42px}
.faq__eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--red);font:700 17px/1 'PT Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.faq__eyebrow::before,.faq__eyebrow::after{content:'';width:30px;height:2px;background:var(--red);border-radius:2px}
.faq__heading h2{margin:19px 0 0;color:#071b3d;font:700 58px/1.06 'PT Sans',Arial,sans-serif;letter-spacing:-2.4px}
.faq__heading h2 em{color:var(--red);font-style:normal}
.faq__heading p{margin:20px 0 0;color:#687386;font:400 20px/1.45 'PT Sans',Arial,sans-serif}
.faq__layout{display:block;max-width:920px;margin:0 auto}
.faq__list{display:flex;flex-direction:column;gap:10px;width:100%}
.faq-item{overflow:hidden;background:#fff;border:1px solid #e1e5ec;border-radius:14px;box-shadow:0 5px 18px rgba(7,27,61,.035)}
.faq-item summary{position:relative;display:flex;align-items:center;min-height:70px;padding:17px 65px 17px 72px;color:#071b3d;font:700 19px/1.35 'PT Sans',Arial,sans-serif;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:'+';position:absolute;left:22px;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);color:#0a2b57;background:#f7f8fa;border-radius:50%;font:400 27px/1 Arial,sans-serif}
.faq-item summary::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#0a2b57;font:400 29px/1 Arial,sans-serif}
.faq-item[open] summary::before,.faq-item[open] summary::after{content:'−';color:var(--red)}
.faq-item[open] summary{padding-bottom:11px}
.faq-item p{margin:0;padding:0 68px 22px 72px;color:#536174;font:400 16px/1.55 'PT Sans',Arial,sans-serif}















@media(max-width:1000px){.faq__heading h2{font-size:48px}.faq__layout{grid-template-columns:1fr}}
@media(max-width:620px){.faq{padding:58px 0 45px}.faq__heading h2{font-size:36px;letter-spacing:-1px}.faq__heading p{font-size:17px}.faq-item summary{padding:15px 48px 15px 55px;font-size:16px}.faq-item summary::before{left:13px;width:30px;height:30px}.faq-item summary::after{right:15px}.faq-item p{padding:0 20px 18px 55px;font-size:14px}}

/* Compact universal logo descriptor */
.logo small{font-size:8px;letter-spacing:1.35px;white-space:nowrap}
@media(max-width:560px){.logo small{font-size:7px;letter-spacing:1px}}

/* Shared site footer */
.site-footer{padding:0;background:#06152f;color:#cbd3df}
.site-footer a{color:inherit;text-decoration:none}
.site-footer__main{display:grid;grid-template-columns:1.35fr .85fr .85fr 1fr;gap:70px;padding:66px 0 54px}
.site-footer__brand .footer-logo{display:inline-block;color:#fff;font:700 40px/.95 'PT Sans',Arial,sans-serif;letter-spacing:.04em}
.site-footer__brand .footer-logo span{color:var(--red)}
.site-footer__brand p{max-width:320px;margin:20px 0 0;color:#9eabc0;font-size:15px;line-height:1.6}


.site-footer__column h3{margin:0 0 20px;color:#fff;font:700 15px/1.2 'PT Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.site-footer__column nav{display:grid;gap:13px}
.site-footer__column nav a{width:max-content;max-width:100%;color:#aeb9ca;font-size:15px;line-height:1.35;transition:.2s ease}
.site-footer__column nav a:hover{color:#fff;transform:translateX(3px)}
.site-footer__contact{display:grid;gap:13px}
.site-footer__contact a{display:flex;align-items:center;gap:11px;color:#fff;font-size:15px}
.site-footer__contact svg{width:19px;height:19px;color:var(--red);stroke-width:1.8}
.site-footer__contact small{color:#8290a7;font-size:13px;line-height:1.45}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.12)}
.site-footer__bottom-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#7f8da4;font-size:13px}
.site-footer__legal{display:flex;gap:25px}
.site-footer__legal a:hover{color:#fff}
@media(max-width:980px){.site-footer__main{grid-template-columns:1.2fr 1fr 1fr;gap:45px}.site-footer__brand{grid-column:1/-1}.site-footer__brand p{max-width:560px}}
@media(max-width:680px){.site-footer__main{grid-template-columns:1fr 1fr;gap:40px 28px;padding:50px 0 40px}.site-footer__brand{grid-column:1/-1}.site-footer__column--contact{grid-column:1/-1}.site-footer__bottom-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:22px 0}.site-footer__legal{flex-wrap:wrap;gap:12px 20px}}

/* Consultation form above footer */
.consultation{position:relative;overflow:hidden;background:#fff url('assets/consultation-bg.png') center/cover no-repeat}
.consultation__inner{position:relative;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(470px,1.1fr);align-items:center;gap:250px;min-height:500px;padding-top:38px;padding-bottom:38px}
.consultation__copy{position:relative;z-index:2;align-self:start;padding-top:20px}
.consultation__kicker{display:flex;align-items:center;gap:15px;width:max-content;color:var(--red);font:700 15px/1.2 'PT Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.consultation__kicker span{width:30px;height:2px;background:var(--red)}
.consultation__copy h2{margin:24px 0 22px;color:var(--navy);font:700 clamp(39px,3.2vw,57px)/1.08 'PT Sans',Arial,sans-serif;letter-spacing:-.035em}
.consultation__copy h2 em{color:var(--red);font-style:normal;white-space:nowrap}
.consultation__copy p{margin:0;color:#203250;font-size:21px;line-height:1.45}
.consultation__copy strong{color:var(--red);font-weight:500}




.consultation__expert{position:absolute;z-index:1;left:43%;bottom:0;width:390px;max-height:475px;object-fit:contain;object-position:center bottom;transform:translateX(-50%);pointer-events:none}
.consultation-form{position:relative;z-index:3;padding:24px 34px 16px;border:1px solid rgba(9,31,66,.06);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(11,29,59,.09);backdrop-filter:blur(5px)}
.consultation-form h3{margin:0 0 16px;color:var(--navy);font:700 clamp(34px,3vw,49px)/1.05 'PT Sans',Arial,sans-serif;letter-spacing:-.035em}
.consultation-form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.consultation-form label{position:relative;display:flex;align-items:center;height:60px;border:1px solid #dce1e9;border-radius:7px;background:#fff;color:var(--red)}
.consultation-form label>svg:first-of-type{flex:0 0 auto;width:21px;height:21px;margin-left:17px;stroke-width:1.8}
.consultation-form input,.consultation-form select{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 16px;color:#182946;font:400 16px 'PT Sans',Arial,sans-serif}
.consultation-form input::placeholder{color:#8792a6}
.consultation-form__select{margin-top:16px}
.consultation-form__select select{appearance:none;cursor:pointer}
.consultation-form__select>svg:last-child{position:absolute;right:16px;width:18px;height:18px;pointer-events:none}
.consultation-form .button{width:100%;height:58px;margin-top:16px;border-radius:7px;font:700 18px 'PT Sans',Arial,sans-serif}
.consultation-form__privacy{margin:10px 0 0;text-align:center;color:#8c96a8;font-size:12px}
.consultation-form__privacy a{color:#758198}




.consultation-form__success{display:none;margin-top:12px;border-radius:7px;background:#edf8f0;color:#19723a;padding:10px;text-align:center;font-weight:700}
.consultation-form.is-sent .consultation-form__success{display:block}
@media(max-width:1180px){.consultation__inner{grid-template-columns:minmax(280px,.8fr) minmax(430px,1.1fr);gap:190px}.consultation__expert{left:41%;width:350px}.consultation__copy h2{font-size:42px}}
@media(max-width:900px){.consultation__inner{display:grid;grid-template-columns:1fr;gap:26px;padding-top:48px;padding-bottom:48px}.consultation__copy{align-self:auto;padding:0;text-align:center}.consultation__kicker{margin:auto}.consultation__expert{display:none}.consultation-form{width:min(100%,650px);margin:auto}.consultation__copy h2{font-size:44px}.consultation__copy p br{display:none}}
@media(max-width:560px){.consultation__inner{padding-top:36px;padding-bottom:36px}.consultation__kicker{gap:10px;font-size:12px}.consultation__kicker span{width:18px}.consultation__copy h2{margin:18px 0;font-size:34px}.consultation__copy p{font-size:17px}.consultation-form{padding:24px 18px 18px;border-radius:15px}.consultation-form h3{font-size:31px}.consultation-form__row{grid-template-columns:1fr;gap:12px}.consultation-form__select{margin-top:12px}.consultation-form label{height:56px}.consultation-form .button{height:56px;margin-top:12px}.consultation-form__privacy{line-height:1.4}}

/* Monthly offer — homepage only */
.monthly-offer{--gradient-strong:linear-gradient(42deg,#ff4a15 -15.69%,#ff553a 43.66%,#ff7fc4 153.43%);position:relative;z-index:25;background:var(--gradient-strong);background-size:180% 180%;color:#fff;animation:monthlyOfferFlow 14s ease-in-out infinite alternate}
.monthly-offer[hidden]{display:none}
.monthly-offer__inner{width:min(1080px,calc(100% - 240px));min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px}
.monthly-offer__label{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid rgba(255,255,255,.72);border-radius:7px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.monthly-offer__label svg{width:17px;height:17px;stroke-width:2.2}
.monthly-offer__label::after{content:''}
.monthly-offer p{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0;text-align:center;font-size:17px;line-height:1.25;white-space:nowrap}
.monthly-offer p strong{font-size:17px;font-weight:700}
.monthly-offer a,.monthly-offer button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:9px 15px;border:0;border-radius:6px;background:#fff;color:#3f438f;font:700 13px/1.2 'PT Sans',Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:transform .2s ease}
.monthly-offer a svg,.monthly-offer button svg{width:15px;height:15px;stroke-width:2.2}
.monthly-offer a:hover,.monthly-offer button:hover{transform:translateY(-1px)}
@keyframes monthlyOfferFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.monthly-offer{animation:none}}
@media(max-width:900px){.monthly-offer__inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:10px;padding:10px 0}.monthly-offer__label{display:none}.monthly-offer p{display:block;text-align:center;font-size:15px}.monthly-offer p strong{font-size:18px}.monthly-offer a,.monthly-offer button{display:none}}
@media(max-width:560px){.monthly-offer__inner{width:calc(100% - 28px);min-height:48px;grid-template-columns:1fr;gap:8px}.monthly-offer p{font-size:13px;line-height:1.22}.monthly-offer p strong{font-weight:700}}










/* More concise risk section */
@media(min-width:761px){
  .risk-showcase{padding:42px 0 34px}
  .risk-showcase .showcase-heading{margin-bottom:30px}
  .risk-showcase .risk-eyebrow{margin-bottom:16px;font-size:16px}
  .risk-showcase .showcase-heading h2{font-size:52px}
  .risk-showcase .showcase-heading p{margin-top:20px;font-size:18px;line-height:1.45}
  .showcase-grid--risks .showcase-card{min-height:400px;padding:20px 20px 22px}
  .showcase-grid--risks .showcase-number{width:30px;height:30px;margin-bottom:8px}
  .showcase-grid--risks .showcase-icon{width:100px;height:100px;margin:0 auto 14px}
  .showcase-grid--risks .showcase-icon img{width:88px;height:86px}
  .showcase-grid--risks .showcase-card h3{min-height:49px;font-size:18px}
  .showcase-grid--risks .showcase-rule{margin:10px 0 15px}
  .showcase-grid--risks .showcase-card p{font-size:14px;line-height:1.42}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* FAQ has one clear route to the final consultation form */
.faq__layout{align-items:start}





/* Transparent registration price */
.transparent-price{padding:72px 0 76px;background:#fbf7ef}
.transparent-price__heading{max-width:900px;margin:0 auto 42px;text-align:center}
.transparent-price__eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--red);font:700 16px/1 'PT Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.transparent-price__eyebrow::before,.transparent-price__eyebrow::after{content:'';width:28px;height:2px;background:var(--red)}
.transparent-price__heading h2{margin:18px 0 0;color:var(--navy);font:700 56px/1.04 'PT Sans',Arial,sans-serif;letter-spacing:-2px}
.transparent-price__heading h2 em{color:var(--red);font-style:normal}
.transparent-price__heading p{margin:18px 0 0;color:#5f6979;font-size:19px;line-height:1.45}
.transparent-price__layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.55fr);gap:36px;align-items:start}
.transparent-price__card{position:sticky;top:116px;padding:40px 32px 27px;background:#fff;border:0;border-radius:25px;box-shadow:0 16px 38px rgba(7,26,60,.08)}
.transparent-price__badge{position:absolute;z-index:2;top:-37px;right:-25px;width:114px;height:114px;display:block;object-fit:contain}
.transparent-price__label{display:block;color:#111722;font-size:24px;font-weight:700;line-height:1.18;letter-spacing:-.5px}
.transparent-price__label>span,.transparent-price__label strong{display:block;white-space:nowrap}
.transparent-price__label strong{font-weight:700}
.transparent-price__amount{display:block;margin:30px 0 7px;color:#111722;font-size:76px;font-weight:700;line-height:.9;letter-spacing:-3px}
.transparent-price__card .transparent-price__full{margin:0;color:#42464d;font-size:20px;font-weight:600;line-height:1.35}
.transparent-price__full s{color:#9ba3af;font-weight:500;text-decoration-color:#c8a4a7;text-decoration-thickness:2px}
.transparent-price__card .transparent-price__scope{margin:18px 0 23px;color:#687386;font-size:17px;font-weight:600;line-height:1.45}
.transparent-price__expires{width:max-content;display:block;margin:0 0 25px;padding:10px 16px;color:#fff;background:var(--red);border-radius:999px;font-size:16px;font-weight:700;line-height:1}
.transparent-price__card .transparent-price__button{width:100%;min-height:62px;color:#fff;background:var(--red);border-radius:999px;font-family:'PT Sans',Arial,sans-serif;font-size:19px;font-weight:700}
.transparent-price__card .transparent-price__button:hover{background:var(--red);filter:brightness(1.07)}


.transparent-price__included>h3{margin:2px 0 18px;color:#111722;font-size:31px;line-height:1.2}
.transparent-price__included>h3 span{display:inline-block;color:var(--red);font:700 38px/1.05 'Oswald',sans-serif;letter-spacing:.02em;transform:rotate(-1deg)}
.transparent-price__included-label{margin:-7px 0 5px;color:#26344e;font-size:17px;font-weight:700;line-height:1.35}
.transparent-price__included{display:grid;gap:12px}
.transparent-price__included details{overflow:hidden;background:#f2ead9;border:1px solid transparent;border-radius:14px;transition:border-color .2s,background .2s}
.transparent-price__included details[open]{background:#f2ead9;border-color:transparent}
.transparent-price__included summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px 17px 24px;color:#17243b;font-size:17px;font-weight:700;cursor:pointer;list-style:none}
.transparent-price__included summary::-webkit-details-marker{display:none}
.transparent-price__included summary span{display:flex;align-items:center;gap:13px}
.transparent-price__included summary span svg{width:26px;height:26px;color:var(--red);stroke-width:1.8}
.transparent-price__included summary>svg{width:36px;height:36px;padding:9px;color:#fff;background:var(--red);border-radius:8px;transition:transform .2s}
.transparent-price__included details[open] summary>svg{transform:rotate(180deg)}
.transparent-price__included details p{margin:0;padding:0 76px 21px 63px;color:#5e6878;font-size:15px;line-height:1.5}
.transparent-price__included details ul{display:grid;gap:9px;margin:0;padding:0 54px 22px 67px;color:#4f5b6e;font-size:15px;line-height:1.45;list-style:none}
.transparent-price__included details li{position:relative}
.transparent-price__included details li::before{content:'';position:absolute;top:.62em;left:-18px;width:6px;height:6px;background:var(--red);border-radius:50%}
@media(max-width:900px){.transparent-price__layout{grid-template-columns:1fr}.transparent-price__card{position:relative;top:auto}.transparent-price__heading h2{font-size:46px}}
@media(max-width:620px){
  .transparent-price{padding:46px 0 48px}
  .transparent-price__heading{margin-bottom:30px}
  .transparent-price__eyebrow{gap:9px;font-size:13px}
  .transparent-price__eyebrow::before,.transparent-price__eyebrow::after{width:20px}
  .transparent-price__heading h2{font-size:32px;line-height:1.08;letter-spacing:-.8px}
  .transparent-price__heading h2 br{display:none}
  .transparent-price__heading p{margin-top:14px;font-size:15px}
  .transparent-price__layout{gap:26px}
  .transparent-price__card{padding:32px 20px 21px;border-radius:18px}
  .transparent-price__badge{top:-26px;right:-11px;width:84px;height:84px}
  .transparent-price__label{font-size:20px}
  .transparent-price__amount{margin-top:25px;font-size:56px}
  .transparent-price__card .transparent-price__full{font-size:16px}
  .transparent-price__card .transparent-price__scope{font-size:15px}
  .transparent-price__expires{margin-bottom:20px;font-size:14px}
  .transparent-price__card .transparent-price__button{min-height:58px;font-size:16px}
  .transparent-price__included>h3{margin-bottom:12px;font-size:clamp(18px,5vw,22px)}
  .transparent-price__included>h3 br{display:block}
  .transparent-price__included>h3 span{display:inline;font-size:1.12em}
  .transparent-price__included-label{margin-top:-4px;font-size:14px}
  .transparent-price__included{gap:9px}
  .transparent-price__included summary{min-height:64px;padding:13px 13px 13px 15px;font-size:14px}
  .transparent-price__included summary span{gap:9px}
  .transparent-price__included summary span svg{width:22px;height:22px;flex-basis:22px}
  .transparent-price__included summary>svg{width:32px;height:32px;flex-basis:32px;padding:8px}
  .transparent-price__included details p{padding:0 15px 17px 46px;font-size:13px}
  .transparent-price__included details ul{gap:7px;padding:0 15px 18px 45px;font-size:13px}
}

/* Mobile landing refinement */
@media(max-width:620px){
  html{scroll-padding-top:84px}
  body{overflow-x:hidden}
  #advantages,#process,#cabinet,#benefits,#questions,#contact,#check{scroll-margin-top:84px}

  .container{width:calc(100% - 32px)}

  .monthly-offer__inner{width:calc(100% - 32px);min-height:46px}
  .monthly-offer p{font-size:12px;line-height:1.25}

  .trust-bar__inner{width:calc(100% - 28px);min-height:42px;padding:4px 0;display:flex;flex-wrap:nowrap}
  .trust-points{min-width:0;justify-content:flex-start;font-size:12px}
  .trust-points span{display:none;padding:0}
  .trust-points span:nth-child(2){display:inline-flex;min-width:0}
  .trust-points span:nth-child(2) a{overflow:hidden;text-overflow:ellipsis}
  .trust-points span>svg{width:17px;height:17px;flex-basis:17px}

  .site-header{background:rgba(255,255,255,.97)}
  .nav-wrap{width:calc(100% - 24px);height:68px;gap:5px}
  .logo{min-width:0;min-height:50px;margin:0 auto 0 0;padding:6px 8px}
  .logo::before{inset:-8px -8px -3px}
  .logo strong{font-size:29px}
  .logo small{max-width:168px;margin-top:6px;font-size:6.5px;letter-spacing:1.15px}
  .menu-toggle{order:3;margin-left:1px;padding:5px}
  .menu-toggle span{width:25px;margin:5px}
  .nav-pill .main-nav{
    position:absolute;
    z-index:140;
    top:68px;
    left:0;
    right:0;
    max-height:calc(100vh - 86px);
    overflow-y:auto;
    padding:18px;
    gap:15px;
    border:1px solid #e5e8ee;
    border-radius:0 0 15px 15px;
    box-shadow:0 18px 35px rgba(7,26,60,.16);
  }
  .main-nav>a{min-height:44px;display:flex;align-items:center}

  .hero{height:850px}
  .hero__copy{padding-top:24px}
  .hero__art{background-size:auto 35%;background-position:57% bottom}
  .hero::before{width:100%;background:linear-gradient(180deg,#fff 0%,#fff 62%,rgba(255,255,255,.78) 76%,rgba(255,255,255,0) 100%)}
  .hero::after{display:none}
  .eyebrow{font-size:13px}
  .hero__copy h1{margin:18px 0 14px;font-size:38px;line-height:1;letter-spacing:-1.5px}
  .hero__lead{margin-bottom:18px;font-size:16px;line-height:1.4}
  .price-card{min-height:182px;padding:19px 100px 76px 17px;border-radius:13px}
  .price-card small{font-size:12px}
  .price-card strong{font-size:34px;letter-spacing:-1px}
  
  
  
  .price-card__deadline{right:13px;width:74px;min-height:80px}
  .price-card__deadline strong{font-size:33px}
  .hero__actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px;margin-top:12px}
  .hero__actions .button{width:100%;min-height:50px;font-size:14px}

  
  
  
  
  
  
  
  

  .risk-showcase,.hofu-process{padding:42px 0 36px}
  .risk-showcase .risk-eyebrow{gap:9px;margin-bottom:17px;font-size:13px}
  .risk-showcase .risk-eyebrow::before,.risk-showcase .risk-eyebrow::after{width:20px}
  .risk-showcase .showcase-heading,.hofu-process .showcase-heading{margin-bottom:28px}
  .risk-showcase .showcase-heading h2,.hofu-process .showcase-heading h2{font-size:33px;line-height:1.07;letter-spacing:-1px}
  .showcase-heading p,.risk-showcase .showcase-heading p,.hofu-process .showcase-heading p{font-size:15px;line-height:1.45}
  .showcase-grid--risks{gap:10px}
  .showcase-grid--risks .showcase-card{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto 1fr;column-gap:15px;padding:17px;text-align:left}
  .showcase-grid--risks .showcase-number{position:absolute;top:12px;left:12px;margin:0}
  .showcase-grid--risks .showcase-icon{grid-row:1/4;width:76px;height:76px;margin:12px 0 0}
  .showcase-grid--risks .showcase-icon img{width:70px;height:70px}
  .showcase-grid--risks .showcase-card h3{align-self:end;font-size:18px}
  .showcase-grid--risks .showcase-card h3 br{display:block}
  .showcase-grid--risks .showcase-rule{margin:9px 0 10px}
  .showcase-grid--risks .showcase-card p{font-size:13px;line-height:1.42}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  .protection-flow{gap:18px}
  .flow-step{padding:17px 16px;border:1px solid #e3e7ec;border-radius:15px;background:rgba(255,255,255,.92)}
  .flow-icon{width:96px;height:96px}
  .flow-icon .flow-art{width:62px;height:62px}
  .flow-step>span{margin:4px auto 12px}
  .flow-step h3{font-size:20px}
  .flow-step h3 br{display:block}
  .flow-rule{margin:12px auto}
  .flow-step p{font-size:14px;line-height:1.45}
  .flow-step--certificate>small{margin-top:12px}

  .online-office{padding:34px 0 36px}
  .online-office__panel{border-radius:15px}
  .online-office__placeholder{min-height:210px}
  .online-office__placeholder .online-office__mockup{width:calc(100% - 16px);height:calc(100% - 12px);margin:6px 8px}
  .online-office__content{padding:25px 17px 20px}
  .online-office__eyebrow{font-size:13px}
  .online-office__content h2{margin:14px 0 7px;font-size:30px;line-height:1.08}
  .online-office__content h2 br{display:none}
  .online-office__features li{align-items:flex-start;gap:13px;padding:12px 0}
  .online-office__features li>span{width:48px;height:48px;flex-basis:48px}
  .online-office__features li>span svg{width:34px;height:34px}
  .online-office__features strong{font-size:16px}
  .online-office__features p{font-size:13px}
  
  
  
  
  
  
  
  
  
  
  
  
  

  .benefits{padding:44px 0 34px}
  .benefits__heading{margin-bottom:28px}
  .benefits__eyebrow,.faq__eyebrow{gap:9px;font-size:13px}
  .benefits__eyebrow::before,.benefits__eyebrow::after,.faq__eyebrow::before,.faq__eyebrow::after{width:20px}
  .benefits__heading h2,.faq__heading h2{font-size:32px;line-height:1.08;letter-spacing:-.8px}
  .benefits__heading p,.faq__heading p{margin-top:14px;font-size:15px}
  .benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .benefit-card{padding:15px 12px 17px;border-radius:14px}
  .benefit-card img{width:76px;height:72px;margin-bottom:8px}
  .benefit-card h3{min-height:42px;font-size:15px;line-height:1.25}
  .benefit-card h3 br{display:block}
  .benefit-card>i{margin:11px auto}
  .benefit-card p{font-size:12px;line-height:1.4}
  
  
  
  
  
  
  

  .faq{padding:48px 0 38px}
  .faq__heading{margin-bottom:27px}
  .faq-item summary{min-height:62px;padding:13px 40px 13px 50px;font-size:15px}
  .faq-item summary::before{left:10px;width:28px;height:28px;font-size:22px}
  .faq-item summary::after{right:12px;font-size:23px}
  .faq-item p{padding:0 16px 16px 50px;font-size:13px}
  
  
  
  
  

  .consultation__inner{gap:22px;padding-top:34px;padding-bottom:34px}
  .consultation__copy h2{font-size:32px;line-height:1.08}
  .consultation__copy h2 br{display:none}
  
  
  .consultation-form{padding:21px 16px 17px}
  .consultation-form h3{font-size:28px;line-height:1.08}

  .site-footer__main{grid-template-columns:1fr;gap:31px;padding:42px 0 34px}
  .site-footer__brand,.site-footer__column--contact{grid-column:auto}
  .site-footer__column h3{margin-bottom:15px}
  .site-footer__bottom-inner{gap:14px;padding:20px 0}
}

@media(max-width:370px){
  .container{width:calc(100% - 24px)}
  .logo small{display:none}
  .hero__copy h1{font-size:34px}
  .price-card{padding-right:88px}
  .benefits__grid{grid-template-columns:1fr}
  .benefit-card{display:grid;grid-template-columns:70px 1fr;column-gap:12px;text-align:left}
  .benefit-card img{grid-row:1/4;margin:0}
  .benefit-card h3{min-height:0}
  .benefit-card>i{margin:9px 0}
}

/* Quiet contact row and scroll-only navigation shadow */
.trust-bar{
  height:46px;
  color:var(--navy);
  background:#fff;
  background-image:none;
  border-top:0;
  border-bottom:1px solid #e4e7eb;
  animation:none;
}
.trust-bar__inner{height:46px;max-width:1420px;padding:0}
.trust-direct{color:var(--navy);font-size:13px;font-weight:400;white-space:nowrap}
.trust-points{justify-content:flex-end;color:var(--navy);font-size:13px;font-weight:400}
.trust-points span:first-child{display:inline-flex}
.trust-points span{min-height:20px;padding:0 9px}
.trust-points span>svg{display:block;color:var(--navy)}
.trust-points span+span{border-left:0}

.nav-pill{box-shadow:none}
.site-header{box-shadow:none}
.site-header.is-scrolled .nav-pill{box-shadow:0 8px 24px rgba(7,26,60,.13)}

@media(max-width:820px){
  .site-header{box-shadow:none}
  .site-header.is-scrolled{box-shadow:0 5px 16px rgba(7,26,60,.1)}
  .site-header.is-scrolled .nav-pill{box-shadow:none}
  .trust-bar{height:42px}
  .trust-bar__inner{height:42px;min-height:42px;padding:0}
  .trust-direct{display:none}
  .trust-points{justify-content:flex-end;font-size:11px}
  .trust-points span{padding:0 10px}
  .trust-points span:first-child{display:none}
  .trust-points span:nth-child(2),.trust-points span:nth-child(3){display:inline-flex}
  .trust-points span:nth-child(3){border-left:0}
}

@media(max-width:520px){
  .trust-points span:nth-child(3){display:none}
  .trust-points span:nth-child(2){border-left:0}
}

/* Clean four-step registration flow */
.hofu-process{
  padding:68px 0 56px;
  background:#fff;
}
.hofu-process::before{display:none}
.hofu-process .showcase-heading{max-width:1020px;margin-bottom:72px}
.hofu-process .process-eyebrow{margin-bottom:26px}
.hofu-process .showcase-heading h2{color:var(--navy);font-size:58px;line-height:1.08;letter-spacing:-2px}
.hofu-process .showcase-heading p{margin-top:24px;color:#5e6b80;font-size:19px}
.hofu-process .protection-flow{grid-template-columns:repeat(3,minmax(0,1fr) 54px) minmax(0,1fr);align-items:start;margin-bottom:0}
.hofu-process .protection-flow::before{display:block;top:68px;left:7%;right:7%;border-top:1px solid #d7dce4}
.hofu-process .flow-step{position:relative;padding:0;background:transparent;border:0;border-radius:0}
.hofu-process .flow-icon{width:138px;height:138px;margin:0 auto;color:var(--navy);background:radial-gradient(circle,#fff 0,#f6f8fb 72%,rgba(246,248,251,0) 73%);box-shadow:none}
.hofu-process .flow-icon .flow-art{width:92px;height:92px;stroke-width:1.65}
.hofu-process .flow-art--custom{fill:none;stroke:var(--navy);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.hofu-process .flow-art--custom .flow-red{stroke:var(--red)}
.hofu-process .flow-art--custom .flow-red-fill{fill:var(--red);stroke:none;font:700 9px 'PT Sans',Arial,sans-serif}
.hofu-process .flow-art--custom .flow-green{stroke:#65ad5d}
.hofu-process .flow-step>span{position:relative;z-index:2;width:38px;height:38px;margin:-19px auto 22px;color:#fff;background:var(--red);border:4px solid #fff;font-size:13px}
.hofu-process .flow-step h3{min-height:58px;margin:0;color:var(--navy);font-size:21px;line-height:1.25}
.hofu-process .flow-rule{width:36px;margin:15px auto 16px}
.hofu-process .flow-step p{max-width:260px;color:#536174;font-size:14px;line-height:1.5}
.hofu-process .flow-arrow{width:25px;height:25px;margin-top:55px;padding:3px;color:var(--red);background:#fff;stroke-width:3}
.hofu-process .flow-step--cnipa .flow-icon b{position:absolute;top:58px;color:var(--red);font:700 12px/1 'PT Sans',Arial,sans-serif}

.hofu-process .flow-step--certificate .flow-icon::after{display:none!important}
.hofu-process .flow-step:first-child .flow-icon::before{display:none!important;content:none!important}
.process-cta{display:flex;flex-direction:column;align-items:center;margin-top:42px;text-align:center}
.process-cta .button{min-width:350px;min-height:64px;font-family:'PT Sans',Arial,sans-serif;font-size:20px;font-weight:700}
.process-cta p{margin:17px 0 0;color:#536174;font-size:18px;line-height:1.35}
.process-cta strong{color:var(--navy);font-weight:700}

@media(max-width:1100px){
  .hofu-process .showcase-heading h2{font-size:50px}
  .hofu-process .protection-flow{grid-template-columns:repeat(4,1fr);gap:18px}
  .hofu-process .protection-flow::before{display:none}
  .hofu-process .flow-arrow{display:none}
}

@media(max-width:820px){
  .hofu-process{padding:52px 0 44px}
  .hofu-process .showcase-heading{margin-bottom:48px}
  .hofu-process .showcase-heading h2{font-size:41px;letter-spacing:-1.2px}
  .hofu-process .protection-flow{grid-template-columns:repeat(2,1fr);gap:48px 16px}
}

@media(max-width:560px){
  .hofu-process{padding:44px 0 38px}
  .hofu-process .showcase-heading{margin-bottom:38px}
  .hofu-process .process-eyebrow{margin-bottom:18px}
  .hofu-process .showcase-heading h2{font-size:33px;line-height:1.08}
  .hofu-process .showcase-heading h2 br{display:none}
  .hofu-process .showcase-heading p{margin-top:17px;font-size:15px}
  .hofu-process .protection-flow{grid-template-columns:1fr;gap:22px}
  .hofu-process .flow-step{padding:22px 17px 18px;border:1px solid #e3e7ed;border-radius:15px}
  .hofu-process .flow-icon{width:108px;height:108px}
  .hofu-process .flow-icon .flow-art{width:76px;height:76px}
  .process-cta{margin-top:30px}
  .process-cta .button{width:100%;min-width:0;min-height:58px;font-size:18px}
  .process-cta p{margin-top:14px;font-size:16px}
  .hofu-process .flow-step>span{margin:-17px auto 14px}
  .hofu-process .flow-step h3{min-height:0;font-size:20px}
  .hofu-process .flow-step p{font-size:14px}
  
  .hofu-process .flow-step--cnipa .flow-icon b{top:46px}
}

/* Subtle section rhythm and tighter vertical pacing */
.risk-showcase{
  padding-top:54px;
  padding-bottom:44px;
}
.hofu-process{
  padding-top:58px;
  padding-bottom:50px;
  background:#fff;
}
.benefits{
  padding-top:64px;
  padding-bottom:48px;
  background:#fff;
}
.transparent-price{
  padding-top:64px;
  padding-bottom:64px;
}
.online-office{
  padding-top:42px;
  padding-bottom:44px;
  background:#fff;
}
.online-office__panel,
.online-office__placeholder{
  background:transparent;
}
.faq{
  padding-top:68px;
  padding-bottom:60px;
  background:#fff;
}

@media(max-width:820px){
  .risk-showcase{padding:46px 0 40px}
  .hofu-process{padding:48px 0 42px}
  .benefits{padding:50px 0 40px}
  .transparent-price{padding:52px 0}
  .online-office{padding:38px 0 40px}
  .faq{padding:54px 0 46px}
}

@media(max-width:560px){
  .risk-showcase{padding:38px 0 34px}
  .hofu-process{padding:40px 0 36px}
  .benefits{padding:42px 0 34px}
  .transparent-price{padding:44px 0}
  .online-office{padding:32px 0 34px}
  .faq{padding:44px 0 38px}
}




















/* Light HOFU footer with a dark proof bar */
.site-footer{color:#4f5b6e;background:#fff}
.site-footer__body{background:#fff;border-top:1px solid #edf0f4}
.site-footer__main{grid-template-columns:1.35fr repeat(3,1fr);gap:0;padding:64px 0 58px}
.site-footer__brand{padding-right:46px}
.site-footer__brand .footer-logo{color:var(--navy)}
.site-footer__brand p{max-width:335px;color:#596579;font-size:16px;line-height:1.55}
.site-footer__column{padding:0 34px;border-left:1px solid #e5e8ed}
.site-footer__column h3{margin-bottom:23px;color:var(--navy);font-size:15px;letter-spacing:.03em;text-transform:none}
.site-footer__column nav{gap:14px}
.site-footer__column nav a{color:#586274;font-size:15px}
.site-footer__column nav a:hover{color:var(--red)}
.site-footer__contact a{color:var(--navy)}
.site-footer__contact small{color:#7c8798}
.site-footer__socials{display:flex;gap:10px;margin-top:26px}
.site-footer__socials a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f5f6f8;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.site-footer__socials img,.site-footer__socials svg{width:23px;height:23px;object-fit:contain}
.site-footer__socials a:nth-child(3) img{padding:4px;border-radius:50%;background:#2fc65a}
.site-footer__socials a:nth-child(4){color:var(--red)}
.site-footer__socials a:hover{transform:translateY(-3px);background:#fff;box-shadow:0 9px 22px rgba(7,26,60,.1)}
.site-footer__bottom{color:#fff;background:linear-gradient(110deg,#071b3d,#0b2d4f);border:0}







@media(max-width:1100px){
  .site-footer__main{grid-template-columns:1.3fr repeat(2,1fr);gap:38px 0}
  .site-footer__brand{grid-column:1/-1;padding-right:0}
  .site-footer__brand p{max-width:560px}
  .site-footer__column:nth-of-type(4),.site-footer__column:nth-of-type(5){margin-top:4px}
  
}

@media(max-width:680px){
  .site-footer__main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 0;padding:46px 0 40px}
  .site-footer__brand{grid-column:1/-1;min-width:0}
  .site-footer__column{min-width:0;padding:0 18px}
  .site-footer__column nav a{width:auto;overflow-wrap:anywhere}
  .site-footer__column:nth-of-type(even){border-left:0;padding-left:0}
  .site-footer__column--contact{grid-column:1/-1;padding-top:24px!important;border-top:1px solid #e5e8ed;border-left:0}
  
}

/* Compact reference-style footer */
.site-footer__main{grid-template-columns:1.15fr 1fr .9fr 1fr;gap:70px;padding:58px 0 52px}
.site-footer__brand{padding:0}
.site-footer__brand .footer-logo{font-size:44px}
.site-footer__brand p{margin-top:18px;color:#43516a;font-size:16px;line-height:1.5}
.site-footer__column{padding:0;border:0}
.site-footer__column h3{margin-bottom:27px;font-size:17px;font-weight:700}
.site-footer__column nav{gap:19px}
.site-footer__column nav a{color:#526078;font-size:16px}
.site-footer__contact{gap:18px}
.site-footer__phones{display:grid;gap:8px}
.site-footer__contact a{display:block;color:#34445e;font-size:17px}
.site-footer__contact .site-footer__phone{color:var(--red);font-size:19px}
.site-footer__contact small{margin-top:7px;color:#536078;font-size:14px}
.site-footer__socials{gap:12px;margin:0}
.site-footer__contact .site-footer__socials a{width:45px;height:45px;display:grid;place-items:center;padding:0;border:1px solid #dce2ea;border-radius:50%;background:#fff;box-shadow:none}
.site-footer__contact .site-footer__socials img{width:26px;height:26px;display:block;padding:0;border-radius:0;background:transparent;object-fit:contain}
.site-footer__contact .site-footer__socials a:first-child img{width:25px;height:25px;border-radius:7px}
.site-footer__socials a:hover{background:#f7f9fb;box-shadow:none}
.site-footer__bottom{background:linear-gradient(110deg,#071b3d,#08264a)}
.site-footer__bottom-inner{min-height:96px;color:#c7d0dd;font-size:14px}
.site-footer__bottom-inner>p{margin:0}
.site-footer__legal{gap:54px}
.site-footer__legal a{color:#c7d0dd}
@media(max-width:1100px){
  .site-footer__main{grid-template-columns:1fr 1fr;gap:44px 60px}
  .site-footer__brand{grid-column:auto}
}
@media(max-width:680px){
  .site-footer__main{grid-template-columns:1fr;gap:36px;padding:44px 0 38px}
  .site-footer__column--contact{grid-column:auto;padding-top:0!important;border-top:0}
  .site-footer__bottom-inner{align-items:flex-start;gap:18px;padding:25px 0}
  .site-footer__legal{gap:12px 24px}
}

@media(max-width:560px){
  .price-card{width:100%;max-width:100%;box-sizing:border-box}
  .price-card__content{min-width:0}
  
}

/* Expanded dark footer on the home page */
.site-footer--home{color:#c8d2e2;background:#06162f}
.site-footer--home .site-footer__body{border:0;background:radial-gradient(circle at 50% 10%,#0c2b52 0,#071a36 45%,#05142c 100%)}
.site-footer--home .site-footer__main{display:grid;grid-template-columns:1.25fr .82fr .78fr 1.05fr 1.12fr;gap:54px;padding:74px 0 66px}
.site-footer--home .site-footer__brand{padding:0}
.site-footer--home .site-footer__brand .footer-logo{color:#fff;font-size:42px;letter-spacing:.045em}
.site-footer--home .site-footer__brand>p{margin:17px 0 0;color:#bdc8d9;font-size:15px;line-height:1.55}
.site-footer--home .site-footer__brand .site-footer__promise{margin-top:24px;color:#aebbd0}
.site-footer--home .site-footer__column{padding:0;border:0}
.site-footer--home .site-footer__column h3{margin:0 0 26px;color:#ff554b;font-size:17px;font-weight:800;letter-spacing:0;text-transform:none}
.site-footer--home .site-footer__column nav{gap:17px}
.site-footer--home .site-footer__column nav a{color:#edf2f8;font-size:15px}
.site-footer--home .site-footer__column nav a:hover{color:#ff6259}
.site-footer--home .site-footer__socials{display:flex;gap:10px;margin-top:25px}
.site-footer--home .site-footer__socials a,.site-footer--home .site-footer__contact .site-footer__socials a{display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#102b50}
.site-footer--home .site-footer__socials img,.site-footer--home .site-footer__socials svg{width:22px;height:22px;color:#fff;padding:0;background:transparent}
.site-footer--home .site-footer__socials a:nth-child(3){background:#d91d2a}.site-footer--home .site-footer__socials a:nth-child(4){background:#102b50}
.site-footer--home .footer-payment{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;margin-bottom:22px}
.site-footer--home .footer-payment>span{display:grid;width:58px;height:42px;place-items:center}
.site-footer--home .footer-payment p{display:grid;gap:4px;margin:0}.site-footer--home .footer-payment strong{color:#fff;font-size:15px}.site-footer--home .footer-payment small{color:#99a8be;font-size:12px;line-height:1.35}
.site-footer--home .footer-payment__sbp{background:none}.site-footer--home .footer-payment__sbp img{display:block;width:58px;height:42px;object-fit:contain}
.site-footer--home .footer-payment__visa{background:none}.site-footer--home .footer-payment__visa img{display:block;width:58px;height:42px;object-fit:contain}
.site-footer--home .footer-payment__master{display:flex!important;justify-content:center}.site-footer--home .footer-payment__master i{width:31px;height:31px;border-radius:50%;background:#ed1b2f}.site-footer--home .footer-payment__master i+i{margin-left:-10px;background:#f5a623;opacity:.95}
.site-footer--home .footer-payment__invoice svg{width:43px;height:43px;color:#fff;stroke-width:1.4}
.site-footer--home .site-footer__contact{display:grid;gap:20px}
.site-footer--home .footer-contact-row{display:grid;grid-template-columns:28px 1fr;gap:13px;align-items:start}.site-footer--home .footer-contact-row>svg{width:24px;height:24px;color:#fff;stroke-width:1.8}.site-footer--home .footer-contact-row p{display:grid;gap:5px;margin:0}
.site-footer--home .site-footer__contact .footer-contact-row a{color:#fff;font-size:16px;font-weight:700}.site-footer--home .footer-contact-row small{color:#a7b4c8;font-size:12px}
.site-footer--home .site-footer__contact .site-footer__write{display:flex;min-height:52px;align-items:center;justify-content:center;gap:11px;padding:0 20px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ff5148,#ef2824);font-size:16px;font-weight:800}.site-footer--home .site-footer__write svg{width:22px;height:22px}
.site-footer--home .site-footer__schedule{margin:0;color:#a8b5c8;font-size:16px;line-height:1.55}
.site-footer--home .site-footer__bottom{border-top:1px solid rgba(190,208,233,.25);background:#06162f}
.site-footer--home .site-footer__bottom-inner{display:grid;grid-template-columns:1fr 1.5fr 1.15fr;min-height:112px;align-items:center;gap:34px;color:#b2bfd2;font-size:13px}
.site-footer--home .site-footer__bottom-inner>p{display:grid;gap:5px}.site-footer--home .site-footer__bottom-inner small{display:block;color:#7f90a9;font-size:12px}
.site-footer--home .site-footer__legal{justify-content:center;gap:42px}.site-footer--home .site-footer__legal a{color:#c6d0df}
.site-footer--home .site-footer__locale{display:flex;align-items:center;justify-content:flex-end;gap:24px}.site-footer--home .site-footer__locale>span{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700}.site-footer--home .site-footer__locale>span b{font-weight:700;line-height:1}.site-footer--home .site-footer__locale>span svg{width:22px;height:22px}.site-footer--home .site-footer__locale>span .site-footer__locale-chevron{width:15px;height:15px;margin-left:-5px;stroke-width:2.2}.site-footer--home .site-footer__locale p{margin:0;padding-left:23px;border-left:1px solid rgba(255,255,255,.2);color:#e2e8f1;font-size:15px}.site-footer--home .site-footer__locale p small{margin-top:5px}
@media(max-width:1180px){.site-footer--home .site-footer__main{grid-template-columns:1.2fr repeat(2,1fr);gap:48px}.site-footer--home .site-footer__brand{grid-row:span 2}.site-footer--home .site-footer__bottom-inner{grid-template-columns:1fr 1fr}.site-footer--home .site-footer__locale{grid-column:1/-1;justify-content:flex-start;padding-bottom:25px}}
@media(max-width:760px){.site-footer--home .site-footer__main{grid-template-columns:1fr 1fr;gap:42px 28px;padding:54px 0 48px}.site-footer--home .site-footer__brand{grid-column:1/-1;grid-row:auto}.site-footer--home .site-footer__payments,.site-footer--home .site-footer__column--contact{grid-column:1/-1}.site-footer--home .site-footer__bottom-inner{grid-template-columns:1fr;gap:22px;padding:28px 0}.site-footer--home .site-footer__legal{justify-content:flex-start;flex-wrap:wrap;gap:12px 22px}.site-footer--home .site-footer__locale{grid-column:auto;padding:0;align-items:flex-start;flex-direction:column;gap:14px}.site-footer--home .site-footer__locale p{padding:0;border:0}}
@media(max-width:480px){.site-footer--home .site-footer__main{grid-template-columns:1fr}.site-footer--home .site-footer__payments,.site-footer--home .site-footer__column--contact{grid-column:auto}}

/* Unified warm gradient for primary accent surfaces */
.monthly-offer,
.button--nav,
.button--primary,
.hero__actions .button--primary,
.hero__actions .button--primary:hover,
.process-cta .button--primary,
.process-cta .button--primary:hover,
.transparent-price__expires,
.transparent-price__card .transparent-price__button,
.transparent-price__card .transparent-price__button:hover{
  background:var(--accent-gradient);
}
.button--primary:hover,
.hero__actions .button--primary:hover,
.process-cta .button--primary:hover,
.transparent-price__card .transparent-price__button:hover{
  filter:brightness(1.04) saturate(1.04);
}
.process-cta .button--primary,
.process-cta .button--primary:hover{
  background:var(--red);
}
.transparent-price__included summary span svg{
  color:#ff5964;
  stroke:url(#accent-stroke);
}
.transparent-price__included summary>svg{
  background:var(--accent-gradient);
}
.consultation-form label>svg:first-of-type,
.consultation-form__select>svg:last-child{
  color:#ff5964;
  stroke:url(#accent-stroke);
}

.logo strong span{
  color:transparent;
  background-image:var(--accent-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.eyebrow{
  color:#ff5964;
  border-color:transparent;
  background:linear-gradient(#fff,#fff) padding-box,var(--accent-gradient) border-box;
}
.eyebrow__label{
  color:transparent;
  background-image:var(--accent-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.eyebrow span svg{color:#ff5964;stroke:url(#accent-stroke)}


.monthly-offer{
  --gradient-strong:linear-gradient(110deg,#132d63 0%,#334a9a 48%,#7154b3 100%);
  background:var(--gradient-strong);
}
.monthly-offer a,.monthly-offer button{color:#3f438f}
.hero__copy h1 em{
  color:transparent;
  background-image:var(--accent-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
@media(min-width:821px){
  .hero__copy h1{font-size:59px}
}

/* First screen: solid reference red, no gradients */
:root{--hero-red:#e30613}
.logo strong span,
.hero__copy h1 em{
  color:var(--hero-red);
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
}
.eyebrow{
  color:var(--hero-red);
  border-color:var(--hero-red);
  background:#fff;
}
.eyebrow__label{
  color:var(--hero-red);
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
}
.eyebrow--coverage{
  color:var(--navy);
  border:1px solid #cbd3df;
  border-radius:9px;
  padding-left:10px;
  background:transparent;
  font-weight:400;
  text-transform:none;
}
.eyebrow--coverage .eyebrow__label{
  color:var(--navy);
  font-weight:400;
  white-space:nowrap;
}
.eyebrow--coverage .eyebrow__label em{
  color:var(--hero-red);
  font-style:normal;
  font-weight:700;
}
.eyebrow--coverage span svg{
  color:var(--hero-red);
  stroke:currentColor;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
.eyebrow--coverage span{
  border:0;
  background:transparent;
  box-shadow:none;
}
.eyebrow span svg{
  color:#fff;
  stroke:currentColor;
  padding:3px;
  background:var(--hero-red);
  border-radius:50%;
}
.eyebrow--coverage span,
.eyebrow--coverage span svg{
  color:var(--hero-red);
  stroke:currentColor;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}







.button--nav,
.hero__actions .button--primary,
.hero__actions .button--primary:hover,
.price-card__deadline{
  background:var(--hero-red);
  filter:none;
}
.mobile-menu-backdrop,.mobile-drawer{display:none}
.hero__mobile-herman{display:none}
.mobile-line-break{display:none}

/* Mobile hero composition matched to the approved reference */
@media(max-width:620px){
  .monthly-offer__inner{min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 0}
  .monthly-offer__label{display:block;padding:6px 12px;font-size:12px}
  .monthly-offer p{font-size:15px;line-height:1.2}
  .monthly-offer a,.monthly-offer button{display:none}
  .trust-bar{display:none}

  .nav-wrap{width:calc(100% - 36px);height:112px}
  .logo{padding:0;background:transparent;box-shadow:none}
  .logo::before{display:none}
  .logo strong{font-size:38px;letter-spacing:1.5px}
  .logo small{display:block;max-width:none;margin-top:8px;font-size:8px;letter-spacing:1.7px}
  .menu-toggle{position:relative;z-index:151;width:52px;height:52px;flex:0 0 52px;display:grid;place-content:center;margin:0 0 0 auto;padding:0;border-radius:10px;background:var(--navy);box-shadow:none}
  .menu-toggle span{width:27px;height:2.5px;margin:4px;border-radius:2px;background:#fff}
  body.mobile-menu-open{overflow:hidden}
  .mobile-menu-backdrop{position:fixed;z-index:300;inset:0;display:block;visibility:hidden;opacity:0;background:rgba(4,18,43,.72);transition:opacity .25s,visibility .25s}
  .mobile-menu-backdrop.is-open{visibility:visible;opacity:1}
  .mobile-drawer{position:fixed;z-index:301;inset:0 auto 0 0;width:min(82vw,345px);display:flex;flex-direction:column;visibility:hidden;transform:translateX(-102%);background:#fff;box-shadow:18px 0 45px rgba(4,18,43,.18);transition:transform .28s ease,visibility .28s}
  .mobile-drawer.is-open{visibility:visible;transform:translateX(0)}
  .mobile-drawer__header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-bottom:1px solid #e2e6ed}
  .mobile-drawer__logo strong{display:block;color:var(--navy);font:700 34px/.95 'PT Sans',Arial,sans-serif;letter-spacing:1px}
  .mobile-drawer__logo strong span{color:var(--hero-red)}
  .mobile-drawer__logo small{display:block;margin-top:8px;color:var(--navy);font-size:7px;font-weight:700;letter-spacing:1.25px}
  .mobile-drawer__close{width:42px;height:42px;display:grid;place-items:center;padding:0;color:var(--navy);border:0;background:#fff;cursor:pointer}
  .mobile-drawer__close svg{width:29px;height:29px;stroke-width:2.2}
  .mobile-drawer__nav{padding:12px 26px}
  .mobile-drawer__nav>a,.mobile-drawer__nav summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--navy);border-bottom:1px solid #e1e6ed;font-size:18px;font-weight:700;list-style:none;cursor:pointer}
  .mobile-drawer__nav summary::-webkit-details-marker{display:none}
  .mobile-drawer__nav svg{width:20px;height:20px;stroke-width:2.3}
  .mobile-drawer__nav details[open] summary svg{transform:rotate(180deg)}
  .mobile-drawer__nav details>div{display:grid;gap:0;margin:3px 0 12px;padding:8px 15px;background:#f5f7fb;border-radius:11px}
  .mobile-drawer__nav details>div a{padding:12px 0;color:#1a2b49;font-size:15px;line-height:1.3}
  .mobile-drawer__footer{display:grid;gap:13px;margin-top:auto;padding:20px 26px 28px}
  .mobile-drawer__footer>a{display:flex;align-items:center;gap:13px;color:var(--navy);font-size:16px;font-weight:700}
  .mobile-drawer__footer>a>svg{width:20px;height:20px}
  .mobile-drawer__footer .mobile-drawer__primary{min-height:54px;justify-content:center;border-radius:9px}
  .mobile-drawer__footer .mobile-drawer__primary{margin-top:6px;color:#fff;background:var(--hero-red)}
  

  .hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:0 0 42px;overflow:hidden;background:#fff}
  .hero__art{inset:0 auto auto 0;width:100%;height:850px;background-color:#fff;background-size:auto 600px;background-position:15% 35%}
  .hero::before{height:850px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 40%,rgba(255,255,255,.28) 67%,rgba(255,255,255,0) 100%)}
  .hero__mobile-herman{position:absolute;z-index:1;top:95px;right:0;width:255px;height:520px;display:block;overflow:hidden;pointer-events:none}
  .hero__mobile-herman img{position:absolute;top:0;left:0;width:380px;height:380px;max-width:none;object-fit:contain;object-position:left top}
  .hero__inner{order:1;height:auto;min-height:0;padding-top:28px}
  .hero__copy{width:100%;padding:0}
  .eyebrow{min-height:42px;padding:7px 13px;font-size:14px;gap:9px}
  .eyebrow span,.eyebrow span svg{width:24px;height:24px;flex-basis:24px}
  .eyebrow--coverage{max-width:100%;padding-left:9px;font-size:13px;line-height:1.25}
  .eyebrow--coverage .eyebrow__label{white-space:normal}
  .hero__copy h1{max-width:330px;margin:24px 0 18px;font-size:43px;line-height:.98;letter-spacing:-1.7px}
  .hero__copy h1>span{white-space:normal}
  .hero h1,.hero h2,.price-card small{white-space:normal;overflow-wrap:break-word;word-break:normal}
  .mobile-line-break{display:block}
  .hero__lead{width:220px;max-width:220px;margin:0;font-size:17px;line-height:1.45}

  .price-card{width:100%;min-height:238px;margin-top:80px;padding:22px 104px 91px 20px;border:1px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 13px 30px rgba(7,26,60,.18)}
  .price-card small{font-size:14px;line-height:1.25}
  .price-card strong{margin-top:12px;font-size:49px;letter-spacing:-1.5px}
  .price-card__deadline{top:18px;right:18px;width:86px;min-height:108px;padding-bottom:8px;border-radius:13px}
  .price-card__deadline small{padding-top:12px;font-size:10px}
  .price-card__deadline strong{font-size:37px}
  .price-card__deadline span{font-size:11px}
  
  
  

  .hero__actions{gap:10px;margin-top:12px}
  .hero__actions .button{min-height:58px;border-radius:9px;font-size:17px}
  .hero__actions .button--outline{border-color:#9aa5b5;background:rgba(255,255,255,.94)}
  
  

  
  
  
  
  
  
  
}

@media(max-width:380px){
  .hero__copy h1{font-size:39px}
  .price-card{margin-top:70px;padding-right:94px}
  .price-card strong{font-size:44px}
  
  
  .hero__mobile-herman{top:105px;width:238px;height:485px}
  .hero__mobile-herman img{width:360px;height:360px}
}

/* Coverage line in the hero */
.eyebrow--coverage{
  width:max-content;
  min-height:0;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0;
  color:var(--navy);
  border:0;
  border-radius:0;
  background:transparent;
}
.eyebrow--coverage::before{display:none}
.eyebrow--coverage span{
  position:static;
  width:28px;
  height:28px;
  flex:0 0 28px;
  color:var(--navy);
}
.eyebrow--coverage span svg{
  width:28px;
  height:28px;
  color:var(--navy);
  stroke:currentColor;
  stroke-width:2;
}
.eyebrow--coverage .eyebrow__label{
  color:var(--navy);
  font-size:17px;
  font-weight:400;
  white-space:nowrap;
}
.eyebrow--coverage .eyebrow__label b{
  color:var(--hero-red);
  font-weight:700;
}
@media(max-width:620px){
  .eyebrow--coverage{gap:9px}
  .eyebrow--coverage span,
  .eyebrow--coverage span svg{width:24px;height:24px;flex-basis:24px}
  .eyebrow--coverage .eyebrow__label{font-size:13px;white-space:normal}
}

/* Neutral header actions */
.nav-pill .button--nav,
.nav-pill .button--nav:hover{
  color:#fff;
  background:#414854;
}

/* Quick consultation modal */
body.quick-consult-open{overflow:hidden}
.quick-consult{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
.quick-consult.is-open{visibility:visible;opacity:1}
.quick-consult__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(7,26,60,.66);cursor:pointer}
.quick-consult__dialog{position:relative;z-index:1;width:min(580px,100%);overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(7,26,60,.28);transform:translateY(12px) scale(.98);transition:transform .22s ease}
.quick-consult.is-open .quick-consult__dialog{transform:none}
.quick-consult__close{position:absolute;z-index:2;top:22px;right:22px;width:38px;height:38px;display:grid;place-items:center;padding:0;color:#fff;border:0;background:transparent;cursor:pointer}
.quick-consult__close svg{width:34px;height:34px;stroke-width:1.8}
.quick-consult__header{padding:48px 44px 34px;color:#fff;text-align:center;background:var(--navy)}
.quick-consult__header>svg{width:68px;height:68px;color:var(--hero-red);stroke-width:1.8}
.quick-consult__header h2{margin:12px 0 5px;font-size:38px;line-height:1.1;letter-spacing:-1px}
.quick-consult__header p{margin:0;font-size:23px}
.quick-consult__form{display:grid;gap:17px;padding:31px 44px 27px}
.quick-consult__form label{height:66px;display:flex;align-items:center;gap:17px;padding:0 22px;border:1.5px solid #cfd6e1;border-radius:10px}
.quick-consult__form label:focus-within{border-color:var(--hero-red);box-shadow:0 0 0 3px rgba(227,6,19,.08)}
.quick-consult__form label>svg{width:27px;height:27px;flex:0 0 27px;color:var(--hero-red);stroke-width:1.8}
.quick-consult__form input{width:100%;height:100%;padding:0;color:var(--navy);border:0;outline:0;background:transparent;font-size:20px}
.quick-consult__form input::placeholder{color:#8a94a5}
.quick-consult__form>button{height:64px;color:#fff;border:0;border-radius:9px;background:var(--hero-red);font-size:21px;font-weight:700;cursor:pointer}
.consultation-form button.is-loading,.quick-consult__form>button.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:wait;opacity:.86}
.consultation-form button.is-loading::before,.quick-consult__form>button.is-loading::before{content:"";width:18px;height:18px;flex:0 0 18px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:submit-spin .7s linear infinite}
@keyframes submit-spin{to{transform:rotate(360deg)}}
.quick-consult__form>p{margin:2px 0 0;text-align:center;font-size:13px}.quick-consult__form>p a{color:#1355be}
.quick-consult__success{display:none;padding:15px;color:#176d35;background:#eaf8ef;border-radius:9px;text-align:center;font-weight:700}
.quick-consult__form.is-sent label,.quick-consult__form.is-sent>button{display:none}.quick-consult__form.is-sent .quick-consult__success{display:block}
@media(max-width:620px){
  .quick-consult{padding:14px}
  .quick-consult__dialog{border-radius:15px}
  .quick-consult__header{padding:40px 20px 25px}
  .quick-consult__header>svg{width:54px;height:54px}
  .quick-consult__header h2{font-size:29px}
  .quick-consult__header p{font-size:18px}
  .quick-consult__form{padding:23px 18px 21px}
  .quick-consult__form label{height:58px;padding:0 17px}
  .quick-consult__form input{font-size:17px}
  .quick-consult__form>button{height:58px;font-size:18px}
}

/* Two detailed hero actions */
.hero__actions{width:610px;display:grid;grid-template-columns:1fr 1.08fr;gap:12px;margin-top:14px}
.hero__actions .hero-action{
  position:relative;
  width:100%;
  min-width:0;
  flex:none;
  min-height:74px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:10px 15px;
  border-radius:10px;
  text-align:left;
  transform:none;
  box-shadow:none;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;
}
.hero__actions .hero-action svg{animation:none}
.hero__actions .hero-action:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(7,26,60,.13)}
.hero-action>span{min-width:0;display:grid;justify-items:center;gap:4px;text-align:center}
.hero-action strong{font-size:20px;line-height:1.15;white-space:nowrap}
.hero-action small{font-size:18px;font-weight:500;line-height:1.15;white-space:nowrap}


.hero__actions .hero-action.button--primary{color:#fff;background:var(--hero-red)}
.hero__actions .hero-action.button--primary:hover{background:#cf0712}
.hero__actions .hero-action.button--outline{color:var(--navy);border:1.5px solid #7f8999;background:rgba(255,255,255,.96)}
.hero__actions .hero-action.button--outline:hover{background:#f3f4f6;border-color:#687487}
.hero__actions .hero-action.button--outline small{color:var(--hero-red);font-weight:700}
.hero__actions .hero-action.button--outline small{font-size:16px}
.hero__actions .hero-action.button--outline{grid-template-columns:minmax(0,1fr);gap:7px;padding-right:15px;padding-left:15px}

@media(max-width:620px){
  .hero__actions{display:grid;width:100%;grid-template-columns:1fr;gap:9px}
  .hero__actions .hero-action{width:100%;min-height:76px;grid-template-columns:minmax(0,1fr);padding:10px 15px}
  .hero__actions .hero-action.button--outline{grid-template-columns:minmax(0,1fr);padding-right:15px}
  
  .hero-action strong{font-size:17px}.hero-action small{font-size:14px}
}

/* Final price-card override */
.hero .price-card{width:510px;min-height:150px;display:block;position:relative;overflow:visible;margin:0;padding:29px 178px 22px 0;color:var(--navy);border:0;border-radius:0;background:transparent;box-shadow:none}
.hero .price-card__content{display:block;padding:0}
.hero .price-card__content small{display:block;color:var(--navy);font-size:17px;font-weight:700;line-height:1.2;text-transform:none}
.hero .price-card__content strong{display:block;margin:12px 0 0;color:var(--navy);font-size:61px;line-height:.95;letter-spacing:-2px}
.hero .price-card__deadline{position:absolute;top:5px;right:22px;width:142px;min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;color:#fff;border-radius:51% 49% 47% 53% / 48% 52% 49% 51%;background:linear-gradient(145deg,#f13a2d,#e52517);box-shadow:0 10px 22px rgba(54,35,26,.22);transform:rotate(2deg)}
.hero .price-card__deadline::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.22;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.65),transparent 28%),radial-gradient(circle at 68% 70%,rgba(118,0,0,.28),transparent 35%)}
.hero .price-card__deadline small,.hero .price-card__deadline strong{position:relative;z-index:1;color:#fff;text-align:center;text-transform:uppercase}
.hero .price-card__deadline small{padding:0;font-size:15px;font-weight:500;line-height:1.1}
.hero .price-card__deadline strong{margin:10px 0 0;font-size:28px;line-height:1;font-weight:500;letter-spacing:-.5px}
@media(max-width:620px){
  .hero .price-card{width:100%;min-height:126px;padding:24px 126px 18px 0}
  .hero .price-card__content small{font-size:14px}.hero .price-card__content strong{margin-top:10px;font-size:45px}
  .hero .price-card__deadline{top:7px;right:5px;width:112px;min-height:112px}
  .hero .price-card__deadline small{font-size:12px}.hero .price-card__deadline strong{font-size:22px}
}
@media(min-width:621px){
  .hero .price-card{margin-top:-20px}
  .hero .price-card__content{transform:translateY(-8px)}
  .hero .price-card__deadline{top:-8px}
  .hero__actions{margin-top:0}
}

.hero img.price-card__deadline{
  position:absolute;
  top:-18px;
  right:8px;
  width:164px;
  height:164px;
  min-height:0;
  display:block;
  padding:0;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  transform:none;
}
@media(max-width:620px){
  .hero img.price-card__deadline{top:-2px;right:-2px;width:124px;height:124px}
}
@media(min-width:621px){
  .hero__copy{position:relative}
  .hero__lead{width:570px;max-width:570px}
  .hero .price-card{position:relative}
  .hero img.price-card__deadline{
    top:-18px;
    right:30px;
  }
}

















/* Flat company card supplied as a finished vector */
.company-hofu-card{
  position:absolute;
  z-index:3;
  top:28px;
  right:18px;
  width:min(360px,27vw);
  height:auto;
  display:block;
}
@media(max-width:1100px){
  .company-hofu-card{display:none}
}
@media(max-width:620px){
  .company-hofu-card{
    position:relative;
    z-index:4;
    order:2;
    top:auto;
    right:auto;
    width:calc(100% - 28px);
    display:block;
    margin:18px auto 0;
  }
}

/* Primary registration actions */
.nav-pill .button--nav,
.nav-pill .button--nav:hover,
.mobile-drawer__footer .mobile-drawer__primary,
.mobile-drawer__footer .mobile-drawer__primary:hover,
.hero__actions .button--primary,
.hero__actions .button--primary:hover{
  color:#fff;
  background:linear-gradient(135deg,#f7443e 0%,#ed251a 50%,#d9150a 100%);
}
.nav-pill .button--nav,
.nav-pill .button--nav:hover,
.mobile-drawer__footer .mobile-drawer__primary,
.mobile-drawer__footer .mobile-drawer__primary:hover{
  color:#fff;
  background-color:#ed251a!important;
  background-image:linear-gradient(135deg,#f7443e 0%,#ed251a 50%,#d9150a 100%)!important;
}
.hero__actions .hero-action.button--primary,
.hero__actions .hero-action.button--primary:hover{
  background-color:#ed251a!important;
  background-image:linear-gradient(135deg,#f7443e 0%,#ed251a 50%,#d9150a 100%)!important;
}

@media(min-width:1101px){
  .company-hofu-card{width:min(346px,26vw)}
}
@media(min-width:621px){
  .hero img.price-card__deadline{
    top:-8px;
    right:48px;
    width:142px;
    height:142px;
  }
  .hero__actions{margin-top:-8px}
}

/* Registration reasons: animated fan of cards */
.registration-reasons{position:relative;overflow:hidden;padding:72px 0 54px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}




















@media(max-width:820px){
  .registration-reasons{padding:50px 0 42px}
  
  
  
  
  
  
  
}

/* Risk heading matched to the supplied composition */
.risk-showcase .showcase-heading{max-width:1080px;margin-bottom:46px}
.risk-showcase .risk-eyebrow{gap:24px;margin-bottom:24px;color:#ed161c;font-size:17px;font-weight:800;letter-spacing:.045em}
.risk-showcase .risk-eyebrow::before,
.risk-showcase .risk-eyebrow::after{width:58px;height:3px;background:#ed161c}
.risk-showcase .showcase-heading h2{margin:0;color:var(--navy);font-size:62px;line-height:1.04;letter-spacing:-2.7px}
.risk-showcase .showcase-heading h2 em{color:#ed1118}
.risk-showcase .showcase-heading p{margin-top:30px;color:#626a79;font-size:21px;line-height:1.5}
@media(max-width:820px){
  .risk-showcase .showcase-heading h2{font-size:43px;letter-spacing:-1.5px}
  .risk-showcase .risk-eyebrow{gap:14px;font-size:14px}
  .risk-showcase .risk-eyebrow::before,.risk-showcase .risk-eyebrow::after{width:34px;height:2px}
}
@media(max-width:560px){
  .risk-showcase .showcase-heading h2{font-size:35px;letter-spacing:-1px}
  .risk-showcase .showcase-heading p{margin-top:18px;font-size:16px}
}









/* Risk deck replacement */
.risk-showcase{padding:62px 0 42px;background:#f8fbff url('assets/optimized/risk-section-bg-1280.webp') center top/cover no-repeat}




















@media(max-width:620px){
  .risk-showcase{padding:44px 0 36px}
  
  
  
  
  
  
  
  
}









/* Knowledge cards replacing the animated risk deck */
.registration-reasons--risk-deck{padding:62px 0 54px;background:#fff}
.knowledge-deck__header{max-width:1120px;margin:0 auto;text-align:center}
.knowledge-deck__header>span{display:flex;align-items:center;justify-content:center;gap:24px;color:#ed161c;font-size:17px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.knowledge-deck__header>span::before,.knowledge-deck__header>span::after{content:"";width:72px;height:3px;border-radius:3px;background:#ed161c}
.knowledge-deck__header h2{margin:25px 0 24px;color:var(--navy);font:700 56px/1.04 'PT Sans',Arial,sans-serif;letter-spacing:-2px}
.knowledge-deck__header h2 em{color:#ed1118;font-style:normal}
.knowledge-deck__header p{margin:0;color:#626a79;font-size:20px;line-height:1.5}
.knowledge-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px;padding:0 8px 12px;perspective:1100px}
.knowledge-card{position:relative;min-width:0;min-height:500px;display:flex;flex-direction:column;padding:18px 20px 22px;border:1px solid #dce3ec;border-radius:17px;background:#fff;box-shadow:0 15px 34px rgba(15,37,68,.11);opacity:.5;transform:translate3d(var(--deck-x),110px,0) rotate(var(--deck-angle)) scale(.94);transition:transform .58s cubic-bezier(.22,.8,.25,1),opacity .4s,box-shadow .22s,filter .22s;transition-delay:calc(var(--deck-index)*80ms)}
.registration-reasons--risk-deck.is-visible .knowledge-card{opacity:1;transform:translate3d(0,0,0) rotate(-1.4deg) scale(1)}
.registration-reasons--risk-deck.is-visible .knowledge-card:nth-child(2){transform:translateY(-8px) rotate(.4deg)}
.registration-reasons--risk-deck.is-visible .knowledge-card:nth-child(3){transform:translateY(-4px) rotate(.9deg)}
.registration-reasons--risk-deck.is-visible .knowledge-card:nth-child(4){transform:rotate(1.8deg)}
.knowledge-card__visual{height:205px;display:grid;place-items:center;margin:-2px -3px 17px;border-radius:14px;background:none}
.knowledge-card__visual img{width:92%;height:92%;object-fit:contain}
.knowledge-card__meta{display:flex;align-items:center;gap:11px;margin-bottom:17px;color:#273957;font-size:13px}
.knowledge-card__meta b{width:34px;height:30px;display:grid;place-items:center;color:#fff;border-radius:5px;background:linear-gradient(135deg,#ff655e,#ef2a22);font-size:14px}
.knowledge-card h3{margin:0;color:var(--navy);font:700 20px/1.22 'PT Sans',Arial,sans-serif}
.knowledge-card>p{margin:14px 0 20px;color:#56647a;font-size:14px;line-height:1.52}
.knowledge-card>a{display:flex;align-items:center;gap:10px;margin-top:auto;color:#f13a31;font-size:16px;font-weight:700}
.knowledge-card>a span{font-size:22px;transition:transform .2s}
.knowledge-card>a:hover span{transform:translateX(4px)}
.knowledge-deck:has(.knowledge-card:hover) .knowledge-card:not(:hover){opacity:.55;filter:saturate(.7)}
.registration-reasons--risk-deck.is-visible .knowledge-card:hover{z-index:3;transform:translateY(-13px) rotate(0);box-shadow:0 23px 42px rgba(15,37,68,.17)}
@media(max-width:1000px){
  .knowledge-deck__header h2{font-size:46px}
  .knowledge-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .knowledge-card,.registration-reasons--risk-deck.is-visible .knowledge-card:nth-child(n){opacity:1;transform:none}
}
@media(max-width:620px){
  .registration-reasons--risk-deck{padding:44px 0 38px}
  .knowledge-deck__header>span{gap:12px;font-size:13px;letter-spacing:.02em}
  .knowledge-deck__header>span::before,.knowledge-deck__header>span::after{width:28px;height:2px}
  .knowledge-deck__header h2{font-size:32px;line-height:1.08;letter-spacing:-.8px}
  .knowledge-deck__header h2 br{display:none}
  .knowledge-deck__header p{font-size:16px;line-height:1.45}
  .knowledge-deck{width:calc(100% + 28px);display:flex;gap:12px;margin-top:28px;padding:4px 28px 18px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .knowledge-deck::-webkit-scrollbar{display:none}
  .knowledge-card{min-width:84%;min-height:480px;flex:0 0 84%;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.knowledge-card{opacity:1;transform:none;transition:none}}

/* Header rises from behind the cards as the section approaches */
.registration-reasons--risk-deck .knowledge-deck__header{position:relative;z-index:1}
.registration-reasons--risk-deck .knowledge-deck{position:relative;z-index:2}
.registration-reasons--risk-deck .knowledge-deck__header>span,
.registration-reasons--risk-deck .knowledge-deck__header>h2,
.registration-reasons--risk-deck .knowledge-deck__header>p{
  opacity:1;
  clip-path:none;
  transform:none;
  transition:none;
}
.registration-reasons--risk-deck .knowledge-deck__header>h2{transition-delay:0s}
.registration-reasons--risk-deck .knowledge-deck__header>p{transition-delay:0s}
.registration-reasons--risk-deck.is-visible .knowledge-deck__header>span,
.registration-reasons--risk-deck.is-visible .knowledge-deck__header>h2,
.registration-reasons--risk-deck.is-visible .knowledge-deck__header>p{
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:translateY(0);
}
@media(min-width:1001px){
  .registration-reasons--risk-deck:not(.is-visible) .knowledge-card{
    opacity:1;
    transform:translate3d(var(--deck-x),-285px,0) rotate(var(--deck-angle)) scale(.94);
  }
}
@media(prefers-reduced-motion:reduce){
  .registration-reasons--risk-deck .knowledge-deck__header>span,
  .registration-reasons--risk-deck .knowledge-deck__header>h2,
  .registration-reasons--risk-deck .knowledge-deck__header>p{opacity:1;clip-path:none;transform:none;transition:none}
}

/* Larger hero details on phones */
@media(max-width:620px){
  .hero .eyebrow--coverage{gap:11px}
  .hero .eyebrow--coverage span,
  .hero .eyebrow--coverage span svg{width:30px;height:30px;flex-basis:30px}
  .hero .eyebrow--coverage .eyebrow__label{font-size:15px;line-height:1.35}
  .hero .hero__lead{width:250px;max-width:250px;font-size:19px;line-height:1.45}
  .hero .price-card__content small{font-size:16px;line-height:1.25}
  .hero .hero__actions .hero-action{min-height:84px}
  .hero .hero-action strong{font-size:20px}
  .hero .hero-action small,
  .hero .hero__actions .hero-action.button--outline small{font-size:16px}
  .online-office__placeholder{display:none}
  .online-office__mobile-visual{display:block;margin:20px -5px 18px}
  .online-office__mobile-visual img{width:100%;height:auto;display:block;object-fit:contain}
}

/* Secondary hero action — contrasting gradient */
.hero__actions .hero-action.button--outline,
.hero__actions .hero-action.button--outline:hover{
  color:#fff;
  border:0;
  background-color:#0b2348;
  background-image:linear-gradient(135deg,#244a7d 0%,#102f5d 48%,#071b3d 100%);
  box-shadow:0 9px 22px rgba(7,27,61,.2);
}
.hero__actions .hero-action.button--outline small{color:#ffd8da}

/* Separate cabinet button after the primary header action */
.header-login{min-height:50px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;color:#4c535e;border:1px solid #aeb4bd;border-radius:11px;background:#fff;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.header-login:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(7,27,61,.1)}
.header-login svg{width:19px;height:19px;color:var(--hero-red)}
.nav-pill .header-login svg{color:currentColor}
.nav-pill .header-login{border:0;background:#eef1f5}
.nav-pill .header-login:hover{background:#e5e9ef;box-shadow:none}
.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.header-actions .header-login{padding:0 15px;color:#4c5563;border:1px solid #c7ced8;border-radius:11px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.header-actions .header-login:hover{color:#26364e;background:#f7f8fa;border-color:#aeb7c3;box-shadow:0 7px 18px rgba(22,38,66,.08)}
.header-actions .header-login svg{width:22px;height:22px;color:currentColor;stroke-width:1.8}
.header-actions .header-request,.header-actions .header-request:hover{min-width:190px;display:inline-flex;gap:12px;color:#fff;background-color:#ed251a;background-image:linear-gradient(135deg,#f7443e 0%,#ed251a 50%,#d9150a 100%);border:0;border-radius:11px;box-shadow:none}
.header-actions .header-request svg{width:20px;height:20px}
@media(max-width:1100px){.header-login{width:44px;padding:0;justify-content:center}.header-login span{display:none}}
@media(max-width:820px){.header-actions,.nav-pill .header-login{display:none}}
@media(max-width:820px){.mobile-drawer__footer .mobile-drawer__login{min-height:52px;display:flex;align-items:center;justify-content:center;color:var(--navy);border:1px solid #cfd5de;border-radius:9px;background:#fff;font-weight:700}}

/* Direct contact row on the home page */
.trust-bar{display:block}
@media(max-width:620px){
  .trust-bar{display:block;height:42px}
  .trust-direct{display:none}
  .trust-bar__inner{height:42px;min-height:42px;justify-content:center}
  .trust-points{justify-content:center}
  .trust-points span{display:none}
  .trust-points span:first-child{display:inline-flex}
}

/* Registration team block */
.registration-team{padding:82px 0 74px;background:#fff}
.registration-team__heading{text-align:center}.registration-team__heading>span{color:#637493;font-size:14px;font-weight:800;letter-spacing:.24em}.registration-team__heading h2{margin:26px 0 14px;color:#071b3d;font-size:52px;line-height:1.05;letter-spacing:-2.2px}.registration-team__heading h2 em{color:#f02b24;font-style:normal}.registration-team__heading p{margin:0;color:#60708a;font-size:18px;line-height:1.55}
.registration-team__grid{width:85%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px;margin:34px auto 0}.registration-team__person{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(7,27,61,.07)}.registration-team__person>img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}.registration-team__person>div{min-height:70px;padding:10px 12px 11px;text-align:center}.registration-team__person h3{margin:0 0 4px;color:#182235;font-size:22px;line-height:1.1}.registration-team__person p{margin:0;color:#8993a0;font-size:13px;line-height:1.2}
.registration-team__more{display:flex;min-height:0;align-self:stretch;flex-direction:column;justify-content:flex-end;padding:26px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#071b3d 0%,#102c59 62%,#f02b24 170%);box-shadow:0 12px 30px rgba(7,27,61,.12)}.registration-team__avatars{display:flex;margin-bottom:auto}.registration-team__avatars img{width:48px;height:48px;margin-right:-12px;border:3px solid #fff;border-radius:50%;object-fit:cover}.registration-team__more>strong{color:#ff554b;font-size:54px;line-height:.9}.registration-team__more h3{margin:10px 0 12px;color:#fff;font-size:23px;line-height:1.05}.registration-team__more p{margin:0 0 16px;color:#c7d0de;font-size:12px;line-height:1.45}
.registration-team__person:first-child{background:#aedbfa}
.registration-team__person:first-child>img{object-position:center top}
.registration-team__person:first-child>div{position:relative;background:#fff}
@media(max-width:1100px){.registration-team__grid{width:92%;grid-template-columns:repeat(3,1fr)}.registration-team__heading h2{font-size:44px}}
@media(max-width:760px){.registration-team{padding:58px 0 52px}.registration-team__heading h2{font-size:34px;letter-spacing:-1.2px}.registration-team__heading p{font-size:16px}.registration-team__heading br{display:none}.registration-team__grid{width:100%;grid-template-columns:1fr 1fr;gap:50px 16px}}
@media(max-width:480px){.registration-team__grid{grid-template-columns:1fr}}
.risk-showcase__cta{display:flex;width:max-content;min-width:350px;min-height:64px;margin:30px auto 0;gap:18px;font-family:'PT Sans',Arial,sans-serif;font-size:20px;font-weight:700;text-decoration:none}
.risk-showcase__cta span{font-size:22px;line-height:1}
@media(max-width:560px){.risk-showcase__cta{width:100%;min-width:0}}
.registration-reasons--risk-deck{display:none}

/* Hero buttons matched to the visual reference */
.hero__actions{width:760px;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.hero__actions .hero-action{min-height:84px;padding:12px 28px;border-radius:14px;font-family:'PT Sans',Arial,sans-serif}
.hero__actions .hero-action.button--primary{grid-template-columns:minmax(0,1fr) 30px}
.hero__actions .hero-action.button--outline{grid-template-columns:30px minmax(0,1fr);gap:20px;padding-right:28px;padding-left:28px;color:#fff;border:0!important;background:#0a2349!important;background-image:linear-gradient(135deg,#183f73 0%,#071b3d 100%)!important;box-shadow:0 10px 24px rgba(7,27,61,.16)}
.hero-action>span{justify-items:start;text-align:left}
.hero-action strong{font-size:21px}
.hero-action small,.hero__actions .hero-action.button--outline small{font-size:16px;font-weight:400}
.hero__actions .hero-action.button--outline small{color:#d7e0ec}
.hero__actions .hero-action>svg{width:29px;height:29px;stroke-width:1.8}
.hero__actions .hero-action.button--primary>svg{color:#fff}
.hero__actions .hero-action.button--outline>svg{color:#fff}
.hero__advantages{width:760px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}
.hero__advantages article{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:15px}
.hero__advantages article>svg{width:58px;height:58px;padding:15px;border-radius:50%;color:var(--navy);background:#f1f5fa;stroke-width:1.8}
.hero__advantages article>i{display:block}
.hero__advantages p{display:grid;gap:8px;margin:3px 0 0;font-family:'PT Sans',Arial,sans-serif}
.hero__advantages strong{color:var(--navy);font-size:16px;line-height:1.25}
.hero__advantages span{color:#7c8798;font-size:13px;line-height:1.35}
@media(max-width:820px){.hero__actions{width:100%}}
@media(max-width:620px){
  .hero__actions{grid-template-columns:1fr}
  .hero__actions .hero-action.button--primary,.hero__actions .hero-action.button--outline{grid-template-columns:30px minmax(0,1fr) 30px;gap:12px;padding:10px 18px}
  .hero__actions .hero-action.button--primary::before{content:''}
  .hero__actions .hero-action.button--outline::after{content:''}
  .hero__advantages{width:100%;grid-template-columns:1fr;gap:14px;margin-top:22px}
  .hero__advantages article{grid-template-columns:52px 1fr}
  .hero__advantages article>svg{width:52px;height:52px;padding:13px}
}

/* Home hero — structured company presentation */
.hero{height:760px;margin-top:-150px;padding-top:150px;background:#f4f9fe}
.hero__art{background:#f4f9fe;opacity:1}
.hero__art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero::after{display:none}
.hero::before{display:block;width:72%;background:radial-gradient(circle at 24% 42%,rgba(224,243,255,.98) 0%,rgba(235,247,255,.94) 35%,rgba(240,249,255,.72) 58%,rgba(240,249,255,0) 82%),linear-gradient(90deg,rgba(245,251,255,.99) 0%,rgba(231,246,255,.96) 44%,rgba(220,240,255,.72) 68%,rgba(220,240,255,0) 100%)}
.site-header{background:transparent}
.trust-bar{position:relative;z-index:11;background:transparent;border:0}
.site-header:not(.is-scrolled) .nav-pill{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(470px,.9fr);align-items:center;gap:55px;padding-top:24px;padding-bottom:30px;transform:translateY(0)}
.hero__copy{width:auto;padding:0}
.hero__kicker{margin-bottom:22px;color:#7890ae;font:700 13px/1.2 'PT Sans',Arial,sans-serif;letter-spacing:.24em;white-space:nowrap}
.hero__copy h1{width:auto;margin:0 0 22px;font:700 65px/.95 'PT Sans',Arial,sans-serif;letter-spacing:-3px;text-transform:none}
.hero__copy h1>span{display:block;white-space:nowrap}
.hero__copy h1 em{font-size:1em}
.hero__lead{width:auto;max-width:680px;margin:0;color:#5f7089;font:400 20px/1.45 'PT Sans',Arial,sans-serif}
.hero .price-card{width:auto;min-height:0;margin:30px 0 0;padding:0}
.hero .price-card__content small{font-size:14px;letter-spacing:.16em}
.hero .price-card__content strong{margin-top:10px;font-size:56px}
.hero__actions{width:100%;grid-template-columns:1fr 1.06fr;margin-top:24px}
.hero__actions .hero-action{min-height:68px;border-radius:11px}
.hero__actions .hero-action:hover{transform:none}
.hero__actions .hero-action.button--outline:hover{border:0!important;background:#123463!important;background-image:linear-gradient(135deg,#28588f 0%,#174276 48%,#0c2b56 100%)!important;box-shadow:0 13px 28px rgba(7,27,61,.24)}
.hero__advantages{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px}
.hero__advantages article{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:15px;padding:0 14px;border-right:1px solid #d8e1ec}
.hero__advantages article:first-child{padding-left:0}.hero__advantages article:last-child{padding-right:0;border-right:0}
.hero__advantages article>svg{width:62px;height:62px;padding:16px;border-radius:50%;background:#fff}
.hero__advantages p{gap:10px;margin:0}
.hero__advantages strong{font-size:16px;line-height:1.2}.hero__advantages span{font-size:13px;line-height:1.4}
.hero-company{align-self:center;padding:34px 38px 30px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(42,88,133,.08);font-family:'PT Sans',Arial,sans-serif;backdrop-filter:blur(9px)}
.hero-company header{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:28px;padding-bottom:25px;border-bottom:1px solid #dbe5ef}
.hero-company header>strong{color:var(--navy);font-size:52px;line-height:1}.hero-company header>strong em{color:var(--red);font-style:normal}.hero-company header>strong small{display:block;margin-top:12px;color:#7c95b5;font-size:10px;letter-spacing:.22em}
.hero-company header>span{padding-left:28px;border-left:1px solid #dbe5ef;color:var(--navy);font-size:20px;font-weight:700;line-height:1.1}
.hero-company header b{display:block;margin:5px 0 9px;color:var(--red);font-size:28px}.hero-company header small{display:block;color:#718098;font-size:14px;font-weight:400;line-height:1.25}
.hero-company ul{display:grid;gap:20px;margin:0;padding:0;list-style:none}.hero-company li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.hero-company li>svg{width:34px;height:34px;padding:9px;border-radius:50%;color:var(--red);background:#ffe9eb;stroke-width:3}
.hero-company li p,.hero-company footer p{display:grid;gap:3px;margin:0}.hero-company li strong{color:var(--navy);font-size:15px}.hero-company li span{color:#748198;font-size:13px;line-height:1.3}
.hero-company footer{display:grid;grid-template-columns:38px 1fr;gap:14px;margin-top:26px;padding-top:23px;border-top:1px solid #dbe5ef}.hero-company footer>svg{width:38px;height:38px;color:var(--navy);stroke-width:1.8}.hero-company footer strong{color:var(--navy);font-size:15px}.hero-company footer span{color:#4380c7;font-size:13px}
.hero-company-image{width:78%;aspect-ratio:1199/1312;display:block;align-self:center;justify-self:end;border-radius:30px;filter:drop-shadow(0 18px 40px rgba(42,88,133,.08));user-select:none;-webkit-user-select:none}
.hero-company-image img{width:100%;height:100%;display:block;object-fit:contain}
@media(max-width:1100px){.hero{height:auto}.hero__inner{grid-template-columns:1fr;padding-top:50px;padding-bottom:60px}.hero-company{width:100%}.hero__copy h1{font-size:58px}.hero__kicker{white-space:normal}}
@media(max-width:620px){.hero__inner{display:grid;padding-top:30px}.hero__copy h1{font-size:43px;letter-spacing:-1.8px}.hero__copy h1>span{white-space:normal}.hero__lead{font-size:17px}.hero__advantages{grid-template-columns:1fr 1fr;gap:20px}.hero__advantages article{grid-template-columns:54px 1fr;padding:0;border:0}.hero__advantages article>svg{width:54px;height:54px;padding:14px}.hero-company{padding:26px 20px}.hero-company header{grid-template-columns:1fr;gap:18px}.hero-company header>span{padding:0;border:0}.hero-company header>strong{font-size:46px}}
@media(max-width:820px){.site-header,.trust-bar{background:rgba(255,255,255,.97)}.hero{margin-top:0;padding-top:0}.hero__inner{transform:none}}

/* Larger home-header identity and stronger direct-contact label */
.trust-direct{font-weight:600}
.trust-points a{font-weight:600}
@media(min-width:821px){
  .logo{min-width:278px;padding-left:0;padding-right:20px}
  .logo strong{font-size:48px;letter-spacing:1.5px}
  .logo small{margin-top:10px;font-size:10px;letter-spacing:2.7px}
}

/* Layered hero: Shanghai background and portrait */

/* Mobile home hero: keep controls and advantages inside the viewport */
.hero::after{display:block;left:0;right:0;top:auto;bottom:-1px;width:100%;height:72px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 62%,#fff 100%);opacity:1;pointer-events:none}
.hero__advantages article{border-right:0}
.hero__advantages article>svg{color:#fff;background:var(--accent-gradient)}
@media(max-width:620px){
  .hero{overflow:hidden;background:#e7f4ff}
  .hero__art{background-color:#e7f4ff}
  .hero::before{display:block;width:100%;background:radial-gradient(ellipse at 50% 4%,rgba(255,255,255,.68) 0%,rgba(235,248,255,.28) 34%,rgba(231,244,255,0) 58%),linear-gradient(180deg,rgba(231,244,255,0) 40%,rgba(231,244,255,.5) 68%,#e7f4ff 100%)}
  .hero__copy{text-align:center}
  .hero__copy h1{margin-right:auto;margin-left:auto;text-align:center}
  .hero .hero__lead{width:100%;max-width:none;margin-right:auto;margin-left:auto;font-size:20px;line-height:1.48;text-align:center}
  .hero .price-card{margin-right:auto;margin-left:auto;text-align:center}
  .hero .price-card__content{align-items:center}
  .hero__actions{width:100%;grid-template-columns:minmax(0,1fr);gap:12px}
  .hero__actions .hero-action.button--primary,
  .hero__actions .hero-action.button--outline{width:100%;min-width:0;grid-template-columns:26px minmax(0,1fr) 26px;gap:9px;padding:10px 14px}
  .hero__actions .hero-action strong{font-size:18px;white-space:normal}
  .hero__actions .hero-action small{font-size:14px;white-space:normal}
  .hero__advantages{display:none}
  .hero__inner{gap:16px;padding-bottom:8px}
  .hero-company-image{width:min(100%,470px);margin:0 auto;justify-self:center;filter:drop-shadow(0 12px 28px rgba(42,88,133,.08))}
  .registration-team__heading h2{font-size:32px;line-height:1.08}
  .registration-team__heading h2 br{display:block}
  .registration-team__heading h2 em{display:block}
  .hofu-process .flow-step:last-of-type{width:100%;max-width:none;justify-self:stretch}
}

/* Home hero composition */
@media(min-width:821px){
  .hero__copy h1 .hero-title-accent{display:flex;align-items:center;gap:20px;margin-top:8px}
  .hero__copy h1 .hero-title-accent em{color:#ed1018}
  .hero__copy h1 .hero-title-accent b{display:inline-flex;align-items:center;min-height:58px;padding:4px 21px 7px;color:#fff;border-radius:13px;background:linear-gradient(135deg,#ff5964 0%,#ed1018 100%);font-size:.72em;font-weight:700;line-height:1;letter-spacing:-1.5px;box-shadow:0 8px 18px rgba(237,16,24,.14)}
  .hero .price-card{width:auto;display:block;margin-top:18px}
  .hero .price-card__content small{font-size:17px;font-weight:700;letter-spacing:.025em;text-transform:none}
  .hero .price-card__content strong{margin:7px 0 0;font-size:70px;line-height:.9;letter-spacing:-3.5px}
  .hero__actions{margin-top:18px}
}
@media(max-width:820px){
  .hero-title-accent b{display:inline-flex;margin-left:8px;padding:4px 10px 5px;color:#fff;border-radius:8px;background:linear-gradient(135deg,#ff5964,#ed1018);font-size:.58em;font-style:normal;line-height:1.1;vertical-align:middle}
}

/* Keep optimized team portraits at the original card proportions. */
.registration-team__person>img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center top;
}

/* Mobile promotion and direction-aware sticky navigation. */
@media(max-width:820px){
  .monthly-offer{overflow:hidden}
  .monthly-offer__inner{width:calc(100% - 28px);min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 0}
  .monthly-offer__label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 12px;font-size:12px;line-height:1.2}
  .monthly-offer p{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 6px;margin:0;font-size:14px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  .monthly-offer p strong{font-size:16px;line-height:1.25}
  .monthly-offer p span{min-width:0}
  .site-header{position:sticky;top:0;transition:transform .24s ease,box-shadow .2s ease;will-change:transform}
  .site-header.is-mobile-hidden{transform:translateY(calc(-100% - 4px));pointer-events:none}
}
@media(max-width:480px){
  .monthly-offer p span{display:block;width:100%}
}

/* Use a softer charcoal instead of pure black in the wordmark and hero. */
.logo strong,
.mobile-drawer__logo strong,
.hero__copy h1,
.hero__lead,
.hero .price-card__content small,
.hero .price-card__content strong,
.hero__advantages strong{
  color:#181818;
}

/* Promotional price on the first screen. */
.hero .price-card__prices{display:flex;align-items:baseline;gap:24px;margin-top:9px;white-space:nowrap}
.hero .price-card__prices del{color:#181818;font-size:42px;font-weight:700;line-height:1;letter-spacing:-2px;text-decoration-color:#ed1018;text-decoration-line:line-through;text-decoration-thickness:4px}
.hero .price-card__prices strong{margin:0;font-size:70px;line-height:.9;letter-spacing:-3.5px}
@media(max-width:820px){.hero .price-card__prices{justify-content:center;gap:16px}.hero .price-card__prices del{font-size:31px;letter-spacing:-1.3px;text-decoration-thickness:3px}.hero .price-card__prices strong{margin:0;font-size:48px;letter-spacing:-2px}}
@media(max-width:420px){.hero .price-card__prices{gap:11px}.hero .price-card__prices del{font-size:25px;letter-spacing:-1px}.hero .price-card__prices strong{font-size:40px;letter-spacing:-1.6px}}