.hero-remote-demo-section{padding:clamp(4rem,8vw,7rem) 0 0;background:radial-gradient(circle at 75% 20%,rgba(37,99,255,0.12),transparent 30%),radial-gradient(circle at 90% 80%,rgba(255,138,61,0.12),transparent 26%),linear-gradient(180deg,#f4fbff 0%,#ffffff 100%);overflow:hidden;}/* MAIN LAYOUT */ .hero-remote-demo__inner{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(3rem,5vw,6rem);align-items:center;max-width:1700px;width:100%;margin:0 auto;padding:0 3rem;}.hero-remote-demo__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;}/* BADGE */ .hero-remote-demo__badge{display:inline-flex;align-items:center;gap:0.45rem;padding:0.45rem 1rem;border-radius:999px;background:#e9f5ff;color:#1a7cc1;font-size:0.85rem;font-weight:600;}.hero-remote-demo__badge span,.hero-remote-demo__live-badge span{width:7px;height:7px;border-radius:50%;background:#ff8a3d;}/* TITLE */ .hero-remote-demo__title{margin:0;max-width:900px;color:#111c35;font-size:clamp(2.3rem,3.8vw,4rem);line-height:0.98;font-weight:800;letter-spacing:-0.045em;}.hero-remote-demo__title span{display:block;}.hero-remote-demo__title .is-accent{color:#1b73ac;}/* DESCRIPTION */ .hero-remote-demo__description{max-width:670px;margin:0;color:#64748b;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.7;}/* BUTTONS */ .hero-remote-demo__buttons{display:flex;flex-wrap:wrap;gap:1rem;}.hero-remote-demo__btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0.95rem 1.9rem;border-radius:999px;font-size:0.98rem;font-weight:700;text-decoration:none;transition:0.25s ease;}.hero-remote-demo__btn:hover{transform:translateY(-2px);}/* PRIMARY BUTTON */ .hero-remote-demo__btn--primary{background:linear-gradient(135deg,#ff7a3d,#ff944d);color:#ffffff;box-shadow:0 16px 30px rgba(255,122,61,0.35);}.hero-remote-demo__btn--primary:hover{background:linear-gradient(135deg,#ff6a35,#ff8736);color:#ffffff;box-shadow:0 20px 35px rgba(255,122,61,0.45);}/* SECONDARY BUTTON */ .hero-remote-demo__btn--secondary{background:#ffffff;color:#111c35;border:1px solid #dbeafe;box-shadow:0 10px 25px rgba(15,23,42,0.08);}/* NOTE */ .hero-remote-demo__note{margin:0;color:#7c8aa0;font-size:0.9rem;}/* VISUAL */ .hero-remote-demo__visual{position:relative;}/* SLIDER */ .hero-remote-demo__slider{position:relative;width:100%;max-width:760px;aspect-ratio:1.6;border-radius:30px;overflow:hidden;background:#dbeafe;box-shadow:0 30px 70px rgba(15,23,42,0.2),0 0 0 6px rgba(255,255,255,0.75);}.hero-remote-demo__slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.5s ease;}.hero-remote-demo__slide.is-active{opacity:1;pointer-events:auto;}.hero-remote-demo__slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,23,42,0.02) 0%,rgba(15,23,42,0.08) 55%,rgba(15,23,42,0.35) 100%);}.hero-remote-demo__slide img,.hero-remote-demo__slide video{width:100%;height:100%;object-fit:cover;}/* LIVE BADGE */ .hero-remote-demo__live-badge{position:absolute;top:1rem;left:1rem;z-index:4;display:inline-flex;align-items:center;gap:0.45rem;padding:0.45rem 0.9rem;border-radius:999px;background:rgba(255,255,255,0.92);color:#111c35;font-size:0.82rem;font-weight:700;box-shadow:0 10px 25px rgba(15,23,42,0.1);}/* CONTROL CARD */ .hero-remote-demo__control-card{position:absolute;right:1.4rem;bottom:1.4rem;z-index:4;width:min(280px,calc(100% - 2rem));padding:1rem;border-radius:24px;background:rgba(255,255,255,0.94);backdrop-filter:blur(10px);box-shadow:0 20px 45px rgba(15,23,42,0.2);}.hero-remote-demo__control-top{display:grid;grid-template-columns:auto 1fr auto;gap:0.75rem;align-items:center;}.hero-remote-demo__control-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2563ff;}.hero-remote-demo__control-icon img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);}.hero-remote-demo__control-text span{display:block;color:#7c8aa0;font-size:0.72rem;font-weight:700;letter-spacing:0.04em;}.hero-remote-demo__control-text strong{display:block;margin-top:0.1rem;color:#111c35;font-size:1rem;font-weight:800;}.hero-remote-demo__wifi{color:#2563ff;font-size:1.2rem;font-weight:700;}/* PROGRESS */ .hero-remote-demo__progress{margin-top:0.85rem;height:5px;border-radius:999px;background:#edf4ff;overflow:hidden;}.hero-remote-demo__progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563ff,#ff6a35);}.hero-remote-demo__slide.is-active .hero-remote-demo__progress span{animation:heroRemoteProgress 5s linear forwards;}@keyframes heroRemoteProgress{from{width:0;}to{width:100%;}}.hero-remote-demo__control-card p{margin:0.6rem 0 0;color:#64748b;font-size:0.8rem;}/* DOTS */ .hero-remote-demo__dots{position:absolute;left:50%;bottom:3.5rem;z-index:5;display:flex;gap:0.35rem;transform:translateX(-50%);}.hero-remote-demo__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,0.6);cursor:pointer;}.hero-remote-demo__dots button.is-active{width:28px;background:#ffffff;}/* HIDE CAPTION */ .hero-remote-demo__caption{display:none;}/* FEATURES BAR */ .hero-remote-demo__features{margin-top:clamp(4rem,7vw,6rem);border-top:1px solid #dbeafe;border-bottom:1px solid #dbeafe;background:rgba(255,255,255,0.75);}.hero-remote-demo__features-inner{display:flex;justify-content:center;align-items:center;gap:3rem;width:100%;max-width:1900px;margin:0 auto;padding:1.5rem 3rem;flex-wrap:nowrap;}.hero-remote-demo__feature{display:flex;align-items:center;gap:0.7rem;white-space:nowrap;flex-shrink:0;color:#475569;font-size:0.9rem;font-weight:700;}.hero-remote-demo__feature img{width:28px;height:28px;object-fit:contain;flex-shrink:0;}/* TABLET */ @media (max-width:1100px){.hero-remote-demo__inner{grid-template-columns:1fr;text-align:center;}.hero-remote-demo__content{align-items:center;}.hero-remote-demo__buttons{justify-content:center;}.hero-remote-demo__slider{margin:0 auto;}.hero-remote-demo__features-inner{flex-wrap:wrap;gap:1.5rem;}}/* MOBILE */ @media (max-width:680px){.hero-remote-demo__inner{padding:0 1.2rem;}.hero-remote-demo__title{font-size:clamp(2rem,10vw,3rem);}.hero-remote-demo__buttons{width:100%;flex-direction:column;}.hero-remote-demo__btn{width:100%;}.hero-remote-demo__slider{aspect-ratio:0.8888888889;border-radius:24px;}.hero-remote-demo__control-card{right:0.85rem;bottom:1rem;padding:0.85rem;border-radius:20px;}.hero-remote-demo__dots{bottom:2.2rem;}.hero-remote-demo__features-inner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.2rem;}.hero-remote-demo__feature{white-space:normal;}}