/* ===== home ===== */
:root{
  --black:#0A0A0A;
  --black-2:#141414;
  --yellow:#F5C518;
  --yellow-dark:#D9AC0F;
  --white:#FFFFFF;
  --gray-50:#F5F5F5;
  --gray-100:#EAEAEA;
  --gray-200:#D4D4D4;
  --gray-400:#888888;
  --gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  color:var(--black);
  background:var(--white);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ============ NAV ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(10,10,10,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(245,197,24,.15);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}

.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,
.nav-links > li > button{
  color:var(--white);text-decoration:none;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  background:none;border:none;cursor:pointer;
  padding:8px 11px;
  display:flex;align-items:center;gap:5px;
  transition:color .2s;white-space:nowrap;height:72px;
}
.nav-links > li > a:hover,
.nav-links > li > button:hover{color:var(--yellow)}

.nav-arrow{
  width:8px;height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .22s;flex-shrink:0;
}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}

.nav-dropdown{
  position:absolute;top:72px;left:0;
  min-width:290px;
  background:var(--black);
  border:1px solid rgba(245,197,24,.25);
  border-top:3px solid var(--yellow);
  padding:6px 0;
  opacity:0;pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .18s,transform .18s;
  z-index:200;
}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{
  display:flex;align-items:center;gap:12px;
  padding:11px 20px;
  color:var(--gray-200);text-decoration:none;
  font-size:13px;font-weight:500;
  transition:background .12s,color .12s;
}
.nav-dropdown a:hover{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;color:var(--yellow);
  width:18px;flex-shrink:0;
}

.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{
  font-family:'JetBrains Mono',monospace;
  color:var(--yellow);font-weight:500;font-size:14px;
  text-decoration:none;line-height:1;
}
.nav-email{
  font-size:11px;color:var(--gray-400);
  text-decoration:none;transition:color .2s;
}
.nav-email:hover{color:var(--yellow)}
.nav-btn{
  background:var(--yellow);color:var(--black);
  border:none;cursor:pointer;
  font-family:'Inter',sans-serif;font-weight:700;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;
  padding:11px 16px;text-decoration:none;
  white-space:nowrap;line-height:1.3;text-align:center;
  transition:transform .15s,box-shadow .2s;flex-shrink:0;
}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}

.nav-burger{
  display:none;background:none;border:none;cursor:pointer;
  padding:8px;flex-direction:column;gap:5px;align-items:center;
}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-mobile{
  display:none;position:fixed;
  top:72px;left:0;right:0;
  background:var(--black);
  border-bottom:2px solid var(--yellow);
  padding:12px 0 24px;z-index:99;
  max-height:calc(100vh - 72px);overflow-y:auto;
}
.nav-mobile.open{display:block}
.nav-mobile-link{
  display:block;padding:11px 24px;
  color:var(--white);text-decoration:none;
  font-size:14px;font-weight:500;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:color .15s;
}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{
  padding:10px 24px 4px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:.2em;
  color:var(--yellow);text-transform:uppercase;margin-top:10px;
}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{
  margin:16px 24px 0;display:block;
  background:var(--yellow);color:var(--black);
  text-align:center;padding:14px;
  font-weight:700;font-size:14px;text-decoration:none;
  text-transform:uppercase;letter-spacing:.05em;
}
@media(max-width:960px){
  .nav-links{display:none}
  .nav-burger{display:flex}
}

/* ============ HERO ============ */
.hero{
  background:var(--black);
  color:var(--white);
  min-height:100vh;
  padding:120px 0 60px;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);
}
.hero::after{
  content:"";
  position:absolute;
  top:-200px;right:-200px;
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);
  pointer-events:none;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:80px;
  align-items:center;
  position:relative;
  z-index:2;
}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}

.hero-tag{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;font-weight:500;
  color:var(--yellow);
  letter-spacing:.15em;text-transform:uppercase;
  padding:8px 14px;
  border:1px solid rgba(245,197,24,.3);
  border-radius:2px;
  margin-bottom:32px;
}
.hero-tag::before{
  content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

.hero h1{
  font-family:'Podkova',serif;
  font-weight:800;
  font-size:clamp(42px,6.4vw,88px);
  line-height:.95;
  letter-spacing:-.03em;
  margin-bottom:32px;
}
.hero h1 .accent{color:var(--yellow)}

.typing-wrap{
  display:flex;align-items:center;
  min-height:48px;
  margin-bottom:24px;
  font-family:'Podkova',serif;
  font-weight:600;
  font-size:clamp(20px,2.4vw,28px);
  color:var(--white);
}
.typing-text{color:var(--yellow)}
.cursor{
  display:inline-block;
  width:3px;height:1.1em;
  background:var(--yellow);
  margin-left:6px;
  animation:blink 1s step-end infinite;
  vertical-align:text-bottom;
}
@keyframes blink{50%{opacity:0}}

.hero-sub{
  font-size:clamp(15px,1.5vw,18px);
  color:var(--gray-200);
  line-height:1.55;
  max-width:560px;
  margin-bottom:64px;
}


.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--yellow);
  color:var(--black);
  padding:18px 32px;
  font-family:'Inter',sans-serif;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  border:none;cursor:pointer;
  letter-spacing:.02em;
  transition:transform .15s,box-shadow .2s;
  text-transform:uppercase;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}


.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  padding-top:40px;
  border-top:1px solid rgba(255,255,255,.1);
  position:relative;
  z-index:2;
}
.stat{position:relative}
.stat .num{
  font-family:'Podkova',serif;
  font-weight:800;
  font-size:clamp(36px,4.5vw,56px);
  line-height:1;
  color:var(--yellow);
  letter-spacing:-.02em;
}
.stat .lbl{
  margin-top:10px;
  font-size:13px;
  color:var(--gray-200);
  letter-spacing:.02em;
  line-height:1.4;
}
.stat::before{
  content:attr(data-num);
  position:absolute;
  top:-8px;left:0;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--gray-400);
  letter-spacing:.2em;
}

/* HERO FORM */
.hero-form{
  background:var(--white);
  color:var(--black);
  padding:36px;
  position:relative;
  border:1px solid rgba(245,197,24,.4);
}
.hero-form::before{
  content:"";
  position:absolute;
  top:-1px;left:-1px;right:-1px;height:6px;
  background:var(--yellow);
}
.hero-form-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--gray-400);
  text-transform:uppercase;
  margin-bottom:12px;
}
.hero-form h3{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:26px;
  line-height:1.1;
  margin-bottom:8px;
  letter-spacing:-.02em;
}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{
  position:absolute;
  top:12px;left:16px;
  font-size:11px;
  letter-spacing:.15em;
  color:var(--gray-400);
  text-transform:uppercase;
  font-weight:500;
  pointer-events:none;
}
.field input{
  width:100%;
  padding:32px 16px 12px;
  border:1px solid var(--gray-200);
  background:var(--white);
  font-family:'Inter',sans-serif;
  font-size:16px;
  font-weight:500;
  color:var(--black);
  transition:border-color .15s;
}
.field input:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{
  margin-top:16px;
  font-size:11px;
  color:var(--gray-400);
  line-height:1.5;
}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ============ SECTION HEADER PATTERN ============ */
.section{padding:120px 0}
@media(max-width:768px){.section{padding:80px 0}}
.sec-header{margin-bottom:64px;max-width:780px}
.sec-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--gray-400);
  margin-bottom:20px;
}
.sec-eyebrow::before{
  content:"";width:32px;height:1px;background:var(--black);
}
.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-yellow{color:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}
.sec-eyebrow.on-dark::before{background:var(--yellow)}

.sec-title{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:clamp(36px,4.5vw,56px);
  line-height:1.05;
  letter-spacing:-.025em;
  color:var(--black);
}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 16px}

/* ============ WHY-IMPORTANT (with image) ============ */
.important{background:var(--white)}
.imp-grid{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:80px;
  align-items:center;
}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}

.imp-image{
  position:relative;
  aspect-ratio:4/5;
  background:var(--gray-50);
  border:1px solid var(--gray-100);
  overflow:hidden;
}
.imp-image::before{
  content:"";
  position:absolute;
  top:24px;left:24px;
  width:48px;height:48px;
  background:var(--yellow);
  z-index:2;
}
.imp-image::after{
  content:"PNG · 800×1000";
  position:absolute;
  bottom:24px;right:24px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.15em;
  color:var(--gray-400);
  z-index:2;
}
.imp-placeholder{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:
    linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent 0,transparent 20px,
      rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px
    );
}
.imp-placeholder svg{
  width:50%;
  max-width:280px;
  color:var(--gray-200);
  opacity:.7;
}
.imp-image-caption{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:18px 24px;
  background:linear-gradient(to top,rgba(10,10,10,.85),transparent);
  color:var(--white);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.imp-content h2{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:clamp(32px,4vw,48px);
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--black);
  margin-bottom:24px;
}
.imp-content > p{
  font-size:16px;
  line-height:1.65;
  color:var(--gray-600);
  margin-bottom:28px;
}
.imp-points{list-style:none;display:grid;gap:20px;margin-top:32px}
.imp-points li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  padding-bottom:20px;
  border-bottom:1px solid var(--gray-100);
}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:24px;
  color:var(--yellow);
  background:var(--black);
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  letter-spacing:-.02em;
}
.imp-points .pt strong{
  display:block;
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:18px;
  color:var(--black);
  margin-bottom:4px;
}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ============ STEPS ============ */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{
  content:"";
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(
    -45deg,
    transparent 0,transparent 24px,
    rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px
  );
  pointer-events:none;
}
.steps .wrap{position:relative;z-index:2}
.steps .sec-title{color:var(--black)}
.steps-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  margin-top:24px;
}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:40px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}

.step{position:relative;padding-top:24px}
.step::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:var(--black);
}
.step-num{
  font-family:'Podkova',serif;
  font-weight:800;
  font-size:clamp(72px,9vw,128px);
  line-height:.85;
  color:var(--black);
  letter-spacing:-.04em;
  margin-bottom:24px;
  position:relative;
}
.step-num sup{
  font-size:.25em;
  vertical-align:top;
  margin-left:6px;
  font-family:'JetBrains Mono',monospace;
  font-weight:500;
  letter-spacing:.1em;
  color:var(--black);
}
.step h3{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:22px;
  letter-spacing:-.01em;
  color:var(--black);
  margin-bottom:12px;
}
.step p{font-size:15px;color:var(--black);line-height:1.55;font-weight:400}

/* ============ ADVANTAGES ============ */
.advantages{background:var(--white)}
.adv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{
  border:1px solid var(--gray-100);
  padding:36px 32px;
  transition:border-color .2s,transform .2s;
  position:relative;
}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  background:var(--yellow);
  color:var(--black);
  margin-bottom:20px;
}
.adv-card h3{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.01em;
  margin-bottom:10px;
}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ============ QUIZ ============ */
.quiz-section{
  background:var(--black);
  color:var(--white);
  position:relative;
  overflow:hidden;
}
.quiz-section::before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);
}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}
.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:17px;color:var(--gray-200);max-width:560px;margin-top:16px;line-height:1.6}

.quiz{
  max-width:920px;
  margin:0 auto;
  background:var(--black-2);
  border:1px solid rgba(245,197,24,.3);
  position:relative;
}
.quiz::before{
  content:"";
  position:absolute;top:0;left:0;
  width:80px;height:6px;
  background:var(--yellow);
}
.quiz-progress{
  display:flex;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.quiz-progress-step{
  flex:1;
  height:4px;
  background:rgba(255,255,255,.1);
  position:relative;
  transition:background .3s;
}
.quiz-progress-step.done{background:var(--yellow)}
.quiz-progress-step.active{background:var(--yellow)}
.quiz-progress-step.active::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--yellow);
  animation:progressPulse 1.5s infinite;
}
@keyframes progressPulse{
  0%,100%{opacity:1}
  50%{opacity:.5}
}

.quiz-body{padding:48px 56px}
@media(max-width:640px){.quiz-body{padding:32px 24px}}

.quiz-step-meta{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--yellow);
  text-transform:uppercase;
  margin-bottom:14px;
}
.quiz-question{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
  letter-spacing:-.015em;
  color:var(--white);
  margin-bottom:36px;
}
.quiz-options{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-bottom:36px;
}
@media(max-width:640px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{
  display:flex;align-items:center;gap:14px;
  padding:20px 24px;
  border:1px solid rgba(255,255,255,.15);
  background:transparent;
  color:var(--white);
  font-family:'Inter',sans-serif;
  font-size:15px;font-weight:500;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s,background .2s,color .2s;
  position:relative;
}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{
  width:24px;height:24px;
  border:1px solid currentColor;
  flex-shrink:0;
  position:relative;
  transition:background .2s;
}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{
  content:"";
  position:absolute;
  inset:6px;
  background:var(--black);
  clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);
}

.quiz-input-block{margin-bottom:36px;display:grid;gap:14px}
.quiz-input{
  width:100%;
  padding:20px 24px;
  background:transparent;
  border:1px solid rgba(255,255,255,.15);
  color:var(--white);
  font-family:'Inter',sans-serif;
  font-size:15px;
  transition:border-color .2s;
}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}

.quiz-nav{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:28px;border-top:1px solid rgba(255,255,255,.08);
}
.quiz-back{
  background:none;border:none;
  color:var(--gray-400);
  font-family:'Inter',sans-serif;font-size:14px;font-weight:500;
  cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  transition:color .2s;
}
.quiz-back:hover{color:var(--white)}
.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--gray-400);
  letter-spacing:.1em;
}
.quiz-next{
  background:var(--yellow);
  color:var(--black);
  border:none;
  padding:14px 28px;
  font-family:'Inter',sans-serif;
  font-weight:700;font-size:14px;
  text-transform:uppercase;
  letter-spacing:.05em;
  cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;
  transition:transform .15s,box-shadow .2s;
}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}

/* RESULT */
.quiz-result{display:none;padding:48px 56px;text-align:center}
@media(max-width:640px){.quiz-result{padding:32px 24px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--yellow);
  text-transform:uppercase;
  margin-bottom:14px;
}
.quiz-result h3{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:clamp(28px,3.5vw,40px);
  line-height:1.1;
  letter-spacing:-.02em;
  margin-bottom:16px;
}
.quiz-price{
  font-family:'Podkova',serif;
  font-weight:800;
  font-size:clamp(48px,7vw,80px);
  line-height:1;
  color:var(--yellow);
  letter-spacing:-.03em;
  margin:32px 0 12px;
}
.quiz-price small{
  display:block;
  font-family:'Inter',sans-serif;
  font-weight:400;
  font-size:14px;
  color:var(--gray-200);
  letter-spacing:0;
  margin-top:12px;
  max-width:480px;
  margin-left:auto;margin-right:auto;
  line-height:1.5;
}
.quiz-result-form{
  margin:32px auto 0;
  max-width:440px;
  display:grid;gap:12px;
}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:20px}
.quiz-result-summary{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:18px;
  text-align:left;
}
.qrs-item{
  font-size:13px;
}
.qrs-item .lbl{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--gray-400);
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.qrs-item .val{color:var(--white);font-weight:500}

/* ============ PRICE ============ */
.price{background:var(--gray-50)}
.price-table-wrap{
  background:var(--white);
  border:1px solid var(--gray-100);
  overflow-x:auto;
}
.price-table{
  width:100%;
  border-collapse:collapse;
  min-width:680px;
}
.price-table thead{background:var(--yellow)}
.price-table th{
  text-align:left;
  padding:22px 28px;
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:16px;
  letter-spacing:-.005em;
  color:var(--black);
  border-right:1px solid rgba(0,0,0,.1);
}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{
  padding:22px 28px;
  font-size:15px;
  border-bottom:1px solid var(--gray-100);
  border-right:1px solid var(--gray-100);
  color:var(--black);
}
.price-table td:last-child{
  border-right:none;
  text-align:right;
  font-family:'JetBrains Mono',monospace;
  font-weight:500;
}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{
  margin-top:24px;
  font-size:13px;
  color:var(--gray-600);
  display:flex;align-items:center;gap:12px;
}
.price-foot::before{
  content:"i";
  width:20px;height:20px;border-radius:50%;
  background:var(--black);color:var(--yellow);
  display:flex;align-items:center;justify-content:center;
  font-family:'Podkova',serif;font-weight:700;font-size:12px;
  flex-shrink:0;
}

/* ============ FAQ ============ */
.faq{background:var(--white)}
.faq-list{max-width:920px}
.faq-item{
  border-bottom:1px solid var(--gray-100);
}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{
  width:100%;
  background:none;border:none;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:28px 0;
  cursor:pointer;
  text-align:left;
  font-family:'Podkova',serif;
  font-weight:600;
  font-size:clamp(18px,1.8vw,22px);
  line-height:1.3;
  color:var(--black);
  letter-spacing:-.01em;
  transition:color .2s;
}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{
  flex-shrink:0;
  width:36px;height:36px;
  border:1px solid var(--black);
  display:flex;align-items:center;justify-content:center;
  position:relative;
  transition:background .2s;
}
.faq-toggle::before,.faq-toggle::after{
  content:"";
  position:absolute;
  background:var(--black);
  transition:transform .25s,background .2s;
}
.faq-toggle::before{width:14px;height:2px}
.faq-toggle::after{width:2px;height:14px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}
.faq-a-inner{
  padding:0 0 28px;
  max-width:760px;
  font-size:15px;
  line-height:1.65;
  color:var(--gray-600);
}

/* ============ TESTIMONIALS ============ */
.testimonials{background:var(--gray-50)}
.test-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{
  background:var(--white);
  padding:32px;
  display:flex;flex-direction:column;
  position:relative;
  border:1px solid transparent;
  transition:border-color .2s;
}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:18px;color:var(--yellow)}
.stars svg{width:18px;height:18px;fill:currentColor}
.test-quote{
  font-size:15px;
  line-height:1.6;
  color:var(--black);
  margin-bottom:24px;
  flex-grow:1;
}
.test-quote::before{
  content:"\201C";
  font-family:'Podkova',serif;
  font-size:48px;
  line-height:0;
  color:var(--yellow);
  vertical-align:-12px;
  margin-right:4px;
}
.test-author{
  display:flex;align-items:center;gap:14px;
  padding-top:20px;
  border-top:1px solid var(--gray-100);
}
.test-avatar{
  width:44px;height:44px;
  background:var(--black);
  color:var(--yellow);
  display:flex;align-items:center;justify-content:center;
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:16px;
  flex-shrink:0;
}
.test-meta strong{display:block;font-size:14px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:12px;color:var(--gray-400)}

/* ============ SEO ============ */
.seo{background:var(--white)}
.seo-content{
  max-width:840px;
  font-size:16px;
  line-height:1.7;
  color:var(--gray-600);
}
.seo-content h2{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:clamp(28px,3.5vw,42px);
  line-height:1.1;
  letter-spacing:-.02em;
  color:var(--black);
  margin:48px 0 20px;
}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{
  font-family:'Podkova',serif;
  font-weight:600;
  font-size:22px;
  line-height:1.2;
  color:var(--black);
  margin:36px 0 14px;
}
.seo-content p{margin-bottom:18px}
.seo-content ul{margin:18px 0 24px;padding-left:0;list-style:none}
.seo-content ul li{
  position:relative;padding-left:28px;margin-bottom:12px;
}
.seo-content ul li::before{
  content:"";
  position:absolute;left:0;top:12px;
  width:14px;height:2px;
  background:var(--yellow);
}
.seo-content strong{color:var(--black);font-weight:600}

/* ============ CAPTURE FORM ============ */
.capture{
  background:var(--black);
  color:var(--white);
  padding:120px 0;
  position:relative;
  overflow:hidden;
}
.capture::before{
  content:"";
  position:absolute;
  bottom:-300px;left:-200px;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);
}
.capture .wrap{position:relative;z-index:2}
.capture-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:80px;
  align-items:center;
}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--yellow);
  text-transform:uppercase;
  margin-bottom:20px;
}
.capture h2{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:clamp(36px,5vw,64px);
  line-height:1;
  letter-spacing:-.025em;
  margin-bottom:24px;
}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:17px;color:var(--gray-200);line-height:1.55;max-width:480px;margin-bottom:32px}
.capture-bullets{display:grid;gap:14px;list-style:none}
.capture-bullets li{
  display:flex;align-items:center;gap:14px;
  font-size:15px;color:var(--white);
}
.capture-bullets li::before{
  content:"";
  width:24px;height:24px;
  background:var(--yellow);
  flex-shrink:0;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");
  mask-size:contain;-webkit-mask-size:contain;
  mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
}
.capture-form{
  background:var(--black-2);
  padding:40px;
  border:1px solid rgba(245,197,24,.3);
  position:relative;
}
.capture-form::before{
  content:"";
  position:absolute;top:0;left:0;
  width:60px;height:6px;
  background:var(--yellow);
}
.capture-form h3{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:24px;
  margin-bottom:8px;
  color:var(--white);
  letter-spacing:-.01em;
}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:24px;line-height:1.5}
.capture-form .field input{
  background:transparent;
  border:1px solid rgba(255,255,255,.2);
  color:var(--white);
}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:20px}
.capture-form-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ============ INTERLINK ============ */
.interlink{background:var(--white)}
.inter-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{
  display:block;
  text-decoration:none;
  color:var(--black);
  background:var(--white);
  border:1px solid var(--gray-100);
  padding:32px;
  position:relative;
  transition:background .2s,border-color .2s;
  overflow:hidden;
}
.inter-card::after{
  content:"";
  position:absolute;
  bottom:0;left:0;
  width:100%;height:3px;
  background:var(--yellow);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s;
}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--gray-400);
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.inter-card h3{
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.01em;
  margin-bottom:10px;
}
.inter-card p{font-size:14px;color:var(--gray-600);line-height:1.55;margin-bottom:20px}
.inter-arrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--black);
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}

/* ============ FOOTER ============ */
.footer{
  background:var(--black);
  color:var(--white);
  padding:80px 0 32px;
  position:relative;
  overflow:hidden;
}
.footer::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--yellow),transparent);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:48px;
  margin-bottom:60px;
}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}

.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:32px;color:var(--white);letter-spacing:-.02em;margin-bottom:14px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:280px;margin-bottom:24px}
.footer-cert{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--gray-400);letter-spacing:.1em;
  padding:8px 12px;border:1px solid rgba(255,255,255,.1);
}
.footer h4{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--yellow);
  text-transform:uppercase;
  margin-bottom:20px;
  font-weight:500;
}
.footer ul{list-style:none}
.footer ul li{margin-bottom:10px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{
  display:block;
  font-family:'Podkova',serif;
  font-weight:700;
  font-size:24px;
  color:var(--white);
  margin-bottom:8px;
  letter-spacing:-.01em;
}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:6px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{
  padding-top:32px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:var(--gray-400);
  flex-wrap:wrap;gap:14px;
}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}


.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== uslugi ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

.breadcrumb{background:var(--black);padding:88px 0 0}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* HERO */
.hero{background:var(--black);color:var(--white);padding:40px 0 72px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:24px}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(40px,5.5vw,72px);line-height:.95;letter-spacing:-.03em;margin-bottom:18px}
.hero h1 .y{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.6;max-width:600px;margin-bottom:44px}
.hero-stats{display:flex;gap:48px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
.hstat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,50px);line-height:1;color:var(--yellow);letter-spacing:-.02em}
.hstat .lbl{margin-top:6px;font-size:13px;color:var(--gray-200);line-height:1.4}

/* КАРТОЧКИ УСЛУГ */
.services-section{padding:64px 0 96px;background:var(--white)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100)}
@media(max-width:960px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr}}

.service-card{background:var(--white);padding:36px 32px;display:flex;flex-direction:column;gap:0;text-decoration:none;color:var(--black);position:relative;overflow:hidden;transition:background .2s}
.service-card::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.service-card:hover{background:var(--gray-50)}
.service-card:hover::after{transform:scaleX(1)}

.sc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.sc-icon{width:56px;height:56px;background:var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sc-num{font-family:'Podkova',serif;font-weight:800;font-size:44px;line-height:1;color:var(--gray-100);letter-spacing:-.03em;align-self:flex-end}
.sc-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(18px,1.8vw,22px);line-height:1.15;letter-spacing:-.01em;margin-bottom:6px}
.sc-short{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.sc-desc{font-size:14px;color:var(--gray-600);line-height:1.6;margin-bottom:20px;flex-grow:1}
.sc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.sc-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;padding:4px 9px;background:var(--gray-50);color:var(--gray-600);border:1px solid var(--gray-100);transition:background .15s,border-color .15s}
.service-card:hover .sc-tag{background:var(--white);border-color:var(--gray-200)}
.sc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--gray-100)}
.sc-price{font-family:'Podkova',serif;font-weight:700;font-size:18px;color:var(--black)}
.sc-arrow{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black);transition:letter-spacing .2s}
.service-card:hover .sc-arrow{letter-spacing:.2em;color:var(--yellow)}

/* КАК МЫ РАБОТАЕМ */
.how{background:var(--yellow);padding:80px 0;position:relative;overflow:hidden}
.how::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none}
.how .wrap{position:relative;z-index:2}
.how-header{margin-bottom:48px}
.how-header .sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--black);margin-bottom:16px}
.how-header .sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black)}
.how-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black)}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
@media(max-width:900px){.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.how-grid{grid-template-columns:1fr}}
.how-step{padding-top:20px;border-top:2px solid var(--black)}
.how-step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(56px,7vw,88px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:16px}
.how-step h3{font-family:'Podkova',serif;font-weight:700;font-size:18px;letter-spacing:-.01em;margin-bottom:8px}
.how-step p{font-size:14px;color:var(--black);line-height:1.55}

/* CTA */
.cta{background:var(--black);color:var(--white);padding:80px 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.08),transparent 70%)}
.cta .wrap{position:relative;z-index:2}
.cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
@media(max-width:900px){.cta-grid{grid-template-columns:1fr;gap:48px}}
.cta-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:16px}
.cta h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.025em;margin-bottom:20px}
.cta h2 .y{color:var(--yellow)}
.cta p{font-size:16px;color:var(--gray-200);line-height:1.6;max-width:460px;margin-bottom:28px}
.cta-bullets{list-style:none;display:grid;gap:11px}
.cta-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white)}
.cta-bullets li::before{content:"";width:20px;height:20px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.cta-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative}
.cta-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow)}
.cta-form h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;color:var(--white);letter-spacing:-.01em;margin-bottom:6px}
.cta-form > p{font-size:14px;color:var(--gray-200);margin-bottom:20px;line-height:1.5}
.field{position:relative;margin-bottom:11px}
.field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.field input,.field select{width:100%;padding:30px 16px 10px;border:1px solid rgba(255,255,255,.15);background:transparent;font-family:'Inter',sans-serif;font-size:14px;color:var(--white);transition:border-color .15s;appearance:none;outline:none}
.field input:focus,.field select:focus{border-color:var(--yellow)}
.field select option{background:var(--black);color:var(--white)}
.btn-send{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s,box-shadow .2s;margin-top:4px}
.btn-send:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}
.form-foot{margin-top:10px;font-size:11px;color:var(--gray-400)}

/* POPUP */
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px}
.popup-inner{padding:40px 36px 32px}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.popup-inner > p{font-size:14px;color:var(--gray-600);margin-bottom:20px;line-height:1.5}
.popup-field{position:relative;margin-bottom:11px}
.popup-field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.popup-field input{width:100%;padding:30px 16px 10px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);outline:none;transition:border-color .15s}
.popup-field input:focus{border-color:var(--black)}
.popup-btn{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;transition:transform .15s}
.popup-btn:hover{transform:translateY(-2px)}
.popup-foot{margin-top:10px;font-size:11px;color:var(--gray-400)}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
[data-reveal].in{opacity:1;transform:none}

/* ===== kalkulator ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

.breadcrumb{background:var(--black);padding:88px 0 0}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* HERO */
.hero{background:var(--black);color:var(--white);padding:40px 0 64px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none}
.hero .wrap:not(.hero-grid){position:relative;z-index:2;max-width:760px}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:24px}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.03em;margin-bottom:18px}
.hero h1 .y{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,17px);color:var(--gray-200);line-height:1.6;max-width:560px}

/* СЕРВИС-ТАБЫ */
.service-tabs-wrap{background:var(--gray-50);border-bottom:1px solid var(--gray-100);position:sticky;top:72px;z-index:50}
.service-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:0}
.service-tabs::-webkit-scrollbar{display:none}
.stab{display:flex;align-items:center;gap:10px;padding:18px 22px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--gray-600);transition:color .2s,border-color .2s;margin-bottom:-1px}
.stab:hover{color:var(--black)}
.stab.active{color:var(--black);border-bottom-color:var(--yellow);font-weight:700}
.stab-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);background:var(--black);padding:2px 6px;font-weight:700}

/* КАЛЬКУЛЯТОР */
.calc-section{background:var(--white);padding:56px 0 96px}
.calc-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}
@media(max-width:960px){.calc-layout{grid-template-columns:1fr;gap:32px}}

/* КВИЗ */
.quiz{background:var(--black);border:1px solid rgba(245,197,24,.25);position:relative}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:5px;background:var(--yellow)}
.quiz-service{display:none}
.quiz-service.active{display:block}

.q-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}
.q-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s}
.q-progress-step.done,.q-progress-step.active{background:var(--yellow)}

.q-body{padding:36px 40px}
@media(max-width:640px){.q-body{padding:24px 20px}}
.q-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.q-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(20px,2.5vw,28px);line-height:1.15;color:var(--white);margin-bottom:28px;letter-spacing:-.01em}
.q-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}
@media(max-width:500px){.q-options{grid-template-columns:1fr}}
.q-option{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.q-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.05)}
.q-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.q-mark{width:20px;height:20px;border:1.5px solid currentColor;flex-shrink:0;position:relative;transition:background .15s}
.q-option.selected .q-mark{background:var(--yellow);border-color:var(--yellow)}
.q-option.selected .q-mark::after{content:"";position:absolute;inset:4px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%)}
.q-nav{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.q-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s;padding:0}
.q-back:hover{color:var(--white)}
.q-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em}
.q-next{background:var(--yellow);color:var(--black);border:none;padding:13px 24px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .15s,box-shadow .2s}
.q-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.q-next:disabled{opacity:.35;cursor:not-allowed}

/* РЕЗУЛЬТАТ */
.q-result{display:none;padding:36px 40px}
@media(max-width:640px){.q-result{padding:24px 20px}}
.q-result.shown{display:block}
.q-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.q-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(20px,2.5vw,26px);color:var(--white);letter-spacing:-.01em;margin-bottom:6px}
.q-price-big{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,68px);color:var(--yellow);line-height:1;letter-spacing:-.03em;margin:20px 0 8px}
.q-price-note{font-size:13px;color:var(--gray-200);line-height:1.5;max-width:440px;margin-bottom:24px}
.q-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:24px}
.qs-item .ql{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}
.qs-item .qv{font-size:13px;color:var(--white);font-weight:500}
.q-edit{background:none;border:1px solid rgba(255,255,255,.2);color:var(--gray-200);font-family:'Inter',sans-serif;font-size:13px;padding:10px 18px;cursor:pointer;transition:border-color .2s,color .2s;margin-bottom:20px;display:inline-flex;align-items:center;gap:8px}
.q-edit:hover{border-color:var(--yellow);color:var(--yellow)}
.q-result-form{display:grid;gap:10px}
.qrf-input{width:100%;padding:15px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .15s}
.qrf-input:focus{border-color:var(--yellow)}
.qrf-input::placeholder{color:rgba(255,255,255,.3)}
.qrf-btn{background:var(--yellow);color:var(--black);border:none;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .15s,box-shadow .2s}
.qrf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}

/* БОКОВАЯ ПАНЕЛЬ */
.calc-side{display:grid;gap:20px}
.side-card{background:var(--white);border:1px solid var(--gray-100);padding:28px}
.side-card h3{font-family:'Podkova',serif;font-weight:700;font-size:18px;letter-spacing:-.01em;margin-bottom:14px}
.why-list{display:grid;gap:10px;list-style:none}
.why-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--gray-600);line-height:1.5}
.why-list li::before{content:"";width:20px;height:20px;background:var(--yellow);flex-shrink:0;margin-top:1px;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.side-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ss-item{background:var(--black);padding:16px;text-align:center}
.ss-num{font-family:'Podkova',serif;font-weight:800;font-size:28px;color:var(--yellow);line-height:1}
.ss-lbl{font-size:11px;color:var(--gray-200);margin-top:5px;line-height:1.3}
.side-services{display:grid;gap:6px}
.ss-link{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--gray-50);text-decoration:none;color:var(--black);font-size:13px;font-weight:500;border:1px solid transparent;transition:border-color .15s,background .15s}
.ss-link:hover{border-color:var(--black);background:var(--white)}
.ss-link span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400)}

/* POPUP */
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.popup-inner > p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-field{position:relative;margin-bottom:12px}
.popup-field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.popup-field input{width:100%;padding:30px 16px 10px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);outline:none;transition:border-color .15s}
.popup-field input:focus{border-color:var(--black)}
.popup-btn{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s}
.popup-btn:hover{transform:translateY(-2px)}
.popup-foot{margin-top:10px;font-size:11px;color:var(--gray-400)}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].in{opacity:1;transform:none}

/* ===== faq ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}
.breadcrumb{background:var(--black);padding:88px 0 0}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}
.hero{background:var(--black);color:var(--white);padding:40px 0 64px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none}
.hero .wrap:not(.hero-grid){position:relative;z-index:2;max-width:800px}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:24px}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.03em;margin-bottom:18px}
.hero h1 .y{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,17px);color:var(--gray-200);line-height:1.6;max-width:560px}
.filter-wrap{background:var(--gray-50);border-bottom:1px solid var(--gray-100);position:sticky;top:72px;z-index:50}
.filter-inner{display:flex;overflow-x:auto;scrollbar-width:none;gap:0}
.filter-inner::-webkit-scrollbar{display:none}
.ftab{display:flex;align-items:center;gap:6px;padding:14px 18px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--gray-600);white-space:nowrap;transition:color .2s,border-color .2s;margin-bottom:-1px}
.ftab:hover{color:var(--black)}
.ftab.active{color:var(--black);border-bottom-color:var(--yellow);font-weight:700}
.ftab-count{font-family:'JetBrains Mono',monospace;font-size:10px;background:var(--gray-100);color:var(--gray-400);padding:2px 6px}
.ftab.active .ftab-count{background:var(--yellow);color:var(--black)}
.search-wrap{background:var(--white);border-bottom:1px solid var(--gray-100);padding:16px 0}
.search-inner{display:flex;align-items:center;gap:12px}
.search-box{position:relative;flex:1;max-width:520px}
.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}
#faqSearch{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);outline:none;transition:border-color .15s}
#faqSearch:focus{border-color:var(--black)}
#faqSearch::placeholder{color:var(--gray-400)}
.search-clear{display:none;background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:18px;padding:4px 8px;transition:color .2s}
.search-clear.visible{display:block}
.search-clear:hover{color:var(--black)}
#faqCount{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;white-space:nowrap}
.faq-section{padding:48px 0 96px;background:var(--white)}
.faq-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
@media(max-width:960px){.faq-layout{grid-template-columns:1fr}}
.faq-list{max-width:780px}
.faq-item{border-bottom:1px solid var(--gray-100)}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-item.hidden{display:none}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;gap:12px;padding:22px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(16px,1.6vw,19px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s}
.faq-q:hover{color:var(--yellow-dark)}
.faq-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.faq-cat-dot[data-cat="general"]{background:#888888}
.faq-cat-dot[data-cat="industrial"]{background:#F5C518}
.faq-cat-dot[data-cat="medical"]{background:#4A9EFF}
.faq-cat-dot[data-cat="energy"]{background:#FF6B35}
.faq-cat-dot[data-cat="heavy"]{background:#8BC34A}
.faq-cat-dot[data-cat="dismount"]{background:#E91E8C}
.faq-cat-dot[data-cat="safe"]{background:#9C27B0}
.faq-toggle{flex-shrink:0;width:32px;height:32px;border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s,border-color .2s;margin-left:auto}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s}
.faq-toggle::before{width:12px;height:2px}
.faq-toggle::after{width:2px;height:12px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a-inner{padding:0 0 24px 20px;max-width:680px;font-size:15px;line-height:1.7;color:var(--gray-600)}
.no-faq{display:none;padding:48px 0;font-family:'Podkova',serif;font-size:20px;color:var(--gray-400)}
.no-faq.visible{display:block}
.faq-side{display:grid;gap:20px;position:sticky;top:160px}
@media(max-width:960px){.faq-side{position:static}}
.side-nav{background:var(--gray-50);border:1px solid var(--gray-100);padding:24px}
.side-nav h3{font-family:'Podkova',serif;font-weight:700;font-size:16px;letter-spacing:-.01em;margin-bottom:16px}
.side-nav-list{list-style:none;display:grid;gap:4px}
.side-nav-list a{display:flex;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;font-size:13px;color:var(--gray-600);font-weight:500;transition:background .15s,color .15s;border:1px solid transparent}
.side-nav-list a:hover{background:var(--white);border-color:var(--gray-100);color:var(--black)}
.snl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.side-cta{background:var(--black);padding:28px;position:relative}
.side-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--yellow)}
.side-cta p{font-size:14px;color:var(--gray-200);line-height:1.55;margin-bottom:16px}
.side-cta a{display:block;background:var(--yellow);color:var(--black);text-align:center;padding:13px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;margin-bottom:8px;transition:background .15s}
.side-cta a.ghost{background:transparent;border:1px solid rgba(245,197,24,.4);color:var(--yellow)}
.cta-bottom{background:var(--black);color:var(--white);padding:72px 0;text-align:center;position:relative;overflow:hidden}
.cta-bottom::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.cta-bottom .wrap{position:relative;z-index:2;max-width:640px;margin:0 auto}
.cta-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:16px}
.cta-bottom h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.025em;margin-bottom:16px}
.cta-bottom h2 .y{color:var(--yellow)}
.cta-bottom p{font-size:16px;color:var(--gray-200);line-height:1.6;margin-bottom:32px}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-y{background:var(--yellow);color:var(--black);padding:16px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .2s}
.btn-y:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}
.btn-ghost-w{color:var(--white);padding:16px 32px;font-family:'Inter',sans-serif;font-weight:500;font-size:14px;text-decoration:none;border:1px solid rgba(255,255,255,.3);transition:border-color .2s,color .2s}
.btn-ghost-w:hover{border-color:var(--yellow);color:var(--yellow)}
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px}
.popup-inner{padding:40px 36px 32px}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.popup-inner > p{font-size:14px;color:var(--gray-600);margin-bottom:20px;line-height:1.5}
.popup-field{position:relative;margin-bottom:11px}
.popup-field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.popup-field input{width:100%;padding:30px 16px 10px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);outline:none;transition:border-color .15s}
.popup-field input:focus{border-color:var(--black)}
.popup-btn{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;transition:transform .15s}
.popup-btn:hover{transform:translateY(-2px)}
.popup-foot{margin-top:10px;font-size:11px;color:var(--gray-400)}
.popup-foot a{color:var(--gray-600);text-decoration:underline}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
[data-reveal].in{opacity:1;transform:none}

/* ===== proekty ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

.breadcrumb{background:var(--black);padding:88px 0 0}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* HERO */
.hero{background:var(--black);color:var(--white);padding:48px 0 80px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%)}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:28px}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(40px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:24px}
.hero h1 .y{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.6;max-width:640px;margin-bottom:48px}
.hero-stats{display:flex;gap:48px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.hstat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(36px,4.5vw,56px);line-height:1;color:var(--yellow);letter-spacing:-.02em}
.hstat .lbl{margin-top:6px;font-size:13px;color:var(--gray-200);line-height:1.4}

/* ФИЛЬТРЫ */
.filters{background:var(--gray-50);border-bottom:1px solid var(--gray-100);position:sticky;top:72px;z-index:50}
.filters-inner{display:flex;align-items:center;gap:0;overflow-x:auto;padding:0;scrollbar-width:none}
.filters-inner::-webkit-scrollbar{display:none}
.filter-btn{background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--gray-600);padding:16px 22px;white-space:nowrap;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
.filter-btn:hover{color:var(--black)}
.filter-btn.active{color:var(--black);border-bottom-color:var(--yellow);font-weight:700}

/* ПРОЕКТЫ */
.projects{padding:64px 0 96px;background:var(--white)}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}

.project-card{background:var(--white);border:1px solid var(--gray-100);display:flex;flex-direction:column;transition:border-color .2s,transform .2s;cursor:pointer;overflow:hidden}
.project-card:hover{border-color:var(--black);transform:translateY(-4px)}
.project-card.hidden{display:none}

.pc-img{height:220px;background:var(--black);position:relative;overflow:hidden;flex-shrink:0}
.pc-img-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pc-img svg{width:64px;height:64px;color:rgba(245,197,24,.25)}
.pc-cat{position:absolute;top:16px;left:16px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;background:var(--yellow);color:var(--black);padding:5px 10px;font-weight:700}
.pc-city{position:absolute;top:16px;right:16px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-200);letter-spacing:.1em}
.pc-body{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.pc-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.pc-weight{font-family:'Podkova',serif;font-weight:800;font-size:28px;color:var(--yellow);line-height:1;letter-spacing:-.02em}
.pc-weight small{font-size:.45em;font-weight:500;color:var(--gray-400);font-family:'JetBrains Mono',monospace;letter-spacing:.1em}
.pc-divider{width:1px;height:28px;background:var(--gray-100)}
.pc-duration{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em}
.pc-body h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--black);margin-bottom:10px}
.pc-body p{font-size:14px;color:var(--gray-600);line-height:1.6;flex-grow:1;margin-bottom:16px}
.pc-tags{display:flex;gap:6px;flex-wrap:wrap}
.pc-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;padding:4px 8px;background:var(--gray-50);color:var(--gray-600);border:1px solid var(--gray-100)}
.pc-footer{padding:16px 24px;border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}
.pc-year{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em}
.pc-arrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:6px;transition:gap .2s}
.project-card:hover .pc-arrow{gap:10px}

/* NO RESULTS */
.no-results{display:none;text-align:center;padding:80px 0;color:var(--gray-400);font-family:'Podkova',serif;font-size:24px}

/* FEATURED — большая карточка */
.project-card.featured{grid-column:span 2}
@media(max-width:640px){.project-card.featured{grid-column:span 1}}
.project-card.featured .pc-img{height:320px}
.project-card.featured .pc-body h3{font-size:24px}
.project-card.featured .pc-weight{font-size:40px}

/* CTA */
.cta-section{background:var(--black);color:var(--white);padding:96px 0;position:relative;overflow:hidden}
.cta-section::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%)}
.cta-section .wrap{position:relative;z-index:2}
.cta-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
@media(max-width:900px){.cta-grid{grid-template-columns:1fr;gap:48px}}
.cta-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px}
.cta-section h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px}
.cta-section h2 .y{color:var(--yellow)}
.cta-section p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px}
.cta-bullets{display:grid;gap:12px;list-style:none}
.cta-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white)}
.cta-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.cta-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative}
.cta-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow)}
.cta-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em}
.cta-form > p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.field input{width:100%;padding:32px 16px 12px;border:1px solid rgba(255,255,255,.2);background:transparent;font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--white);transition:border-color .15s}
.field input:focus{outline:none;border-color:var(--yellow)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;width:100%}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.cta-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* POPUP */
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px;transition:color .2s}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.popup-inner > p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-field{position:relative;margin-bottom:14px}
.popup-field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.popup-field input{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;color:var(--black);transition:border-color .15s}
.popup-field input:focus{outline:none;border-color:var(--black)}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* SVG иконки для плейсхолдеров */
.icon-machine{color:rgba(245,197,24,.2)}

/* ===== goroda ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

.breadcrumb{background:var(--black);padding:88px 0 0}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* HERO */
.hero{background:var(--black);color:var(--white);padding:48px 0 72px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%)}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:28px}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(40px,5.5vw,72px);line-height:.95;letter-spacing:-.03em;margin-bottom:20px}
.hero h1 .y{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.6;max-width:620px;margin-bottom:44px}
.hero-stats{display:flex;gap:48px;flex-wrap:wrap}
.hstat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(36px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em}
.hstat .lbl{margin-top:6px;font-size:13px;color:var(--gray-200)}

/* ПОИСК */
.search-section{background:var(--gray-50);border-bottom:1px solid var(--gray-100);padding:24px 0;position:sticky;top:72px;z-index:50}
.search-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.search-box{position:relative;flex:1;min-width:240px;max-width:480px}
.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}
#citySearch{width:100%;padding:14px 16px 14px 48px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;color:var(--black);transition:border-color .15s;outline:none}
#citySearch:focus{border-color:var(--black)}
#citySearch::placeholder{color:var(--gray-400)}
.search-count{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;white-space:nowrap}
.search-clear{display:none;background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:20px;line-height:1;padding:4px 8px;transition:color .2s}
.search-clear:hover{color:var(--black)}
.search-clear.visible{display:block}

/* РЕГИОНЫ */
.cities-section{padding:56px 0 96px;background:var(--white)}
.region-block{margin-bottom:56px}
.region-block.hidden{display:none}
.region-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:2px solid var(--gray-100);position:relative}
.region-header::after{content:"";position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:var(--yellow)}
.region-icon{width:48px;height:48px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.region-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.02em;color:var(--black);margin-bottom:2px}
.region-count{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase}
.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.city-card{display:block;padding:11px 16px;background:var(--white);border:1px solid var(--gray-100);text-decoration:none;color:var(--black);font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.city-card:hover{background:var(--black);color:var(--yellow);border-color:var(--black)}
.city-card.hidden{display:none}

/* НЕТ РЕЗУЛЬТАТОВ */
.no-results{display:none;padding:64px 0;text-align:center}
.no-results.visible{display:block}
.no-results p{font-family:'Podkova',serif;font-size:22px;color:var(--gray-400);margin-bottom:16px}
.no-results span{font-size:14px;color:var(--gray-600)}

/* CTA */
.cta-section{background:var(--black);color:var(--white);padding:80px 0;position:relative;overflow:hidden}
.cta-section::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.08),transparent 70%)}
.cta-inner{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto}
.cta-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:20px}
.cta-section h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,54px);line-height:1.05;letter-spacing:-.025em;margin-bottom:18px}
.cta-section h2 .y{color:var(--yellow)}
.cta-section p{font-size:16px;color:var(--gray-200);line-height:1.6;margin-bottom:36px}
.cta-form-inline{display:flex;gap:0;max-width:500px;margin:0 auto}
.cta-form-inline input{flex:1;padding:18px 20px;border:none;background:var(--white);font-family:'Inter',sans-serif;font-size:15px;color:var(--black);outline:none}
.cta-form-inline button{background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:18px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:background .2s}
.cta-form-inline button:hover{background:var(--yellow-dark)}
.cta-foot{margin-top:14px;font-size:12px;color:var(--gray-400)}

/* POPUP */
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px;transition:color .2s}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.popup-inner > p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-field{position:relative;margin-bottom:14px}
.popup-field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.popup-field input{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;color:var(--black);transition:border-color .15s;outline:none}
.popup-field input:focus{border-color:var(--black)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;background:var(--yellow);color:var(--black);padding:18px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;border:none;cursor:pointer;text-transform:uppercase;transition:transform .15s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].in{opacity:1;transform:none}

/* ===== kontakty ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

.breadcrumb{background:var(--black);padding:88px 0 0}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* HERO */
.hero{background:var(--black);color:var(--white);padding:48px 0 72px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:28px}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px}
.hero h1 .y{color:var(--yellow)}
.hero-contacts{display:grid;gap:18px;margin-top:8px}
.hc-item{display:flex;align-items:center;gap:16px}
.hc-icon{width:44px;height:44px;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.2);display:flex;align-items:center;justify-content:center;color:var(--yellow);flex-shrink:0}
.hc-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:4px}
.hc-value{font-size:16px;font-weight:600;color:var(--white);text-decoration:none;transition:color .2s}
.hc-value:hover{color:var(--yellow)}
.hc-sub{font-size:12px;color:var(--gray-400);margin-top:2px}
.hero-form-box{background:var(--black-2);border:1px solid rgba(245,197,24,.3);padding:36px;position:relative}
.hero-form-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.hfb-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.hero-form-box h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);letter-spacing:-.01em;margin-bottom:6px}
.hero-form-box > p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.field{position:relative;margin-bottom:12px}
.field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.field input,.field textarea,.field select{width:100%;padding:30px 16px 10px;border:1px solid rgba(255,255,255,.15);background:transparent;font-family:'Inter',sans-serif;font-size:14px;color:var(--white);transition:border-color .15s;resize:none}
.field textarea{padding-top:28px;min-height:90px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--yellow)}
.btn-send{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s,box-shadow .2s;margin-top:4px}
.btn-send:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}
.form-foot{margin-top:10px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ПОИСК + ТАБЛИЦА */
.offices{padding:64px 0 96px;background:var(--white)}
.offices-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.offices-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);letter-spacing:-.02em}
.search-box{position:relative;width:320px}
@media(max-width:640px){.search-box{width:100%}}
.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}
#officeSearch{width:100%;padding:13px 14px 13px 42px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);outline:none;transition:border-color .15s}
#officeSearch:focus{border-color:var(--black)}
#officeSearch::placeholder{color:var(--gray-400)}

/* ТАБЫ РЕГИОНОВ */
.region-tabs{display:flex;gap:0;overflow-x:auto;margin-bottom:28px;border-bottom:2px solid var(--gray-100);scrollbar-width:none}
.region-tabs::-webkit-scrollbar{display:none}
.rtab{background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--gray-600);padding:12px 18px;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.rtab:hover{color:var(--black)}
.rtab.active{color:var(--black);border-bottom-color:var(--yellow);font-weight:700}

/* ТАБЛИЦА */
.table-wrap{overflow-x:auto;border:1px solid var(--gray-100)}
table.offices-table{width:100%;border-collapse:collapse;min-width:680px}
.offices-table thead{background:var(--yellow)}
.offices-table th{text-align:left;padding:16px 20px;font-family:'Podkova',serif;font-weight:700;font-size:14px;color:var(--black);border-right:1px solid rgba(0,0,0,.08)}
.offices-table th:last-child{border-right:none}
.offices-table td{padding:16px 20px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-50);vertical-align:middle}
.offices-table tr:last-child td{border-bottom:none}
.offices-table tr:hover td{background:var(--gray-50)}
.offices-table tr.hidden{display:none}
.td-city{font-family:'Podkova',serif;font-weight:700;font-size:16px;color:var(--black);white-space:nowrap}
.td-addr{color:var(--gray-600);line-height:1.4}
.addr-index{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400)}
.td-phone a{color:var(--black);text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;white-space:nowrap}
.td-phone a:hover{color:var(--yellow)}
.badge-247{display:inline-block;background:var(--black);color:var(--yellow);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;padding:4px 8px;font-weight:700}
.btn-order{background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:9px 18px;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:background .15s,transform .15s}
.btn-order:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.no-offices{display:none;padding:48px;text-align:center;font-family:'Podkova',serif;font-size:20px;color:var(--gray-400)}
.no-offices.visible{display:block}
.offices-count{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;margin-bottom:20px}

/* POPUP */
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px;transition:color .2s}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.popup-inner > p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-field{position:relative;margin-bottom:12px}
.popup-field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.popup-field input{width:100%;padding:30px 16px 10px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);transition:border-color .15s;outline:none}
.popup-field input:focus{border-color:var(--black)}
.popup-btn{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s,box-shadow .2s;margin-top:4px}
.popup-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}
.popup-foot{margin-top:10px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].in{opacity:1;transform:none}

/* ===== o-kompanii ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== ОБЩИЕ ===== */
.section{padding:96px 0}
@media(max-width:768px){.section{padding:64px 0}}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:currentColor;}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* ===== HERO ===== */
.about-hero{background:var(--black);color:var(--white);padding:48px 0 80px;position:relative;overflow:hidden;}
.about-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.about-hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);pointer-events:none;}
.about-hero .wrap{position:relative;z-index:2}
.ah-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.ah-grid{grid-template-columns:1fr;gap:48px}}
.ah-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);margin-bottom:28px;}
.ah-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.about-hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(40px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.about-hero h1 .y{color:var(--yellow)}
.about-hero .lead{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.6;max-width:520px;margin-bottom:40px;}
.ah-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.ah-stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(36px,4.5vw,56px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.ah-stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.ah-quote{background:var(--black-2);border:1px solid rgba(245,197,24,.3);padding:44px;position:relative;}
.ah-quote::before{content:"";position:absolute;top:0;left:0;width:64px;height:6px;background:var(--yellow);}
.ah-quote blockquote{font-family:'Podkova',serif;font-size:clamp(20px,2.2vw,26px);line-height:1.35;letter-spacing:-.01em;color:var(--white);margin-bottom:28px;font-weight:600;padding-left:20px;border-left:4px solid var(--yellow);}
.ah-quote blockquote::before{content:none}
.ah-founder{display:flex;align-items:center;gap:16px;}
.ah-founder-avatar{width:52px;height:52px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:800;font-size:18px;flex-shrink:0;}
.ah-founder strong{display:block;color:var(--white);font-size:15px;font-weight:600;margin-bottom:3px;}
.ah-founder span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;text-transform:uppercase;}

/* ===== ИСТОРИЯ ===== */
.history{background:var(--white)}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
@media(max-width:900px){.history-grid{grid-template-columns:1fr;gap:48px}}
.history-text h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;margin-bottom:20px;}
.history-text p{font-size:16px;line-height:1.7;color:var(--gray-600);margin-bottom:18px;}
.history-text strong{color:var(--black);font-weight:600;}
.timeline{display:grid;gap:0;}
.tl-item{display:grid;grid-template-columns:72px 1fr;gap:0 28px;padding-bottom:36px;position:relative;}
.tl-item:not(:last-child)::after{content:"";position:absolute;top:12px;left:87px;bottom:0;width:2px;background:var(--gray-100);}
.tl-year{font-family:'Podkova',serif;font-weight:800;font-size:18px;color:var(--yellow);line-height:1;padding-top:2px;flex-shrink:0;}
.tl-dot{display:none;}
.tl-content{padding-left:16px;position:relative;}
.tl-content::before{content:"";position:absolute;left:-8px;top:7px;width:10px;height:10px;background:var(--yellow);border-radius:50%;}
.tl-content strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:5px;}
.tl-content span{font-size:14px;color:var(--gray-600);line-height:1.55;}

/* ===== ЦИФРЫ ===== */
.numbers{background:var(--yellow);position:relative;overflow:hidden;}
.numbers::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.numbers .wrap{position:relative;z-index:2}
.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
@media(max-width:900px){.nums-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.nums-grid{grid-template-columns:1fr 1fr}}
.num-card{padding-top:20px;border-top:2px solid var(--black);}
.num-card .big{font-family:'Podkova',serif;font-weight:800;font-size:clamp(48px,6vw,80px);line-height:.9;color:var(--black);letter-spacing:-.03em;}
.num-card .lbl{margin-top:12px;font-size:14px;color:var(--black);line-height:1.4;font-weight:500;}

/* ===== КАК МЫ РАБОТАЕМ ===== */
.how{background:var(--white)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:768px){.how-grid{grid-template-columns:1fr}}
.how-card{background:var(--white);padding:40px 32px;position:relative;}
.how-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.how-card:hover::after{transform:scaleX(1)}
.how-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:20px;}
.how-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;letter-spacing:-.01em;margin-bottom:12px;}
.how-card p{font-size:14px;color:var(--gray-600);line-height:1.6;}

/* ===== КОМАНДА ===== */
.team{background:var(--gray-50)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.team-grid{grid-template-columns:1fr 1fr}}
.team-card{background:var(--white);padding:28px 24px;text-align:center;border:1px solid transparent;transition:border-color .2s,transform .2s;}
.team-card:hover{border-color:var(--black);transform:translateY(-4px)}
.team-avatar{width:72px;height:72px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:800;font-size:24px;margin:0 auto 16px;}
.team-card h3{font-family:'Podkova',serif;font-weight:700;font-size:17px;line-height:1.2;letter-spacing:-.01em;margin-bottom:6px;}
.team-card .role{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;}
.team-card p{font-size:13px;color:var(--gray-600);line-height:1.5;}

/* ===== ПРЕИМУЩЕСТВА (о компании) ===== */
.adv{background:var(--black);color:var(--white);}
.adv .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);}
@media(max-width:768px){.adv .adv-grid{grid-template-columns:1fr}}
.adv .adv-card{background:var(--black);padding:36px 28px;position:relative;transition:background .2s;}
.adv .adv-card:hover{background:var(--black-2)}
.adv .adv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.adv .adv-card:hover::before{transform:scaleX(1)}
.adv .adv-card .ico{width:44px;height:44px;background:var(--yellow);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.adv .adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;color:var(--white);margin-bottom:10px;}
.adv .adv-card p{font-size:14px;color:var(--gray-200);line-height:1.6;}

/* ===== ПАРТНЁРЫ / КЛИЕНТЫ ===== */
.clients{background:var(--white)}
.clients-lead{font-size:16px;color:var(--gray-600);max-width:600px;margin-bottom:48px;line-height:1.6;}
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:768px){.clients-grid{grid-template-columns:repeat(2,1fr)}}
.client-cell{background:var(--white);padding:32px 24px;display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--gray-400);letter-spacing:-.01em;text-align:center;transition:color .2s,background .2s;min-height:90px;}
.client-cell:hover{background:var(--gray-50);color:var(--black)}

/* ===== ФОРМА ===== */
.capture{background:var(--black);color:var(--white);padding:96px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form > p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input{width:100%;padding:32px 16px 12px;border:1px solid rgba(255,255,255,.2);background:transparent;font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--white);transition:border-color .15s;}
.field input:focus{outline:none;border-color:var(--yellow)}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;width:100%;justify-content:center;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== POPUP ===== */
.popup-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px;}
.popup-overlay.open{display:flex}
.popup-box{background:var(--white);max-width:480px;width:100%;position:relative;}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:20px;transition:color .2s;}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-field{position:relative;margin-bottom:14px}
.popup-field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.popup-field input{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;color:var(--black);transition:border-color .15s;}
.popup-field input:focus{outline:none;border-color:var(--black)}
.popup-btn{width:100%;justify-content:center;padding:18px}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== takелаж-промышленного-оборудования ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== takелаж-медицинского-оборудования ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== takелаж-энергетического-оборудования ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== peремещение-тяжёлых-грузов ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== демонтаж-и-монтаж ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}

/* ===== takелаж-сейфов ===== */
:root{
  --black:#0A0A0A;--black-2:#141414;--yellow:#F5C518;--yellow-dark:#D9AC0F;
  --white:#FFFFFF;--gray-50:#F5F5F5;--gray-100:#EAEAEA;
  --gray-200:#D4D4D4;--gray-400:#888888;--gray-600:#3A3A3A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.wrap{padding:0 20px}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,197,24,.15);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:8px}
.nav-logo{font-family:'Podkova',serif;font-weight:800;font-size:24px;color:var(--white);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
.nav-logo span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:0;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap;height:72px;}
.nav-links > li > a:hover,.nav-links > li > button:hover{color:var(--yellow)}
.nav-arrow{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s;flex-shrink:0;}
.nav-links > li.open > button .nav-arrow{transform:rotate(-135deg) translateY(0)}
.nav-dropdown{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;}
.nav-links > li.open .nav-dropdown{opacity:1;pointer-events:auto;transform:none}
.nav-dropdown a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:var(--gray-200);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(245,197,24,.07);color:var(--yellow)}
.nav-dropdown .dd-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);width:18px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.nav-phone{font-family:'JetBrains Mono',monospace;color:var(--yellow);font-weight:500;font-size:14px;text-decoration:none;line-height:1;}
.nav-email{font-size:11px;color:var(--gray-400);text-decoration:none;transition:color .2s;}
.nav-email:hover{color:var(--yellow)}
.nav-btn{background:var(--yellow);color:var(--black);border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;text-decoration:none;white-space:nowrap;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,197,24,.3)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;align-items:center;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform .25s,opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--black);border-bottom:2px solid var(--yellow);padding:12px 0 24px;z-index:99;max-height:calc(100vh - 72px);overflow-y:auto;}
.nav-mobile.open{display:block}
.nav-mobile-link{display:block;padding:11px 24px;color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.nav-mobile-link:hover{color:var(--yellow)}
.nav-mobile-section{padding:10px 24px 4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-top:10px;}
.nav-mobile-sub{padding-left:36px !important;color:var(--gray-200) !important;font-size:13px !important}
.nav-mobile-cta{margin:16px 24px 0;display:block;background:var(--yellow);color:var(--black);text-align:center;padding:14px;font-weight:700;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;}
@media(max-width:960px){.nav-links{display:none}.nav-burger{display:flex}}

/* ===== BREADCRUMB ===== */
.breadcrumb{background:var(--black);padding:88px 0 0;}
.bc-inner{padding:16px 0;display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;}
.bc-inner a{color:var(--gray-400);text-decoration:none;transition:color .2s;}
.bc-inner a:hover{color:var(--yellow)}
.bc-sep{color:var(--gray-600)}
.bc-cur{color:var(--yellow)}

/* ===== HERO ===== */
.hero{background:var(--black);color:var(--white);padding:32px 0 64px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top right,black 30%,transparent 70%);}
.hero::after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border:1px solid rgba(245,197,24,.3);border-radius:2px;margin-bottom:28px;}
.hero-tag::before{content:"";width:6px;height:6px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-family:'Podkova',serif;font-weight:800;font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.03em;margin-bottom:28px;}
.hero h1 .accent{color:var(--yellow)}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray-200);line-height:1.55;max-width:560px;margin-bottom:32px;}
.hero-cta-row{display:flex;gap:16px;align-items:center;margin-bottom:52px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);padding:18px 32px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .2s;text-transform:uppercase;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,197,24,.35)}
.btn-primary .arrow{transition:transform .2s}
.btn-primary:hover .arrow{transform:translateX(4px)}
.btn-ghost{color:var(--white);text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:2px;}
.btn-ghost:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1);}
.stat .num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1;color:var(--yellow);letter-spacing:-.02em;}
.stat .lbl{margin-top:8px;font-size:13px;color:var(--gray-200);line-height:1.4;}
.hero-form{background:var(--white);color:var(--black);padding:36px;position:relative;border:1px solid rgba(245,197,24,.4);}
.hero-form::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--yellow);}
.hero-form-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:12px;}
.hero-form h3{font-family:'Podkova',serif;font-weight:700;font-size:24px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;}
.hero-form p{font-size:14px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}
.field{position:relative;margin-bottom:14px}
.field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;}
.field input,.field select,.field textarea{width:100%;padding:32px 16px 12px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--black);transition:border-color .15s;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black)}
.hero-form .btn-primary{width:100%;justify-content:center;padding:20px}
.hero-form-foot{margin-top:16px;font-size:11px;color:var(--gray-400);line-height:1.5;}
.hero-form-foot a{color:var(--gray-600);text-decoration:underline}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
@media(max-width:768px){.section{padding:72px 0}}
.sec-header{margin-bottom:56px;max-width:780px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:18px;}
.sec-eyebrow::before{content:"";width:32px;height:1px;background:var(--black);}
.sec-eyebrow.on-yellow{color:var(--black)}.sec-eyebrow.on-yellow::before{background:var(--black)}
.sec-eyebrow.on-dark{color:var(--gray-400)}.sec-eyebrow.on-dark::before{background:var(--yellow)}
.sec-title{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;color:var(--black);}
.sec-title .accent{color:var(--yellow);background:var(--black);padding:0 14px}

/* ===== WHAT WE DO (услуги внутри страницы) ===== */
.what{background:var(--white)}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-100);border:1px solid var(--gray-100);}
@media(max-width:900px){.what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.what-card{background:var(--black);color:var(--white);padding:36px 28px;position:relative;transition:background .25s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.what-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.what-card:hover::before{transform:scaleX(1)}
.what-card:hover{background:var(--black-2)}
.what-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--yellow);letter-spacing:.2em;margin-bottom:18px;}
.what-card h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin-bottom:10px;}
.what-card p{font-size:14px;color:var(--gray-200);line-height:1.55;flex-grow:1}

/* ===== WHY IMPORTANT ===== */
.important{background:var(--white)}
.imp-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;}
@media(max-width:900px){.imp-grid{grid-template-columns:1fr;gap:48px}}
.imp-image{position:relative;aspect-ratio:4/5;background:var(--gray-50);border:1px solid var(--gray-100);overflow:hidden;}
.imp-image::before{content:"";position:absolute;top:24px;left:24px;width:48px;height:48px;background:var(--yellow);z-index:2;}
.imp-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 22px);}
.imp-placeholder svg{width:50%;max-width:280px;color:var(--gray-200);opacity:.7;}
.imp-image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,rgba(10,10,10,.85),transparent);color:var(--white);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.imp-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-.02em;color:var(--black);margin-bottom:20px;}
.imp-content > p{font-size:16px;line-height:1.65;color:var(--gray-600);margin-bottom:24px;}
.imp-points{list-style:none;display:grid;gap:18px;margin-top:28px}
.imp-points li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--gray-100);}
.imp-points li:last-child{border-bottom:none}
.imp-points .pn{font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--yellow);background:var(--black);width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.imp-points .pt strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:4px;}
.imp-points .pt span{font-size:14px;color:var(--gray-600);line-height:1.5}

/* ===== STEPS ===== */
.steps{background:var(--yellow);position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 24px,rgba(0,0,0,.025) 24px,rgba(0,0,0,.025) 48px);pointer-events:none;}
.steps .wrap{position:relative;z-index:2}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:24px;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr}}
.step{position:relative;padding-top:20px}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--black);}
.step-num{font-family:'Podkova',serif;font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.85;color:var(--black);letter-spacing:-.04em;margin-bottom:20px;}
.step-num sup{font-size:.25em;vertical-align:top;margin-left:4px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.1em;}
.step h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--black);margin-bottom:10px;}
.step p{font-size:14px;color:var(--black);line-height:1.55}

/* ===== ADVANTAGES ===== */
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.adv-grid{grid-template-columns:1fr}}
.adv-card{border:1px solid var(--gray-100);padding:32px 28px;transition:border-color .2s,transform .2s;}
.adv-card:hover{border-color:var(--black);transform:translateY(-4px)}
.adv-card .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);margin-bottom:18px;}
.adv-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.adv-card p{color:var(--gray-600);font-size:14px;line-height:1.55}

/* ===== QUIZ ===== */
.quiz-section{background:var(--black);color:var(--white);position:relative;overflow:hidden;}
.quiz-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);}
.quiz-section .wrap{position:relative;z-index:2}
.quiz-section .sec-title{color:var(--white)}
.quiz-section .sec-title .accent{color:var(--black);background:var(--yellow)}
.quiz-section .sec-eyebrow{color:var(--gray-400)}.quiz-section .sec-eyebrow::before{background:var(--yellow)}
.quiz-intro{font-size:16px;color:var(--gray-200);max-width:520px;margin-top:14px;line-height:1.6}
.quiz{max-width:920px;margin:0 auto;background:var(--black-2);border:1px solid rgba(245,197,24,.3);position:relative;}
.quiz::before{content:"";position:absolute;top:0;left:0;width:80px;height:6px;background:var(--yellow);}
.quiz-progress{display:flex;border-bottom:1px solid rgba(255,255,255,.08);}
.quiz-progress-step{flex:1;height:4px;background:rgba(255,255,255,.1);transition:background .3s;}
.quiz-progress-step.done,.quiz-progress-step.active{background:var(--yellow)}
.quiz-body{padding:44px 52px}
@media(max-width:640px){.quiz-body{padding:28px 20px}}
.quiz-step-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-question{font-family:'Podkova',serif;font-weight:700;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--white);margin-bottom:32px;}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;}
@media(max-width:560px){.quiz-options{grid-template-columns:1fr}}
.quiz-option{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.quiz-option:hover{border-color:var(--yellow);background:rgba(245,197,24,.04)}
.quiz-option.selected{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.quiz-option .qi-mark{width:22px;height:22px;border:1px solid currentColor;flex-shrink:0;position:relative;transition:background .2s;}
.quiz-option.selected .qi-mark{background:var(--yellow);border-color:var(--yellow)}
.quiz-option.selected .qi-mark::after{content:"";position:absolute;inset:5px;background:var(--black);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,80% 5%,40% 65%);}
.quiz-input-block{margin-bottom:32px;display:grid;gap:12px}
.quiz-input{width:100%;padding:18px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;transition:border-color .2s;}
.quiz-input:focus{outline:none;border-color:var(--yellow)}
.quiz-input::placeholder{color:rgba(255,255,255,.35)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);}
.quiz-back{background:none;border:none;color:var(--gray-400);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.quiz-back:hover{color:var(--white)}.quiz-back:disabled{opacity:0;pointer-events:none}
.quiz-counter{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray-400);letter-spacing:.1em;}
.quiz-next{background:var(--yellow);color:var(--black);border:none;padding:14px 28px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s;}
.quiz-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,.3)}
.quiz-next:disabled{opacity:.4;cursor:not-allowed}
.quiz-result{display:none;padding:44px 52px;text-align:center}
@media(max-width:640px){.quiz-result{padding:28px 20px}}
.quiz-result.shown{display:block}
.quiz-result-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;}
.quiz-result h3{font-family:'Podkova',serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
.quiz-price{font-family:'Podkova',serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--yellow);letter-spacing:-.03em;margin:28px 0 10px;}
.quiz-price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:13px;color:var(--gray-200);letter-spacing:0;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5;}
.quiz-result-form{margin:28px auto 0;max-width:420px;display:grid;gap:12px;}
.quiz-result-form .quiz-input{text-align:center}
.quiz-result-form .btn-primary{justify-content:center;padding:18px}
.quiz-result-summary{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;text-align:left;}
.qrs-item .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;}
.qrs-item .val{color:var(--white);font-size:13px;font-weight:500}

/* ===== PRICE ===== */
.price{background:var(--gray-50)}
.price-table-wrap{background:var(--white);border:1px solid var(--gray-100);overflow-x:auto;}
.price-table{width:100%;border-collapse:collapse;min-width:580px;}
.price-table thead{background:var(--yellow)}
.price-table th{text-align:left;padding:20px 24px;font-family:'Podkova',serif;font-weight:700;font-size:15px;color:var(--black);border-right:1px solid rgba(0,0,0,.1);}
.price-table th:last-child{border-right:none;text-align:right}
.price-table td{padding:20px 24px;font-size:14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--black);}
.price-table td:last-child{border-right:none;text-align:right;font-family:'JetBrains Mono',monospace;font-weight:500;}
.price-table tbody tr:last-child td{border-bottom:none}
.price-table tbody tr:hover{background:var(--gray-50)}
.price-name{font-weight:600;display:flex;flex-direction:column;gap:4px}
.price-name a{color:inherit;text-decoration:none;font-weight:inherit}
.price-name a:hover{text-decoration:underline}
.price-name small{font-size:12px;color:var(--gray-400);font-weight:400}
.price-foot{margin-top:20px;font-size:13px;color:var(--gray-600);display:flex;align-items:center;gap:12px;}
.price-foot::before{content:"i";width:20px;height:20px;border-radius:50%;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:12px;flex-shrink:0;}

/* ===== FAQ ===== */
.faq{background:var(--white)}
.faq-list{max-width:880px}
.faq-item{border-bottom:1px solid var(--gray-100);}
.faq-item:first-child{border-top:1px solid var(--gray-100)}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;text-align:left;font-family:'Podkova',serif;font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--black);letter-spacing:-.01em;transition:color .2s;}
.faq-q:hover{color:var(--yellow-dark)}
.faq-toggle{flex-shrink:0;width:34px;height:34px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;background:var(--black);transition:transform .25s,background .2s;}
.faq-toggle::before{width:13px;height:2px}.faq-toggle::after{width:2px;height:13px}
.faq-item.open .faq-toggle{background:var(--yellow);border-color:var(--yellow)}
.faq-item.open .faq-toggle::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 0 24px;max-width:720px;font-size:15px;line-height:1.65;color:var(--gray-600);}

/* ===== TESTIMONIALS ===== */
.testimonials{background:var(--gray-50)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.test-grid{grid-template-columns:1fr}}
.test-card{background:var(--white);padding:28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .2s;}
.test-card:hover{border-color:var(--black)}
.stars{display:flex;gap:2px;margin-bottom:16px;color:var(--yellow)}
.stars svg{width:16px;height:16px;fill:currentColor}
.test-quote{font-size:14px;line-height:1.6;color:var(--black);margin-bottom:20px;flex-grow:1}
.test-quote::before{content:"\201C";font-family:'Podkova',serif;font-size:44px;line-height:0;color:var(--yellow);vertical-align:-11px;margin-right:4px;}
.test-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--gray-100);}
.test-avatar{width:40px;height:40px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Podkova',serif;font-weight:700;font-size:14px;flex-shrink:0;}
.test-meta strong{display:block;font-size:13px;font-weight:600;color:var(--black);margin-bottom:2px}
.test-meta small{font-size:11px;color:var(--gray-400)}

/* ===== SEO ===== */
.seo{background:var(--white)}
.seo-content{max-width:840px;font-size:16px;line-height:1.7;color:var(--gray-600);}
.seo-content h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--black);margin:44px 0 18px;}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-family:'Podkova',serif;font-weight:600;font-size:21px;line-height:1.2;color:var(--black);margin:32px 0 12px;}
.seo-content p{margin-bottom:16px}
.seo-content ul{margin:16px 0 22px;padding-left:0;list-style:none}
.seo-content ul li{position:relative;padding-left:26px;margin-bottom:10px;}
.seo-content ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--yellow);}
.seo-content strong{color:var(--black);font-weight:600}

/* ===== CAPTURE ===== */
.capture{background:var(--black);color:var(--white);padding:100px 0;position:relative;overflow:hidden;}
.capture::before{content:"";position:absolute;bottom:-300px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,197,24,.1),transparent 70%);}
.capture .wrap{position:relative;z-index:2}
.capture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;}
@media(max-width:900px){.capture-grid{grid-template-columns:1fr;gap:48px}}
.capture-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;}
.capture h2{font-family:'Podkova',serif;font-weight:700;font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.025em;margin-bottom:22px;}
.capture h2 .y{color:var(--yellow)}
.capture p{font-size:16px;color:var(--gray-200);line-height:1.55;max-width:460px;margin-bottom:28px;}
.capture-bullets{display:grid;gap:12px;list-style:none}
.capture-bullets li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white);}
.capture-bullets li::before{content:"";width:22px;height:22px;background:var(--yellow);flex-shrink:0;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'><polyline points='5,12 10,17 19,7'/></svg>");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.capture-form{background:var(--black-2);padding:36px;border:1px solid rgba(245,197,24,.3);position:relative;}
.capture-form::before{content:"";position:absolute;top:0;left:0;width:60px;height:6px;background:var(--yellow);}
.capture-form h3{font-family:'Podkova',serif;font-weight:700;font-size:22px;margin-bottom:8px;color:var(--white);letter-spacing:-.01em;}
.capture-form>p{font-size:14px;color:var(--gray-200);margin-bottom:22px;line-height:1.5}
.capture-form .field input{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);}
.capture-form .field input:focus{border-color:var(--yellow)}
.capture-form .field label{color:var(--gray-400)}
.capture-form .btn-primary{width:100%;justify-content:center;padding:18px}
.capture-form-foot{margin-top:12px;font-size:11px;color:var(--gray-400);line-height:1.5}

/* ===== INTERLINK ===== */
.interlink{background:var(--white)}
.inter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.inter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.inter-grid{grid-template-columns:1fr}}
.inter-card{display:block;text-decoration:none;color:var(--black);background:var(--white);border:1px solid var(--gray-100);padding:28px;position:relative;transition:background .2s,border-color .2s;overflow:hidden;}
.inter-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.inter-card:hover{background:var(--gray-50);border-color:var(--black)}
.inter-card:hover::after{transform:scaleX(1)}
.inter-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.inter-card h3{font-family:'Podkova',serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px;}
.inter-card p{font-size:13px;color:var(--gray-600);line-height:1.55;margin-bottom:18px;}
.inter-arrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--black);font-weight:600;letter-spacing:.15em;text-transform:uppercase;}

/* ===== FOOTER ===== */
.footer{background:var(--black);color:var(--white);padding:72px 0 28px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:'Podkova',serif;font-weight:800;font-size:30px;color:var(--white);letter-spacing:-.02em;margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-tag{font-size:13px;color:var(--gray-200);line-height:1.55;max-width:260px;margin-bottom:22px}
.footer-cert{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray-400);letter-spacing:.1em;padding:8px 12px;border:1px solid rgba(255,255,255,.1);}
.footer h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-weight:500;}
.footer ul{list-style:none}
.footer ul li{margin-bottom:9px}
.footer ul a{color:var(--gray-200);text-decoration:none;font-size:14px;transition:color .2s}
.footer ul a:hover{color:var(--yellow)}
.footer-contact strong{display:block;font-family:'Podkova',serif;font-weight:700;font-size:22px;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-contact a{color:var(--gray-200);text-decoration:none;font-size:14px;display:block;margin-bottom:5px}
.footer-contact a:hover{color:var(--yellow)}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-400);flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:var(--gray-400);text-decoration:none}
.footer-bottom a:hover{color:var(--yellow)}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].in{opacity:1;transform:none}

/* === TYPING === */
.typing-wrap{display:flex;align-items:center;min-height:44px;margin-bottom:24px;font-family:'Podkova',serif;font-weight:600;font-size:clamp(18px,2vw,26px);color:var(--white);}
.typing-text{color:var(--yellow)}
.cursor{display:inline-block;width:3px;height:1.1em;background:var(--yellow);margin-left:5px;animation:blink 1s step-end infinite;vertical-align:text-bottom;}
@keyframes blink{50%{opacity:0}}

/* === POPUP === */
.popup-overlay{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex}
.popup-box{
  background:var(--white);
  max-width:480px;width:100%;
  position:relative;
}
.popup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow);}
.popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;cursor:pointer;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  color:var(--gray-400);font-size:20px;transition:color .2s;
}
.popup-close:hover{color:var(--black)}
.popup-inner{padding:40px 36px 32px;}
.popup-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;}
.popup-inner h3{font-family:'Podkova',serif;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;}
.popup-inner p{font-size:14px;color:var(--gray-600);margin-bottom:22px;line-height:1.5}
.popup-foot{margin-top:14px;font-size:11px;color:var(--gray-400);line-height:1.5}
.popup-foot a{color:var(--gray-600);text-decoration:underline}

/* === QUIZ EDIT BUTTON === */
.quiz-result-edit{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:none;border:1px solid rgba(255,255,255,.2);
  color:var(--gray-200);
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 20px;cursor:pointer;
  transition:border-color .2s,color .2s;
}
.quiz-result-edit:hover{border-color:var(--yellow);color:var(--yellow)}

.nav-dropdown a img{
  width:28px;height:28px;flex-shrink:0;display:block;
  /* PNG чёрный фон — убираем через mix-blend-mode */
  mix-blend-mode:lighten;
}


/* ===== WordPress integration ===== */
.hero .wrap.hero-grid{max-width:1280px}

/* Isolate hero layout — monolithic main.css bleeds page-specific rules globally */
body:not(.tonarius-home) .hero{min-height:auto}

.tonarius-home .hero{
  min-height:100vh;
  padding:120px 0 60px;
}

.tonarius-goroda .hero{padding:48px 0 72px}
.tonarius-goroda .hero .wrap{max-width:1280px}
.tonarius-goroda .hero-stats{display:flex;gap:48px;flex-wrap:wrap;padding-top:0;border-top:none}

.tonarius-faq .hero{padding:40px 0 64px}
.tonarius-faq .hero .wrap:not(.hero-grid){max-width:800px}

.tonarius-kontakty .hero{padding:48px 0 72px}
.tonarius-kontakty .hero .wrap{max-width:1280px}
.tonarius-kontakty .hero-grid{grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.tonarius-kontakty .hero-grid{grid-template-columns:1fr;gap:40px}}

.tonarius-kalkulator .hero{padding:40px 0 64px}
.tonarius-kalkulator .hero .wrap:not(.hero-grid){max-width:760px}

.tonarius-cf7 .wpcf7-form .field > p{margin:0}
.hero-form .tonarius-cf7 .field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none;line-height:1;z-index:2}
.hero-form .tonarius-cf7 .field input,
.hero-form .tonarius-cf7 .field select{padding:30px 16px 10px}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
.nav-links .sub-menu{position:absolute;top:72px;left:0;min-width:290px;background:var(--black);border:1px solid rgba(245,197,24,.25);border-top:3px solid var(--yellow);padding:6px 0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200;list-style:none}
.nav-links li{position:relative}
.nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{opacity:1;pointer-events:auto;transform:none}
.nav-links .sub-menu a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--white);text-decoration:none;font-size:13px;line-height:1.25}
.nav-links .sub-menu a:hover{background:rgba(245,197,24,.08);color:var(--yellow)}
.tonarius-cf7 .wpcf7-form{display:grid;gap:12px}
.tonarius-cf7 .wpcf7-form p{margin:0}
.tonarius-cf7 .wpcf7-form br{display:none}
.tonarius-cf7 .wpcf7-form .field,
.tonarius-cf7 .wpcf7-form .quiz-field,
.tonarius-cf7 .wpcf7-form .callback-field,
.tonarius-cf7 .wpcf7-form .popup-field{position:relative}
.tonarius-cf7 .wpcf7-form .wpcf7-form-control-wrap{display:block}
.tonarius-cf7 input,.tonarius-cf7 textarea,.tonarius-cf7 select{width:100%;border:1px solid var(--gray-100);padding:18px 16px;font:inherit;background:var(--white);color:var(--black)}
.tonarius-cf7 textarea{min-height:96px;resize:vertical}
.tonarius-cf7 input[type=submit]{background:var(--yellow);border:none;color:var(--black);font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.tonarius-cf7 input[type=submit]::after{content:""}
.tonarius-cf7 .field label{position:absolute;top:12px;left:16px;font-size:11px;letter-spacing:.15em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.tonarius-cf7 .field input,
.tonarius-cf7 .field select{padding:30px 16px 10px}
.tonarius-cf7 .field textarea{padding:30px 16px 12px;min-height:110px}
.tonarius-cf7 .quiz-input{text-align:center}
.tonarius-cf7.variant-name-phone .field-equipment,
.tonarius-cf7.variant-name-phone .field-service,
.tonarius-cf7.variant-name-phone .field-message,
.tonarius-cf7.variant-equipment-phone .field-name,
.tonarius-cf7.variant-equipment-phone .field-service,
.tonarius-cf7.variant-equipment-phone .field-message,
.tonarius-cf7.variant-name-phone-message .field-equipment,
.tonarius-cf7.variant-name-phone-message .field-service,
.tonarius-cf7.variant-service-select .field-equipment,
.tonarius-cf7.variant-service-select .field-message,
.tonarius-cf7.variant-popup-name-phone .field-equipment,
.tonarius-cf7.variant-popup-name-phone .field-service,
.tonarius-cf7.variant-popup-name-phone .field-message,
.tonarius-cf7.variant-popup-equipment-phone .field-name,
.tonarius-cf7.variant-popup-equipment-phone .field-service,
.tonarius-cf7.variant-popup-equipment-phone .field-message{display:none}
.tonarius-cf7.variant-quiz .wpcf7-form p{display:grid;gap:12px}
.tonarius-cf7.variant-callback .wpcf7-form p{display:grid;gap:12px}
.hero-form .tonarius-cf7 input[type=submit],
.capture-form .tonarius-cf7 input[type=submit]{width:100%;justify-content:center;padding:20px;display:inline-flex;align-items:center;gap:10px}
.hero-form .tonarius-cf7 input[type=submit]{padding:20px}
.capture-form .tonarius-cf7 input[type=submit]{padding:18px}
.tonarius-cf7.context-popup .field label,
.tonarius-cf7.context-popup .field input,
.tonarius-cf7.context-popup .field select,
.tonarius-cf7.context-popup .field textarea{font-size:14px}
.tonarius-cf7.context-popup .popup-field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.tonarius-cf7.context-popup .popup-field input,
.tonarius-cf7.context-popup .popup-field select{padding:30px 16px 10px;border:1px solid var(--gray-200);background:var(--white);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);transition:border-color .15s;outline:none}
.tonarius-cf7.context-popup .popup-field input:focus,
.tonarius-cf7.context-popup .popup-field select:focus{border-color:var(--black)}
.tonarius-cf7.context-popup input[type=submit]{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s,box-shadow .2s;margin-top:4px}
.tonarius-cf7.context-popup input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}
.hero-form-box .tonarius-cf7 .field{margin-bottom:12px}
.hero-form-box .tonarius-cf7 .field label{position:absolute;top:11px;left:16px;font-size:10px;letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-weight:500;pointer-events:none}
.hero-form-box .tonarius-cf7 .field input,
.hero-form-box .tonarius-cf7 .field textarea{width:100%;padding:30px 16px 10px;border:1px solid rgba(255,255,255,.15);background:transparent;font-family:'Inter',sans-serif;font-size:14px;color:var(--white);transition:border-color .15s;resize:none}
.hero-form-box .tonarius-cf7 .field textarea{padding-top:28px;min-height:90px}
.hero-form-box .tonarius-cf7 .field input:focus,
.hero-form-box .tonarius-cf7 .field textarea:focus{outline:none;border-color:var(--yellow)}
.hero-form-box .tonarius-cf7 input[type=submit]{width:100%;background:var(--yellow);color:var(--black);border:none;cursor:pointer;padding:17px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s,box-shadow .2s;margin-top:4px}
.hero-form-box .tonarius-cf7 input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,197,24,.3)}
.cta-form .tonarius-cf7 .field select{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--white);outline:none}
.cta-form .tonarius-cf7 .field select:focus{border-color:var(--yellow)}
.cta-form .tonarius-cf7 .field select option{background:var(--black);color:var(--white)}
.tonarius-cf7.variant-callback .wpcf7-form{display:grid;gap:12px}
.tonarius-cf7.variant-callback input[type=submit]{width:100%}
.tonarius-fallback-form{display:grid;gap:12px}
.tonarius-fallback-form input,.tonarius-fallback-form textarea{width:100%;border:1px solid var(--gray-100);padding:18px 16px;font:inherit}
.tonarius-fallback-form button{background:var(--yellow);border:none;color:var(--black);padding:18px;font-weight:700;text-transform:uppercase;cursor:pointer}
.city-areas{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.city-areas span{display:inline-flex;border:1px solid var(--gray-100);padding:8px 12px;font-size:13px}
.city-reviews-empty{color:var(--gray-400)}

/* Important section — real service photos */
#tonarius-site .imp-placeholder img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#tonarius-site .imp-placeholder:has(> img) {
  background: var(--black);
  background-image: none;
}

#tonarius-site .imp-image:has(.imp-placeholder > img) .imp-image-caption {
  display: none;
}

#tonarius-site .imp-image:has(.imp-placeholder > img)::before,
#tonarius-site .imp-image:has(.imp-placeholder > img)::after {
  display: none;
  content: none;
}