/* Audit Pro Lab v2 — homepage-only visual test. */
:root{
  --bg-base:#030308;
  --bg-glow-center:#382359;
  --bg-glow-edge:#1b132a;
  --gold:#d4af6a;
  --gold-bright:#e8c878;
  --purple-accent:#7c4dab;
  --maroon-accent:#5a2a45;
  --white-text:#f5f2ec;
  --gray-muted:#9a94a3;
  --divider:linear-gradient(90deg,transparent 0%,var(--gold) 45%,var(--gold-bright) 50%,var(--gold) 55%,transparent 100%);
  --font-display:"Playfair Display",Georgia,serif;
  --font-headline:"Manrope","Inter",sans-serif;
  --font-body:"Inter",sans-serif;
}

body.home-v2{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse at 50% 16%,rgba(56,35,89,.98) 0%,rgba(27,19,42,.88) 34%,rgba(3,3,8,.98) 72%),
    var(--bg-base);
  color:var(--white-text);
  font-family:var(--font-body);
  font-weight:400;
}

body.home-v2::before,
body.home-v2::after{
  content:"";
  position:fixed;
  z-index:2;
  top:22vh;
  bottom:12vh;
  width:1px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--gold) 22%,var(--gold-bright) 50%,var(--gold) 78%,transparent);
  box-shadow:0 0 18px rgba(124,77,171,.6);
  opacity:.46;
}
body.home-v2::before{left:22px}
body.home-v2::after{right:22px}

.home-v2 .container{width:min(1200px,calc(100% - 56px))}
.home-v2 h1,
.home-v2 h2,
.home-v2 h3,
.home-v2 .button{font-family:var(--font-headline)}
.home-v2 p,
.home-v2 li{letter-spacing:-.005em}

.home-v2 .header{
  min-height:74px;
  border:1px solid rgba(212,175,106,.24);
  border-radius:12px;
  background:rgba(3,3,8,.82);
  box-shadow:0 18px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(232,200,120,.08);
  backdrop-filter:blur(20px);
}
.home-v2 .brand--apl{width:54px;height:54px;overflow:hidden;border-radius:9px}
.home-v2 .brand__logo{
  width:54px;
  height:54px;
  display:block;
  background-image:url('audit-pro-lab-logo.png');
  background-repeat:no-repeat;
  background-position:50% 32%;
  background-size:148%;
  filter:saturate(1.04) contrast(1.04);
}
.home-v2 .header nav{gap:28px}
.home-v2 .header nav a{
  color:var(--gray-muted);
  font-family:var(--font-headline);
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
}
.home-v2 .header nav a:hover{color:var(--gold-bright)}

.home-v2 .button{
  border:1px solid rgba(232,200,120,.5);
  border-radius:8px;
  background:linear-gradient(135deg,#623b8d 0%,var(--purple-accent) 56%,var(--maroon-accent) 130%);
  box-shadow:0 14px 34px rgba(44,20,78,.45),inset 0 1px 0 rgba(245,242,236,.2);
  color:var(--white-text);
  font-weight:700;
}
.home-v2 .button:hover{border-color:var(--gold-bright);box-shadow:0 18px 44px rgba(87,48,130,.55)}

.home-v2 .hero{
  min-height:920px;
  background:
    radial-gradient(circle at 77% 34%,rgba(124,77,171,.3),transparent 27%),
    radial-gradient(ellipse at 46% 25%,var(--bg-glow-center) 0%,var(--bg-glow-edge) 38%,var(--bg-base) 76%);
}
.home-v2 .hero h1,
.home-v2 .section h2{
  color:var(--white-text);
  font-weight:700;
  letter-spacing:-.045em;
}
.home-v2 .hero h1 em,
.home-v2 .section h2 em{color:var(--gold-bright)}
.home-v2 .lead,
.home-v2 .split-note,
.home-v2 .format-grid p,
.home-v2 .design-block p{color:var(--gray-muted)}
.home-v2 .hero__owner{color:var(--white-text)}
.home-v2 .hero blockquote{
  position:relative;
  border:0;
  border-left:2px solid var(--gold);
  border-radius:0;
  background:linear-gradient(90deg,rgba(212,175,106,.1),transparent 84%);
  color:var(--white-text);
}
.home-v2 .hero__photo{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:transparent;
}
.home-v2 .hero__photo:before{
  display:block;
  inset:7% -5% 1%;
  border:0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 52% 42%,rgba(245,242,236,.28) 0%,rgba(232,220,232,.18) 24%,rgba(124,77,171,.34) 48%,rgba(90,42,69,.14) 65%,transparent 80%);
  box-shadow:none;
  filter:blur(34px);
}
.home-v2 .hero__photo img{
  width:min(112%,1024px);
  height:auto;
  max-width:none;
  max-height:100%;
  margin:0;
  object-fit:contain;
  object-position:center bottom;
  transform:none;
  image-rendering:auto;
  filter:brightness(.88) saturate(.92) drop-shadow(0 18px 38px rgba(3,3,8,.28));
  -webkit-mask-image:
    radial-gradient(ellipse 84% 88% at 50% 45%,#000 76%,transparent 100%),
    linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    radial-gradient(ellipse 84% 88% at 50% 45%,#000 76%,transparent 100%),
    linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);
  mask-composite:intersect;
}
.home-v2 .hero__photo figcaption{
  right:0;
  bottom:96px;
  border-color:rgba(212,175,106,.32);
  border-radius:7px;
  background:rgba(3,3,8,.82);
  color:var(--gold);
}
.home-v2 .hero__photo figcaption::before,
.home-v2 .hero__photo figcaption::after{
  content:none;
  display:none;
}

.home-v2 .section{
  position:relative;
  border-top:0;
  background:
    radial-gradient(ellipse at 50% 30%,rgba(56,35,89,.34) 0%,rgba(27,19,42,.24) 40%,rgba(3,3,8,.94) 78%);
}
.home-v2 .section::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(980px,82vw);
  height:1px;
  transform:translateX(-50%);
  background:var(--divider);
  box-shadow:0 0 12px rgba(232,200,120,.42);
}
.home-v2 .section:nth-of-type(even){
  background:
    radial-gradient(ellipse at 48% 32%,rgba(49,29,78,.4) 0%,rgba(18,12,29,.45) 42%,rgba(3,3,8,.97) 78%);
}

.home-v2 .section-label{
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:var(--gold)!important;
  font-family:var(--font-headline);
  font-size:11px!important;
  font-weight:700;
  letter-spacing:.2em!important;
  text-shadow:none;
}
.home-v2 .section-label--hero{
  font-family:var(--font-display);
  font-size:18px!important;
  font-weight:500;
  letter-spacing:.06em!important;
  text-transform:none;
}
.home-v2 .section-label--form{display:inline-flex;margin-bottom:18px}

.home-v2 .quote-grid article,
.home-v2 .principle-grid article,
.home-v2 .timeline article,
.home-v2 .format-grid>article,
.home-v2 .depth-cta__box,
.home-v2 .format-choice,
.home-v2 .design-block,
.home-v2 .form{
  border-color:rgba(212,175,106,.22);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(56,35,89,.23),rgba(3,3,8,.72));
  box-shadow:inset 0 1px 0 rgba(232,200,120,.06),0 22px 55px rgba(0,0,0,.18);
}
.home-v2 .quote-grid span,
.home-v2 .format-grid>article>span,
.home-v2 .design-block span{
  border:0;
  background:none;
  color:var(--gold)!important;
  letter-spacing:.15em;
}
.home-v2 .quote-grid article:nth-child(even),
.home-v2 .principle-grid article:nth-child(even){border-color:rgba(124,77,171,.38)}
.home-v2 .quote-grid article:nth-child(even) span{color:var(--gold-bright)!important}
.home-v2 .principle-grid article b{
  border:1px solid rgba(212,175,106,.34);
  border-radius:50%;
  background:rgba(124,77,171,.24);
  color:var(--gold-bright)!important;
  box-shadow:none;
}
.home-v2 .principle-grid article:nth-child(even) b{background:rgba(90,42,69,.34);box-shadow:none}
.home-v2 .statement{
  border-left-color:var(--gold);
  background:linear-gradient(90deg,rgba(212,175,106,.09),transparent);
}
.home-v2 .statement--accent{border-color:var(--purple-accent);background:linear-gradient(90deg,rgba(124,77,171,.12),transparent)}
.home-v2 .flow span{
  border-color:rgba(212,175,106,.28);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(56,35,89,.5),rgba(3,3,8,.78));
}
.home-v2 .flow span:nth-of-type(even){border-color:rgba(90,42,69,.55);background:linear-gradient(145deg,rgba(90,42,69,.28),rgba(3,3,8,.8))}
.home-v2 .flow i{color:var(--gold);text-shadow:0 0 18px rgba(232,200,120,.32)}
.home-v2 .signature strong{
  color:var(--white-text);
  font-family:var(--font-display);
  font-size:28px;
  font-weight:600;
}
.home-v2 .signature,
.home-v2 .format-grid footer{border-top-color:rgba(212,175,106,.24)}
.home-v2 .format-main{border-color:rgba(212,175,106,.48)!important;background:linear-gradient(145deg,rgba(124,77,171,.28),rgba(3,3,8,.82))!important}
.home-v2 .format-grid .price,
.home-v2 .design-block .price{color:var(--gold-bright);text-shadow:0 0 22px rgba(232,200,120,.18)}
.home-v2 .offer-badge{border-color:rgba(212,175,106,.5);background:linear-gradient(135deg,var(--maroon-accent),#352043)}
.home-v2 .contacts a{color:var(--gold-bright)}
.home-v2 .telegram-button{border-color:rgba(212,175,106,.38);background:linear-gradient(135deg,#4f3276,var(--purple-accent))}
.home-v2 .form input,
.home-v2 .form textarea{border-color:rgba(212,175,106,.2);background:rgba(3,3,8,.7);color:var(--white-text)}
.home-v2 .form input:focus,
.home-v2 .form textarea:focus{border-color:var(--gold)}
.home-v2 .footer{
  border-top:0;
  background:var(--bg-base);
}
.home-v2 .footer::before{
  content:"";
  display:block;
  width:min(980px,82vw);
  height:1px;
  margin:-34px auto 34px;
  background:var(--divider);
}
.home-v2 .footer strong{font-family:var(--font-display);font-size:19px;font-weight:600}
.home-v2 .footer small,
.home-v2 .footer p,
.home-v2 .footer nav a{color:var(--gray-muted)}

@media(max-width:820px){
  body.home-v2::before,body.home-v2::after{display:none}
  .home-v2 .container{width:calc(100% - 34px)}
  .home-v2 .header{min-height:66px}
  .home-v2 .hero__grid,.home-v2 .hero__copy{width:100%;max-width:100%;min-width:0}
  .home-v2 .hero h1,.home-v2 .hero p,.home-v2 .hero blockquote{max-width:100%;overflow-wrap:break-word}
  .home-v2 .brand--apl,.home-v2 .brand__logo{width:46px;height:46px}
  .home-v2 .header nav{background:rgba(3,3,8,.97);border-color:rgba(212,175,106,.25)}
}

@media(max-width:560px){
  .home-v2 .container{width:calc(100% - 28px)}
  .home-v2 .section-label--hero{width:auto;text-align:left;font-size:16px!important}
  .home-v2 .hero h1{font-size:clamp(36px,10vw,42px);letter-spacing:-.055em}
  .home-v2 .mobile-cta{border:1px solid rgba(232,200,120,.45);background:linear-gradient(135deg,#623b8d,var(--purple-accent),var(--maroon-accent))}
}

/* 2026-08-24: keep the system-design offer readable on phones. */
@media(max-width:820px){
  body.home-v2 .design-block{
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px;
  }
  body.home-v2 .design-block>div{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  body.home-v2 .design-block>div:last-child{
    padding-top:24px;
    border-top:1px solid rgba(212,175,106,.24);
  }
  body.home-v2 .design-block h3,
  body.home-v2 .design-block p,
  body.home-v2 .design-block li,
  body.home-v2 .design-block b{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  body.home-v2 .design-block .button{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
}
@media(max-width:560px){
  body.home-v2 .design-block{gap:22px}
  body.home-v2 .design-block h3{
    font-size:clamp(24px,7.2vw,28px);
    line-height:1.18;
  }
  body.home-v2 .design-block .price{
    font-size:clamp(27px,8vw,34px);
  }
}