/* One viewport composition: header, introduction + compact phone, channel rail. */
.tech-hero{height:calc(100svh - 83px);min-height:530px;max-height:1000px;padding:0;display:flex;flex-direction:column;isolation:isolate;overflow:clip;background:#0b1230}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#20459855,transparent 65%),linear-gradient(120deg,#0b1230,#101c42)}
.hero-atmosphere i{position:absolute;width:75%;height:130%;left:-25%;top:-30%;background:radial-gradient(ellipse,#245bff38,transparent 64%);animation:hero-light-drift 22s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.hero-atmosphere i:nth-child(2){left:40%;top:-25%;background:radial-gradient(ellipse,#42d9ed1d,transparent 60%);animation-duration:29s;animation-direction:alternate-reverse}
.hero-atmosphere span{position:absolute;width:90%;height:150%;left:42%;top:-12%;border:1px solid #9eb9ff12;border-radius:48%;transform:rotate(-22deg);box-shadow:0 0 0 50px #a2bdff04,0 0 0 100px #a2bdff03}
.tech-hero[data-motion=running] .hero-atmosphere i{animation-play-state:running}
@keyframes hero-light-drift{from{transform:translate3d(-4%,-4%,0) rotate(-8deg)}to{transform:translate3d(23%,12%,0) rotate(15deg)}}
.tech-hero .hero-grid{flex:1;min-height:0;grid-template-columns:1.15fr 1fr;gap:50px;padding-block:28px;align-items:center}
.tech-hero-copy{padding:0}.tech-hero .hero-stay{display:none}.tech-hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.07;margin-top:20px;letter-spacing:-.055em}
.tech-hero .hero-description{font-size:clamp(14px,1.15vw,16px);line-height:1.8;margin-top:22px}.tech-hero .actions{margin-top:28px;gap:14px}.tech-hero .hero-proof{margin-top:25px;gap:20px}
.tech-hero .hero-demo{height:100%;max-height:700px;min-height:0;display:flex;align-items:center;justify-content:center}
.tech-hero .hero-carousel{height:100%;max-width:430px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;margin:0}
.tech-hero .chat-channel-tabs{margin:0;gap:6px;justify-content:center}.tech-hero .chat-channel-tabs button{font-size:10px;padding:9px 11px}
.tech-hero .stage-orbit{display:none}.tech-hero .chat-scenes{min-height:0;position:relative;overflow:visible;display:grid;place-items:center}
.tech-hero .chat-scene{height:100%;width:100%;padding:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.tech-hero .native-mockup{height:100%;max-height:550px;width:auto;aspect-ratio:0.54;min-width:230px;max-width:290px;display:flex;flex-direction:column;margin:0;flex-shrink:1;min-height:0}
.tech-hero .native-caption{margin:0 0 8px;font-size:10px;flex-shrink:0}.tech-hero .native-caption span{font-size:7px}
.tech-hero .native-phone{height:auto;min-height:0;flex:1;width:100%;border-radius:35px;padding:9px;border-width:3px;box-shadow:0 20px 60px #0004}
.tech-hero .native-screen{border-radius:24px}.tech-hero .android-status{height:25px;font-size:10px;padding-inline:17px}.tech-hero .android-signals{font-size:9px}
.tech-hero .native-heading{min-height:49px;padding:6px 9px;gap:5px}.tech-hero .native-heading>.native-avatar{width:28px;height:28px}.tech-hero .native-title strong{font-size:12px}.tech-hero .native-title span{font-size:9px}.tech-hero .native-heading>svg{width:16px;height:16px}.tech-hero .native-actions{gap:7px}.tech-hero .native-actions svg{width:15px;height:15px}
.tech-hero .native-messages.widget-messages{padding:10px;gap:8px}.tech-hero .native-row{gap:5px}.tech-hero .native-row>.native-avatar{width:22px;height:22px}.tech-hero .native-bubble{font-size:12px;line-height:1.4;padding:7px 9px;max-width:83%}.tech-hero .native-bubble small{font-size:8px}.tech-hero .native-day{font-size:9px;padding:3px 8px}
.tech-hero .native-composer{padding:6px 7px;gap:5px}.tech-hero .native-composer svg{width:17px;height:17px}.tech-hero .native-input{font-size:11px;gap:5px;padding:8px}.tech-hero .native-input svg{width:16px;height:16px}.tech-hero .native-round{width:32px;height:32px}.tech-hero .android-navigation{height:29px;font-size:16px}.tech-hero .native-widget-nav{height:30px}.tech-hero .native-widget-nav svg{width:16px;height:16px}.tech-hero .native-powered{font-size:8px;padding:5px 0 9px}.tech-hero .android-gesture{height:3px;width:85px}
.tech-hero .live-record{display:none!important}.tech-hero .chat-controls{padding:0;gap:6px;margin-inline:auto;width:min(100%,340px);min-height:28px}.tech-hero .chat-controls>span{font-size:9px}.tech-hero .chat-controls button{font-size:10px;min-height:30px;padding:5px 9px}.tech-hero .chat-controls [data-slide-count]{font-variant-numeric:tabular-nums;margin-left:7px;color:#fff}
.tech-hero .channel-strip{flex-shrink:0;margin-top:0;padding:20px 0;gap:28px;min-height:72px;border-top:1px solid #a4beff26}.tech-hero .channel-strip>span{font-size:9px;max-width:160px}.tech-hero .channel-strip a{font-size:11px;white-space:nowrap}.tech-hero .channel-strip svg{width:17px;height:17px}
.slide-enter .native-mockup{animation:hero-slide-in .55s cubic-bezier(.22,.7,.25,1) both}
@keyframes hero-slide-in{from{opacity:0;transform:translate3d(42px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-height:760px) and (min-width:901px){.tech-hero{min-height:480px}.tech-hero .hero-grid{padding-block:18px}.tech-hero h1{font-size:clamp(38px,4vw,54px);margin-top:15px}.tech-hero .hero-description{margin-top:17px;font-size:14px}.tech-hero .hero-proof{margin-top:18px}.tech-hero .actions{margin-top:20px}.tech-hero .channel-strip{padding-block:15px;min-height:60px}.tech-hero .native-mockup{min-width:230px;max-width:255px}}
@media(min-width:651px) and (max-width:900px){.tech-hero .hero-grid{gap:22px;grid-template-columns:1fr 1fr}.tech-hero h1{font-size:42px}.tech-hero .actions{gap:10px}.tech-hero .actions .button{padding:12px 14px;font-size:11px;min-height:42px}.tech-hero .hero-proof{gap:10px;font-size:9px}.tech-hero .chat-channel-tabs{flex-wrap:wrap}.tech-hero .chat-channel-tabs button{font-size:9px;padding:7px}.tech-hero .channel-strip>span{display:none}.tech-hero .channel-strip>div{gap:15px;flex-wrap:wrap}.tech-hero .native-mockup{max-width:265px;min-width:220px}}
@media(max-width:650px){
 .tech-hero{height:calc(100svh - 71px);min-height:560px;max-height:1000px}.tech-hero .hero-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:15px;padding-block:18px 10px;width:calc(100% - 40px)}
 .tech-hero .tech-hero-copy{width:100%}.tech-hero .launch-label{font-size:8px;letter-spacing:.08em}.tech-hero h1{font-size:clamp(29px,8vw,42px);margin-top:10px;line-height:1.06;letter-spacing:-.055em}.tech-hero .hero-description{font-size:12px;line-height:1.6;margin-top:10px}.tech-hero .hero-description br{display:none}.tech-hero .actions{margin-top:13px;gap:9px}.tech-hero .actions .button{min-height:38px;font-size:10px;padding:9px 12px;gap:9px}.tech-hero .actions svg{width:14px;height:14px}.tech-hero .hero-proof{display:none}
 .tech-hero .hero-demo{height:100%;min-height:0}.tech-hero .hero-carousel{width:100%;max-width:430px;gap:7px;grid-template-rows:28px minmax(0,1fr) 27px}.tech-hero .chat-channel-tabs{flex-wrap:nowrap;gap:5px;justify-content:center}.tech-hero .chat-channel-tabs button{padding:5px 8px;font-size:8px;min-height:26px;white-space:nowrap}
 .tech-hero .native-mockup{width:248px;max-width:78%;min-width:0;aspect-ratio:auto;max-height:425px}.tech-hero .native-caption{display:none}.tech-hero .native-phone{border-radius:27px;padding:6px}.tech-hero .native-screen{border-radius:18px}.tech-hero .android-status{height:19px;font-size:9px;padding-inline:14px}.tech-hero .native-heading{min-height:39px;padding:5px 8px}.tech-hero .native-heading>.native-avatar{width:24px;height:24px}.tech-hero .native-title strong{font-size:11px}.tech-hero .native-title span{font-size:8px}.tech-hero .native-actions svg{width:14px;height:14px}.tech-hero .native-messages.widget-messages{padding:8px;gap:6px}.tech-hero .native-bubble{font-size:11px;padding:6px 8px}.tech-hero .native-composer{padding:5px 7px}.tech-hero .native-input{font-size:10px;padding:6px 8px}.tech-hero .native-round{width:27px;height:27px}.tech-hero .android-navigation{height:21px;font-size:13px}.tech-hero .native-widget-nav{height:22px}.tech-hero .native-powered{font-size:7px;padding:3px 0 7px}.tech-hero .chat-controls{min-height:25px;width:280px;max-width:100%}.tech-hero .chat-controls>span{font-size:8px}.tech-hero .chat-controls button{font-size:9px;min-height:25px;padding:3px 7px}
 .tech-hero .channel-strip{width:100%;padding:10px 20px;min-height:64px;gap:0;background:#07102650}.tech-hero .channel-strip>span{display:none}.tech-hero .channel-strip>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;width:100%}.tech-hero .channel-strip a{font-size:9px;gap:5px;justify-content:center}.tech-hero .channel-strip svg{width:13px;height:13px}
}
@media(max-width:650px) and (max-height:700px){.tech-hero{min-height:480px}.tech-hero .hero-grid{padding-top:12px;gap:9px}.tech-hero .launch-label{display:none}.tech-hero h1{font-size:29px;margin:0}.tech-hero .hero-description{font-size:11px;line-height:1.45;margin-top:8px}.tech-hero .actions{margin-top:10px}.tech-hero .channel-strip{min-height:54px;padding-block:7px}.tech-hero .hero-carousel{gap:5px}.tech-hero .native-mockup{width:240px}.tech-hero .native-title span{display:none}.tech-hero .android-status{height:16px}.tech-hero .native-heading{min-height:32px}.tech-hero .native-composer{padding-block:3px}.tech-hero .android-navigation{height:17px}.tech-hero .native-day{display:none}}
/* Very short landscape/zoomed viewports scroll naturally rather than clip controls. */
@media(max-height:540px){.tech-hero{height:auto;min-height:600px;max-height:none}.tech-hero .hero-grid{min-height:510px}.tech-hero .hero-demo{min-height:400px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere i,.slide-enter .native-mockup{animation:none!important;will-change:auto}.tech-hero .native-row{animation:none}}

@media(max-width:650px){.tech-hero .actions{flex-direction:row;align-items:center}.tech-hero .actions .button{width:auto;flex:0 1 auto}.tech-hero .chat-controls{flex-wrap:nowrap}.tech-hero .chat-controls>span{white-space:nowrap;flex-basis:auto}}
@media(max-width:650px) and (max-height:700px){.tech-hero .hero-description{display:none}.tech-hero .actions .button{font-size:9px;padding-inline:9px}.tech-hero .hero-grid{gap:12px}}
@media(max-width:650px) and (max-height:700px){.tech-hero [data-native-mockup=web] .android-status,.tech-hero [data-native-mockup=web] .native-powered{display:none}}