
:root{--g:#20262b;--g2:#30383e;--y:#f2c230;--paper:#f7f7f4;--muted:#626b72;--line:#e1e4e6}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--g)}
.stage26-hero{background:linear-gradient(135deg,#20262b,#30383e);color:#fff;padding:54px 0 46px}
.stage26-hero .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
.stage26-hero h1{font-size:clamp(2.15rem,4.5vw,4rem);line-height:1.02;margin:0 0 18px;letter-spacing:-.035em}
.stage26-hero p{font-size:1.08rem;line-height:1.55;color:#e4e7e9;max-width:660px;margin:0 0 22px}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.hero-points li{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 11px;font-size:.9rem}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-actions a{min-height:50px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}
.hero-actions .primary{background:var(--y);color:var(--g)}
.hero-actions .secondary{border:1px solid #697177;color:#fff}
.hero-photo{background:#fff;border-radius:18px;padding:12px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.hero-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#f6f6f3}
.stage26-trust{background:#fff;border-bottom:1px solid var(--line)}
.stage26-trust .trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{padding:18px 14px;text-align:center;border-right:1px solid var(--line);font-weight:750}
.trust-item:last-child{border-right:0}
.stage25-catalog{padding:48px 0}
.stage25-catalog>div>h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:8px}
.stage25-catalog>div>p:first-of-type{max-width:760px;color:var(--muted);font-size:1.02rem}
.product-card-25{transition:transform .18s ease,box-shadow .18s ease}
.product-card-25:hover{transform:translateY(-2px);box-shadow:0 9px 28px rgba(20,24,28,.10)}
.stage26-how{padding:44px 0;background:#fff}
.stage26-how h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.how-step{border:1px solid var(--line);border-radius:14px;padding:18px}
.how-step b{display:grid;place-items:center;width:34px;height:34px;background:var(--y);border-radius:50%;margin-bottom:12px}
.how-step h3{font-size:1rem;margin:0 0 7px}
.how-step p{font-size:.92rem;line-height:1.45;color:var(--muted);margin:0}
.mobile-buybar{display:none}
@media(max-width:800px){
 .stage26-hero{padding:28px 0 30px}
 .stage26-hero .hero-grid{grid-template-columns:1fr;gap:22px}
 .stage26-hero h1{font-size:2.45rem}
 .hero-photo{order:-1}
 .stage26-trust .trust-row{grid-template-columns:1fr 1fr}
 .trust-item:nth-child(2){border-right:0}
 .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .how-grid{grid-template-columns:1fr 1fr}
 body{padding-bottom:72px}
 .mobile-buybar{position:fixed;z-index:999;display:grid;grid-template-columns:1fr 1fr;gap:8px;left:0;right:0;bottom:0;background:#fff;padding:9px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px rgba(0,0,0,.13)}
 .mobile-buybar a{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}
 .mobile-buybar .call{border:1px solid #ccd1d5;color:var(--g)}
 .mobile-buybar .calc{background:var(--y);color:var(--g)}
}
@media(max-width:520px){
 .stage26-hero h1{font-size:2.1rem}
 .stage26-hero p{font-size:1rem}
 .hero-actions{display:grid;grid-template-columns:1fr}
 .hero-actions a{width:100%}
 .how-grid{grid-template-columns:1fr}
 .trust-item{font-size:.88rem;padding:15px 8px}
}
