/* A short, reversible scroll journey. The catalogue remains the next section. */
.hero{display:block;padding:0;min-height:0;overflow:visible;height:calc(100svh + 680px);background:#0d1729}
.hero-stage{position:sticky;top:88px;height:calc(100svh - 88px);min-height:610px;overflow:hidden;isolation:isolate;background:#101a2d}
.hero-grid{height:calc(100% - 70px);grid-template-columns:1.02fr 1.05fr;gap:0;align-items:center}
.hero-copy{padding:30px 0;z-index:3}.hero h1{font-size:clamp(66px,7.4vw,108px)}
.hero-visual{height:100%;max-height:680px;min-height:440px;width:100%;transform:none!important;will-change:auto;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
#network-art{width:100%;height:100%;display:block}
.orbit-label{top:9%;right:8%;font-size:9px;letter-spacing:.18em;opacity:calc(1 - var(--earth-focus,0) * .6)}
.earth-coordinate{position:absolute;bottom:13%;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.16em;color:#799bc5;opacity:calc(.5 + var(--earth-focus,0) * .5)}
.network-caption{bottom:8%;color:#c0d4ec;font-size:9px;letter-spacing:.045em}.network-caption .live-dot{background:#ff9b4c;box-shadow:0 0 12px #ff8d3f}
.hero-bottom{position:absolute;left:0;right:0;bottom:23px;margin:0 auto;padding-top:22px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.04em}
.hero-bottom a{white-space:nowrap;color:#c1d4ee;text-decoration:none;padding:7px 0}.earth-scroll{display:flex;align-items:center;gap:13px;white-space:nowrap}.earth-scroll>span{color:#ffad6c;font-size:20px}
.earth-progress{height:1px;flex:1;background:#c0d5f025;overflow:hidden}.earth-progress>span{height:100%;display:block;background:linear-gradient(90deg,#82bfff,#ffa55b);transform-origin:left;transform:scaleX(var(--earth-progress,0));box-shadow:0 0 8px #96c7ff}
.ambient-scene{background:radial-gradient(ellipse at 76% 43%,#183b6660,transparent 48%),linear-gradient(115deg,#0d1727,#122039 65%,#191d34)}
.hero .eyebrow-dot{background:#ffae71;box-shadow:0 0 10px #ff974d55}.hero-note{color:#9fb0cc}
.earth-credit{font-size:10px;opacity:.65}
.mobile-order{position:fixed}.hero-on-screen .mobile-order{opacity:0;visibility:hidden;pointer-events:none}
@media(min-width:1500px){.hero{min-height:0}.hero-visual{height:100%}}
@media(max-width:1050px) and (min-width:761px){.hero h1{font-size:65px}.hero .eyebrow{font-size:8px}.hero-actions{gap:8px}.hero-actions .button{padding:0 17px;font-size:11px}.hero-lead{font-size:14px;max-width:340px}}
@media(max-width:760px){
 .hero{padding:0;height:calc(100svh + 520px)}.hero-stage{top:72px;height:calc(100svh - 72px);min-height:650px}
 .hero-grid{height:calc(100% - 68px);display:flex;flex-direction:column;align-items:stretch;gap:0}
 .hero-copy{padding:25px 0 0;flex:0 0 auto}.hero .eyebrow{font-size:7px;margin-bottom:13px}.hero h1{font-size:clamp(48px,12.5vw,72px);margin-bottom:14px;line-height:1}.hero h1 br{display:none}.hero h1 span{display:block}
 .hero-lead{font-size:12px;line-height:1.65;margin:0;max-width:410px}.hero-actions{margin-top:17px;gap:8px;flex-wrap:nowrap}.hero-actions .button{padding:0 15px;min-height:44px;font-size:10px}.hero-note{display:none}
 .hero-visual{flex:1 1 auto;min-height:260px;max-height:none;max-width:520px;align-self:center;margin-top:0}
 .orbit-label{top:10%;right:0;font-size:7px}.earth-coordinate{bottom:9%;font-size:7px}.network-caption{bottom:3%;font-size:8px}
 .hero-bottom{bottom:17px;padding-top:13px;gap:13px;font-size:8px}.earth-scroll{gap:7px;white-space:normal;max-width:190px}.earth-scroll>span{font-size:16px}.hero-bottom a{font-size:9px}.earth-progress{min-width:15px}
}
@media(max-height:720px) and (min-width:761px){.hero-stage{top:88px;min-height:520px}.hero h1{font-size:70px}.hero-copy{padding:10px 0}.hero-visual{min-height:360px}.hero-note{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-stage{position:relative;top:auto;height:auto;min-height:660px}.hero-grid{min-height:570px}.hero-bottom{position:relative;bottom:auto;padding-bottom:22px}.earth-progress{display:none}.earth-scroll{font-size:0}.earth-scroll:after{content:'Рядом с вашим бизнесом';font-size:10px}.hero-visual{height:480px}.hero .ambient-glow{will-change:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.hero-stage{min-height:0}.hero-grid{min-height:0}.hero-visual{height:310px;flex:auto}.hero-bottom{margin-top:15px}}