.hero{padding:clamp(56px,8vw,104px) 0 clamp(48px,7vw,88px)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,5vw,60px);display:grid}.hero h1{letter-spacing:0;margin:20px 0 26px;font-size:clamp(2.3rem,5.6vw,4.1rem);font-weight:700;line-height:1.42}.hero h1 .hl{color:var(--primary-strong)}.hero .lead{color:var(--muted);max-width:44ch;min-height:1.7em;margin-bottom:30px;font-size:clamp(1.05rem,2vw,1.22rem)}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.code-window{background:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:.86rem;overflow:hidden}.code-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:13px 16px;display:flex}.code-dot{border-radius:50%;width:11px;height:11px}.code-bar .t{color:#fff6;margin-inline-start:auto;font-size:.74rem}.code-body{color:#cde9e0;text-align:left;direction:ltr;padding:18px 20px;line-height:2}.code-body .ln{white-space:pre}.code-body .k{color:#7dd3fc}.code-body .s{color:#5dcaa5}.code-body .c{color:#6b8076}.code-body .f{color:#a5b4fc}.quote-card{flex-direction:column;gap:14px;display:flex}.quote-card .stars{color:var(--primary);letter-spacing:2px;font-size:.9rem}.quote-card .text{font-size:1rem;line-height:1.8}.quote-card .who{align-items:center;gap:12px;margin-top:auto;display:flex}.quote-card .av{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-strong);font-weight:700;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.quote-card .who .name{font-size:.94rem;font-weight:600}.quote-card .who .role{color:var(--muted);font-size:.82rem}.partners{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.partner{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:150px;max-width:200px;height:76px;color:var(--muted-2);flex:1;place-items:center;font-weight:600;transition:border-color .2s,color .2s;display:grid}.partner:hover{border-color:var(--primary-line);color:var(--primary-strong)}.partner img{object-fit:contain;max-width:80%;max-height:44px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.code-window{order:-1}}