/* "Why OCHE" story section under the hero */
.why{--gold:#f2c14e;--lime:#a4e400;--ink:#f3efe6;max-width:1400px;margin:0 auto;padding:clamp(70px,9vw,120px) 24px clamp(40px,6vw,70px);font-family:'Sora',sans-serif;color:var(--ink)}
.why-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px 'JetBrains Mono',monospace;letter-spacing:.24em;color:var(--gold)}
.why-eyebrow:before{content:'';width:26px;height:2px;background:var(--gold)}
.why-h{margin:18px 0 0;max-width:1000px;font:400 clamp(40px,5.4vw,84px)/.95 'Archivo Black',sans-serif;letter-spacing:-.01em}
.why-h em{font-style:normal;color:var(--gold)}
.why-sub{margin:24px 0 0;max-width:820px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#d6d1c5}
.why-label{margin:clamp(48px,6vw,72px) 0 18px;font:700 12px 'JetBrains Mono',monospace;letter-spacing:.22em;color:#9a958a}
.why-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.why-way{position:relative;padding:26px 24px 24px;border-radius:24px;background:#141715;box-shadow:inset 0 0 0 1px rgba(243,239,230,.08)}
.why-way svg{display:block;margin-bottom:18px}
.why-way h3{margin:0;font:400 24px/1.1 'Archivo Black',sans-serif}
.why-way p{margin:10px 0 0;font-size:15px;line-height:1.55;color:#c9c4b8}
.why-tag{position:absolute;top:22px;right:20px;height:24px;padding:0 10px;border-radius:12px;display:flex;align-items:center;font:700 10px 'JetBrains Mono',monospace;letter-spacing:.12em}
.t-live{background:rgba(61,220,132,.14);color:#3ddc84}.t-soon{background:rgba(242,193,78,.14);color:var(--gold)}.t-test{background:rgba(79,179,255,.14);color:#4fb3ff}.t-prod{background:rgba(164,228,0,.16);color:var(--lime)}
.why-screens{display:flex;flex-wrap:wrap;gap:10px}
.why-screens span{height:44px;padding:0 20px;border-radius:22px;display:flex;align-items:center;font-weight:700;font-size:15px;background:rgba(243,239,230,.05);box-shadow:inset 0 0 0 1px rgba(243,239,230,.1)}
.why-road{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.why-card{position:relative;grid-column:span 2;padding:26px 24px 24px;border-radius:24px;background:#141715;box-shadow:inset 0 0 0 1px rgba(243,239,230,.08);display:flex;flex-direction:column;gap:10px}
.why-card.big{grid-column:span 3;background:radial-gradient(ellipse at 100% 0%,rgba(164,228,0,.16) 0%,rgba(164,228,0,0) 55%),#141715;box-shadow:inset 0 0 0 1px rgba(164,228,0,.25)}
.why-card .price{font:400 clamp(44px,4.4vw,64px)/.9 'Archivo Black',sans-serif;color:var(--lime)}
.why-card h3{margin:0;font:400 22px/1.1 'Archivo Black',sans-serif}
.why-card p{margin:0;font-size:15px;line-height:1.55;color:#c9c4b8}
.why-card a{margin-top:auto;font-weight:800;font-size:14px;color:var(--lime)}
.why-close{margin-top:clamp(48px,6vw,72px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border-radius:28px;background:linear-gradient(100deg,rgba(242,193,78,.14),rgba(242,193,78,.03));box-shadow:inset 0 0 0 1px rgba(242,193,78,.3)}
.why-close div{font:400 clamp(24px,2.6vw,38px)/1.05 'Archivo Black',sans-serif}
.why-btn{display:inline-flex;align-items:center;height:56px;padding:0 30px;border-radius:28px;background:var(--gold);color:#0d0f0e !important;text-decoration:none !important;font:400 18px 'Archivo Black',sans-serif}
@media (max-width:900px){
  .why{padding:56px 18px 30px}
  .why-ways{grid-template-columns:1fr}
  .why-road{grid-template-columns:1fr}.why-card,.why-card.big{grid-column:auto}
  .why-close{padding:22px}.why-btn{width:100%;justify-content:center}
}
.why-h{max-width:1200px}
.why-card .why-tag{position:static;align-self:flex-start;margin-bottom:2px}