:root{
  --brand:#7a1f2b;
  --brand-deep:#651823;
  --cyan:#087f8c;
  --cyan-soft:#e7f6f8;
  --amber:#a76200;
  --amber-soft:#fff6df;
  --ink:#172027;
  --muted:#5b6670;
  --line:#dce2e8;
  --bg:#e8edf1;
  --surface:#f3f6f8;
  --surface-strong:#dfe7ec;
  --card:#fbfcfd;
  --shadow:0 8px 28px rgba(23,32,39,.07);
}

body{background:var(--bg);color:var(--ink)}
.ambient,.grain{display:none}
.reveal,[data-stagger]>*{opacity:1!important;transform:none!important}
.eyebrow{color:var(--cyan);letter-spacing:.16em}
:focus-visible{outline-color:var(--cyan)}

header{background:rgba(21,24,28,.96);border-bottom-color:#2a3036}
.brand .bm,.brand .bs{color:#fff}
.navlinks{color:#d9dfe4}
.navlinks a:hover{color:#75d2dc}
.navtoggle{min-width:44px;min-height:44px;border-color:#3a424a;background:#20252a;color:#fff;border-radius:6px}
.btn{border-radius:6px;box-shadow:none}
.btn:hover{transform:none}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{background:var(--cyan-soft);border-color:#7cc5cd;color:#075f69}

.hero{padding-top:72px;background:#eaf0f3;border-bottom:1px solid #cbd6dd;isolation:isolate}
.hero::before{display:block;width:100%;height:330px;left:0;right:0;top:auto;bottom:0;transform:none;border-radius:0;background:#dfe7ec;opacity:1;z-index:-1}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:329px;height:1px;background:#c8d3da;z-index:-1}
.hero>.wrap{position:relative;z-index:1}
.signal-map{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.signal-route{position:absolute;display:block;color:#78929f;opacity:.34}
.signal-route::before,.signal-route::after{content:"";position:absolute;width:8px;height:8px;background:#eaf0f3;border:1px solid currentColor;border-radius:1px}
.signal-route i{position:absolute;display:block;width:26px;height:3px;background:var(--cyan);opacity:.55}
.route-a{top:96px;left:0;width:230px;height:112px;border-top:1px solid currentColor;border-right:1px solid currentColor}
.route-a::before{top:-5px;left:38px}.route-a::after{right:-5px;bottom:-5px}.route-a i{right:-13px;top:46px;transform:rotate(90deg)}
.route-b{top:286px;left:0;width:150px;height:88px;border-bottom:1px solid currentColor;border-right:1px solid currentColor}
.route-b::before{left:46px;bottom:-5px}.route-b::after{right:-5px;top:-5px}.route-b i{left:73px;bottom:-2px}
.route-c{top:150px;right:0;width:260px;height:126px;border-top:1px solid currentColor;border-left:1px solid currentColor}
.route-c::before{top:-5px;right:46px}.route-c::after{left:-5px;bottom:-5px}.route-c i{left:-13px;top:52px;transform:rotate(90deg)}
.route-d{top:390px;right:0;width:180px;height:98px;border-bottom:1px solid currentColor;border-left:1px solid currentColor}
.route-d::before{right:34px;bottom:-5px}.route-d::after{left:-5px;top:-5px}.route-d i{right:60px;bottom:-2px}
.route-e{bottom:208px;left:0;width:250px;height:92px;border-top:1px solid currentColor;border-right:1px solid currentColor}
.route-e::before{left:82px;top:-5px}.route-e::after{right:-5px;bottom:-5px}.route-e i{left:112px;top:-2px}
.route-f{right:0;bottom:118px;width:260px;height:118px;border-bottom:1px solid currentColor;border-left:1px solid currentColor}
.route-f::before{right:72px;bottom:-5px}.route-f::after{left:-5px;top:-5px}.route-f i{right:105px;bottom:-2px}
.hero h1{margin-top:0;letter-spacing:0}
.hero h1 .g{background:none;color:var(--brand);animation:none}
.hero p{color:#55616b}
.mock{border-radius:8px;background:#fbfcfd;border-color:#cbd6dd;box-shadow:0 22px 55px -34px rgba(23,32,39,.42)}
.mock-link:hover{transform:none}
.mock-bar{background:#f0f3f5}
.mock-bar .d:first-child{background:#d36b79}
.mock-bar .d:nth-child(2){background:#d9a54f}
.mock-bar .d:nth-child(3){background:#4ab2a2}
.kpi,.mrow{border-radius:6px}
.kpi.accent{background:var(--amber-soft);border-color:#ead19a}
.kpi.accent strong{color:var(--amber)}
.pill2.a{background:var(--cyan-soft);color:#076b76}
.pill2.r{background:var(--amber-soft);color:var(--amber)}
.stats{padding-top:28px;border-top:1px solid #c4d0d7}

#products{background:#f5f7f9;border-bottom:1px solid #d6dfe5}
.card{border-radius:8px;background:var(--card);box-shadow:none;border-color:#d5dee4;min-height:240px}
.card:hover{transform:translateY(-2px);border-color:#bdc7d0;box-shadow:var(--shadow)}
.card .ic{border-radius:7px}
.card:nth-child(2) .ic{background:var(--cyan-soft);border-color:#acdce1;color:var(--cyan)}
.card:nth-child(2) .go{color:var(--cyan)}
.tag{border-radius:4px}
.tag.live{background:var(--brand)}
.card:nth-child(2) .tag.live{background:var(--cyan)}

.trust-strip{background:#15181c;border-color:#2a3036}
.trust-strip .ts{color:#e9edf0}
.trust-strip .ts b{color:#fff}
.trust-strip .ts svg{color:#55c4cf}

.why{background:#1b2025;border-color:#2d343b;color:#f5f7f9}
.why .eyebrow{color:#65cad4}
.why .sec-head p,.why-grid .item p{color:#aeb8c1}
.why-grid .item .ic{border-radius:7px;background:#252b31;border-color:#38414a;color:#65cad4;box-shadow:none}
.why-grid .item:nth-child(4) .ic{color:#d6a95b}

#about{background:#e8eef2;border-bottom:1px solid #ced9df}
.about .visual{border-radius:8px;background:#f8fafb;border-color:#ced8de;box-shadow:none}
.about .visual::before{display:none}
#faq{background:#f4f7f9;border-bottom:1px solid #d7e0e5}
.faq-item{border-radius:7px;background:#fbfcfd;border-color:#d6dfe5;box-shadow:none}
.faq-item summary::after{color:var(--cyan)}

.support{background:#e3eaee;border-bottom:1px solid #c9d4db}
.support-copy>p:not(.eyebrow){color:#55616b}
.support .eyebrow{color:#066b76}
.support-link .sic{border-radius:7px;box-shadow:none;color:var(--cyan)}
.support-link:hover{color:#066b76}
.support-link .arrow{color:#066b76}

.band{background:#15181c;padding:76px 0}
.band .inner{padding:0;background:transparent;border-radius:0;box-shadow:none}
.band .inner::after{display:none}
.band .btn{background:var(--brand);border-color:var(--brand);color:#fff}
.band .btn:hover{background:var(--brand-deep)}
footer{margin-top:0;background:#101316;border-top-color:#2a3036}
.foot.company-five{grid-template-columns:1.45fr repeat(4,minmax(0,1fr));gap:32px}
.foot .brand .bm,.foot .brand .bs{color:#fff}
.foot p,.foot h2,.foot-bot{color:#929da7}
.foot ul{color:#c9d0d6}
.foot ul a:hover{color:#65cad4}
@media(max-width:1100px){
  .foot.company-five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot.company-five>:first-child{grid-column:1/-1}
}
@media(max-width:520px){.foot.company-five{grid-template-columns:1fr}}
.socials a{background:#20252a;color:#dce2e7}
.socials a:hover{background:var(--brand);color:#fff}

@media(max-width:1100px){
  .navlinks{background:#15181c;border-bottom-color:#30373e}
  .navlinks a{border-bottom-color:#30373e}
}

@media(max-width:640px){
  .hero{padding-top:48px}
  .hero h1{max-width:100%;font-size:clamp(38px,12vw,52px);line-height:1.04;overflow-wrap:anywhere}
  .hero p{max-width:100%;font-size:17px}
  .hero .cta{width:100%;gap:10px}
  .hero .cta .btn{width:auto;min-height:44px}
  .showcase,.mock-link,.mock{width:100%;max-width:100%}
  .mock{border-radius:7px}
  .hero::before{height:285px}
  .hero::after{bottom:284px}
  .signal-route{opacity:.28}
  .route-b,.route-d,.route-e,.route-f{display:none}
  .route-a{top:92px;width:54px;height:124px}
  .route-a::before{left:14px}.route-a i{display:none}
  .route-c{top:178px;width:42px;height:112px}
  .route-c::before{right:12px}.route-c i{display:none}
  .band{padding:56px 0}
}

@media(max-width:480px){
  .hero .cta{flex-direction:column}
  .hero .cta .btn{width:100%;justify-content:center}
  .showcase{margin-top:44px}
}

@media(prefers-color-scheme:dark){
  body{color:var(--ink)}
}