/* ============================================================
   OSNOVANO — главная
   ============================================================ */

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 28px 90px}
.hero-flow{width:min(190px,32vw);height:auto;margin-bottom:36px;overflow:visible}
.brandname{font-family:var(--display);font-weight:900;font-size:clamp(38px,12.5vw,190px);line-height:.9;letter-spacing:-.03em;white-space:nowrap}
.brandname span{display:inline-block}
.descr{font-family:var(--mono);font-size:clamp(10px,1.35vw,14px);letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin:24px 0 40px}
.promise{font-family:var(--display);font-weight:400;font-size:clamp(15px,3.3vw,42px);line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.promise b{font-weight:700;color:var(--signal)}
.hero .btn{margin-top:50px}
.hero-tag{position:absolute;left:28px;bottom:24px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mute)}
.hero-mfz{position:absolute;right:28px;bottom:24px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mute)}
.scroll-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:1px;height:34px;background:linear-gradient(var(--line-hi),transparent);animation:hintpulse 2s ease-in-out infinite}
@keyframes hintpulse{0%,100%{opacity:.3}50%{opacity:1}}

/* ---------- что такое OSNOVANO ---------- */
.what{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.what-lead{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.7vw,34px);line-height:1.3;letter-spacing:-.02em}
.what-lead b{font-weight:700}
.what-body p{color:var(--mute);max-width:46ch}
.what-body p+p{margin-top:16px}
.what-body b{color:var(--paper);font-weight:500}

/* ---------- формула ---------- */
.formula{display:flex;align-items:stretch;gap:1px;background:var(--line);border:1px solid var(--line);flex-wrap:wrap}
.fstep{flex:1;min-width:150px;background:var(--ink);padding:30px 24px;position:relative}
.fstep .fn{font-family:var(--mono);font-size:11px;color:var(--signal);letter-spacing:.14em}
.fstep h3{font-family:var(--display);font-weight:700;font-size:clamp(16px,1.7vw,20px);margin:14px 0 8px;letter-spacing:-.01em}
.fstep p{font-size:14px;color:var(--mute);line-height:1.6}
.fstep .arrow{position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:2;color:var(--line-hi);font-size:18px;background:var(--ink);padding:2px}
.fstep:last-child .arrow{display:none}

/* ---------- продукт на главной ---------- */
.prodblock{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}
.prodblock .visual{position:relative;display:flex;align-items:center;justify-content:center;padding:20px}
.prodblock .visual::before{content:"";position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:88%;height:70%;background:radial-gradient(closest-side,rgba(255,90,31,.20),rgba(255,90,31,.05) 55%,transparent 76%);z-index:0;filter:blur(4px)}
.prodblock .visual img{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.prod-status{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);border:1px solid var(--signal-dim);border-radius:2px;padding:7px 13px}
.prod-status i{width:6px;height:6px;border-radius:50%;background:var(--signal);display:block;box-shadow:0 0 8px var(--signal)}
.prodblock h3{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.02em;line-height:1.05;margin-bottom:8px}
.prodblock .ptagline{color:var(--mute);font-size:clamp(16px,1.7vw,19px);margin-bottom:24px}
.prod-specs{border-top:1px solid var(--line);margin:24px 0}
.prod-specs div{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.prod-specs .sk{color:var(--mute);text-transform:uppercase;min-width:96px;letter-spacing:.12em}
.prod-specs .sv{color:var(--paper)}
.prod-foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}
.prod-price{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em}
.prod-price s{color:var(--mute);font-weight:400;font-size:.62em;text-decoration:none;display:block;letter-spacing:.02em}

/* ---------- навигация к разделам ---------- */
.jumps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.jump{background:var(--ink);padding:44px 34px;transition:background .25s;position:relative;overflow:hidden}
.jump:hover{background:var(--panel)}
.jump .jk{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.jump h3{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;margin:14px 0 10px}
.jump p{color:var(--mute);font-size:15px;max-width:38ch}
.jump .jarrow{margin-top:20px;color:var(--signal);font-family:var(--mono);font-size:13px;letter-spacing:.08em;display:inline-flex;gap:10px;transition:gap .2s}
.jump:hover .jarrow{gap:16px}

@media(max-width:820px){
  .what,.prodblock{grid-template-columns:1fr;gap:32px}
  .jumps{grid-template-columns:1fr}
  .prodblock .visual{order:-1;max-width:440px;margin:0 auto}
}
@media(max-width:680px){
  .hero-mfz{display:none}
  .fstep{min-width:calc(50% - 1px)}
}