:root{--bg:#07111f;--bg2:#0a1b30;--primary:#1769e0;--primary2:#2e8fff;--text:#162033;--muted:#6e798c;--line:#e5eaf1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}.header{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(7,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{margin-right:auto;display:flex;align-items:center}.brand img,.footer-logo{width:205px;height:42px;object-fit:contain;background:#fff;border-radius:8px;padding:4px 8px}.nav nav{display:flex;gap:25px}.nav nav a{color:#cad3e2;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:12px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.outline{color:#fff;border:1px solid rgba(255,255,255,.18)}.primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 14px 30px rgba(23,105,224,.26)}.light{background:#fff;color:#14203a;border:1px solid #dfe5ee}.white{background:#fff;color:#1755ac}.menu,.mobile{display:none}
.hero{position:relative;overflow:hidden;padding:175px 0 100px;background:radial-gradient(circle at 72% 36%,rgba(29,107,221,.2),transparent 33%),linear-gradient(180deg,#07111f,#09192d);color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;color:#79aaff}.copy h1{font-size:58px;line-height:1.05;letter-spacing:-.045em;margin:15px 0 22px}.copy h1 em{font-style:normal;background:linear-gradient(90deg,#4d95ff,#73c6ff);-webkit-background-clip:text;color:transparent}.copy p{color:#aebbd0;font-size:18px;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:#9fadc2;font-size:13px}.orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.35}.orb-a{width:360px;height:360px;background:#0d62dd;right:-120px;top:110px}.orb-b{width:230px;height:230px;background:#1d9cf0;left:-100px;bottom:20px}
.remote-window{background:#0c1b31;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 45px 95px rgba(0,0,0,.42)}.window-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.window-head img{width:165px;height:34px;object-fit:contain;background:#fff;border-radius:7px;padding:4px 7px}.secure{color:#65dda0;font-size:11px}.connection{min-height:335px;display:grid;grid-template-columns:1fr .55fr 1fr;align-items:center;gap:14px;padding:28px;background:radial-gradient(circle at center,rgba(21,110,230,.12),transparent 45%)}.device{text-align:center}.device>span{margin:auto}.device b,.device small{display:block}.device b{margin-top:13px}.device small{color:#98a7bd;font-size:11px}.device-icon,.screen-icon{width:86px;height:86px;border-radius:23px;display:grid;place-items:center;font-size:35px;font-weight:900}.device-icon{background:linear-gradient(135deg,#982b3d,#da3d4b)}.screen-icon{background:linear-gradient(135deg,#1466d9,#38a5f2)}.link-animation{text-align:center;position:relative}.link-animation strong{font-size:42px;color:#53a1ff;display:block}.link-animation small{color:#8fa1bb;font-size:10px}.link-animation i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3a91ff;margin:0 3px;animation:pulse 1.4s infinite}.link-animation i:nth-child(2){animation-delay:.2s}.link-animation i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.session-info{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08)}.session-info div{text-align:center;padding:15px}.session-info small,.session-info b{display:block}.session-info small{color:#7f91ab;font-size:10px}.session-info b{font-size:12px;color:#dce7f7}
.strip{background:#081427;color:#fff;padding:28px 0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-grid div{text-align:center}.strip-grid b{display:block;font-size:20px}.strip-grid span{color:#8595ad;font-size:12px}.section{padding:95px 0}.light{background:#f7f9fc}.heading{text-align:center;max-width:780px;margin:0 auto 46px}.heading h2,.dark h2,.faq h2{font-size:41px;line-height:1.15;letter-spacing:-.03em;margin:10px 0 14px}.heading p,.dark p{color:var(--muted)}.dark-e{color:#1e70df}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 28px rgba(23,35,56,.04)}.card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf2ff;color:#1266db;font-size:23px}.card h3{margin:15px 0 7px}.card p{margin:0;color:var(--muted);font-size:14px}
.dark{background:#07111f;color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.dark p{color:#aab7ca}.checks{list-style:none;padding:0}.checks li{display:flex;gap:12px;padding:10px 0}.checks li>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(67,215,142,.12);color:#61da96}.checks strong,.checks small{display:block}.checks small{color:#8c9cb4}.security-box{background:#0c1b31;border:1px solid rgba(255,255,255,.08);padding:28px;border-radius:23px}.shield{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#1263d7,#2c9cf2);display:grid;place-items:center;font-size:30px;font-weight:900;margin-bottom:16px}.security-box>div:not(.shield){display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#97a6bd}.security-box>div b{color:#69dda0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.steps article>span{color:#1266dc;font-size:12px;font-weight:900}.steps p{color:var(--muted);font-size:14px}.use-dark{background:linear-gradient(135deg,#09162a,#0d315c);color:#fff}.light-head h2{color:#fff}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.use-card{padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04)}.use-card>span{color:#67a8ff;font-size:12px}.use-card h3{margin:17px 0 7px}.use-card p{color:#a8b6ca;font-size:14px;margin:0}.faq details{border:1px solid var(--line);border-radius:15px;padding:0 18px;margin-bottom:12px}.faq summary{padding:18px 0;font-weight:800;cursor:pointer}.faq details p{margin:0 0 18px;color:var(--muted)}
.cta{padding:30px 0 90px;background:#f7f9fc}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px;border-radius:24px;background:linear-gradient(135deg,#0d60d4,#228bed);color:#fff}.cta-box h2{font-size:33px;line-height:1.2;margin:8px 0}.cta-box p{color:#dcecff;margin:0}footer{background:#06101d;color:#96a5ba;padding:45px 0}.foot{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:30px}.foot>div:nth-child(2),.foot>div:nth-child(3){display:flex;flex-direction:column;gap:8px}.footer-logo{margin-bottom:10px}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.nav nav,.nav>.outline{display:none}.menu{display:block;border:0;background:none;color:#fff;font-size:25px}.mobile.open{display:grid;gap:9px;padding:10px 20px 18px;background:#07111f}.mobile a{color:#fff}.hero-grid,.two{grid-template-columns:1fr}.copy h1{font-size:47px}.cards{grid-template-columns:repeat(2,1fr)}.steps,.use-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:135px}.copy h1{font-size:38px}.connection{grid-template-columns:1fr}.link-animation{padding:12px}.strip-grid{grid-template-columns:repeat(2,1fr);gap:15px}.cards,.steps,.use-grid{grid-template-columns:1fr}.heading h2,.dark h2,.faq h2{font-size:32px}.cta-box{flex-direction:column;align-items:flex-start}.foot{grid-template-columns:1fr}.brand img{width:175px;height:36px}}

/* V2 visual refinements */
.brand-clean{
  display:flex;
  align-items:center;
  margin-right:auto;
  background:transparent !important;
  padding:0 !important;
}
.brand-clean img{
  width:235px !important;
  height:48px !important;
  object-fit:contain !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.window-head{
  gap:16px;
}
.remote-mini-brand{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#fff;
  font-weight:800;
  letter-spacing:-.02em;
}
.remote-mini-brand .mini-mark{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:2px solid #2f86ff;
  border-radius:8px;
  color:#2f86ff;
  font-size:18px;
  line-height:1;
}
.remote-mini-brand strong{font-size:17px;color:#fff}
.remote-mini-brand b{font-size:15px;color:#3f8fff}
.footer-logo-clean{
  width:220px !important;
  height:46px !important;
  object-fit:contain !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
}
@media(max-width:650px){
  .brand-clean img{width:190px !important;height:40px !important}
  .footer-logo-clean{width:190px !important;height:40px !important}
}

/* Noisoft Remote official horizontal logo */
.header .brand-clean img {
    width: 310px !important;
    height: 62px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.footer-logo-clean {
    width: 300px !important;
    height: 60px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

@media (max-width: 650px) {
    .header .brand-clean img {
        width: 225px !important;
        height: 46px !important;
    }

    .footer-logo-clean {
        width: 225px !important;
        height: 46px !important;
    }
}