:root{--n-bg:#071525;--n-bg2:#0b1e3f;--n-bg3:#16274d;--n-slate:#556074;--n-gold:#d3a94f;--n-gold2:#f3d888;--n-data:#61c3d8}
.n-head{position:sticky;top:0;z-index:80;background:rgba(7,21,37,.76);backdrop-filter:blur(20px) saturate(120%);border-bottom:1px solid rgba(255,255,255,.065)}
.n-head-in{max-width:1200px;margin:auto;height:68px;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.n-brand{display:flex;align-items:center;gap:10px;min-width:max-content}.n-brand-copy{display:flex;flex-direction:column;line-height:1}.n-brand-name{font:500 17px Georgia,serif;color:#fff}.n-brand-tag{margin-top:3px;font:400 11.5px 'Archivo';letter-spacing:.17em;color:rgba(255,255,255,.42)}
.n-nav{justify-self:center;display:flex;gap:31px}.n-nav a{font:400 13.5px 'Archivo';color:rgba(255,255,255,.62)}.n-actions{display:flex;align-items:center;gap:10px}.n-member{font:400 13px 'Archivo';color:rgba(255,255,255,.68);padding:9px 12px}.n-talk{font:500 13px 'Archivo';color:#09192a;background:#f7f8f9;padding:10px 16px;border-radius:10px}.n-menu{display:none;width:39px;height:39px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);place-items:center}.n-menu i,.n-menu i:before{display:block;width:15px;height:1px;background:#cdd7df;content:"";position:relative}.n-menu i:before{position:absolute;top:5px}
.n-hero{position:relative;overflow:hidden;background:radial-gradient(780px 390px at 50% 78%,rgba(53,112,151,.14),transparent 72%),radial-gradient(520px 340px at 87% 30%,rgba(211,169,79,.045),transparent 72%),linear-gradient(180deg,#071525 0%,#08192b 72%,#0a1c30 100%);padding:62px 28px 0;isolation:isolate}
.n-hero:before{content:"";position:absolute;inset:0;opacity:.20;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 78%,transparent)}
.n-orbit{position:absolute;border:1px solid rgba(128,164,184,.07);border-radius:50%}.n-orbit.o1{width:620px;height:620px;right:-370px;top:-120px}.n-orbit.o2{width:430px;height:430px;left:-260px;bottom:-200px;border-color:rgba(211,169,79,.045)}.n-glow{position:absolute;left:50%;bottom:8%;width:600px;height:220px;transform:translateX(-50%);border-radius:50%;background:rgba(80,151,187,.14);filter:blur(90px);animation:nBreath 7s ease-in-out infinite}
.n-hero-in{position:relative;z-index:2;max-width:1180px;margin:auto;text-align:center}.n-kicker{display:inline-flex;align-items:center;gap:10px;color:#a9b5bf;font:400 14px 'Archivo';letter-spacing:.15em;text-transform:uppercase}.n-kicker:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--n-gold),rgba(211,169,79,.08))}
.n-title{max-width:780px;margin:22px auto 0;font:300 clamp(36px,4vw,55px)/1.07 'Archivo';letter-spacing:-.045em;color:#f6f7f8}.n-metal{background:linear-gradient(110deg,#718d9d 0%,#c3d3da 22%,#5f8194 42%,#d9e3e7 58%,#7e9cab 75%,#a9c0ca 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nMetal 10s ease-in-out infinite}.n-dot{color:var(--n-gold)}
.n-lead{max-width:610px;margin:17px auto 0;font:400 14.5px/1.65 'Archivo';color:rgba(255,255,255,.55)}.n-cta{display:flex;justify-content:center;gap:12px;margin-top:24px}.n-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:9px;background:#f7f8f9;color:#09192a;font:500 13.5px 'Archivo'}.n-btn-primary span{color:#8a6620}.n-btn-secondary{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;color:rgba(255,255,255,.65);font:400 13px 'Archivo'}.n-play{width:27px;height:27px;border:1px solid rgba(211,169,79,.25);border-radius:50%;display:grid;place-items:center;color:var(--n-gold);font-size:11.5px}
.n-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:23px;font:400 14.5px 'Archivo';color:rgba(255,255,255,.47)}.n-proof span{display:inline-flex;align-items:center;gap:7px}.n-proof b{width:4px;height:4px;border-radius:50%;background:var(--n-gold)}
.n-mac-zone{position:relative;max-width:870px;margin:48px auto 0;padding:0 32px 62px}.n-mac{position:relative;width:100%;animation:nFloat 7s ease-in-out infinite}.n-screen-shell{position:relative;margin:auto;width:90%;aspect-ratio:16/9.65;padding:10px 10px 13px;border-radius:19px 19px 10px 10px;background:linear-gradient(140deg,#77818a 0%,#2c343d 10%,#0d1218 44%,#151b22 72%,#6f7982 100%);border:1px solid rgba(218,228,235,.22);box-shadow:0 44px 95px rgba(0,0,0,.44),0 0 70px rgba(75,139,173,.07)}
.n-camera{position:absolute;z-index:5;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#05080c}.n-screen{position:absolute;inset:10px 10px 13px;border-radius:11px 11px 5px 5px;overflow:hidden;background:#08182c;border:1px solid rgba(255,255,255,.035)}
.n-saas{height:100%;padding:15px 17px;background:radial-gradient(circle at 82% 10%,rgba(61,137,178,.12),transparent 28%),linear-gradient(155deg,#0d2340,#08182c 70%);display:flex;flex-direction:column}.n-saas-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.n-saas-left{display:flex;align-items:center;gap:9px}.n-saas-name small{display:block;color:#73869a;font:400 11.5px 'Archivo'}.n-saas-name strong{display:block;margin-top:1px;color:#f4f6f7;font:500 15.5px 'Archivo'}.n-live{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:rgba(97,195,216,.08);border:1px solid rgba(97,195,216,.16);font:500 11.5px 'Archivo';color:#95cfdb}.n-live:before{content:"";width:4px;height:4px;border-radius:50%;background:#68c6d8;animation:nPulse 2s ease-in-out infinite}
.n-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.n-kpi{padding:9px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022)}.n-kpi span{display:block;font:400 11.5px 'Archivo';letter-spacing:.07em;color:#718397;text-transform:uppercase}.n-kpi strong{display:block;margin-top:4px;color:#f5f6f7;font:400 13px 'Archivo'}.n-kpi em{display:block;margin-top:2px;color:#72c6d6;font:500 11.5px 'Archivo';font-style:normal}
.n-saas-main{display:grid;grid-template-columns:1.5fr .8fr;gap:7px;flex:1;min-height:0;margin-top:7px}.n-chart,.n-insight-panel{border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.018);padding:10px;min-height:0}.n-chart-head{display:flex;justify-content:space-between;font:400 11.5px 'Archivo';color:#718397}.n-chart svg{width:100%;height:calc(100% - 12px);min-height:85px;margin-top:5px}.n-line{fill:none;stroke:#69bfd1;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:nDraw 2.8s 1.2s ease forwards}
.n-insight-panel{display:flex;flex-direction:column;justify-content:space-between}.n-insight-panel small{color:#778a9d;font:400 11.5px 'Archivo';letter-spacing:.07em;text-transform:uppercase}.n-insight-panel h4{margin:5px 0 4px;color:#f4f5f6;font:500 13px 'Archivo'}.n-insight-panel p{margin:0;color:#788b9c;font:400 11.5px/1.45 'Archivo'}.n-insight-metric{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:end}.n-insight-metric span{font:400 11.5px 'Archivo';color:#718397}.n-insight-metric strong{font:400 14px 'Archivo';color:#f1f3f4}.n-insight-metric strong i{color:var(--n-gold);font-style:normal}
.n-mac-base{position:relative;width:101%;height:15px;margin:-1px auto 0;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#a0a8ae 0%,#59626a 20%,#252c32 54%,#838b91 100%);box-shadow:0 17px 25px rgba(0,0,0,.26)}.n-mac-base:before{content:"";position:absolute;left:42%;right:42%;top:0;height:4px;border-radius:0 0 6px 6px;background:#171d22}.n-mac-shadow{width:74%;height:22px;margin:-3px auto 0;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(17px)}
.n-float-card{position:absolute;z-index:7;width:145px;padding:12px 13px;border:1px solid rgba(211,169,79,.15);border-radius:13px;background:rgba(10,28,50,.90);backdrop-filter:blur(16px);box-shadow:0 19px 45px rgba(0,0,0,.28)}.n-float-card.fc1{left:-4px;top:28%}.n-float-card.fc2{right:2px;bottom:25%}.n-float-card small{display:block;color:#758699;font:400 11.5px 'Archivo';letter-spacing:.07em;text-transform:uppercase}.n-float-card strong{display:block;margin-top:5px;color:#f4f5f6;font:400 14px 'Archivo'}.n-float-card em{display:block;margin-top:3px;color:var(--n-gold2);font:500 11.5px 'Archivo';font-style:normal}.n-white-bridge{position:absolute;left:0;right:0;bottom:0;height:74px;background:#f7f9fb;border-radius:38px 38px 0 0;box-shadow:0 -20px 50px rgba(0,0,0,.12)}
@keyframes nFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes nBreath{0%,100%{opacity:.55;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}@keyframes nMetal{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes nPulse{0%,100%{box-shadow:0 0 0 0 rgba(97,195,216,.25)}50%{box-shadow:0 0 0 5px rgba(97,195,216,0)}}@keyframes nDraw{to{stroke-dashoffset:0}}
@media(max-width:760px){.n-head-in{height:62px;padding:0 18px;grid-template-columns:auto 1fr auto}.n-nav,.n-actions{display:none}.n-menu{display:grid;justify-self:end}.n-brand-tag{display:none}.n-hero{padding:47px 15px 0}.n-title{font-size:clamp(34px,10vw,43px);line-height:1.03;margin-top:18px}.n-lead{font-size:13.5px;max-width:340px}.n-cta{flex-direction:column;align-items:stretch;max-width:330px;margin:22px auto 0}.n-btn-primary,.n-btn-secondary{justify-content:center}.n-proof{gap:13px 18px;margin-top:20px;font-size:12px}.n-mac-zone{margin-top:38px;padding:0 0 72px}.n-screen-shell{width:94%;padding:6px 6px 8px;border-radius:13px 13px 7px 7px}.n-screen{inset:6px 6px 8px;border-radius:8px 8px 3px 3px}.n-saas{padding:8px}.n-saas-top{padding-bottom:5px}.n-saas-left svg{width:20px;height:20px}.n-saas-name small{font-size:11.5px}.n-saas-name strong{font-size:11.5px}.n-live{font-size:11.5px;padding:3px 5px}.n-kpis{gap:4px;margin-top:5px}.n-kpi{padding:5px 6px;border-radius:5px}.n-kpi span{font-size:11.5px}.n-kpi strong{font-size:11.5px;margin-top:2px}.n-kpi em{font-size:11.5px}.n-saas-main{gap:4px;margin-top:4px}.n-chart,.n-insight-panel{padding:6px;border-radius:5px}.n-chart-head{font-size:11.5px}.n-chart svg{min-height:49px;margin-top:2px}.n-insight-panel small{font-size:11.5px}.n-insight-panel h4{font-size:11.5px;margin:2px 0}.n-insight-panel p{font-size:11.5px}.n-insight-metric{margin-top:4px;padding-top:4px}.n-insight-metric span{font-size:11.5px}.n-insight-metric strong{font-size:11.5px}.n-mac-base{height:9px;width:98%}.n-mac-shadow{height:14px}.n-float-card{display:none}.n-white-bridge{height:54px;border-radius:28px 28px 0 0}.n-camera{top:3px;width:3px;height:3px}}


/* ===== HERO V3 — clean / minimal / dynamic ===== */
.n-hero-clean{
  min-height:830px;
  padding:58px 28px 0;
  background:
    radial-gradient(720px 320px at 50% 72%,rgba(48,113,151,.14),transparent 70%),
    radial-gradient(420px 220px at 50% 26%,rgba(211,169,79,.035),transparent 75%),
    linear-gradient(180deg,#071525 0%,#08182b 72%,#0a1c30 100%);
}
.n-hero-clean:before{
  opacity:.12;
  background-size:84px 84px;
}
.n-hero-clean .n-glow{
  bottom:15%;
  width:690px;
  height:230px;
  opacity:.75;
}
.n-trail{
  position:absolute;
  pointer-events:none;
  height:220px;
  width:680px;
  filter:blur(2px);
  opacity:.48;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(57,99,168,0) 10%,
      rgba(76,123,188,.22) 28%,
      rgba(92,162,214,.58) 48%,
      rgba(97,195,216,.14) 66%,
      transparent 100%);
  transform:skewY(-8deg) rotate(-5deg);
  mask-image:linear-gradient(180deg,transparent,black 35%,black 66%,transparent);
}
.n-trail:after{
  content:"";
  position:absolute;
  inset:40% 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,#78c8d7,rgba(211,169,79,.45),transparent);
  box-shadow:
    0 9px 24px rgba(94,164,211,.35),
    0 -13px 32px rgba(61,121,187,.28);
}
.n-trail-left{left:-390px;top:360px}
.n-trail-right{right:-390px;top:250px;transform:scaleX(-1) skewY(-8deg) rotate(-5deg)}
.n-title-clean{
  max-width:720px;
  margin-top:20px;
  font-size:clamp(38px,4.2vw,56px);
  line-height:1.03;
  font-weight:300;
}
.n-title-sub{
  display:block;
  margin-top:3px;
  color:#f5f6f7;
}
.n-lead-clean{
  max-width:560px;
  margin-top:15px;
  font-size:14px;
  line-height:1.62;
  color:rgba(255,255,255,.50);
}
.n-cta-clean{
  margin-top:21px;
}
.n-cta-clean .n-btn-primary{
  padding:11px 18px;
}
.n-cta-clean .n-btn-secondary{
  padding:10px 12px;
}
.n-screen-stage{
  position:relative;
  max-width:810px;
  margin:42px auto 0;
  padding:0 22px 78px;
}
.n-screen-only{
  position:relative;
  width:100%;
  aspect-ratio:16 / 8.5;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(131,168,195,.20);
  background:#08182c;
  box-shadow:
    0 42px 110px rgba(0,0,0,.42),
    0 0 80px rgba(62,131,169,.07),
    inset 0 1px 0 rgba(255,255,255,.035);
  animation:nFloat 7s ease-in-out infinite;
}
.n-screen-only:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 18%,transparent 78%,rgba(211,169,79,.018));
}
.n-screen-only .n-saas{
  position:relative;
  z-index:1;
  height:100%;
  padding:17px 19px 16px;
}
.n-screen-only .n-saas-main{
  flex:1;
}
.n-screen-shadow{
  width:76%;
  height:28px;
  margin:-6px auto 0;
  border-radius:50%;
  background:rgba(0,0,0,.34);
  filter:blur(18px);
}
.n-hero-clean .n-proof,
.n-hero-clean .n-mac-zone,
.n-hero-clean .n-float-card,
.n-hero-clean .n-mac-base,
.n-hero-clean .n-mac-shadow{
  display:none!important;
}
.n-hero-clean .n-white-bridge{
  height:58px;
  border-radius:30px 30px 0 0;
}
@media(max-width:760px){
  .n-hero-clean{
    min-height:auto;
    padding:44px 15px 0;
  }
  .n-trail{
    width:430px;
    height:150px;
    opacity:.35;
  }
  .n-trail-left{left:-290px;top:340px}
  .n-trail-right{right:-300px;top:260px}
  .n-title-clean{
    max-width:355px;
    font-size:clamp(35px,9.8vw,42px);
    line-height:1.04;
  }
  .n-lead-clean{
    max-width:340px;
    font-size:13px;
    margin-top:14px;
  }
  .n-cta-clean{
    max-width:330px;
    margin:20px auto 0;
    gap:8px;
  }
  .n-cta-clean .n-btn-primary,
  .n-cta-clean .n-btn-secondary{
    width:100%;
    justify-content:center;
  }
  .n-screen-stage{
    margin-top:34px;
    padding:0 0 64px;
  }
  .n-screen-only{
    width:100%;
    aspect-ratio:16/9;
    border-radius:12px;
  }
  .n-screen-only .n-saas{
    padding:8px;
  }
  .n-screen-only .n-saas-top{
    padding-bottom:5px;
  }
  .n-screen-only .n-saas-left svg{
    width:20px;height:20px;
  }
  .n-screen-only .n-saas-name small{font-size:4.8px}
  .n-screen-only .n-saas-name strong{font-size:8px}
  .n-screen-only .n-live{font-size:4.7px;padding:3px 5px}
  .n-screen-only .n-kpis{gap:4px;margin-top:5px}
  .n-screen-only .n-kpi{padding:5px 6px;border-radius:5px}
  .n-screen-only .n-kpi span{font-size:4px}
  .n-screen-only .n-kpi strong{font-size:7.6px;margin-top:2px}
  .n-screen-only .n-kpi em{font-size:3.8px}
  .n-screen-only .n-saas-main{gap:4px;margin-top:4px}
  .n-screen-only .n-chart,.n-screen-only .n-insight-panel{padding:6px;border-radius:5px}
  .n-screen-only .n-chart-head{font-size:4px}
  .n-screen-only .n-chart svg{min-height:48px;margin-top:2px}
  .n-screen-only .n-insight-panel small{font-size:3.8px}
  .n-screen-only .n-insight-panel h4{font-size:6.5px;margin:2px 0}
  .n-screen-only .n-insight-panel p{font-size:4.2px}
  .n-screen-only .n-insight-metric{margin-top:4px;padding-top:4px}
  .n-screen-only .n-insight-metric span{font-size:3.6px}
  .n-screen-only .n-insight-metric strong{font-size:8px}
  .n-hero-clean .n-white-bridge{
    height:48px;
    border-radius:24px 24px 0 0;
  }
}


/* ===== HERO V4 — mais vida, produto reconhecível, menos genérico ===== */
.n-hero-pro{
  min-height:900px;
  padding:56px 28px 0;
  background:
    radial-gradient(850px 430px at 50% 82%,rgba(41,107,153,.18),transparent 72%),
    radial-gradient(520px 260px at 50% 28%,rgba(211,169,79,.035),transparent 74%),
    linear-gradient(180deg,#061321 0%,#071729 52%,#081a2e 100%);
}
.n-hero-pro:before{
  opacity:.07;
  background-size:92px 92px;
}
.n-hero-halo{
  position:absolute;
  left:50%;
  top:210px;
  width:660px;height:660px;
  transform:translateX(-50%);
  border:1px solid rgba(101,145,174,.06);
  border-radius:50%;
}
.n-beam{
  position:absolute;
  width:820px;
  height:160px;
  border-radius:50%;
  filter:blur(7px);
  opacity:.38;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(61,91,165,.12) 17%,rgba(78,142,202,.44) 43%,rgba(93,191,210,.14) 61%,transparent 100%);
}
.n-beam:after{
  content:"";
  position:absolute;
  left:3%;right:3%;top:52%;
  height:2px;
  background:linear-gradient(90deg,transparent,#4c78ba,#79c3d2,rgba(211,169,79,.30),transparent);
  box-shadow:0 0 20px rgba(80,151,205,.45);
}
.n-beam-a{left:-520px;top:450px;transform:rotate(-8deg)}
.n-beam-b{right:-520px;top:360px;transform:rotate(8deg) scaleX(-1)}
.n-kicker-pro{font-size:12.5px;letter-spacing:.17em}
.n-title-pro{
  max-width:800px;
  margin-top:18px;
  font-size:clamp(39px,4.45vw,59px);
  line-height:1.02;
  letter-spacing:-.052em;
  font-weight:300;
}
.n-lead-pro{
  max-width:610px;
  margin-top:16px;
  font-size:14px;
  line-height:1.62;
  color:rgba(255,255,255,.52);
}
.n-cta-pro{
  margin-top:22px;
  gap:10px;
}
.n-btn-glass{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:43px;
  padding:0 18px;
  border:1px solid rgba(162,190,207,.24);
  border-radius:10px;
  color:#f2f5f6;
  font:500 13px 'Archivo';
  background:
    linear-gradient(180deg,rgba(58,100,128,.34),rgba(20,45,67,.44));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 38px rgba(0,0,0,.13);
  transition:.35s ease;
}
.n-btn-glass:before{
  content:"";
  position:absolute;
  width:45%;
  height:100%;
  left:-55%;
  top:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  transform:skewX(-18deg);
  transition:.7s ease;
}
.n-btn-glass:hover{
  transform:translateY(-2px);
  border-color:rgba(211,169,79,.36);
}
.n-btn-glass:hover:before{left:125%}
.n-btn-glass span{color:#e4c56e}
.n-demo-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:43px;
  padding:0 12px;
  color:rgba(255,255,255,.58);
  font:400 15.5px 'Archivo';
}
.n-demo-link i{
  width:27px;height:27px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(211,169,79,.22);
  color:#d3a94f;
  font-size:11.5px;
  font-style:normal;
}
.n-app-stage{
  position:relative;
  max-width:980px;
  margin:40px auto 0;
  padding:0 42px 86px;
}
.n-app-shell{
  position:relative;
  display:grid;
  grid-template-columns:150px 1fr;
  width:100%;
  aspect-ratio:16 / 8.7;
  overflow:hidden;
  border-radius:17px;
  border:1px solid rgba(138,173,197,.17);
  background:#08182c;
  box-shadow:
    0 48px 120px rgba(0,0,0,.44),
    0 0 100px rgba(63,130,172,.06),
    inset 0 1px 0 rgba(255,255,255,.035);
  animation:nFloat 7.5s ease-in-out infinite;
}
.n-app-shell:before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;z-index:4;
  background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 18%,transparent 78%,rgba(211,169,79,.014));
}
.n-app-sidebar{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  padding:14px 11px;
  border-right:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,#091a2e,#071522);
}
.n-app-brand{
  display:flex;align-items:center;gap:8px;
  padding:2px 4px 12px;
  color:#f4f5f6;
  font:500 10px 'Archivo';
  border-bottom:1px solid rgba(255,255,255,.05);
}
.n-app-nav{display:grid;gap:3px;margin-top:11px}
.n-app-nav-item{
  display:flex;align-items:center;gap:8px;
  min-height:30px;
  padding:0 8px;
  border-radius:7px;
  color:#718498;
  font:400 7.5px 'Archivo';
}
.n-app-nav-item b{font-size:8px;font-weight:400;color:#62788c}
.n-app-nav-item.active{
  color:#eaf0f2;
  background:linear-gradient(90deg,rgba(74,128,161,.15),rgba(74,128,161,.04));
  box-shadow:inset 2px 0 0 #d3a94f;
}
.n-app-nav-item.active b{color:#d3a94f}
.n-app-sidebar-footer{
  margin-top:auto;
  display:flex;align-items:center;gap:7px;
  padding:10px 5px 2px;
  border-top:1px solid rgba(255,255,255,.05);
}
.n-mini-avatar{
  width:23px;height:23px;
  display:grid;place-items:center;
  border-radius:7px;
  background:#122944;
  color:#d3a94f;
  font:500 6px 'Archivo';
}
.n-app-sidebar-footer strong{display:block;color:#cdd7df;font:500 6.5px 'Archivo'}
.n-app-sidebar-footer small{display:block;margin-top:1px;color:#556a7d;font:400 5.5px 'Archivo'}

.n-app-main{
  position:relative;z-index:2;
  padding:15px 17px 14px;
  background:
    radial-gradient(circle at 82% 5%,rgba(50,119,163,.09),transparent 28%),
    linear-gradient(155deg,#0b2039,#08182c 70%);
}
.n-app-top{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:15px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.n-app-top small{display:block;color:#667d91;font:400 6px 'Archivo';text-transform:uppercase;letter-spacing:.08em}
.n-app-top h3{margin:3px 0 0;color:#f2f4f5;font:500 12px 'Archivo'}
.n-app-controls{display:flex;align-items:center;gap:6px}
.n-app-controls>span{
  padding:5px 7px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.06);
  color:#71869a;
  background:rgba(255,255,255,.018);
  font:400 5.8px 'Archivo';
}
.n-app-controls .n-app-live{
  color:#96d0da;
  border-color:rgba(97,195,216,.16);
  background:rgba(97,195,216,.06);
}
.n-app-live:before{
  content:"";
  display:inline-block;
  width:3px;height:3px;border-radius:50%;
  background:#72c8d8;margin-right:5px;
  box-shadow:0 0 8px rgba(114,200,216,.5);
}
.n-app-kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;
  margin-top:8px;
}
.n-app-kpis article{
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:8px;
  background:rgba(255,255,255,.018);
  text-align:left;
}
.n-app-kpis span{display:block;color:#718599;font:400 5.8px 'Archivo';text-transform:uppercase;letter-spacing:.06em}
.n-app-kpis strong{display:block;margin-top:4px;color:#f2f4f5;font:400 11.5px 'Archivo'}
.n-app-kpis em{display:block;margin-top:2px;color:#75c8d8;font:500 5.7px 'Archivo';font-style:normal}
.n-app-grid{
  display:grid;
  grid-template-columns:1.45fr .75fr;
  gap:7px;
  height:calc(100% - 89px);
  min-height:0;
  margin-top:7px;
}
.n-app-chart-card,.n-app-insights{
  min-height:0;
  border:1px solid rgba(255,255,255,.065);
  border-radius:9px;
  background:rgba(255,255,255,.015);
}
.n-app-chart-card{padding:10px 11px 8px}
.n-card-head{
  display:flex;justify-content:space-between;align-items:flex-start;
}
.n-card-head small{display:block;color:#667b8e;font:400 11.5px 'Archivo';text-transform:uppercase}
.n-card-head strong{display:block;margin-top:2px;color:#dfe6e9;font:500 11.5px 'Archivo'}
.n-card-head>span{color:#5e7387;font:400 11.5px 'Archivo'}
.n-app-chart-card svg{width:100%;height:calc(100% - 57px);min-height:95px;margin-top:3px}
.n-app-line{
  fill:none;
  stroke:#69bfd1;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:nDraw 3.2s 1s ease forwards;
}
.n-channel-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:5px;
  height:26px;
  padding-top:3px;
}
.n-channel-row span{
  display:flex;align-items:flex-end;gap:5px;
  color:#61778b;font:400 11.5px 'Archivo';
}
.n-channel-row i{
  width:4px;
  height:var(--h);
  max-height:22px;
  border-radius:3px;
  background:linear-gradient(180deg,#69bfd1,rgba(105,191,209,.16));
}
.n-channel-row b{font-weight:400;white-space:nowrap}
.n-app-insights{
  display:flex;flex-direction:column;
  padding:10px;
}
.n-insight-title small{display:block;color:#d3a94f;font:500 11.5px 'Archivo';text-transform:uppercase;letter-spacing:.08em}
.n-insight-title strong{display:block;margin-top:3px;color:#edf1f2;font:500 11.5px 'Archivo'}
.n-insight-row{
  display:flex;gap:7px;align-items:flex-start;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.n-insight-row>i{
  width:19px;height:19px;flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:6px;
  background:rgba(97,195,216,.07);
  color:#72c7d7;
  font:500 11.5px 'Archivo';font-style:normal;
}
.n-insight-row.alert>i{
  color:#d3a94f;
  background:rgba(211,169,79,.07);
}
.n-insight-row strong{display:block;color:#cfd9de;font:500 11.5px 'Archivo'}
.n-insight-row span{display:block;margin-top:2px;color:#607487;font:400 11.5px/1.35 'Archivo'}
.n-next-action{
  margin-top:auto;
  padding:8px 9px;
  border-radius:7px;
  background:linear-gradient(135deg,rgba(74,129,164,.09),rgba(211,169,79,.025));
  border:1px solid rgba(130,164,187,.08);
}
.n-next-action span{display:block;color:#d3a94f;font:500 11.5px 'Archivo';text-transform:uppercase}
.n-next-action strong{display:block;margin-top:3px;color:#dce4e8;font:500 11.5px 'Archivo'}
.n-app-shadow{
  width:76%;height:26px;margin:-5px auto 0;
  background:rgba(0,0,0,.34);
  filter:blur(18px);border-radius:50%;
}
.n-app-chip{
  position:absolute;
  z-index:6;
  width:142px;
  padding:10px 11px;
  border-radius:11px;
  border:1px solid rgba(130,165,190,.14);
  background:rgba(8,24,44,.88);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  text-align:left;
}
.n-app-chip:before{
  content:"";
  position:absolute;left:0;top:12px;bottom:12px;width:2px;
  background:linear-gradient(180deg,#d3a94f,#7a8798);
}
.n-app-chip small{display:block;color:#6b8195;font:400 5.6px 'Archivo';text-transform:uppercase;letter-spacing:.07em}
.n-app-chip strong{display:block;margin-top:3px;color:#e4eaed;font:500 7px 'Archivo'}
.n-app-chip.chip-a{left:9px;top:38%}
.n-app-chip.chip-b{right:5px;bottom:20%}
.n-hero-pro .n-white-bridge{
  height:58px;
  border-radius:30px 30px 0 0;
}
@media(max-width:760px){
  .n-hero-pro{
    min-height:auto;
    padding:43px 14px 0;
  }
  .n-title-pro{
    max-width:355px;
    margin-top:17px;
    font-size:clamp(35px,10vw,43px);
    line-height:1.03;
  }
  .n-lead-pro{
    max-width:335px;
    font-size:13px;
    margin-top:14px;
  }
  .n-cta-pro{
    max-width:330px;
    margin:20px auto 0;
    flex-direction:column;
    gap:7px;
  }
  .n-btn-glass,.n-demo-link{
    width:100%;
    justify-content:center;
  }
  .n-app-stage{
    margin-top:35px;
    padding:0 0 67px;
  }
  .n-app-shell{
    grid-template-columns:62px 1fr;
    aspect-ratio:16/10.6;
    border-radius:12px;
  }
  .n-app-sidebar{
    padding:7px 5px;
  }
  .n-app-brand{
    gap:4px;padding:1px 2px 7px;
    font-size:5px;
  }
  .n-app-brand svg{width:16px;height:16px}
  .n-app-nav{gap:2px;margin-top:6px}
  .n-app-nav-item{
    gap:4px;min-height:19px;padding:0 4px;border-radius:4px;
    font-size:4px;
  }
  .n-app-nav-item b{font-size:4.5px}
  .n-app-sidebar-footer{gap:4px;padding:5px 2px 0}
  .n-mini-avatar{width:14px;height:14px;border-radius:4px;font-size:3.5px}
  .n-app-sidebar-footer strong{font-size:3.7px}
  .n-app-sidebar-footer small{font-size:3px}
  .n-app-main{padding:7px 7px 6px}
  .n-app-top{gap:6px;padding-bottom:5px}
  .n-app-top small{font-size:3.3px}
  .n-app-top h3{font-size:6.5px;margin-top:1px}
  .n-app-controls{gap:3px}
  .n-app-controls>span{padding:3px 4px;border-radius:3px;font-size:3px}
  .n-app-live:before{width:2px;height:2px;margin-right:2px}
  .n-app-kpis{gap:3px;margin-top:4px}
  .n-app-kpis article{padding:5px 5px;border-radius:4px}
  .n-app-kpis span{font-size:2.9px}
  .n-app-kpis strong{font-size:6.3px;margin-top:2px}
  .n-app-kpis em{font-size:2.8px}
  .n-app-grid{grid-template-columns:1.35fr .8fr;gap:3px;height:calc(100% - 49px);margin-top:3px}
  .n-app-chart-card{padding:5px 5px 4px}
  .n-app-chart-card,.n-app-insights{border-radius:5px}
  .n-card-head small{font-size:11.5px}
  .n-card-head strong{font-size:11.5px;margin-top:1px}
  .n-card-head>span{font-size:11.5px}
  .n-app-chart-card svg{min-height:52px;height:calc(100% - 30px);margin-top:1px}
  .n-channel-row{gap:2px;height:14px;padding-top:1px}
  .n-channel-row span{gap:2px;font-size:11.5px}
  .n-channel-row i{width:2px;max-height:12px}
  .n-app-insights{padding:5px}
  .n-insight-title small{font-size:11.5px}
  .n-insight-title strong{font-size:11.5px;margin-top:1px}
  .n-insight-row{gap:3px;padding:4px 0}
  .n-insight-row>i{width:11px;height:11px;border-radius:3px;font-size:11.5px}
  .n-insight-row strong{font-size:11.5px}
  .n-insight-row span{font-size:11.5px;margin-top:1px}
  .n-next-action{padding:4px;border-radius:4px}
  .n-next-action span{font-size:11.5px}
  .n-next-action strong{font-size:11.5px}
  .n-app-chip{display:none}
  .n-beam{width:450px;height:100px;opacity:.28}
  .n-beam-a{left:-320px;top:380px}
  .n-beam-b{right:-330px;top:300px}
  .n-hero-halo{width:430px;height:430px;top:200px}
  .n-hero-pro .n-white-bridge{height:48px;border-radius:24px 24px 0 0}
}


/* ===== HERO V5 — título forte + CTAs clean + luz dinâmica ===== */
.n-title-v5{
  max-width:880px;
  overflow:visible;
  font-size:clamp(38px,4.3vw,58px);
  line-height:1.03;
  text-wrap:balance;
}
.n-title-v5 .n-title-last{
  display:block;
  margin-top:5px;
  color:#f4f6f7;
}
.n-title-v5 .n-metal{
  display:inline;
}
.n-lead-v5{
  max-width:650px;
  color:rgba(255,255,255,.54);
}
.n-cta-v5{
  align-items:center;
}
.n-plan-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:43px;
  padding:0 17px;
  border-radius:10px;
  border:1px solid rgba(160,186,204,.14);
  color:rgba(255,255,255,.68);
  background:rgba(255,255,255,.018);
  font:400 16px 'Archivo';
  transition:
    color .3s ease,
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}
.n-plan-link span{
  color:#d3a94f;
  font-size:14px;
}
.n-plan-link:hover{
  color:#fff;
  transform:translateY(-2px);
  background:rgba(255,255,255,.035);
  border-color:rgba(211,169,79,.25);
}

/* luz que cruza a composição ao fundo */
.n-light-sweep{
  position:absolute;
  pointer-events:none;
  z-index:0;
  width:78vw;
  max-width:1180px;
  height:150px;
  left:50%;
  border-radius:50%;
  filter:blur(15px);
  opacity:.30;
  mix-blend-mode:screen;
}
.n-light-sweep:before{
  content:"";
  position:absolute;
  inset:50% 0 auto;
  height:2px;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(45,91,164,.0) 10%,
      rgba(58,113,190,.35) 30%,
      rgba(101,194,214,.72) 48%,
      rgba(211,169,79,.24) 57%,
      rgba(70,123,190,.22) 72%,
      transparent 100%
    );
  box-shadow:
    0 0 28px rgba(77,151,207,.42),
    0 0 62px rgba(73,132,187,.20);
}
.sweep-a{
  top:360px;
  transform:translateX(-52%) rotate(-7deg);
  animation:nSweepA 10s ease-in-out infinite alternate;
}
.sweep-b{
  top:480px;
  opacity:.17;
  transform:translateX(-48%) rotate(6deg) scaleX(.88);
  animation:nSweepB 13s ease-in-out infinite alternate;
}
@keyframes nSweepA{
  0%{transform:translateX(-60%) rotate(-7deg) scaleX(.92);opacity:.17}
  45%{opacity:.34}
  100%{transform:translateX(-43%) rotate(-3deg) scaleX(1.06);opacity:.25}
}
@keyframes nSweepB{
  0%{transform:translateX(-42%) rotate(7deg) scaleX(.86);opacity:.11}
  100%{transform:translateX(-57%) rotate(3deg) scaleX(1.04);opacity:.22}
}

/* um pouco mais de presença no dashboard, sem aumentar */
.n-app-shell{
  border-color:rgba(138,173,197,.21);
  box-shadow:
    0 50px 128px rgba(0,0,0,.47),
    0 0 110px rgba(63,130,172,.075),
    0 0 0 1px rgba(255,255,255,.018) inset,
    inset 0 1px 0 rgba(255,255,255,.04);
}
.n-app-stage:before{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  top:-20px;
  height:160px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(66,139,180,.14),transparent 68%);
  filter:blur(46px);
}
@media(max-width:760px){
  .n-title-v5{
    max-width:355px;
    font-size:clamp(34px,9.5vw,41px);
    line-height:1.04;
  }
  .n-title-v5 .n-title-last{
    margin-top:4px;
  }
  .n-lead-v5{
    max-width:340px;
  }
  .n-cta-v5{
    gap:8px;
  }
  .n-btn-glass,.n-plan-link{
    width:100%;
  }
  .n-light-sweep{
    width:155vw;
    height:90px;
  }
  .sweep-a{top:330px}
  .sweep-b{top:405px}
}


/* =========================================================
   NORTHEL V6 — DEPTH HERO + DYNAMIC PROBLEM CARDS
   ========================================================= */

/* HERO */
.n-hero-pro{
  perspective:1200px;
}
.n-title-v6{
  max-width:900px;
  overflow:visible;
  font-size:clamp(39px,4.5vw,60px);
  line-height:1.025;
  letter-spacing:-.054em;
  position:relative;
  z-index:5;
}
.n-metal-shine{
  position:relative;
  display:inline-block!important;
  background:
    linear-gradient(
      105deg,
      #6e8998 0%,
      #b9cbd3 24%,
      #66889a 40%,
      #e4ecef 51%,
      #7597a7 64%,
      #abc1ca 82%,
      #648596 100%
    );
  background-size:250% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nMetalShine 6.8s ease-in-out infinite;
}
.n-metal-shine:after{
  content:"";
  position:absolute;
  left:-8%;top:4%;
  width:18%;height:92%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  filter:blur(5px);
  opacity:0;
  animation:nTextSweep 5.8s ease-in-out infinite;
  pointer-events:none;
}
.n-depth-grid{
  position:absolute;
  left:50%;
  bottom:4%;
  width:min(1150px,88vw);
  height:380px;
  transform:translateX(-50%) perspective(560px) rotateX(68deg);
  transform-origin:bottom center;
  opacity:.18;
  background-image:
    linear-gradient(rgba(133,161,182,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(133,161,182,.09) 1px,transparent 1px);
  background-size:62px 42px;
  mask-image:linear-gradient(to top,black 0%,rgba(0,0,0,.65) 42%,transparent 88%);
  animation:nGridMove 10s linear infinite;
}
.n-depth-orb{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(95px);
  opacity:.13;
}
.orb-warm{
  width:320px;height:320px;
  left:13%;top:26%;
  background:#b58a36;
  animation:nOrbWarm 11s ease-in-out infinite alternate;
}
.orb-steel{
  width:460px;height:460px;
  right:8%;top:22%;
  background:#416e88;
  opacity:.14;
  animation:nOrbSteel 13s ease-in-out infinite alternate;
}
.n-light-ray{
  position:absolute;
  pointer-events:none;
  width:620px;
  height:2px;
  opacity:.13;
  background:linear-gradient(90deg,transparent,#789ab0,rgba(211,169,79,.42),transparent);
  filter:blur(.4px);
  transform-origin:center;
}
.ray-a{
  left:-70px;top:46%;
  transform:rotate(-11deg);
  animation:nRayA 8s ease-in-out infinite alternate;
}
.ray-b{
  right:-80px;top:37%;
  transform:rotate(9deg);
  animation:nRayB 10s ease-in-out infinite alternate;
}
.n-cta-wrap{
  position:relative;
  display:inline-block;
  margin-top:22px;
  z-index:6;
}
.n-cta-wrap .n-cta-v5{margin-top:0}
.n-cta-halo{
  position:absolute;
  z-index:-1;
  left:50%;top:50%;
  width:330px;height:90px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(74,125,157,.16),rgba(211,169,79,.035) 45%,transparent 72%);
  filter:blur(26px);
  animation:nCtaPulse 5s ease-in-out infinite;
}
.n-app-stage{
  transform-style:preserve-3d;
  transition:transform .18s ease-out;
  will-change:transform;
}
.n-app-shell{
  transform:translateZ(28px);
}
.n-app-stage:after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:42px;
  height:80px;
  z-index:-2;
  border-radius:50%;
  background:rgba(0,0,0,.32);
  filter:blur(36px);
  transform:translateZ(-50px);
}

/* PROBLEM */
.n-problem{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(600px 260px at 14% 7%,rgba(68,119,148,.055),transparent 70%),
    radial-gradient(540px 280px at 90% 14%,rgba(211,169,79,.04),transparent 75%),
    #f6f8fa;
  padding:106px 28px 112px;
  color:#0c2034;
}
.n-problem-noise{
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.25;
  background-image:
    linear-gradient(rgba(12,32,52,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,32,52,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent,black 14%,black 86%,transparent);
}
.n-problem-wrap{
  position:relative;
  max-width:1120px;
  margin:auto;
}
.n-problem-head{
  max-width:760px;
  margin:0 auto 48px;
  text-align:center;
}
.n-problem-label{
  display:inline-flex;align-items:center;gap:9px;
  color:#78899b;
  font:500 12.5px 'Archivo';
  letter-spacing:.18em;
}
.n-problem-label span{
  width:25px;height:1px;
  background:linear-gradient(90deg,#d3a94f,rgba(211,169,79,.12));
}
.n-problem-head h2{
  margin:16px 0 0;
  color:#0b2036;
  font:300 clamp(31px,3.7vw,49px)/1.06 'Archivo';
  letter-spacing:-.045em;
}
.n-problem-head h2 em{
  color:#678397;
  font-style:normal;
}
.n-problem-head p{
  max-width:630px;
  margin:17px auto 0;
  color:#68798a;
  font:400 14px/1.65 'Archivo';
}
.n-problem-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.n-problem-card{
  position:relative;
  min-height:330px;
  overflow:hidden;
  padding:25px 26px 23px;
  border:1px solid #dce5eb;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,251,252,.96));
  box-shadow:0 10px 40px rgba(35,62,82,.035);
  transform-style:preserve-3d;
  transition:
    transform .45s cubic-bezier(.16,1,.3,1),
    box-shadow .45s cubic-bezier(.16,1,.3,1),
    border-color .3s ease;
  will-change:transform;
}
.n-problem-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(260px circle at var(--cx,50%) var(--cy,50%),rgba(88,148,177,.075),transparent 58%);
  opacity:0;
  transition:opacity .3s ease;
}
.n-problem-card:after{
  content:"";
  position:absolute;
  left:24px;right:24px;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(211,169,79,.55),transparent);
  transform:scaleX(.25);
  opacity:.25;
  transition:.45s ease;
}
.n-problem-card:hover{
  transform:translateY(-7px) perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  border-color:#cfdde5;
  box-shadow:0 28px 65px rgba(35,62,82,.10);
}
.n-problem-card:hover:before{opacity:1}
.n-problem-card:hover:after{transform:scaleX(1);opacity:.75}
.n-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;z-index:2;
}
.n-card-index{
  color:#8c9aaa;
  font:400 12.5px 'Archivo';
  letter-spacing:.15em;
}
.n-card-tag{
  padding:6px 8px;
  border-radius:999px;
  border:1px solid #dde6eb;
  background:#fbfcfd;
  color:#60788b;
  font:500 11.5px 'Archivo';
  letter-spacing:.12em;
}
.n-card-visual{
  position:relative;z-index:2;
  height:84px;
  margin:26px 0 22px;
  border-radius:12px;
  border:1px solid #e7edf1;
  background:
    linear-gradient(145deg,#fbfdfe,#f5f8fa);
  overflow:hidden;
}
.n-problem-card h3{
  position:relative;z-index:2;
  margin:0;
  color:#10273b;
  font:400 18px 'Archivo';
  letter-spacing:-.02em;
}
.n-problem-card p{
  position:relative;z-index:2;
  margin:9px 0 0;
  max-width:455px;
  color:#66798a;
  font:400 13px/1.58 'Archivo';
}
.n-card-signal{
  position:absolute;z-index:2;
  left:26px;bottom:20px;
  display:flex;align-items:center;gap:7px;
  color:#81909d;
  font:500 11.5px 'Archivo';
}
.n-card-signal span{
  width:5px;height:5px;
  border-radius:50%;
  background:#6fa8bd;
  box-shadow:0 0 0 4px rgba(111,168,189,.08);
}
.n-card-signal.warn span{
  background:#d3a94f;
  box-shadow:0 0 0 4px rgba(211,169,79,.08);
}

/* mini visuals */
.visual-cash{
  display:flex;
  align-items:flex-end;
  gap:9px;
  padding:18px 22px;
}
.visual-cash i{
  flex:1;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(180deg,#7fb7c9,rgba(127,183,201,.20));
  height:var(--h);
  animation:nBars 5s ease-in-out infinite alternate;
}
.visual-cash i:nth-child(1){height:30%;animation-delay:-1s}
.visual-cash i:nth-child(2){height:44%;animation-delay:-2s}
.visual-cash i:nth-child(3){height:35%;animation-delay:-3s}
.visual-cash i:nth-child(4){height:63%;animation-delay:-4s}
.visual-cash i:nth-child(5){height:78%;background:linear-gradient(180deg,#d3a94f,rgba(211,169,79,.14))}
.visual-margin svg{
  position:absolute;
  left:16px;right:16px;bottom:12px;
  width:calc(100% - 32px);height:55px;
}
.visual-margin path{
  fill:none;
  stroke:#79aabd;
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:240;
  stroke-dashoffset:240;
  animation:nMiniLine 3s 1s ease forwards;
}
.visual-margin b{
  position:absolute;
  right:18px;top:13px;
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#f7fafb;
  border:1px solid #dae5eb;
  color:#d3a94f;
  font:400 15px 'Archivo';
}
.visual-costs{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:17px 20px;
}
.visual-costs>div{width:70%;display:grid;gap:8px}
.visual-costs i{
  display:block;
  width:var(--w);
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#7daabd,rgba(125,170,189,.16));
}
.visual-costs b{
  color:#b48a39;
  font:400 17px 'Archivo';
}
.visual-partners{
  display:flex;align-items:center;
  gap:20px;padding:12px 22px;
}
.partner-ring{
  width:52px;height:52px;
  flex:0 0 auto;
  border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(#789fb1 0 63%,#d3a94f 63% 76%,#e7edf1 76%);
  position:relative;
}
.partner-ring:before{
  content:"";position:absolute;inset:7px;
  border-radius:50%;background:#f8fafb;
}
.partner-ring span{position:relative;color:#7890a0;font:500 11.5px 'Archivo'}
.partner-lines{flex:1;display:grid;gap:7px}
.partner-lines i{height:5px;border-radius:99px;background:#dfe8ed}
.partner-lines i:nth-child(1){width:88%}
.partner-lines i:nth-child(2){width:63%}
.partner-lines i:nth-child(3){width:74%;background:linear-gradient(90deg,#d3a94f,#e5d4a9)}

.n-problem-callout{
  margin-top:14px;
  display:grid;
  grid-template-columns:auto 1fr minmax(250px,.85fr);
  gap:17px;
  align-items:center;
  padding:19px 21px;
  border-radius:15px;
  border:1px solid rgba(132,162,181,.15);
  background:
    radial-gradient(320px 110px at 8% 50%,rgba(211,169,79,.06),transparent 70%),
    linear-gradient(135deg,#0b2036,#0b1c30);
  box-shadow:0 20px 48px rgba(19,43,62,.10);
}
.n-callout-icon{
  width:37px;height:37px;
  display:grid;place-items:center;
  border-radius:10px;
  border:1px solid rgba(211,169,79,.18);
  color:#d3a94f;
  background:rgba(211,169,79,.045);
  font:400 15px 'Archivo';
}
.n-problem-callout small{
  display:block;color:#8095a6;
  font:500 11.5px 'Archivo';
  letter-spacing:.13em;
}
.n-problem-callout strong{
  display:block;margin-top:3px;
  color:#eef2f4;
  font:400 13px 'Archivo';
}
.n-problem-callout p{
  margin:0;
  color:#8295a5;
  font:400 14.5px/1.5 'Archivo';
}

@keyframes nMetalShine{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes nTextSweep{
  0%,24%{left:-12%;opacity:0}
  34%{opacity:.45}
  50%{left:105%;opacity:0}
  100%{left:105%;opacity:0}
}
@keyframes nGridMove{
  from{background-position:0 0,0 0}
  to{background-position:0 42px,62px 0}
}
@keyframes nOrbWarm{
  from{transform:translate3d(-18px,-12px,0) scale(.92)}
  to{transform:translate3d(26px,20px,0) scale(1.08)}
}
@keyframes nOrbSteel{
  from{transform:translate3d(25px,-18px,0) scale(1)}
  to{transform:translate3d(-30px,24px,0) scale(1.12)}
}
@keyframes nRayA{
  from{transform:translateX(-50px) rotate(-11deg);opacity:.08}
  to{transform:translateX(120px) rotate(-7deg);opacity:.20}
}
@keyframes nRayB{
  from{transform:translateX(70px) rotate(9deg);opacity:.07}
  to{transform:translateX(-120px) rotate(5deg);opacity:.17}
}
@keyframes nCtaPulse{
  0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.5}
  50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}
}
@keyframes nBars{
  from{filter:saturate(.8);transform:scaleY(.94)}
  to{filter:saturate(1.1);transform:scaleY(1.04)}
}
@keyframes nMiniLine{to{stroke-dashoffset:0}}

@media(max-width:760px){
  .n-title-v6{
    max-width:355px;
    font-size:clamp(34px,9.8vw,42px);
    line-height:1.045;
  }
  .n-depth-grid{
    width:155vw;height:260px;bottom:8%;
    opacity:.10;background-size:42px 32px;
  }
  .orb-warm{width:210px;height:210px;left:-30%;top:30%}
  .orb-steel{width:300px;height:300px;right:-35%;top:24%}
  .n-light-ray{width:380px;opacity:.08}
  .n-cta-wrap{display:block;width:100%;max-width:330px;margin:20px auto 0}
  .n-cta-halo{width:270px;height:70px}
  .n-app-stage{transform:none!important}
  .n-problem{padding:78px 15px 82px}
  .n-problem-head{margin-bottom:34px}
  .n-problem-head h2{
    font-size:clamp(29px,8.7vw,37px);
  }
  .n-problem-head p{font-size:13px}
  .n-problem-grid{grid-template-columns:1fr;gap:10px}
  .n-problem-card{
    min-height:300px;
    padding:21px 21px 20px;
  }
  .n-problem-card:hover{transform:translateY(-4px)}
  .n-card-visual{margin:20px 0 18px;height:72px}
  .n-problem-card h3{font-size:17px}
  .n-problem-card p{font-size:15.5px}
  .n-card-signal{left:21px;bottom:17px}
  .n-problem-callout{
    grid-template-columns:auto 1fr;
    padding:17px;
  }
  .n-problem-callout p{
    grid-column:1/-1;
    padding-left:54px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-metal-shine,.n-metal-shine:after,.n-depth-grid,.n-depth-orb,
  .n-light-ray,.n-cta-halo,.visual-cash i{animation:none!important}
}


/* =========================================================
   NORTHEL V7 — MORE LIGHT + STRONGER PROBLEM HIERARCHY
   ========================================================= */

/* HERO — aurora / moving light */
.n-aurora-ribbon{
  position:absolute;
  z-index:0;
  left:50%;
  top:305px;
  width:min(1320px,96vw);
  height:230px;
  transform:translateX(-50%) rotate(-4deg);
  pointer-events:none;
  opacity:.46;
  filter:blur(22px);
  mix-blend-mode:screen;
  background:
    linear-gradient(
      96deg,
      transparent 0%,
      rgba(39,78,143,0) 9%,
      rgba(54,109,178,.16) 23%,
      rgba(88,172,210,.50) 41%,
      rgba(211,169,79,.18) 50%,
      rgba(75,128,191,.34) 61%,
      rgba(43,83,147,.08) 78%,
      transparent 100%
    );
  clip-path:polygon(0 52%,15% 28%,33% 42%,51% 20%,69% 47%,85% 34%,100% 52%,100% 66%,85% 48%,68% 59%,50% 34%,33% 57%,15% 42%,0 68%);
  animation:nAurora 11s ease-in-out infinite alternate;
}
.n-aurora-ribbon:after{
  content:"";
  position:absolute;
  left:6%;right:6%;top:49%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(104,174,213,.32),rgba(230,198,112,.38),rgba(104,174,213,.28),transparent);
  box-shadow:
    0 0 24px rgba(96,169,211,.45),
    0 0 62px rgba(74,126,188,.18);
}
.n-flare{
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:8px;height:8px;
  border-radius:50%;
  background:#d9eef4;
  box-shadow:
    0 0 0 4px rgba(115,190,211,.05),
    0 0 24px rgba(124,198,218,.52),
    0 0 70px rgba(80,132,192,.26);
}
.flare-a{
  left:20%;top:43%;
  animation:nFlareA 7s ease-in-out infinite;
}
.flare-b{
  right:18%;top:36%;
  width:5px;height:5px;
  background:#efd690;
  box-shadow:
    0 0 0 4px rgba(211,169,79,.04),
    0 0 22px rgba(211,169,79,.36),
    0 0 54px rgba(91,139,185,.18);
  animation:nFlareB 8.5s ease-in-out infinite;
}
.n-hero-pro .n-hero-in{
  position:relative;
  z-index:3;
}
.n-hero-pro .n-app-stage{
  z-index:3;
}
@keyframes nAurora{
  0%{
    transform:translateX(-56%) rotate(-6deg) scaleX(.92);
    opacity:.25;
  }
  45%{opacity:.52}
  100%{
    transform:translateX(-44%) rotate(-1deg) scaleX(1.06);
    opacity:.38;
  }
}
@keyframes nFlareA{
  0%,100%{transform:translate3d(-20px,8px,0) scale(.7);opacity:.15}
  50%{transform:translate3d(90px,-15px,0) scale(1.25);opacity:.85}
}
@keyframes nFlareB{
  0%,100%{transform:translate3d(25px,-5px,0) scale(.8);opacity:.20}
  50%{transform:translate3d(-90px,18px,0) scale(1.15);opacity:.72}
}

/* PROBLEM — stronger white-section highlights */
.n-problem{
  background:
    radial-gradient(560px 260px at 11% 8%,rgba(93,145,170,.075),transparent 72%),
    radial-gradient(520px 250px at 88% 10%,rgba(202,78,72,.038),transparent 73%),
    radial-gradient(500px 280px at 50% 88%,rgba(211,169,79,.035),transparent 76%),
    #f7f9fb;
}
.n-problem:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1060px,86vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(104,145,169,.18),rgba(211,169,79,.24),rgba(104,145,169,.18),transparent);
}
.n-problem-label-alert{
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(196,67,67,.12);
  color:#a44e50;
  background:rgba(196,67,67,.035);
  letter-spacing:.15em;
}
.n-problem-label-alert span{
  width:6px;height:6px;
  border-radius:50%;
  background:#c85b5e;
  box-shadow:
    0 0 0 4px rgba(200,91,94,.07),
    0 0 14px rgba(200,91,94,.18);
}
.n-problem-title{
  font-family:'Archivo',system-ui,sans-serif!important;
  font-weight:300!important;
}
.n-problem-title em{
  font-family:'Archivo',system-ui,sans-serif!important;
  font-weight:300!important;
  color:#446b82!important;
  background:
    linear-gradient(105deg,#4e6d80 0%,#7295a7 32%,#375b70 50%,#789aab 72%,#496c80 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:nProblemMetal 7s ease-in-out infinite;
}
.n-problem-title em:after{
  content:"";
  display:block;
  width:94px;
  height:1px;
  margin:14px auto 0;
  background:linear-gradient(90deg,transparent,#d3a94f,transparent);
  opacity:.62;
}
@keyframes nProblemMetal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* card tags with more life */
.n-card-tag{
  position:relative;
  overflow:hidden;
  font-weight:600;
}
.n-card-tag:after{
  content:"";
  position:absolute;
  top:-1px;bottom:-1px;
  width:30%;
  left:-45%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transform:skewX(-18deg);
  animation:nTagSweep 5.8s ease-in-out infinite;
}
.tag-red{
  color:#a84e52;
  border-color:rgba(190,76,80,.14);
  background:linear-gradient(180deg,rgba(200,90,94,.055),rgba(200,90,94,.018));
}
.tag-amber{
  color:#a4792e;
  border-color:rgba(211,169,79,.18);
  background:linear-gradient(180deg,rgba(211,169,79,.07),rgba(211,169,79,.02));
}
.tag-steel{
  color:#54768a;
  border-color:rgba(88,130,153,.16);
  background:linear-gradient(180deg,rgba(88,130,153,.06),rgba(88,130,153,.018));
}
@keyframes nTagSweep{
  0%,28%{left:-45%;opacity:0}
  40%{opacity:.65}
  54%{left:125%;opacity:0}
  100%{left:125%;opacity:0}
}

/* signal chips, not plain text */
.n-card-signal{
  min-height:24px;
  padding:0 9px 0 8px;
  border-radius:999px;
  border:1px solid #e2e9ed;
  background:#fbfcfd;
  gap:7px;
}
.n-card-signal b{
  font:500 11.5px 'Archivo';
  letter-spacing:.01em;
}
.n-card-signal span{
  width:5px;height:5px;
  box-shadow:none;
}
.signal-red{
  color:#a55154;
  border-color:rgba(193,79,83,.13);
  background:rgba(193,79,83,.035);
}
.signal-red span{
  background:#ca6265;
  box-shadow:0 0 0 4px rgba(202,98,101,.06);
  animation:nSignalPulseRed 2.8s ease-in-out infinite;
}
.signal-amber{
  color:#9a722e;
  border-color:rgba(211,169,79,.15);
  background:rgba(211,169,79,.04);
}
.signal-amber span{
  background:#d3a94f;
  box-shadow:0 0 0 4px rgba(211,169,79,.06);
  animation:nSignalPulseAmber 3s ease-in-out infinite;
}
.signal-steel{
  color:#58798c;
  border-color:rgba(88,130,153,.14);
  background:rgba(88,130,153,.035);
}
.signal-steel span{
  background:#6e9bae;
  box-shadow:0 0 0 4px rgba(110,155,174,.06);
  animation:nSignalPulseSteel 3.2s ease-in-out infinite;
}
@keyframes nSignalPulseRed{
  0%,100%{box-shadow:0 0 0 3px rgba(202,98,101,.04)}
  50%{box-shadow:0 0 0 7px rgba(202,98,101,0)}
}
@keyframes nSignalPulseAmber{
  0%,100%{box-shadow:0 0 0 3px rgba(211,169,79,.04)}
  50%{box-shadow:0 0 0 7px rgba(211,169,79,0)}
}
@keyframes nSignalPulseSteel{
  0%,100%{box-shadow:0 0 0 3px rgba(110,155,174,.04)}
  50%{box-shadow:0 0 0 7px rgba(110,155,174,0)}
}

/* subtle card-specific accent */
.n-problem-card:nth-child(1):hover,
.n-problem-card:nth-child(3):hover{
  box-shadow:
    0 28px 65px rgba(35,62,82,.10),
    0 0 0 1px rgba(196,67,67,.035) inset;
}
.n-problem-card:nth-child(2):hover{
  box-shadow:
    0 28px 65px rgba(35,62,82,.10),
    0 0 0 1px rgba(211,169,79,.05) inset;
}
.n-problem-card:nth-child(4):hover{
  box-shadow:
    0 28px 65px rgba(35,62,82,.10),
    0 0 0 1px rgba(88,130,153,.05) inset;
}

@media(max-width:760px){
  .n-aurora-ribbon{
    top:300px;
    width:170vw;
    height:150px;
    opacity:.28;
  }
  .flare-a{left:3%;top:40%}
  .flare-b{right:4%;top:34%}
  .n-problem-label-alert{
    padding:6px 10px;
  }
  .n-problem-title em:after{
    width:70px;
    margin-top:11px;
  }
  .n-card-signal{
    min-height:23px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-aurora-ribbon,.n-flare,.n-problem-title em,.n-card-tag:after,.n-card-signal span{
    animation:none!important;
  }
}


/* =========================================================
   NORTHEL — DARK PRICING / LIVE BORDER / SHIMMER BUTTON
   ========================================================= */
.n-pricing{
  position:relative;
  overflow:hidden;
  padding:112px 28px 100px;
  color:#f4f6f7;
  background:
    radial-gradient(650px 330px at 50% 12%,rgba(48,111,151,.13),transparent 73%),
    radial-gradient(440px 280px at 12% 70%,rgba(211,169,79,.035),transparent 72%),
    linear-gradient(180deg,#061320,#071624 54%,#06121e);
}
.n-pricing-grid-bg{
  position:absolute;inset:0;
  opacity:.10;
  background-image:
    linear-gradient(rgba(133,164,185,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(133,164,185,.045) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,transparent,black 14%,black 88%,transparent);
}
.n-price-glow{
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  pointer-events:none;
  filter:blur(110px);
}
.glow-left{
  left:-180px;top:28%;
  background:#2c5d7d;
  opacity:.10;
}
.glow-right{
  right:-180px;bottom:6%;
  background:#9d792e;
  opacity:.045;
}
.n-pricing-wrap{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:auto;
}
.n-pricing-head{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.n-pricing-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#91a5b4;
  font:500 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-pricing-label span{
  color:#d3a94f;
  font-size:11.5px;
}
.n-pricing-head h2{
  margin:16px 0 0;
  font:300 clamp(34px,4vw,50px)/1.05 'Archivo';
  letter-spacing:-.045em;
  color:#f4f6f7;
}
.n-pricing-head h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#738e9d,#c6d5da,#668699,#dce5e8,#7696a5);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nPriceMetal 7s ease-in-out infinite;
}
.n-pricing-head p{
  max-width:600px;
  margin:15px auto 0;
  color:#7d8d9b;
  font:400 13.5px/1.6 'Archivo';
}
.n-plan-selector{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:28px auto 31px;
}
.n-plan-pill{
  min-width:82px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.018);
  color:#718293;
  font:500 12.5px 'Archivo';
  cursor:pointer;
  transition:.3s ease;
}
.n-plan-pill:hover{
  color:#dbe2e6;
  border-color:rgba(130,171,195,.18);
}
.n-plan-pill.active{
  color:#0b1e3f;
  background:#d9e5e9;
  border-color:transparent;
  box-shadow:0 8px 26px rgba(125,167,189,.10);
}
.n-plans-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  align-items:stretch;
}
.n-plan-card{
  position:relative;
  min-width:0;
  padding:1px;
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.065);
  cursor:pointer;
  transition:
    transform .45s cubic-bezier(.16,1,.3,1),
    box-shadow .45s cubic-bezier(.16,1,.3,1);
}
.n-plan-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 75px rgba(0,0,0,.28);
}
.n-plan-border{
  position:absolute;
  z-index:0;
  inset:-70%;
  opacity:0;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 250deg,
      rgba(106,180,205,.15) 276deg,
      rgba(202,226,233,.86) 300deg,
      rgba(211,169,79,.70) 314deg,
      transparent 338deg,
      transparent 360deg
    );
  animation:nBorderSpin 4s linear infinite;
  transition:opacity .3s ease;
}
.n-plan-card.selected .n-plan-border,
.n-plan-card:hover .n-plan-border{
  opacity:1;
}
.n-plan-card.selected{
  transform:translateY(-9px);
  box-shadow:
    0 34px 82px rgba(0,0,0,.32),
    0 0 80px rgba(76,140,174,.055);
}
.n-plan-inner{
  position:relative;
  z-index:1;
  height:100%;
  min-height:590px;
  padding:26px 25px 23px;
  border-radius:19px;
  background:
    radial-gradient(360px 200px at 50% 0%,rgba(61,112,143,.055),transparent 70%),
    linear-gradient(160deg,#0a1928,#081522 74%);
  border:1px solid rgba(255,255,255,.025);
}
.n-plan-card.selected .n-plan-inner{
  background:
    radial-gradient(380px 220px at 50% 0%,rgba(59,121,157,.11),transparent 70%),
    linear-gradient(160deg,#0c1f32,#091824 74%);
}
.n-popular{
  position:absolute;
  right:20px;
  top:18px;
  padding:5px 8px;
  border-radius:999px;
  color:#d3a94f;
  border:1px solid rgba(211,169,79,.17);
  background:rgba(211,169,79,.045);
  font:600 11.5px 'Archivo';
  letter-spacing:.10em;
}
.n-plan-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.n-plan-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:9px;
  border:1px solid rgba(130,166,190,.11);
  background:rgba(79,132,164,.06);
  color:#8198a8;
  font:500 11.5px 'Archivo';
}
.n-plan-state{
  padding:5px 7px;
  border-radius:999px;
  border:1px solid rgba(115,149,170,.11);
  color:#63798a;
  font:600 11.5px 'Archivo';
  letter-spacing:.10em;
}
.n-plan-state.accent{
  color:#7eb1c2;
  border-color:rgba(98,170,194,.15);
  background:rgba(98,170,194,.035);
}
.n-plan-state.gold{
  color:#c19a4b;
  border-color:rgba(211,169,79,.15);
  background:rgba(211,169,79,.035);
}
.n-plan-name{
  margin-top:25px;
  color:#f0f3f4;
  font:400 24px 'Archivo';
  letter-spacing:-.025em;
}
.n-plan-subtitle{
  margin-top:4px;
  color:#9aabb7;
  font:400 15px 'Archivo';
}
.n-plan-desc{
  min-height:66px;
  margin:10px 0 0;
  color:#6f8190;
  font:400 14.5px/1.55 'Archivo';
}
.n-plan-button{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  margin-top:20px;
  padding:0 16px;
  border-radius:11px;
  border:1px solid rgba(125,163,187,.13);
  background:
    linear-gradient(180deg,rgba(61,107,135,.11),rgba(30,66,90,.08));
  color:#dbe3e7;
  font:500 14.5px 'Archivo';
  transition:.35s ease;
}
.n-plan-button:before{
  content:"";
  position:absolute;
  top:-20%;
  left:-38%;
  width:22%;
  height:140%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);
  animation:nButtonSweep 4.7s ease-in-out infinite;
}
.n-plan-button b{
  color:#d3a94f;
  font-size:13px;
  font-weight:400;
}
.n-plan-button:hover{
  border-color:rgba(211,169,79,.25);
  background:
    linear-gradient(180deg,rgba(65,119,149,.17),rgba(31,70,95,.12));
}
.n-plan-button.primary{
  color:#091827;
  border-color:rgba(212,229,235,.36);
  background:
    linear-gradient(105deg,#b9cbd3,#e3ebee 46%,#aac2cd);
  box-shadow:0 12px 34px rgba(95,155,181,.09);
}
.n-plan-button.primary b{
  color:#8f6e26;
}
.n-plan-divider{
  height:1px;
  margin:22px 0 17px;
  background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.03),transparent);
}
.n-plan-section-label{
  color:#566a7b;
  font:600 11.5px 'Archivo';
  letter-spacing:.14em;
}
.n-plan-features{
  display:grid;
  gap:11px;
  margin:15px 0 0;
  padding:0;
  list-style:none;
}
.n-plan-features li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#8b9aa6;
  font:400 13px/1.35 'Archivo';
}
.n-plan-features i{
  flex:0 0 auto;
  width:15px;height:15px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(77,150,174,.07);
  color:#76b4c7;
  font:600 11.5px 'Archivo';
  font-style:normal;
}
.n-plan-limit{
  position:absolute;
  left:25px;right:25px;bottom:22px;
  padding:9px 10px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.018);
  color:#556b7c;
  font:400 11.5px 'Archivo';
}
.n-plan-limit.active-limit{
  color:#ad8b49;
  border-color:rgba(211,169,79,.11);
  background:rgba(211,169,79,.025);
}
.n-audience-dark{
  display:grid;
  grid-template-columns:1.15fr repeat(4,1fr);
  gap:13px;
  align-items:center;
  margin-top:16px;
  padding:17px 19px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.014);
  color:#758797;
  font:400 11.5px 'Archivo';
}
.n-audience-dark>span{
  color:#8b9aa7;
  font:600 11.5px 'Archivo';
  letter-spacing:.13em;
}
.n-audience-dark div{
  display:flex;gap:6px;align-items:center;
}
.n-audience-dark i{
  color:#d3a94f;
  font-style:normal;
}
@keyframes nBorderSpin{
  to{transform:rotate(360deg)}
}
@keyframes nButtonSweep{
  0%,28%{left:-38%;opacity:0}
  38%{opacity:.80}
  56%{left:118%;opacity:0}
  100%{left:118%;opacity:0}
}
@keyframes nPriceMetal{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}
@media(max-width:900px){
  .n-plans-grid{
    grid-template-columns:1fr;
    max-width:570px;
    margin:auto;
  }
  .n-plan-card.selected{
    transform:none;
  }
  .n-plan-inner{
    min-height:550px;
  }
  .n-audience-dark{
    grid-template-columns:1fr 1fr;
  }
  .n-audience-dark>span{
    grid-column:1/-1;
  }
}
@media(max-width:520px){
  .n-pricing{
    padding:82px 15px 78px;
  }
  .n-pricing-head h2{
    font-size:clamp(31px,9.4vw,39px);
  }
  .n-pricing-head p{
    font-size:15.5px;
  }
  .n-plan-selector{
    margin-top:23px;
  }
  .n-plan-pill{
    min-width:72px;
    padding:0 10px;
  }
  .n-plan-inner{
    min-height:560px;
    padding:23px 21px 20px;
  }
  .n-plan-limit{
    left:21px;right:21px;
  }
  .n-audience-dark{
    grid-template-columns:1fr;
  }
  .n-audience-dark>span{
    grid-column:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-plan-border,.n-plan-button:before,.n-pricing-head h2 em{
    animation:none!important;
  }
}


/* =========================================================
   NORTHEL V9 — COMPACT CTA + MINIMAL FOOTER WITH LIGHT BORDER
   ========================================================= */
.n-end{
  position:relative;
  overflow:hidden;
  padding:56px 22px 22px;
  background:
    radial-gradient(520px 240px at 50% 0%,rgba(54,112,146,.09),transparent 72%),
    linear-gradient(180deg,#06121e,#040b13);
}
.n-end-wrap{
  position:relative;
  max-width:1180px;
  margin:auto;
  padding:1px;
  border-radius:26px;
  overflow:hidden;
  background:rgba(255,255,255,.055);
}
.n-end-border{
  position:absolute;
  z-index:0;
  inset:-65%;
  opacity:.72;
  background:
    conic-gradient(
      from 90deg,
      transparent 0deg,
      transparent 260deg,
      rgba(104,168,193,.10) 282deg,
      rgba(185,216,225,.70) 300deg,
      rgba(211,169,79,.58) 312deg,
      transparent 334deg,
      transparent 360deg
    );
  animation:nFooterSpin 7s linear infinite;
}
.n-end-inner{
  position:relative;
  z-index:1;
  overflow:hidden;
  min-height:470px;
  border-radius:25px;
  padding:50px 46px 30px;
  background:
    radial-gradient(520px 240px at 50% 8%,rgba(49,105,139,.055),transparent 72%),
    linear-gradient(180deg,#050e17,#040b12 80%);
}
.n-end-inner:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background-image:
    linear-gradient(rgba(120,157,180,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,157,180,.04) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(to bottom,black,transparent 55%);
}
.n-end-inner:after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(117,174,198,.25),rgba(211,169,79,.30),rgba(117,174,198,.22),transparent);
  box-shadow:0 0 28px rgba(78,144,179,.16);
}
.n-end-cta{
  position:relative;
  max-width:700px;
  margin:auto;
  text-align:center;
}
.n-end-kicker{
  color:#8194a5;
  font:600 11.5px 'Archivo';
  letter-spacing:.17em;
}
.n-end-cta h2{
  margin:14px 0 0;
  color:#f3f5f6;
  font:300 clamp(28px,3.4vw,43px)/1.08 'Archivo';
  letter-spacing:-.04em;
}
.n-end-cta p{
  max-width:540px;
  margin:13px auto 0;
  color:#718392;
  font:400 15.5px/1.6 'Archivo';
}
.n-contact-row{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:24px;
}
.n-whatsapp-btn,.n-call-link{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 14px;
  border-radius:11px;
  border:1px solid rgba(128,165,188,.13);
  background:rgba(255,255,255,.018);
  color:#cbd7dd;
  transition:.35s ease;
}
.n-whatsapp-btn{
  min-width:230px;
  justify-content:flex-start;
  background:
    linear-gradient(180deg,rgba(50,93,119,.11),rgba(24,52,71,.08));
}
.n-whatsapp-btn:before{
  content:"";
  position:absolute;
  top:-20%;bottom:-20%;
  left:-32%;
  width:22%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  animation:nFooterButtonSweep 5s ease-in-out infinite;
}
.n-whatsapp-btn:hover,.n-call-link:hover{
  transform:translateY(-2px);
  border-color:rgba(211,169,79,.22);
}
.n-contact-icon{
  width:30px;height:30px;
  flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:9px;
  color:#83b7c8;
  background:rgba(78,139,169,.065);
  border:1px solid rgba(111,164,188,.08);
}
.n-whatsapp-btn small,.n-call-link small{
  display:block;
  color:#65798b;
  font:600 11.5px 'Archivo';
  letter-spacing:.13em;
}
.n-whatsapp-btn strong,.n-call-link strong{
  display:block;
  margin-top:2px;
  color:#dce4e8;
  font:500 13px 'Archivo';
}
.n-whatsapp-btn b{
  margin-left:auto;
  color:#d3a94f;
  font:400 13px 'Archivo';
}
.n-call-link{
  min-width:155px;
}
.n-end-divider,.n-footer-divider{
  position:relative;
  height:1px;
  margin:38px 0 28px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
}
.n-footer-brand{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
}
.n-footer-lockup{
  display:flex;
  align-items:center;
  gap:11px;
}
.n-footer-lockup>div{
  display:flex;
  flex-direction:column;
}
.n-footer-lockup strong{
  color:#f2f3f4;
  font:500 18px Georgia,serif;
}
.n-footer-lockup span{
  margin-top:2px;
  color:#66798a;
  font:500 11.5px 'Archivo';
  letter-spacing:.16em;
}
.n-footer-brand p{
  margin:0;
  padding-left:24px;
  border-left:1px solid rgba(255,255,255,.065);
  color:#697c8d;
  font:400 14px 'Archivo';
}
.n-footer-socials{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:18px;
}
.n-footer-socials a{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.018);
  color:#7d91a1;
  transition:.3s ease;
}
.n-footer-socials a:hover{
  color:#d3a94f;
  transform:translateY(-2px);
  border-color:rgba(211,169,79,.18);
}
.n-footer-divider{
  margin:26px 0 20px;
}
.n-footer-bottom{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  color:#4f6170;
  font:400 11.5px 'Archivo';
}
.n-footer-bottom nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
}
.n-footer-bottom a{
  color:#657684;
  transition:.25s ease;
}
.n-footer-bottom a:hover{
  color:#a9b8c2;
}
@keyframes nFooterSpin{
  to{transform:rotate(360deg)}
}
@keyframes nFooterButtonSweep{
  0%,28%{left:-32%;opacity:0}
  38%{opacity:.85}
  56%{left:120%;opacity:0}
  100%{left:120%;opacity:0}
}
@media(max-width:720px){
  .n-end{
    padding:42px 12px 12px;
  }
  .n-end-wrap{
    border-radius:21px;
  }
  .n-end-inner{
    min-height:430px;
    padding:42px 18px 25px;
    border-radius:20px;
  }
  .n-end-cta h2{
    font-size:clamp(29px,9vw,37px);
  }
  .n-contact-row{
    flex-direction:column;
    align-items:stretch;
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
  }
  .n-whatsapp-btn,.n-call-link{
    width:100%;
    min-width:0;
  }
  .n-footer-brand{
    flex-direction:column;
    gap:14px;
    text-align:center;
  }
  .n-footer-brand p{
    border-left:0;
    padding-left:0;
  }
  .n-footer-bottom nav{
    gap:12px 18px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-end-border,.n-whatsapp-btn:before{
    animation:none!important;
  }
}


/* =========================================================
   NORTHEL V10 — ULTRA CLEAN FOOTER
   ========================================================= */
.n-footer-minimal{
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0 34px 22px;
  color:#dce4e8;
  background:#03080d;
  border-top:1px solid rgba(107,153,179,.08);
}
.n-footer-minimal:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(90,145,174,.08) 14%,
    rgba(139,190,208,.40) 42%,
    rgba(211,169,79,.34) 50%,
    rgba(139,190,208,.32) 58%,
    rgba(90,145,174,.08) 86%,
    transparent 100%
  );
  background-size:220% 100%;
  animation:nFooterLightMove 7s ease-in-out infinite alternate;
  box-shadow:0 0 22px rgba(83,145,176,.12);
}
.n-footer-light{
  position:absolute;
  left:50%;
  top:-100px;
  width:660px;
  height:220px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(64,124,158,.07),transparent 68%);
  filter:blur(32px);
  pointer-events:none;
}
.n-footer-hero{
  position:relative;
  max-width:760px;
  margin:auto;
  padding:74px 20px 62px;
  text-align:center;
}
.n-footer-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
}
.n-footer-logo span{
  color:#f2f4f5;
  font:500 28px Georgia,serif;
  letter-spacing:-.015em;
}
.n-footer-hero>p{
  margin:27px 0 0;
  color:#687985;
  font:400 14px 'Archivo';
}
.n-footer-contact{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:29px;
}
.n-footer-contact a{
  width:45px;height:45px;
  display:grid;place-items:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.075);
  color:#8397a5;
  background:rgba(255,255,255,.018);
  transition:.3s ease;
}
.n-footer-contact a:first-child{
  border-color:rgba(99,167,185,.14);
}
.n-footer-contact a:hover{
  color:#d3a94f;
  transform:translateY(-2px);
  border-color:rgba(211,169,79,.20);
  background:rgba(211,169,79,.025);
}
.n-footer-number{
  display:inline-block;
  margin-top:15px;
  color:#617583;
  font:400 13px 'Archivo';
  letter-spacing:.02em;
  transition:.25s ease;
}
.n-footer-number:hover{
  color:#aebdc5;
}
.n-footer-rule{
  height:1px;
  width:100%;
  background:rgba(255,255,255,.055);
}
.n-footer-bottom-clean{
  position:relative;
  max-width:1120px;
  min-height:92px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.n-footer-bottom-clean nav{
  display:flex;
  gap:26px;
  justify-self:start;
}
.n-footer-bottom-clean nav a,
.n-footer-bottom-clean>span{
  color:#465864;
  font:400 11.5px 'Archivo';
  transition:.25s ease;
}
.n-footer-bottom-clean nav a:hover{
  color:#8194a0;
}
.n-footer-bottom-clean>span{
  justify-self:center;
}
.n-back-top{
  justify-self:end;
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);
  color:#667986;
  font:400 15px 'Archivo';
  transition:.3s ease;
}
.n-back-top:hover{
  color:#d3a94f;
  border-color:rgba(211,169,79,.18);
  transform:translateY(-2px);
}
.n-footer-disclaimer{
  max-width:760px;
  margin:0 auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.04);
  text-align:center;
  color:#34444e;
  font:400 11.5px/1.5 'Archivo';
}
@keyframes nFooterLightMove{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}
@media(max-width:760px){
  .n-footer-minimal{
    padding:0 18px 18px;
  }
  .n-footer-hero{
    padding:58px 12px 48px;
  }
  .n-footer-logo span{
    font-size:25px;
  }
  .n-footer-hero>p{
    margin-top:21px;
    font-size:15.5px;
  }
  .n-footer-contact{
    margin-top:24px;
  }
  .n-footer-bottom-clean{
    min-height:132px;
    grid-template-columns:1fr;
    justify-items:center;
    gap:15px;
    padding:22px 0;
  }
  .n-footer-bottom-clean nav{
    justify-self:center;
    gap:18px;
  }
  .n-footer-bottom-clean>span{
    justify-self:center;
  }
  .n-back-top{
    justify-self:center;
  }
  .n-footer-disclaimer{
    padding-top:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-footer-minimal:before{animation:none!important}
}


/* =========================================================
   NORTHEL — SOLUTION JOURNEY / CONNECTED CAPABILITIES
   ========================================================= */
.n-capability-journey{
  position:relative;
  margin-top:36px;
  padding:42px 34px 32px;
  border-radius:20px;
  border:1px solid rgba(127,165,188,.10);
  background:
    radial-gradient(520px 230px at 50% 42%,rgba(58,124,162,.055),transparent 72%),
    linear-gradient(150deg,rgba(10,30,52,.70),rgba(6,20,36,.58));
  overflow:hidden;
}
.n-capability-journey:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background-image:
    linear-gradient(rgba(126,158,181,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,158,181,.06) 1px,transparent 1px);
  background-size:66px 66px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
}
.n-capability-head{
  position:relative;
  z-index:3;
  max-width:640px;
  margin:0 auto 30px;
  text-align:center;
}
.n-capability-head>span{
  color:#7891a3;
  font:600 11.5px 'Archivo';
  letter-spacing:.17em;
}
.n-capability-head h3{
  margin:9px 0 0;
  color:#f0f3f4;
  font:300 clamp(25px,2.7vw,35px)/1.1 'Archivo';
  letter-spacing:-.035em;
}
.n-capability-head p{
  max-width:560px;
  margin:11px auto 0;
  color:#708494;
  font:400 14.5px/1.6 'Archivo';
}
.n-journey-map{
  position:relative;
  z-index:2;
  height:470px;
  max-width:1020px;
  margin:auto;
}
.n-journey-path{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.n-path-base,.n-path-light{
  fill:none;
  vector-effect:non-scaling-stroke;
}
.n-path-base{
  stroke:rgba(123,151,172,.22);
  stroke-width:1.4;
}
.n-path-runner{
  position:absolute;
  left:8.5%;
  top:25.5%;
  width:8px;height:8px;
  border-radius:50%;
  background:#cfe4e9;
  box-shadow:
    0 0 0 5px rgba(103,177,198,.06),
    0 0 18px rgba(103,177,198,.45),
    0 0 38px rgba(211,169,79,.16);
  offset-path:path("M 0 0 H 800 Q 850 0 850 50 V 216 Q 850 266 800 266 H 0");
  offset-distance:0%;
  animation:nRunner 6s linear infinite;
}
.n-stage{
  position:absolute;
  width:28%;
  max-width:280px;
  min-width:0;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.n-stage:hover{
  transform:translateY(-5px);
}
.stage-1{left:3%;top:70px}
.stage-2{left:36%;top:70px}
.stage-3{right:3%;top:70px}
.stage-4{right:3%;top:286px}
.stage-5{left:36%;top:286px}
.stage-6{left:3%;top:286px}
.n-stage-node{
  position:relative;
  width:38px;height:38px;
  margin-bottom:16px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#8fa2b1;
  border:1px solid rgba(133,165,186,.18);
  background:#0a1d31;
  box-shadow:
    0 0 0 5px rgba(9,28,48,.85),
    0 8px 24px rgba(0,0,0,.17);
  transition:.35s ease;
}
.n-stage-node i{
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:rgba(92,159,181,.07);
  transition:.35s ease;
}
.n-stage-node b{
  position:relative;
  z-index:2;
  font:500 11.5px 'Archivo';
}
.n-stage:hover .n-stage-node{
  border-color:rgba(211,169,79,.32);
  color:#d9bd70;
  box-shadow:
    0 0 0 5px rgba(9,28,48,.88),
    0 0 28px rgba(84,153,181,.15);
}
.n-stage:hover .n-stage-node i{
  background:rgba(211,169,79,.07);
}
.n-stage-copy{
  position:relative;
  padding-right:12px;
}
.n-stage-copy>span{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:0 7px;
  border-radius:999px;
  color:#7590a2;
  border:1px solid rgba(122,157,179,.11);
  background:rgba(255,255,255,.014);
  font:600 11.5px 'Archivo';
  letter-spacing:.13em;
}
.n-stage-copy h4{
  margin:9px 0 0;
  color:#eef2f3;
  font:400 15px 'Archivo';
  letter-spacing:-.015em;
}
.n-stage-copy p{
  max-width:250px;
  margin:7px 0 0;
  color:#687d8e;
  font:400 12px/1.55 'Archivo';
}
.n-stage:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-14px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,#d3a94f,rgba(99,167,190,.35),transparent);
  transition:width .45s cubic-bezier(.16,1,.3,1);
}
.n-stage:hover:after{
  width:72%;
}
.n-journey-caption{
  position:relative;
  z-index:3;
  max-width:660px;
  margin:4px auto 0;
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  color:#758b9a;
  background:rgba(255,255,255,.012);
  border:1px solid rgba(255,255,255,.045);
  font:400 11.5px 'Archivo';
}
.n-caption-dot{
  width:5px;height:5px;
  border-radius:50%;
  background:#d3a94f;
  box-shadow:0 0 10px rgba(211,169,79,.22);
}
.n-journey-caption strong{
  color:#9bacb7;
  font-weight:500;
}
.n-journey-caption p{
  margin:0;
}
@keyframes nJourneyLight{
  to{stroke-dashoffset:-1010}
}
@keyframes nRunner{
  to{offset-distance:100%}
}
@media(max-width:760px){
  .n-capability-journey{
    padding:34px 18px 26px;
    margin-top:28px;
    border-radius:17px;
  }
  .n-capability-head{
    margin-bottom:28px;
  }
  .n-capability-head h3{
    font-size:clamp(25px,7.8vw,31px);
  }
  .n-capability-head p{
    font-size:13.5px;
  }
  .n-journey-map{
    height:auto;
    padding-left:42px;
  }
  .n-journey-path,.n-path-runner{
    display:none;
  }
  .n-journey-map:before{
    content:"";
    position:absolute;
    left:17px;
    top:8px;
    bottom:10px;
    width:1px;
    background:linear-gradient(to bottom,rgba(126,160,181,.12),rgba(105,176,197,.50),rgba(211,169,79,.40),rgba(126,160,181,.12));
  }
  .n-journey-map:after{
    content:"";
    position:absolute;
    left:14px;
    top:8px;
    width:7px;height:7px;
    border-radius:50%;
    background:#d9eef2;
    box-shadow:0 0 17px rgba(100,181,201,.45);
    animation:nVerticalRunner 5.4s ease-in-out infinite;
  }
  .n-stage{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%;
    max-width:none;
    min-height:118px;
    padding:0 0 27px;
  }
  .n-stage-node{
    position:absolute;
    left:-42px;
    top:0;
    width:34px;height:34px;
    margin:0;
  }
  .n-stage-copy{
    padding:0;
  }
  .n-stage-copy h4{
    font-size:15px;
  }
  .n-stage-copy p{
    max-width:100%;
    font-size:12px;
  }
  .n-stage:after{
    display:none;
  }
  .n-journey-caption{
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top:3px;
    font-size:11.5px;
  }
  .n-journey-caption p{
    flex-basis:100%;
    padding-left:13px;
  }
}
@keyframes nVerticalRunner{
  0%{top:8px;opacity:.2}
  15%{opacity:1}
  85%{opacity:1}
  100%{top:calc(100% - 17px);opacity:.2}
}
@media(prefers-reduced-motion:reduce){
  .n-path-light,.n-path-runner,.n-journey-map:after{
    animation:none!important;
  }
}


/* =========================================================
   NORTHEL — WHITE EDITORIAL TESTIMONIALS
   ========================================================= */
.n-reviews{
  position:relative;
  overflow:hidden;
  padding:112px 28px 105px;
  color:#0b2036;
  background:
    radial-gradient(560px 330px at 8% 40%,rgba(76,126,151,.055),transparent 72%),
    radial-gradient(460px 260px at 91% 17%,rgba(211,169,79,.035),transparent 74%),
    #f8fafb;
}
.n-reviews:before{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:min(1060px,86vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(95,142,165,.15),rgba(211,169,79,.20),rgba(95,142,165,.15),transparent);
}
.n-review-orbit{
  position:absolute;
  border:1px solid rgba(74,118,141,.055);
  border-radius:50%;
  pointer-events:none;
}
.orbit-review-a{
  width:820px;height:820px;
  left:-430px;top:60px;
}
.orbit-review-b{
  width:600px;height:600px;
  right:-370px;bottom:-260px;
  border-color:rgba(211,169,79,.045);
}
.n-reviews-wrap{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:auto;
}
.n-reviews-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:end;
}
.n-reviews-label{
  color:#7890a0;
  font:600 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-reviews-head h2{
  margin:12px 0 0;
  color:#102438;
  font:300 clamp(34px,4vw,50px)/1.06 'Archivo';
  letter-spacing:-.045em;
}
.n-reviews-head h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#4e6d80,#7797a8,#3e6479,#8aa7b5);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nReviewMetal 7s ease-in-out infinite;
}
.n-reviews-head>p{
  margin:0;
  max-width:420px;
  justify-self:end;
  color:#6b7c8b;
  font:400 13px/1.65 'Archivo';
}
.n-review-layout{
  display:grid;
  grid-template-columns:1.45fr .55fr;
  gap:58px;
  margin-top:62px;
  align-items:stretch;
}
.n-review-featured{
  position:relative;
  min-height:390px;
  padding:12px 0 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.n-review-featured:before{
  content:"";
  position:absolute;
  left:-30px;top:8%;
  width:1px;height:84%;
  background:linear-gradient(to bottom,transparent,rgba(109,151,173,.18),rgba(211,169,79,.38),transparent);
}
.n-review-stars{
  display:flex;
  gap:7px;
  color:#d3a94f;
  font-size:18px;
  letter-spacing:.03em;
}
.n-review-featured blockquote{
  max-width:760px;
  margin:28px 0 0;
  color:#183044;
  font:300 clamp(25px,2.8vw,36px)/1.32 'Archivo';
  letter-spacing:-.03em;
  transition:opacity .22s ease,transform .22s ease;
}
.n-review-featured.is-changing blockquote,
.n-review-featured.is-changing .n-review-person{
  opacity:0;
  transform:translateY(6px);
}
.n-review-person{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:38px;
  transition:opacity .22s ease,transform .22s ease;
}
.n-review-avatar{
  width:46px;height:46px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#9a752f;
  background:
    radial-gradient(circle at 35% 28%,#fff,#f2f5f6 64%);
  border:1px solid rgba(211,169,79,.22);
  box-shadow:0 8px 22px rgba(40,65,82,.06);
  font:600 12.5px 'Archivo';
}
.n-review-person strong{
  display:block;
  color:#102638;
  font:500 13.5px 'Archivo';
}
.n-review-person span{
  display:block;
  margin-top:3px;
  color:#718392;
  font:400 14px 'Archivo';
}
.n-review-selector{
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid #e2e8ec;
}
.n-review-option{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  width:100%;
  min-height:94px;
  padding:18px 18px 18px 25px;
  text-align:left;
  border:0;
  border-bottom:1px solid #e8edf0;
  color:#738493;
  background:transparent;
  cursor:pointer;
  transition:.32s ease;
}
.n-review-option:first-child{
  border-top:1px solid #e8edf0;
}
.n-review-option>span{
  color:#a2aeb7;
  font:500 11.5px 'Archivo';
  letter-spacing:.12em;
}
.n-review-option strong{
  display:block;
  color:#516776;
  font:500 14.5px 'Archivo';
  transition:.28s ease;
}
.n-review-option small{
  display:block;
  margin-top:5px;
  color:#8b99a4;
  font:400 11.5px 'Archivo';
}
.n-review-option:before{
  content:"";
  position:absolute;
  left:-1px;top:22%;
  width:2px;height:56%;
  border-radius:4px;
  background:transparent;
  transition:.28s ease;
}
.n-review-option:hover{
  padding-left:29px;
  background:rgba(255,255,255,.42);
}
.n-review-option.active{
  background:linear-gradient(90deg,rgba(82,134,159,.055),transparent 82%);
}
.n-review-option.active:before{
  background:linear-gradient(to bottom,#799aad,#d3a94f);
  box-shadow:0 0 12px rgba(100,151,174,.14);
}
.n-review-option.active strong{
  color:#102638;
}
.n-review-option.active>span{
  color:#a47d32;
}
.n-review-progress{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:28px;
}
.n-review-progress span{
  width:18px;height:2px;
  border-radius:2px;
  background:#dce4e8;
  transition:.3s ease;
}
.n-review-progress span.active{
  width:42px;
  background:linear-gradient(90deg,#7293a4,#d3a94f);
}
@keyframes nReviewMetal{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}
@media(max-width:800px){
  .n-reviews{
    padding:82px 18px 78px;
  }
  .n-reviews-head{
    grid-template-columns:1fr;
    gap:17px;
    text-align:center;
  }
  .n-reviews-head h2{
    font-size:clamp(31px,9.5vw,39px);
  }
  .n-reviews-head>p{
    justify-self:center;
    max-width:340px;
    font-size:15px;
  }
  .n-review-layout{
    grid-template-columns:1fr;
    gap:28px;
    margin-top:42px;
  }
  .n-review-featured{
    min-height:330px;
    padding:0 10px 10px;
    text-align:left;
  }
  .n-review-featured:before{
    left:0;
  }
  .n-review-stars{
    padding-left:15px;
    font-size:16px;
  }
  .n-review-featured blockquote{
    padding-left:15px;
    font-size:clamp(23px,7.4vw,30px);
  }
  .n-review-person{
    padding-left:15px;
  }
  .n-review-selector{
    border-left:0;
  }
  .n-review-option{
    min-height:82px;
    padding:15px 12px;
    border-left:1px solid #e8edf0;
    border-right:1px solid #e8edf0;
  }
  .n-review-option:first-child{
    border-radius:12px 12px 0 0;
  }
  .n-review-option:last-child{
    border-radius:0 0 12px 12px;
  }
  .n-review-option:before{
    left:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-reviews-head h2 em{animation:none!important}
}


/* =========================================================
   NORTHEL V13 — 3 SMALLER CLEAN REVIEW CARDS
   ========================================================= */
.n-reviews-v13{
  position:relative;
  overflow:hidden;
  padding:96px 28px 98px;
  background:
    radial-gradient(520px 250px at 10% 30%,rgba(77,130,156,.055),transparent 72%),
    radial-gradient(460px 240px at 89% 14%,rgba(211,169,79,.035),transparent 74%),
    #f8fafb;
  color:#10263a;
}
.n-reviews-v13:before{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:min(1060px,86vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(94,140,163,.14),rgba(211,169,79,.20),rgba(94,140,163,.14),transparent);
}
.n-reviews-v13-orbit{
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(79,124,147,.05);
  border-radius:50%;
}
.orbit-a{width:720px;height:720px;left:-450px;top:75px}
.orbit-b{width:570px;height:570px;right:-360px;bottom:-260px;border-color:rgba(211,169,79,.04)}
.n-reviews-v13-wrap{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:auto;
}
.n-reviews-v13-head{
  max-width:700px;
  margin:0 auto 46px;
  text-align:center;
}
.n-reviews-v13-label{
  color:#7b90a0;
  font:600 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-reviews-v13-head h2{
  margin:12px 0 0;
  color:#10263a;
  font:300 clamp(32px,3.7vw,46px)/1.07 'Archivo';
  letter-spacing:-.043em;
}
.n-reviews-v13-head h2 em{
  position:relative;
  display:inline-block;
  font-style:normal;
  font-weight:300;
  background:
    linear-gradient(
      105deg,
      #3e6276 0%,
      #6f91a3 24%,
      #294f65 48%,
      #7e9fac 70%,
      #42687b 100%
    );
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nReviewV13Metal 7s ease-in-out infinite;
}
.n-reviews-v13-head h2 em:after{
  content:"";
  position:absolute;
  left:14%;right:14%;bottom:-10px;
  height:1px;
  background:linear-gradient(90deg,transparent,#d3a94f,transparent);
  opacity:.56;
}
.n-reviews-v13-head p{
  max-width:560px;
  margin:20px auto 0;
  color:#6b7e8e;
  font:400 15.5px/1.6 'Archivo';
}
.n-reviews-v13-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.n-review-card-v13{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:22px 22px 20px;
  display:flex;
  flex-direction:column;
  border-radius:17px;
  border:1px solid #dde6eb;
  background:
    linear-gradient(150deg,rgba(255,255,255,.98),rgba(249,251,252,.96));
  box-shadow:0 12px 38px rgba(36,65,84,.035);
  transition:
    transform .42s cubic-bezier(.16,1,.3,1),
    box-shadow .42s cubic-bezier(.16,1,.3,1),
    border-color .32s ease;
}
.n-review-card-v13:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(280px circle at 50% 0%,rgba(80,136,161,.07),transparent 68%);
  transition:.35s ease;
}
.n-review-card-v13:hover{
  transform:translateY(-6px);
  border-color:#cfdee6;
  box-shadow:0 28px 60px rgba(36,65,84,.09);
}
.n-review-card-v13:hover:before{opacity:1}
.n-review-card-v13.featured{
  border-color:#d6e1e7;
  box-shadow:0 18px 52px rgba(36,65,84,.06);
}
.n-review-card-v13.featured:after{
  content:"";
  position:absolute;
  top:0;left:18%;right:18%;
  height:1px;
  background:linear-gradient(90deg,transparent,#d3a94f,transparent);
  opacity:.68;
}
.n-review-card-v13-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.n-review-stars-v13{
  color:#d3a94f;
  font:400 15px 'Archivo';
  letter-spacing:.10em;
}
.n-review-card-v13-top>span{
  color:#9aa8b2;
  font:500 11.5px 'Archivo';
  letter-spacing:.12em;
}
.n-review-card-v13 blockquote{
  position:relative;
  z-index:2;
  margin:23px 0 0;
  color:#1c3548;
  font:300 18px/1.48 'Archivo';
  letter-spacing:-.02em;
}
.n-review-person-v13{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:auto;
  padding-top:22px;
}
.n-review-avatar-v13{
  width:38px;height:38px;
  flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:50%;
  color:#9b772f;
  background:#fbfcfd;
  border:1px solid rgba(211,169,79,.22);
  font:600 11.5px 'Archivo';
}
.n-review-person-v13 strong{
  display:block;
  color:#102638;
  font:500 14.5px 'Archivo';
}
.n-review-person-v13 span{
  display:block;
  margin-top:2px;
  color:#7a8b98;
  font:400 11.5px 'Archivo';
}
.n-review-card-v13-line{
  position:absolute;
  left:22px;right:22px;bottom:0;
  height:1px;
  transform:scaleX(.22);
  transform-origin:center;
  background:linear-gradient(90deg,transparent,#6f92a4,#d3a94f,#6f92a4,transparent);
  opacity:.0;
  transition:.45s ease;
}
.n-review-card-v13:hover .n-review-card-v13-line{
  transform:scaleX(1);
  opacity:.65;
}
@keyframes nReviewV13Metal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(max-width:900px){
  .n-reviews-v13-grid{
    grid-template-columns:1fr;
    max-width:620px;
    margin:auto;
  }
  .n-review-card-v13{
    min-height:260px;
  }
}
@media(max-width:560px){
  .n-reviews-v13{
    padding:78px 15px 80px;
  }
  .n-reviews-v13-head{
    margin-bottom:34px;
  }
  .n-reviews-v13-head h2{
    font-size:clamp(30px,9vw,37px);
  }
  .n-reviews-v13-head p{
    font-size:15px;
  }
  .n-review-card-v13{
    min-height:250px;
    padding:20px;
  }
  .n-review-card-v13 blockquote{
    font-size:17px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-reviews-v13-head h2 em{animation:none!important}
}


/* =========================================================
   NORTHEL V14 — CLEAN PROBLEM STRIP
   ========================================================= */
.n-problem-clean{
  position:relative;
  overflow:hidden;
  padding:100px 28px 98px;
  color:#10263a;
  background:
    radial-gradient(520px 250px at 10% 12%,rgba(80,137,160,.055),transparent 72%),
    radial-gradient(460px 230px at 90% 8%,rgba(197,77,78,.035),transparent 75%),
    #f8fafb;
}
.n-problem-clean:before{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:min(1080px,88vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(92,139,162,.16),rgba(211,169,79,.22),rgba(92,139,162,.16),transparent);
}
.n-problem-clean-glow{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(95px);
}
.n-problem-clean-glow.glow-a{
  width:300px;height:300px;
  left:-120px;top:20%;
  background:#5c8fa6;
  opacity:.045;
}
.n-problem-clean-glow.glow-b{
  width:280px;height:280px;
  right:-120px;top:18%;
  background:#c65356;
  opacity:.025;
}
.n-problem-clean-wrap{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:auto;
}
.n-problem-clean-head{
  max-width:720px;
  margin:0 auto 46px;
  text-align:center;
}
.n-problem-clean-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  color:#a65053;
  border:1px solid rgba(194,79,82,.12);
  background:rgba(194,79,82,.035);
  font:600 11.5px 'Archivo';
  letter-spacing:.16em;
}
.n-problem-clean-label i{
  width:5px;height:5px;
  border-radius:50%;
  background:#ca6568;
  box-shadow:0 0 0 4px rgba(202,101,104,.06),0 0 14px rgba(202,101,104,.14);
}
.n-problem-clean-head h2{
  margin:16px 0 0;
  color:#10263a;
  font:300 clamp(32px,3.8vw,48px)/1.06 'Archivo';
  letter-spacing:-.045em;
}
.n-problem-clean-head h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#46677a,#7594a4,#355b70,#819eac,#456b7e);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nProblemCleanMetal 7s ease-in-out infinite;
}
.n-problem-clean-head p{
  max-width:520px;
  margin:15px auto 0;
  color:#6e8090;
  font:400 15.5px/1.6 'Archivo';
}
.n-problem-strip{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid #dce5ea;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,252,253,.96));
  box-shadow:0 16px 48px rgba(34,64,83,.04);
}
.n-problem-strip:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  z-index:4;
  background:linear-gradient(90deg,transparent,rgba(110,158,179,.22),rgba(211,169,79,.22),rgba(110,158,179,.18),transparent);
  background-size:220% 100%;
  animation:nProblemStripLight 7s ease-in-out infinite alternate;
}
.n-problem-cell{
  position:relative;
  min-height:330px;
  padding:28px 25px 25px;
  transition:
    background .38s ease,
    transform .4s cubic-bezier(.16,1,.3,1);
}
.n-problem-cell + .n-problem-cell{
  border-left:1px solid #e4eaee;
}
.n-problem-cell:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:
    radial-gradient(240px circle at 50% 22%,rgba(75,132,158,.075),transparent 68%);
  transition:.35s ease;
}
.n-problem-cell:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.58);
}
.n-problem-cell:hover:before{opacity:1}
.n-problem-cell-icon{
  position:relative;z-index:2;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  color:#63899d;
  background:rgba(80,132,158,.055);
  border:1px solid rgba(80,132,158,.09);
  transition:.35s ease;
}
.n-problem-cell-icon svg{
  width:19px;height:19px;
}
.n-problem-cell:hover .n-problem-cell-icon{
  color:#385f74;
  border-color:rgba(211,169,79,.18);
  background:rgba(211,169,79,.035);
  box-shadow:0 8px 22px rgba(41,77,98,.06);
}
.n-problem-cell-index{
  position:absolute;
  z-index:2;
  right:22px;top:31px;
  color:#a1adb6;
  font:500 11.5px 'Archivo';
  letter-spacing:.12em;
}
.n-problem-cell h3{
  position:relative;z-index:2;
  margin:42px 0 0;
  color:#11283b;
  font:400 16px 'Archivo';
  letter-spacing:-.015em;
}
.n-problem-cell p{
  position:relative;z-index:2;
  margin:10px 0 0;
  color:#697b8b;
  font:400 14.5px/1.58 'Archivo';
}
.n-problem-meta{
  position:absolute;
  z-index:2;
  left:25px;bottom:24px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#788a98;
  font:500 11.5px 'Archivo';
}
.n-problem-meta i{
  width:5px;height:5px;
  border-radius:50%;
}
.meta-red i{
  background:#c96669;
  box-shadow:0 0 0 4px rgba(201,102,105,.055);
}
.meta-gold i{
  background:#d3a94f;
  box-shadow:0 0 0 4px rgba(211,169,79,.055);
}
.meta-steel i{
  background:#6d99ad;
  box-shadow:0 0 0 4px rgba(109,153,173,.055);
}
.meta-red{color:#9f5c60}
.meta-gold{color:#997632}
.meta-steel{color:#587c8e}
.n-problem-clean-note{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:10px;
  margin-top:13px;
  padding:13px 15px;
  border-radius:12px;
  border:1px solid #e2e8ec;
  background:rgba(255,255,255,.52);
}
.n-problem-clean-note>span{
  width:25px;height:25px;
  display:grid;place-items:center;
  border-radius:8px;
  color:#a95557;
  background:rgba(195,79,82,.035);
  border:1px solid rgba(195,79,82,.09);
  font:500 11.5px 'Archivo';
}
.n-problem-clean-note strong{
  color:#233b4d;
  font:500 12.5px 'Archivo';
}
.n-problem-clean-note p{
  margin:0;
  color:#788996;
  font:400 12px/1.45 'Archivo';
}
@keyframes nProblemCleanMetal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes nProblemStripLight{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}
@media(max-width:900px){
  .n-problem-strip{
    grid-template-columns:1fr 1fr;
  }
  .n-problem-cell:nth-child(3){
    border-left:0;
    border-top:1px solid #e4eaee;
  }
  .n-problem-cell:nth-child(4){
    border-top:1px solid #e4eaee;
  }
}
@media(max-width:560px){
  .n-problem-clean{
    padding:78px 15px 80px;
  }
  .n-problem-clean-head{
    margin-bottom:34px;
  }
  .n-problem-clean-head h2{
    font-size:clamp(29px,8.8vw,36px);
  }
  .n-problem-strip{
    grid-template-columns:1fr;
    border-radius:15px;
  }
  .n-problem-cell{
    min-height:230px;
    padding:22px 21px 20px;
  }
  .n-problem-cell + .n-problem-cell{
    border-left:0;
    border-top:1px solid #e4eaee;
  }
  .n-problem-cell h3{
    margin-top:26px;
  }
  .n-problem-cell-index{
    top:25px;right:20px;
  }
  .n-problem-meta{
    left:21px;bottom:18px;
  }
  .n-problem-clean-note{
    grid-template-columns:auto 1fr;
  }
  .n-problem-clean-note p{
    grid-column:1/-1;
    padding-left:35px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-problem-clean-head h2 em,.n-problem-strip:before{animation:none!important}
}


/* =========================================================
   NORTHEL V15 — ALL-DARK RHYTHM + MIRA-STYLE LOOPING CARDS
   ========================================================= */
.n-problem-dark-loop,
.n-reviews-dark-loop{
  position:relative;
  overflow:hidden;
  color:#eef3f5;
  background:
    radial-gradient(760px 320px at 50% 0%,rgba(55,116,151,.09),transparent 72%),
    linear-gradient(180deg,#071624,#081a2b 52%,#071522);
}
.n-problem-dark-loop{
  padding:104px 0 92px;
  border-top:1px solid rgba(109,154,178,.07);
}
.n-reviews-dark-loop{
  padding:102px 0 100px;
  border-top:1px solid rgba(109,154,178,.07);
}
.n-problem-dark-loop:before,
.n-reviews-dark-loop:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.07;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(129,160,180,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(129,160,180,.05) 1px,transparent 1px);
  background-size:78px 78px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 84%,transparent);
}
.n-dark-section-glow{
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  filter:blur(115px);
  pointer-events:none;
}
.n-problem-dark-loop .glow-left{
  left:-160px;top:20%;
  background:#446f88;opacity:.09;
}
.n-problem-dark-loop .glow-right{
  right:-170px;top:8%;
  background:#9e4f52;opacity:.035;
}
.review-glow-a{
  left:5%;top:28%;
  background:#416f87;opacity:.08;
}
.review-glow-b{
  right:-160px;bottom:4%;
  background:#a47d31;opacity:.035;
}
.n-dark-section-head{
  position:relative;
  z-index:3;
  max-width:760px;
  margin:0 auto 46px;
  padding:0 24px;
  text-align:center;
}
.n-dark-alert-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  color:#d0787b;
  border:1px solid rgba(202,101,104,.14);
  background:rgba(202,101,104,.035);
  font:600 11.5px 'Archivo';
  letter-spacing:.16em;
}
.n-dark-alert-tag i{
  width:5px;height:5px;border-radius:50%;
  background:#d1696c;
  box-shadow:0 0 0 4px rgba(209,105,108,.05),0 0 13px rgba(209,105,108,.17);
}
.n-dark-label{
  color:#8396a5;
  font:600 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-dark-section-head h2{
  margin:15px 0 0;
  color:#f0f3f4;
  font:300 clamp(33px,4vw,49px)/1.06 'Archivo';
  letter-spacing:-.045em;
}
.n-dark-section-head h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#7190a0,#c1d0d6,#587b90,#d7e1e5,#7393a3);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nV15Metal 7s ease-in-out infinite;
}
.n-dark-section-head p{
  max-width:560px;
  margin:15px auto 0;
  color:#718493;
  font:400 15.5px/1.6 'Archivo';
}

/* marquee core */
.n-marquee-window{
  position:relative;
  z-index:2;
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 7%,black 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,black 7%,black 93%,transparent 100%);
}
.n-marquee-track{
  display:flex;
  width:max-content;
  will-change:transform;
}
.n-marquee-window:hover .n-marquee-track{
  animation-play-state:paused;
}
.n-problem-track{
  gap:12px;
  animation:nProblemLoop 28s linear infinite;
}
.n-review-track{
  gap:14px;
  animation:nReviewLoop 34s linear infinite;
}

/* shared dark loop card */
.n-loop-card{
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  border:1px solid rgba(134,168,190,.10);
  background:
    radial-gradient(320px 180px at 50% 0%,rgba(63,119,151,.06),transparent 72%),
    linear-gradient(155deg,#0a1b2c,#081624 76%);
  box-shadow:0 18px 55px rgba(0,0,0,.14);
  transition:
    transform .42s cubic-bezier(.16,1,.3,1),
    border-color .3s ease,
    box-shadow .42s ease;
}
.n-loop-card:hover{
  transform:translateY(-6px);
  border-color:rgba(127,180,202,.20);
  box-shadow:0 28px 72px rgba(0,0,0,.26);
}
.n-loop-card-light{
  position:absolute;
  left:-50%;top:0;
  width:35%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(195,224,232,.85),rgba(211,169,79,.55),transparent);
  box-shadow:0 0 18px rgba(108,183,204,.26);
  animation:nCardTopSweep 6.4s ease-in-out infinite;
}

/* problem cards */
.n-problem-loop-card{
  width:300px;
  min-height:270px;
  padding:24px 22px 22px;
  border-radius:18px;
}
.n-loop-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.n-loop-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  color:#719bad;
  border:1px solid rgba(101,157,181,.10);
  background:rgba(80,137,164,.055);
}
.n-loop-icon svg{width:19px;height:19px}
.n-loop-index{
  color:#5d7182;
  font:500 11.5px 'Archivo';
  letter-spacing:.12em;
}
.n-loop-tag{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin-top:20px;
  padding:0 7px;
  border-radius:999px;
  color:#7893a4;
  border:1px solid rgba(113,153,176,.10);
  background:rgba(255,255,255,.012);
  font:600 11.5px 'Archivo';
  letter-spacing:.13em;
}
.n-problem-loop-card h3{
  margin:11px 0 0;
  color:#eef2f3;
  font:400 17px 'Archivo';
  letter-spacing:-.018em;
}
.n-problem-loop-card p{
  margin:9px 0 0;
  color:#718392;
  font:400 14px/1.58 'Archivo';
}
.n-loop-meta{
  position:absolute;
  left:22px;bottom:20px;
  display:flex;align-items:center;gap:7px;
  color:#708493;
  font:500 11.5px 'Archivo';
}
.n-loop-meta i{
  width:5px;height:5px;border-radius:50%;
}
.tone-red .n-loop-meta{color:#b46b6e}
.tone-red .n-loop-meta i{background:#d17073;box-shadow:0 0 0 4px rgba(209,112,115,.05)}
.tone-gold .n-loop-meta{color:#af8b45}
.tone-gold .n-loop-meta i{background:#d3a94f;box-shadow:0 0 0 4px rgba(211,169,79,.05)}
.tone-steel .n-loop-meta{color:#7295a5}
.tone-steel .n-loop-meta i{background:#76a2b3;box-shadow:0 0 0 4px rgba(118,162,179,.05)}
.n-dark-note{
  position:relative;
  z-index:3;
  max-width:920px;
  margin:20px auto 0;
  padding:13px 16px;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:10px;
  border-radius:12px;
  border:1px solid rgba(126,161,183,.08);
  background:rgba(255,255,255,.012);
}
.n-dark-note>span{
  width:25px;height:25px;
  display:grid;place-items:center;
  border-radius:8px;
  color:#c66a6c;
  border:1px solid rgba(202,101,104,.09);
  background:rgba(202,101,104,.025);
  font:500 11.5px 'Archivo';
}
.n-dark-note strong{
  color:#9fb0ba;
  font:500 12px 'Archivo';
}
.n-dark-note p{
  margin:0;
  color:#667a8a;
  font:400 11.5px/1.45 'Archivo';
}

/* review cards */
.reviews-head-dark{
  margin-bottom:42px;
}
.n-review-loop-card{
  width:370px;
  min-height:300px;
  padding:23px 23px 21px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
}
.n-review-loop-card.featured{
  border-color:rgba(211,169,79,.13);
}
.n-review-loop-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.n-review-loop-stars{
  color:#d3a94f;
  font:400 14px 'Archivo';
  letter-spacing:.10em;
}
.n-review-loop-top>span{
  color:#5e7283;
  font:500 11.5px 'Archivo';
}
.n-review-loop-card blockquote{
  margin:24px 0 0;
  color:#dfe7ea;
  font:300 17px/1.5 'Archivo';
  letter-spacing:-.018em;
}
.n-review-loop-person{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  padding-top:22px;
}
.n-review-loop-avatar{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#d0aa57;
  border:1px solid rgba(211,169,79,.15);
  background:#0b1d2e;
  font:600 11.5px 'Archivo';
}
.n-review-loop-person strong{
  display:block;
  color:#cbd6db;
  font:500 13px 'Archivo';
}
.n-review-loop-person span{
  display:block;
  margin-top:2px;
  color:#667b8c;
  font:400 11.5px 'Archivo';
}

@keyframes nProblemLoop{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 6px))}
}
@keyframes nReviewLoop{
  from{transform:translateX(calc(-50% - 7px))}
  to{transform:translateX(0)}
}
@keyframes nCardTopSweep{
  0%,25%{left:-50%;opacity:0}
  38%{opacity:.85}
  54%{left:120%;opacity:0}
  100%{left:120%;opacity:0}
}
@keyframes nV15Metal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media(max-width:620px){
  .n-problem-dark-loop,
  .n-reviews-dark-loop{
    padding:80px 0 78px;
  }
  .n-dark-section-head{
    margin-bottom:32px;
    padding:0 18px;
  }
  .n-dark-section-head h2{
    font-size:clamp(29px,8.8vw,36px);
  }
  .n-marquee-window{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%);
  }
  .n-problem-loop-card{
    width:265px;
    min-height:252px;
  }
  .n-review-loop-card{
    width:310px;
    min-height:282px;
  }
  .n-review-loop-card blockquote{
    font-size:16px;
  }
  .n-dark-note{
    margin:16px 15px 0;
    grid-template-columns:auto 1fr;
  }
  .n-dark-note p{
    grid-column:1/-1;
    padding-left:35px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-problem-track,.n-review-track,.n-loop-card-light,.n-dark-section-head h2 em{
    animation:none!important;
  }
}


/* V15.1 — remove the last white transition so the whole site keeps the navy rhythm */
.n-white-bridge{
  height:54px!important;
  background:
    linear-gradient(180deg,#08192b 0%,#071624 100%)!important;
  border-radius:28px 28px 0 0!important;
  box-shadow:
    0 -18px 44px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(123,165,188,.055)!important;
}
@media(max-width:760px){
  .n-white-bridge{
    height:42px!important;
    border-radius:22px 22px 0 0!important;
  }
}


/* =========================================================
   NORTHEL V15.2 — smoother hero transition + smaller loop cards
   ========================================================= */

/* 1. HERO -> PROBLEM: remove the visual shock */
.n-white-bridge{
  display:none!important;
}
.n-problem-dark-loop{
  margin-top:0!important;
  padding-top:92px!important;
  border-top:0!important;
  background:
    radial-gradient(900px 360px at 50% -5%,rgba(45,105,143,.115),transparent 70%),
    radial-gradient(640px 260px at 50% 8%,rgba(72,138,172,.045),transparent 74%),
    linear-gradient(180deg,#071624 0%,#081a2b 28%,#081a2b 70%,#071522 100%)!important;
}
.n-problem-dark-loop:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:110px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,14,25,.56) 0%,rgba(7,22,36,.20) 42%,transparent 100%);
  z-index:0;
}
.n-problem-dark-loop .n-dark-section-head,
.n-problem-dark-loop .n-marquee-window,
.n-problem-dark-loop .n-dark-note{
  position:relative;
  z-index:2;
}

/* 2. Heading: smaller, elegant, 3-line rhythm */
.n-problem-loop-title{
  max-width:680px;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(32px,3.65vw,45px)!important;
  line-height:1.04!important;
}
.n-problem-loop-title em{
  display:inline-block;
  margin-top:2px;
}

/* 3. Marquee: give vertical breathing space so nothing clips */
.n-problem-marquee{
  padding:12px 0 14px!important;
  overflow:hidden!important;
}
.n-problem-track{
  gap:11px!important;
}

/* 4. Smaller cards, same visual language */
.n-problem-loop-card{
  width:258px!important;
  min-height:228px!important;
  padding:20px 19px 18px!important;
  border-radius:16px!important;
  box-shadow:0 14px 42px rgba(0,0,0,.10)!important;
  transform:none!important;
}
.n-loop-card:hover{
  transform:none!important;
}
.n-problem-loop-card:hover{
  border-color:rgba(127,180,202,.22)!important;
  box-shadow:
    0 20px 54px rgba(0,0,0,.20),
    0 0 0 1px rgba(211,169,79,.035) inset!important;
}

/* no movement upward; the "life" happens inside the card */
.n-problem-loop-card .n-loop-card-light{
  top:0!important;
  left:-44%!important;
  width:30%!important;
  height:1px!important;
  opacity:0!important;
  animation:none!important;
  transition:none!important;
}
.n-problem-loop-card:hover .n-loop-card-light{
  opacity:1!important;
  animation:nHoverCardSweep 1.15s ease-out 1 forwards!important;
}

.n-problem-loop-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(220px circle at 52% 0%,rgba(76,139,165,.085),transparent 66%);
  transition:opacity .28s ease;
}
.n-problem-loop-card:hover:after{
  opacity:1;
}

.n-loop-card-top{
  align-items:flex-start!important;
}
.n-loop-icon{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
}
.n-loop-icon svg{
  width:17px!important;
  height:17px!important;
}
.n-loop-index{
  font-size:11.5px!important;
}
.n-loop-tag{
  min-height:18px!important;
  margin-top:16px!important;
  padding:0 6px!important;
  font-size:11.5px!important;
}
.n-problem-loop-card h3{
  margin-top:9px!important;
  font-size:15px!important;
}
.n-problem-loop-card p{
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.52!important;
}
.n-loop-meta{
  left:19px!important;
  bottom:16px!important;
  font-size:11.5px!important;
}

/* 5. Subtle perspective: center card reads stronger without growing */
.n-problem-loop-card:hover .n-loop-icon{
  color:#9bc2d0;
  border-color:rgba(211,169,79,.17);
  background:linear-gradient(145deg,rgba(77,139,168,.08),rgba(211,169,79,.025));
  box-shadow:0 7px 20px rgba(0,0,0,.10);
}

/* 6. Reduce extra section height */
.n-dark-note{
  max-width:880px!important;
  margin-top:12px!important;
  padding:11px 14px!important;
}
.n-dark-note strong{
  font-size:11.5px!important;
}
.n-dark-note p{
  font-size:11.5px!important;
}

@keyframes nHoverCardSweep{
  0%{
    left:-44%;
    opacity:0;
  }
  18%{
    opacity:.9;
  }
  100%{
    left:120%;
    opacity:0;
  }
}

@media(max-width:620px){
  .n-problem-dark-loop{
    padding-top:70px!important;
  }
  .n-problem-loop-title{
    max-width:340px;
    font-size:clamp(29px,8.5vw,35px)!important;
  }
  .n-problem-loop-title br{
    display:none;
  }
  .n-problem-loop-title em{
    display:block;
    margin-top:2px;
  }
  .n-problem-marquee{
    padding:10px 0 12px!important;
  }
  .n-problem-loop-card{
    width:238px!important;
    min-height:220px!important;
  }
  .n-dark-note{
    margin-left:14px!important;
    margin-right:14px!important;
  }
}


/* =========================================================
   NORTHEL V15.3 — 4-CARD SEAMLESS LOOP + STATIC REVIEWS
   ========================================================= */

/* PROBLEM LOOP */
.n-problem-marquee-v153{
  width:min(1260px,calc(100vw - 52px))!important;
  margin:0 auto!important;
  padding:15px 0 17px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%)!important;
}
.n-problem-track-v153{
  display:flex!important;
  gap:12px!important;
  width:max-content!important;
  animation:nProblemLoopV153 31s linear infinite!important;
}
.n-problem-group{
  display:flex;
  gap:12px;
  flex:0 0 auto;
}
.n-problem-v153 .n-problem-loop-card{
  width:300px!important;
  min-height:232px!important;
  padding:20px 20px 18px!important;
  transform:none!important;
  border:1px solid rgba(134,168,190,.10)!important;
  overflow:hidden!important;
}
.n-problem-v153 .n-problem-loop-card:hover{
  transform:none!important;
  border-color:transparent!important;
  box-shadow:0 22px 58px rgba(0,0,0,.20)!important;
}
/* Disable old top line sweep for these cards */
.n-problem-v153 .n-loop-card-light{
  display:none!important;
}
/* Moving perimeter ray */
.n-problem-v153 .n-problem-loop-card:before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  inset:-1px!important;
  padding:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 258deg,
      rgba(100,174,199,.12) 276deg,
      rgba(205,229,235,.88) 300deg,
      rgba(211,169,79,.78) 315deg,
      transparent 337deg,
      transparent 360deg
    )!important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
}
.n-problem-v153 .n-problem-loop-card:hover:before{
  opacity:1!important;
  animation:nCardPerimeterRay 1.8s linear infinite!important;
}
.n-problem-v153 .n-problem-loop-card:after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background:radial-gradient(250px circle at 50% 0%,rgba(78,144,171,.09),transparent 68%)!important;
  transition:opacity .3s ease!important;
}
.n-problem-v153 .n-problem-loop-card:hover:after{
  opacity:1!important;
}
.n-problem-v153 .n-loop-card-top,
.n-problem-v153 .n-loop-tag,
.n-problem-v153 .n-problem-loop-card h3,
.n-problem-v153 .n-problem-loop-card p,
.n-problem-v153 .n-loop-meta{
  position:relative;
  z-index:2;
}
@keyframes nCardPerimeterRay{
  to{transform:rotate(360deg)}
}
@keyframes nProblemLoopV153{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 6px))}
}

/* STATIC REVIEWS */
.n-reviews-static-v153{
  position:relative;
  overflow:hidden;
  padding:96px 28px 102px;
  color:#eef2f4;
  background:
    radial-gradient(650px 300px at 50% 0%,rgba(53,114,149,.075),transparent 72%),
    linear-gradient(180deg,#071522,#081a2a 52%,#071522);
  border-top:1px solid rgba(112,155,179,.07);
}
.n-review-static-glow{
  position:absolute;
  width:380px;height:380px;
  border-radius:50%;
  filter:blur(110px);
  pointer-events:none;
}
.n-review-static-glow.glow-a{
  left:-140px;top:15%;
  background:#446f88;opacity:.07;
}
.n-review-static-glow.glow-b{
  right:-140px;bottom:4%;
  background:#a47d31;opacity:.03;
}
.n-reviews-static-wrap{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:auto;
}
.n-reviews-static-head{
  max-width:700px;
  margin:0 auto 42px;
  text-align:center;
}
.n-reviews-static-head>span{
  color:#8397a6;
  font:600 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-reviews-static-head h2{
  margin:13px 0 0;
  color:#f0f3f4;
  font:300 clamp(33px,3.9vw,47px)/1.06 'Archivo';
  letter-spacing:-.045em;
}
.n-reviews-static-head h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#7794a2,#c3d1d6,#5e8093,#dce5e8,#7797a5);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nReviewStaticMetal 7s ease-in-out infinite;
}
.n-reviews-static-head p{
  max-width:560px;
  margin:14px auto 0;
  color:#718493;
  font:400 15.5px/1.6 'Archivo';
}
.n-reviews-static-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
}
.n-review-static-card{
  position:relative;
  min-height:285px;
  padding:23px 23px 21px;
  display:flex;
  flex-direction:column;
  border-radius:18px;
  border:1px solid rgba(134,168,190,.10);
  background:
    radial-gradient(320px 180px at 50% 0%,rgba(63,119,151,.055),transparent 72%),
    linear-gradient(155deg,#0a1b2c,#081624 76%);
  box-shadow:0 18px 52px rgba(0,0,0,.13);
  transition:border-color .3s ease,box-shadow .35s ease;
}
.n-review-static-card:hover{
  border-color:rgba(128,180,202,.20);
  box-shadow:0 27px 68px rgba(0,0,0,.22);
}
.n-review-static-card.featured{
  border-color:rgba(211,169,79,.15);
}
.n-review-static-card.featured:before{
  content:"";
  position:absolute;
  left:18%;right:18%;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#d3a94f,transparent);
  opacity:.72;
}
.n-review-static-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.n-review-static-stars{
  color:#d3a94f;
  font:400 14px 'Archivo';
  letter-spacing:.10em;
}
.n-review-static-top>span{
  color:#5e7283;
  font:500 11.5px 'Archivo';
}
.n-review-static-card blockquote{
  margin:23px 0 0;
  color:#dfe7ea;
  font:300 16.5px/1.5 'Archivo';
  letter-spacing:-.018em;
}
.n-review-static-person{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  padding-top:22px;
}
.n-review-static-avatar{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#d0aa57;
  border:1px solid rgba(211,169,79,.15);
  background:#0b1d2e;
  font:600 11.5px 'Archivo';
}
.n-review-static-person strong{
  display:block;
  color:#cbd6db;
  font:500 13px 'Archivo';
}
.n-review-static-person span{
  display:block;
  margin-top:2px;
  color:#667b8c;
  font:400 11.5px 'Archivo';
}
@keyframes nReviewStaticMetal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media(max-width:900px){
  .n-problem-marquee-v153{
    width:100%!important;
  }
  .n-problem-v153 .n-problem-loop-card{
    width:272px!important;
  }
  .n-reviews-static-grid{
    grid-template-columns:1fr;
    max-width:620px;
    margin:auto;
  }
  .n-review-static-card{
    min-height:250px;
  }
}
@media(max-width:620px){
  .n-problem-v153 .n-problem-loop-card{
    width:252px!important;
    min-height:222px!important;
  }
  .n-problem-track-v153{
    animation-duration:27s!important;
  }
  .n-reviews-static-v153{
    padding:78px 15px 82px;
  }
  .n-reviews-static-head{
    margin-bottom:32px;
  }
  .n-reviews-static-head h2{
    font-size:clamp(29px,8.8vw,36px);
  }
  .n-review-static-card blockquote{
    font-size:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-problem-track-v153,
  .n-problem-v153 .n-problem-loop-card:hover:before,
  .n-reviews-static-head h2 em{
    animation:none!important;
  }
}


/* =========================================================
   NORTHEL V15.4 — FIX: meta tags + border-only hover
   ========================================================= */

/* Card vira coluna real para manter a tag sempre no rodapé */
.n-problem-v153 .n-problem-loop-card{
  display:flex!important;
  flex-direction:column!important;
}

/* Título/descrição continuam no fluxo normal */
.n-problem-v153 .n-problem-loop-card h3,
.n-problem-v153 .n-problem-loop-card p{
  flex:0 0 auto;
}

/* Corrige tags coloridas: sempre embaixo, nunca sobre o texto */
.n-problem-v153 .n-loop-meta{
  position:static!important;
  left:auto!important;
  bottom:auto!important;
  margin-top:auto!important;
  padding-top:18px!important;
  min-height:20px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Remove totalmente qualquer glow / luz por dentro do card */
.n-problem-v153 .n-problem-loop-card::after{
  display:none!important;
  content:none!important;
}

/* Hover: nada se move e nada ilumina o miolo */
.n-problem-v153 .n-problem-loop-card:hover{
  transform:none!important;
  background:
    radial-gradient(320px 180px at 50% 0%,rgba(63,119,151,.06),transparent 72%),
    linear-gradient(155deg,#0a1b2c,#081624 76%)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.14)!important;
}

/* Efeito pedido: SOMENTE um raio percorrendo o contorno */
.n-problem-v153 .n-problem-loop-card::before{
  content:""!important;
  position:absolute!important;
  z-index:6!important;
  inset:-1px!important;
  padding:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 268deg,
      rgba(108,174,199,.12) 282deg,
      rgba(201,228,236,.95) 301deg,
      rgba(211,169,79,.82) 315deg,
      transparent 334deg,
      transparent 360deg
    )!important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:
    drop-shadow(0 0 5px rgba(124,195,215,.25))
    drop-shadow(0 0 8px rgba(211,169,79,.12))!important;
}

/* Só aparece quando passa o mouse */
.n-problem-v153 .n-problem-loop-card:hover::before{
  opacity:1!important;
  animation:nBorderRayOnly 1.55s linear infinite!important;
}

/* Garante que o conteúdo fique acima da máscara da borda */
.n-problem-v153 .n-loop-card-top,
.n-problem-v153 .n-loop-tag,
.n-problem-v153 .n-problem-loop-card h3,
.n-problem-v153 .n-problem-loop-card p,
.n-problem-v153 .n-loop-meta{
  position:relative!important;
  z-index:2!important;
}

@keyframes nBorderRayOnly{
  to{transform:rotate(360deg)}
}

@media(max-width:620px){
  .n-problem-v153 .n-loop-meta{
    padding-top:15px!important;
  }
}


/* =========================================================
   FINAL FIX — PROBLEMA
   Rótulo simples + somente raio no contorno
   ========================================================= */
.n-problem-v153 .n-loop-tag{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  margin-top:17px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#698294!important;
  font:600 11.5px 'Archivo'!important;
  letter-spacing:.15em!important;
  line-height:1.2!important;
}
.n-problem-v153 .tone-red .n-loop-tag{color:#9c6668!important}
.n-problem-v153 .tone-gold .n-loop-tag{color:#a2864e!important}
.n-problem-v153 .tone-steel .n-loop-tag{color:#688a9a!important}

/* nenhuma luz interna no hover */
.n-problem-v153 .n-problem-loop-card:hover{
  background:linear-gradient(155deg,#0a1b2c,#081624 76%)!important;
}
.n-problem-v153 .n-problem-loop-card::after{
  display:none!important;
  content:none!important;
}

/* raio somente na borda */
.n-problem-v153 .n-problem-loop-card::before{
  content:""!important;
  position:absolute!important;
  z-index:6!important;
  inset:-1px!important;
  padding:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 268deg,
      rgba(104,176,199,.12) 283deg,
      rgba(211,233,239,.98) 300deg,
      rgba(211,169,79,.88) 315deg,
      transparent 334deg,
      transparent 360deg
    )!important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:
    drop-shadow(0 0 5px rgba(129,202,218,.28))
    drop-shadow(0 0 8px rgba(211,169,79,.11))!important;
}
.n-problem-v153 .n-problem-loop-card:hover::before{
  opacity:1!important;
  animation:nProblemFinalBorder 1.55s linear infinite!important;
}
@keyframes nProblemFinalBorder{
  to{transform:rotate(360deg)}
}


/* =========================================================
   NORTHEL FINAL — PRICING MONTHLY/ANNUAL + COMPARISON
   ========================================================= */
.n-pricing-final{
  position:relative;
  overflow:hidden;
  padding:108px 28px 104px;
  color:#eef2f4;
  background:
    radial-gradient(700px 330px at 50% 0%,rgba(54,114,150,.09),transparent 73%),
    linear-gradient(180deg,#071522,#081a2a 48%,#071522);
  border-top:1px solid rgba(112,155,179,.07);
}
.n-pricing-final-glow{
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  filter:blur(115px);
  pointer-events:none;
}
.n-pricing-final-glow.glow-a{left:-170px;top:18%;background:#416e87;opacity:.08}
.n-pricing-final-glow.glow-b{right:-180px;bottom:4%;background:#a47d31;opacity:.03}
.n-pricing-final-wrap{position:relative;z-index:2;max-width:1120px;margin:auto}
.n-pricing-final-head{max-width:790px;margin:0 auto 35px;text-align:center}
.n-pricing-final-label{color:#8196a5;font:600 11.5px 'Archivo';letter-spacing:.18em}
.n-pricing-final-head h2{
  margin:13px 0 0;color:#f1f4f5;
  font:300 clamp(34px,4vw,50px)/1.06 'Archivo';
  letter-spacing:-.045em
}
.n-pricing-final-head h2 em{
  font-style:normal;font-weight:300;
  background:linear-gradient(105deg,#7896a5,#c5d3d8,#5d8092,#dce6e9,#7796a5);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:nFinalPricingMetal 7s ease-in-out infinite
}
.n-pricing-final-head p{
  max-width:720px;margin:14px auto 0;
  color:#718493;font:400 15.5px/1.62 'Archivo'
}
.n-billing-row{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin-top:25px
}
.n-billing-toggle{
  display:inline-flex;padding:3px;border-radius:999px;
  border:1px solid rgba(130,166,188,.11);
  background:rgba(255,255,255,.018)
}
.n-billing-toggle button{
  min-width:76px;height:32px;padding:0 13px;border:0;border-radius:999px;
  background:transparent;color:#718493;cursor:pointer;
  font:500 12px 'Archivo';transition:.28s ease
}
.n-billing-toggle button.active{
  color:#071522;background:#dce7eb;
  box-shadow:0 6px 20px rgba(120,169,188,.08)
}
.n-annual-save{
  color:#798c9b;font:400 11.5px 'Archivo'
}
.n-annual-save b{color:#d3a94f;font-weight:500}

.n-final-plan-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch
}
.n-final-plan-card{
  position:relative;overflow:hidden;min-width:0;padding:1px;
  border-radius:20px;background:rgba(255,255,255,.055);
  cursor:pointer;transition:box-shadow .4s ease,border-color .3s ease
}
.n-final-plan-content{
  position:relative;z-index:2;height:100%;min-height:575px;
  padding:28px 25px 24px;border-radius:19px;
  background:
    radial-gradient(360px 190px at 50% 0%,rgba(58,115,147,.045),transparent 72%),
    linear-gradient(158deg,#0a1a2a,#081522 76%);
  border:1px solid rgba(255,255,255,.022)
}
.n-final-plan-card.selected{
  box-shadow:0 30px 78px rgba(0,0,0,.28),0 0 70px rgba(79,143,174,.04)
}
.n-final-plan-card.selected .n-final-plan-content{
  background:
    radial-gradient(380px 210px at 50% 0%,rgba(62,126,158,.10),transparent 72%),
    linear-gradient(158deg,#0c2032,#091725 76%)
}
.n-final-plan-ray{
  position:absolute;z-index:1;inset:-65%;opacity:0;
  background:conic-gradient(
    from 0deg,
    transparent 0deg,transparent 264deg,
    rgba(106,178,201,.12) 282deg,
    rgba(206,230,236,.88) 300deg,
    rgba(211,169,79,.72) 316deg,
    transparent 338deg,transparent 360deg
  );
  animation:nFinalPlanRay 3.6s linear infinite
}
.n-final-plan-card.selected .n-final-plan-ray,
.n-final-plan-card:hover .n-final-plan-ray{opacity:1}

.n-final-plan-top-spacer{height:26px}
.n-final-plan-ribbon{
  position:absolute;left:0;right:0;top:0;height:28px;
  display:flex;align-items:center;justify-content:center;
  font:600 11.5px 'Archivo';letter-spacing:.14em
}
.n-final-plan-ribbon.pro{
  color:#9bc6d4;background:linear-gradient(90deg,rgba(67,142,170,.24),rgba(78,164,187,.13))
}
.n-final-plan-ribbon.growth{
  color:#d0ad62;background:linear-gradient(90deg,rgba(211,169,79,.18),rgba(211,169,79,.08))
}
.n-final-plan-card h3{
  margin:14px 0 0;color:#f1f4f5;font:400 24px 'Archivo';letter-spacing:-.025em
}
.n-final-plan-desc{
  min-height:63px;margin:7px 0 0;color:#718392;font:400 14px/1.55 'Archivo'
}
.n-final-price{
  display:flex;align-items:flex-end;gap:5px;margin-top:21px;color:#f1f3f4
}
.n-final-price .currency{padding-bottom:5px;color:#788d9c;font:500 12.5px 'Archivo'}
.n-final-price strong{font:300 37px/1 'Archivo';letter-spacing:-.04em}
.n-final-price small{padding-bottom:5px;color:#6f8190;font:400 11.5px 'Archivo'}
.n-final-billing-copy{margin-top:7px;color:#526878;font:400 11.5px 'Archivo'}
.n-final-plan-cta{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;margin-top:19px;border-radius:11px;
  border:1px solid rgba(126,164,187,.13);
  background:rgba(255,255,255,.018);
  color:#dce4e8;font:500 13px 'Archivo';
  transition:.3s ease
}
.n-final-plan-cta:hover{border-color:rgba(211,169,79,.22);background:rgba(255,255,255,.028)}
.n-final-plan-cta b{color:#d3a94f;font-weight:400}
.n-final-plan-cta.primary{
  color:#071522;background:linear-gradient(105deg,#b9cbd3,#e3ebee 47%,#abc3cd);
  border-color:transparent;box-shadow:0 12px 30px rgba(104,161,183,.08)
}
.n-final-plan-cta.growth{
  color:#ead8ad;border-color:rgba(211,169,79,.16);background:rgba(211,169,79,.035)
}
.n-final-release{margin-top:9px;text-align:center;color:#506575;font:400 11.5px 'Archivo'}
.n-final-plan-divider{height:1px;margin:21px 0 17px;background:rgba(255,255,255,.055)}
.n-final-feature-title{color:#65798a;font:600 11.5px 'Archivo';letter-spacing:.08em}
.n-final-feature-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.n-final-feature-list li{display:flex;gap:8px;color:#8797a3;font:400 12px/1.35 'Archivo'}
.n-final-feature-list i{
  flex:0 0 auto;width:15px;height:15px;display:grid;place-items:center;
  border-radius:50%;background:rgba(75,150,173,.06);color:#74b7ca;
  font:600 11.5px 'Archivo';font-style:normal
}
.growth-card .n-final-feature-list i{color:#d1aa57;background:rgba(211,169,79,.045)}

/* comparison */
.n-comparison{
  margin-top:26px;border:1px solid rgba(131,166,188,.08);
  border-radius:18px;background:rgba(255,255,255,.012);overflow:hidden
}
.n-comparison-head{
  display:flex;align-items:end;justify-content:space-between;gap:30px;
  padding:24px 25px 20px;border-bottom:1px solid rgba(255,255,255,.055)
}
.n-comparison-head span{color:#6e8292;font:600 11.5px 'Archivo';letter-spacing:.14em}
.n-comparison-head h3{margin:5px 0 0;color:#e9eef0;font:300 24px 'Archivo'}
.n-comparison-head p{margin:0;color:#65798a;font:400 11.5px 'Archivo'}
.n-comparison-scroll{overflow:auto}
.n-comparison-table{width:100%;min-width:760px;border-collapse:collapse}
.n-comparison-table th,.n-comparison-table td{
  height:39px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.045);
  color:#708493;font:400 11.5px 'Archivo';transition:background .25s ease,color .25s ease
}
.n-comparison-table th{
  color:#687d8d;font:600 11.5px 'Archivo';letter-spacing:.10em;text-align:center
}
.n-comparison-table th:first-child,.n-comparison-table td:first-child{text-align:left;width:50%}
.n-comparison-table td:not(:first-child){text-align:center;color:#7eb7c8;font-weight:500}
.n-comparison-table [data-col-plan="growth"]{color:#c6a052}
.n-comparison-table [data-col-plan="starter"]{color:#8193a0}
.n-comparison-table .selected{
  background:rgba(73,135,164,.045)!important;color:#a8d1dc!important
}
.n-comparison-table .section-row td{
  height:34px;color:#8498a8!important;background:rgba(255,255,255,.018)!important;
  font:600 11.5px 'Archivo';letter-spacing:.12em;text-align:left!important
}

@keyframes nFinalPricingMetal{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes nFinalPlanRay{to{transform:rotate(360deg)}}

@media(max-width:900px){
  .n-final-plan-grid{grid-template-columns:1fr;max-width:590px;margin:auto}
  .n-final-plan-content{min-height:520px}
  .n-comparison-head{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:560px){
  .n-pricing-final{padding:78px 15px 82px}
  .n-pricing-final-head h2{font-size:clamp(30px,9.1vw,38px)}
  .n-pricing-final-head p{font-size:15px}
  .n-billing-row{flex-direction:column;gap:9px}
  .n-final-plan-content{min-height:510px;padding:25px 21px 22px}
  .n-final-price strong{font-size:34px}
  .n-comparison{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  .n-pricing-final-head h2 em,.n-final-plan-ray{animation:none!important}
}


/* =========================================================
   CSS-ONLY PRICING INTERACTIONS
   ========================================================= */
.n-control-input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.annual-price{display:none!important}

#billing-monthly:checked ~ .n-pricing-final-wrap .billing-monthly-label,
#billing-annual:checked ~ .n-pricing-final-wrap .billing-annual-label{
  color:#071522;background:#dce7eb;box-shadow:0 6px 20px rgba(120,169,188,.08)
}
#billing-monthly:checked ~ .n-pricing-final-wrap .billing-annual-label,
#billing-annual:checked ~ .n-pricing-final-wrap .billing-monthly-label{
  color:#718493;background:transparent;box-shadow:none
}
#billing-annual:checked ~ .n-pricing-final-wrap .monthly-price{display:none!important}
#billing-annual:checked ~ .n-pricing-final-wrap .annual-price{display:flex!important}
#billing-annual:checked ~ .n-pricing-final-wrap .n-final-billing-copy.annual-price{display:block!important}
#billing-monthly:checked ~ .n-pricing-final-wrap .monthly-price{display:flex!important}
#billing-monthly:checked ~ .n-pricing-final-wrap .n-final-billing-copy.monthly-price{display:block!important}

.n-billing-toggle label{
  min-width:76px;height:32px;padding:0 13px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font:500 12px 'Archivo';transition:.28s ease
}

/* selected plan */
#plan-starter:checked ~ .n-pricing-final-wrap .starter-card,
#plan-pro:checked ~ .n-pricing-final-wrap .pro-card,
#plan-growth:checked ~ .n-pricing-final-wrap .growth-card{
  box-shadow:0 30px 78px rgba(0,0,0,.28),0 0 70px rgba(79,143,174,.04)
}
#plan-starter:checked ~ .n-pricing-final-wrap .starter-card .n-final-plan-content,
#plan-pro:checked ~ .n-pricing-final-wrap .pro-card .n-final-plan-content,
#plan-growth:checked ~ .n-pricing-final-wrap .growth-card .n-final-plan-content{
  background:
    radial-gradient(380px 210px at 50% 0%,rgba(62,126,158,.10),transparent 72%),
    linear-gradient(158deg,#0c2032,#091725 76%)
}
#plan-starter:checked ~ .n-pricing-final-wrap .starter-card .n-final-plan-ray,
#plan-pro:checked ~ .n-pricing-final-wrap .pro-card .n-final-plan-ray,
#plan-growth:checked ~ .n-pricing-final-wrap .growth-card .n-final-plan-ray{
  opacity:1
}

/* comparison selected column */
#plan-starter:checked ~ .n-pricing-final-wrap .col-starter,
#plan-pro:checked ~ .n-pricing-final-wrap .col-pro,
#plan-growth:checked ~ .n-pricing-final-wrap .col-growth{
  background:rgba(73,135,164,.045)!important;
  color:#a8d1dc!important
}
#plan-growth:checked ~ .n-pricing-final-wrap .col-growth{
  color:#d2ad59!important
}


.n-pricing-v17{position:relative;overflow:hidden;padding:108px 28px 104px;color:#eef2f4;background:radial-gradient(700px 330px at 50% 0%,rgba(54,114,150,.09),transparent 73%),linear-gradient(180deg,#071522,#081a2a 48%,#071522);border-top:1px solid rgba(112,155,179,.07)}.v17-hidden{position:fixed!important;left:-100px!important;top:-100px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.v17-wrap{position:relative;z-index:2;max-width:1120px;margin:auto}.v17-head{max-width:790px;margin:0 auto 36px;text-align:center}.v17-head>span{color:#8196a5;font:600 11.5px 'Archivo';letter-spacing:.18em}.v17-head h2{margin:13px 0 0;color:#f1f4f5;font:300 clamp(34px,4vw,50px)/1.06 'Archivo';letter-spacing:-.045em}.v17-head h2 em{font-style:normal;font-weight:300;background:linear-gradient(105deg,#7896a5,#c5d3d8,#5d8092,#dce6e9,#7796a5);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v17metal 7s ease-in-out infinite}.v17-head p{max-width:720px;margin:14px auto 0;color:#718493;font:400 15.5px/1.62 'Archivo'}.v17-billing{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px}.v17-billing label{position:relative;overflow:hidden;min-width:90px;height:38px;padding:1px;border-radius:999px;background:rgba(255,255,255,.055);cursor:pointer;color:#718493;font:500 12px 'Archivo';isolation:isolate}.v17-billing label span{position:relative;z-index:2;height:36px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#091827}.v17-billing label:before{content:"";position:absolute;z-index:1;inset:-130%;opacity:0;background:conic-gradient(transparent 0deg,transparent 270deg,rgba(116,185,204,.22) 287deg,rgba(219,235,239,.95) 302deg,rgba(211,169,79,.85) 316deg,transparent 338deg,transparent 360deg);animation:v17spin 2.5s linear infinite}.v17-billing small{margin-left:5px;color:#748796;font:400 11.5px 'Archivo'}.v17-billing small b{color:#d3a94f;font-weight:500}#n-bill-monthly:checked~.v17-wrap .bill-monthly:before,#n-bill-annual:checked~.v17-wrap .bill-annual:before{opacity:1}#n-bill-monthly:checked~.v17-wrap .bill-monthly,#n-bill-annual:checked~.v17-wrap .bill-annual{color:#eef3f5}.v17-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v17-card{position:relative;overflow:hidden;min-width:0;padding:1px;border-radius:20px;background:rgba(255,255,255,.055)}.v17-select-layer{position:absolute;z-index:1;inset:0;cursor:pointer}.v17-ray{position:absolute;z-index:1;inset:-65%;opacity:0;background:conic-gradient(transparent 0deg,transparent 264deg,rgba(106,178,201,.12) 282deg,rgba(206,230,236,.88) 300deg,rgba(211,169,79,.72) 316deg,transparent 338deg,transparent 360deg);animation:v17spin 3.7s linear infinite}.v17-card:hover .v17-ray,#n-plan-starter:checked~.v17-wrap .starter-card .v17-ray,#n-plan-pro:checked~.v17-wrap .pro-card .v17-ray,#n-plan-growth:checked~.v17-wrap .growth-card .v17-ray{opacity:1}.v17-inner{position:relative;z-index:2;height:100%;min-height:560px;padding:28px 25px 22px;border-radius:19px;background:radial-gradient(360px 190px at 50% 0%,rgba(58,115,147,.045),transparent 72%),linear-gradient(158deg,#0a1a2a,#081522 76%);display:flex;flex-direction:column;pointer-events:none}.v17-card:hover .v17-inner,#n-plan-starter:checked~.v17-wrap .starter-card .v17-inner,#n-plan-pro:checked~.v17-wrap .pro-card .v17-inner,#n-plan-growth:checked~.v17-wrap .growth-card .v17-inner{background:radial-gradient(380px 210px at 50% 0%,rgba(62,126,158,.10),transparent 72%),linear-gradient(158deg,#0c2032,#091725 76%)}.v17-ribbon{position:absolute;left:0;right:0;top:0;height:28px;display:flex;align-items:center;justify-content:center;font:600 11.5px 'Archivo';letter-spacing:.14em}.v17-ribbon.pro{color:#9bc6d4;background:rgba(67,142,170,.18)}.v17-ribbon.growth{color:#d0ad62;background:rgba(211,169,79,.12)}.v17-inner h3{margin:14px 0 0;color:#f1f4f5;font:400 24px 'Archivo'}.v17-desc{min-height:63px;margin:7px 0 0;color:#718392;font:400 14px/1.55 'Archivo'}.v17-price{display:flex;align-items:flex-end;gap:5px;margin-top:20px}.v17-price span{padding-bottom:5px;color:#788d9c;font:500 12.5px 'Archivo'}.v17-price strong{font:300 37px/1 'Archivo'}.v17-price small{padding-bottom:5px;color:#6f8190;font:400 11.5px 'Archivo'}.v17-price s{padding-bottom:6px;color:#93a4b3;font:400 16px 'Archivo';text-decoration:line-through;text-decoration-thickness:1.5px}.v17-modal-price strong s{margin-right:2px;color:#93a4b3;font:400 13px 'Archivo';text-decoration:line-through;text-decoration-thickness:1.5px}.v17-copy{margin-top:7px;color:#526878;font:400 11.5px 'Archivo'}.v17-sign{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:19px;border-radius:11px;border:1px solid rgba(126,164,187,.13);background:rgba(255,255,255,.018);color:#dce4e8;font:500 13px 'Archivo'}.v17-sign b{color:#d3a94f}.v17-sign.primary{color:#071522;background:linear-gradient(105deg,#b9cbd3,#e3ebee 47%,#abc3cd);border-color:transparent}.v17-sign.growth{color:#ead8ad;border-color:rgba(211,169,79,.16);background:rgba(211,169,79,.035)}.v17-release{margin-top:9px;text-align:center;color:#506575;font:400 11.5px 'Archivo'}.v17-sep{height:1px;margin:21px 0 17px;background:rgba(255,255,255,.055)}.v17-kicker{color:#65798a;font:600 11.5px 'Archivo'}.v17-features{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.v17-features li{display:flex;gap:8px;color:#8797a3;font:400 12px/1.35 'Archivo'}.v17-features i{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:rgba(75,150,173,.06);color:#74b7ca;font:600 11.5px 'Archivo';font-style:normal}.v17-more{pointer-events:auto;margin-top:auto;padding-top:17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.045);cursor:pointer;color:#708493;font:500 11.5px 'Archivo'}.v17-more b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(129,167,189,.10);color:#d3a94f;font:400 14px 'Archivo';transition:.28s ease}.v17-more:hover b{transform:rotate(90deg);border-color:rgba(211,169,79,.22)}.annual{display:none!important}#n-bill-annual:checked~.v17-wrap .monthly,#n-bill-annual:checked~.v17-modal .monthly{display:none!important}#n-bill-annual:checked~.v17-wrap .annual,#n-bill-annual:checked~.v17-modal .annual{display:flex!important}#n-bill-annual:checked~.v17-wrap .v17-copy.annual,#n-bill-annual:checked~.v17-modal p.annual,#n-bill-annual:checked~.v17-modal small.annual{display:block!important}
.v17-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}.v17-backdrop{position:absolute;inset:0;background:rgba(1,7,13,.76);backdrop-filter:blur(11px)}.v17-panel{position:relative;z-index:2;width:min(920px,calc(100vw - 34px));max-height:84vh;overflow:auto;border-radius:22px;background:linear-gradient(160deg,#091a2a,#06121e 78%);border:1px solid rgba(255,255,255,.07);box-shadow:0 40px 110px rgba(0,0,0,.45)}#n-modal-starter:checked~.v17-modal-starter,#n-modal-pro:checked~.v17-modal-pro,#n-modal-growth:checked~.v17-modal-growth{opacity:1;visibility:visible;pointer-events:auto}.v17-panel-ray{position:absolute;z-index:0;inset:-60%;pointer-events:none;background:conic-gradient(transparent 0deg,transparent 265deg,rgba(104,177,199,.13) 282deg,rgba(218,235,239,.95) 300deg,rgba(211,169,79,.72) 315deg,transparent 338deg,transparent 360deg);animation:v17spin 5.5s linear infinite;opacity:.18}.v17-panel>*:not(.v17-panel-ray){position:relative;z-index:2}.v17-modal-head{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;padding:29px 31px 24px;border-bottom:1px solid rgba(255,255,255,.055)}.v17-modal-head>div:first-child>span{color:#718493;font:600 11.5px 'Archivo';letter-spacing:.14em}.v17-modal-head h3{margin:5px 0 0;color:#f0f3f4;font:300 30px 'Archivo'}.v17-modal-head>div:first-child>p{margin:4px 0 0;color:#6b7f8f;font:400 12.5px 'Archivo'}.v17-modal-price{text-align:right}.v17-modal-price small{color:#6a8090;font:500 11.5px 'Archivo';letter-spacing:.11em;text-transform:uppercase}.v17-modal-price strong{margin-top:4px;align-items:flex-end;gap:4px}.v17-modal-price strong span{font:500 11.5px 'Archivo';color:#758999}.v17-modal-price strong b{font:300 25px 'Archivo'}.v17-modal-price strong em{font:400 11.5px 'Archivo';font-style:normal;color:#6d8190}.v17-modal-price p{margin:3px 0 0;color:#526778;font:400 11.5px 'Archivo'}.v17-close{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.08);color:#8194a1;cursor:pointer;font:300 22px 'Archivo'}.v17-tabs{display:flex;gap:6px;padding:17px 31px 0}.v17-tabs label{min-width:75px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.07);color:#677b8b;cursor:pointer;font:500 11.5px 'Archivo'}.v17-tabs .active{color:#091522;background:#d8e5e9;border-color:transparent}.v17-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 31px 22px}.v17-modal-grid section{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.012)}.v17-modal-grid h4{margin:0;color:#9aacb7;font:500 11.5px 'Archivo'}.v17-modal-grid ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.v17-modal-grid li{display:grid;grid-template-columns:15px 1fr;gap:8px;color:#7b8e9c;font:400 11.5px/1.35 'Archivo'}.v17-modal-grid li i{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:rgba(76,151,174,.06);color:#74b8ca;font:600 11.5px 'Archivo';font-style:normal}.v17-modal-grid li.no{color:#536877}.v17-modal-grid li.no i{background:rgba(255,255,255,.025);color:#526575}.v17-modal-grid li.preview i{color:#d3a94f;background:rgba(211,169,79,.04)}.v17-modal-foot{display:flex;align-items:center;justify-content:space-between;padding:18px 31px 25px;border-top:1px solid rgba(255,255,255,.055)}.v17-modal-foot>div span{display:block;color:#64798a;font:600 11.5px 'Archivo'}.v17-modal-foot>div strong{display:block;margin-top:3px;color:#a4b3bc;font:500 11.5px 'Archivo'}.v17-modal-foot>a{min-height:38px;padding:0 16px;align-items:center;gap:10px;border-radius:10px;color:#091522;background:#d8e5e9;font:500 11.5px 'Archivo'}body:has(#n-modal-starter:checked),body:has(#n-modal-pro:checked),body:has(#n-modal-growth:checked){overflow:hidden}@keyframes v17metal{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes v17spin{to{transform:rotate(360deg)}}@media(max-width:900px){.v17-cards{grid-template-columns:1fr;max-width:590px;margin:auto}.v17-inner{min-height:525px}}@media(max-width:620px){.n-pricing-v17{padding:78px 15px 82px}.v17-head h2{font-size:clamp(30px,9vw,38px)}.v17-billing{flex-wrap:wrap}.v17-billing small{flex-basis:100%;margin:2px 0 0}.v17-inner{min-height:500px;padding:25px 21px 21px}.v17-modal{align-items:flex-end}.v17-panel{width:100%;max-height:89vh;border-radius:22px 22px 0 0}.v17-modal-head{grid-template-columns:1fr auto;gap:15px;padding:22px 19px 18px}.v17-modal-price{grid-column:1/-1;text-align:left}.v17-tabs{padding:14px 19px 0;overflow:auto}.v17-modal-grid{grid-template-columns:1fr;padding:14px 19px 18px}.v17-modal-foot{padding:15px 19px 21px;flex-direction:column;gap:12px;align-items:flex-start}}


/* =========================================================
   NORTHEL V17.2 — MODAL FIX + ANNUAL ATTENTION RING
   ========================================================= */

/* ---------- Mensal / Anual ---------- */
/* O anual recebe o contorno animado SEMPRE, mesmo com mensal selecionado */
.v17-billing .bill-annual:before{
  opacity:1!important;
  animation:v17spin 2.35s linear infinite!important;
}

/* O mensal não usa o mesmo raio; o estado ativo é mostrado pelo preenchimento */
#n-bill-monthly:checked~.v17-wrap .bill-monthly:before{
  opacity:0!important;
}

/* Estado selecionado: fundo claro, sem pular a página */
#n-bill-monthly:checked~.v17-wrap .bill-monthly span{
  color:#071522!important;
  background:linear-gradient(180deg,#dbe7eb,#c9d9df)!important;
  box-shadow:0 7px 22px rgba(113,165,184,.10)!important;
}
#n-bill-annual:checked~.v17-wrap .bill-annual span{
  color:#071522!important;
  background:linear-gradient(180deg,#dbe7eb,#c9d9df)!important;
  box-shadow:0 7px 22px rgba(113,165,184,.10)!important;
}

/* Quando anual estiver marcado, mensal volta ao visual escuro */
#n-bill-annual:checked~.v17-wrap .bill-monthly span{
  color:#718493!important;
  background:#091827!important;
  box-shadow:none!important;
}

/* Quando mensal estiver marcado, anual continua com o raio, mas sem preenchimento ativo */
#n-bill-monthly:checked~.v17-wrap .bill-annual span{
  color:#8b9da9!important;
  background:#091827!important;
}

/* ---------- Modal ---------- */
/* A camada giratória absoluta era o que criava scroll extra / espaço azul vazio */
.v17-panel-ray{
  display:none!important;
}

/* O modal ocupa somente o espaço real do conteúdo */
.v17-panel{
  height:auto!important;
  min-height:0!important;
  max-height:min(84vh,760px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}

/* Garante que o footer feche logo após os conteúdos */
.v17-modal-foot{
  min-height:72px!important;
  padding:15px 31px 18px!important;
  align-items:center!important;
  gap:18px!important;
}

/* Botão mais compacto, alinhado e com texto centralizado */
.v17-modal-foot>a{
  display:flex;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:176px!important;
  max-width:205px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 17px!important;
  border-radius:10px!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  font:500 12px 'Archivo'!important;
  box-sizing:border-box!important;
}

/* O arrow fica menor e alinhado */
.v17-modal-foot>a b{
  flex:0 0 auto!important;
  font-size:14px!important;
  line-height:1!important;
}

/* Pequeno hover premium no botão */
.v17-modal-foot>a:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 26px rgba(107,160,180,.10)!important;
}

/* Desktop: impede qualquer altura artificial nos blocos internos */
.v17-modal-grid{
  align-items:start!important;
}
.v17-modal-grid section{
  align-self:start!important;
}

/* Mobile */
@media(max-width:620px){
  .v17-panel{
    max-height:89vh!important;
  }
  .v17-modal-foot{
    align-items:stretch!important;
    padding:14px 19px 18px!important;
  }
  .v17-modal-foot>a{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* V17.2.1 — Mensal aparece visualmente selecionado na entrada */
.v17-billing .bill-monthly span{
  color:#071522!important;
  background:linear-gradient(180deg,#dbe7eb,#c9d9df)!important;
  box-shadow:0 7px 22px rgba(113,165,184,.10)!important;
}
#n-bill-annual:checked~.v17-wrap .bill-monthly span{
  color:#718493!important;
  background:#091827!important;
  box-shadow:none!important;
}
#n-bill-monthly:checked~.v17-wrap .bill-monthly span{
  color:#071522!important;
  background:linear-gradient(180deg,#dbe7eb,#c9d9df)!important;
  box-shadow:0 7px 22px rgba(113,165,184,.10)!important;
}


/* =========================================================
   NORTHEL V17.3 — PROOF BRIDGE HERO → PROBLEMA
   ========================================================= */
.n-proof-bridge-wrap{
  position:relative;
  z-index:20;
  height:0;
  max-width:1120px;
  margin:0 auto;
  pointer-events:none;
}
.n-proof-bridge{
  position:absolute;
  left:50%;
  top:0;
  width:min(860px,calc(100vw - 54px));
  min-height:92px;
  transform:translate(-50%,-50%);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  overflow:hidden;
  border:1px solid rgba(128,169,193,.13);
  border-radius:17px;
  background:
    radial-gradient(380px 110px at 50% 0%,rgba(76,142,172,.08),transparent 74%),
    rgba(7,22,36,.92);
  box-shadow:
    0 24px 58px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(16px);
}
.n-proof-bridge:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 0 44%,rgba(255,255,255,.018) 49%,transparent 54%);
}
.n-proof-bridge-ray{
  position:absolute;
  left:-28%;
  top:0;
  width:24%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(196,228,236,.85),rgba(211,169,79,.62),transparent);
  box-shadow:
    0 0 14px rgba(108,184,205,.24),
    0 0 20px rgba(211,169,79,.08);
  animation:nProofBridgeRay 5.8s ease-in-out infinite;
}
.n-proof-metric{
  position:relative;
  min-width:0;
  padding:21px 26px 18px;
  text-align:left;
}
.n-proof-metric + .n-proof-metric{
  border-left:1px solid rgba(255,255,255,.055);
}
.n-proof-metric strong{
  display:block;
  color:#e9eff1;
  font:300 27px/1 'Archivo';
  letter-spacing:-.035em;
  background:
    linear-gradient(105deg,#9db3bd,#e2eaed 44%,#7695a5 76%,#bacbd2);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nProofMetricMetal 7s ease-in-out infinite;
}
.n-proof-metric:nth-child(3) strong{
  background:
    linear-gradient(105deg,#d7bd78,#f0dfaa 46%,#ad8430 76%,#d8b96f);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.n-proof-metric span{
  display:block;
  margin-top:8px;
  color:#718493;
  font:400 12px/1.35 'Archivo';
  white-space:normal;
}
.n-problem-dark-loop{
  padding-top:148px!important;
}
@keyframes nProofBridgeRay{
  0%,16%{left:-28%;opacity:0}
  27%{opacity:.9}
  64%{left:105%;opacity:.7}
  76%,100%{left:105%;opacity:0}
}
@keyframes nProofMetricMetal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(max-width:620px){
  .n-proof-bridge{
    width:calc(100vw - 24px);
    min-height:78px;
    border-radius:14px;
  }
  .n-proof-metric{
    padding:16px 10px 13px;
    text-align:center;
  }
  .n-proof-metric strong{
    font-size:20px;
  }
  .n-proof-metric span{
    margin-top:6px;
    font-size:11.5px;
    line-height:1.25;
  }
  .n-problem-dark-loop{
    padding-top:126px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-proof-bridge-ray,.n-proof-metric strong{animation:none!important}
}


/* =========================================================
   NORTHEL V17.4 — HERO "COMO FUNCIONA" MODAL
   ========================================================= */
.n-how-hidden{
  position:fixed!important;
  left:-200px!important;
  top:-200px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.n-how-trigger{
  cursor:pointer;
  user-select:none;
}
.n-how-modal{
  position:fixed;
  z-index:10000;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
#n-how-modal-toggle:checked ~ .n-how-modal{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.n-how-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,7,13,.76);
  backdrop-filter:blur(11px);
  cursor:pointer;
}
.n-how-panel{
  position:relative;
  z-index:2;
  width:min(900px,calc(100vw - 34px));
  max-height:86vh;
  overflow:auto;
  padding:34px 36px 28px;
  border-radius:22px;
  border:1px solid rgba(108,173,197,.17);
  background:
    radial-gradient(500px 220px at 50% 0%,rgba(55,121,156,.11),transparent 74%),
    linear-gradient(160deg,#0b2038,#08182c 76%);
  box-shadow:0 38px 110px rgba(0,0,0,.46);
  transform:translateY(18px) scale(.985);
  transition:transform .32s cubic-bezier(.16,1,.3,1);
}
#n-how-modal-toggle:checked ~ .n-how-modal .n-how-panel{
  transform:none;
}
.n-how-panel-ray{
  position:absolute;
  left:8%;right:8%;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,226,233,.78),rgba(211,169,79,.64),transparent);
  box-shadow:0 0 18px rgba(109,181,202,.20);
}
.n-how-head{
  position:relative;
  padding-right:54px;
}
.n-how-head>span{
  color:#80a2b4;
  font:600 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-how-head h2{
  max-width:690px;
  margin:12px 0 0;
  color:#f2f5f6;
  font:300 clamp(31px,3.5vw,46px)/1.08 'Archivo';
  letter-spacing:-.04em;
}
.n-how-head h2 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#6e8f9f,#c6d5da,#567c8f,#dce6e9,#7396a4);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nHowMetal 7s ease-in-out infinite;
}
.n-how-head p{
  max-width:760px;
  margin:15px 0 0;
  color:#8395a3;
  font:400 15.5px/1.65 'Archivo';
}
.n-how-head p strong{
  color:#c7d2d7;
  font-weight:500;
}
.n-how-close{
  position:absolute;
  right:0;
  top:0;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  color:#8295a3;
  background:rgba(255,255,255,.018);
  cursor:pointer;
  font:300 21px 'Archivo';
  transition:.28s ease;
}
.n-how-close:hover{
  color:#d3a94f;
  border-color:rgba(211,169,79,.20);
  transform:rotate(90deg);
}
.n-how-steps{
  display:grid;
  gap:16px;
  margin-top:28px;
}
.n-how-steps article{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:start;
}
.n-how-step-number{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#8eb5c5;
  border:1px solid rgba(92,165,190,.20);
  background:rgba(73,145,172,.065);
  font:500 16px 'Archivo';
}
.n-how-steps h3{
  margin:1px 0 0;
  color:#e8eef0;
  font:500 14px 'Archivo';
}
.n-how-steps p{
  margin:6px 0 0;
  color:#7c8f9e;
  font:400 14.5px/1.58 'Archivo';
}
.n-how-whatsapp{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  margin-top:27px;
  border-radius:12px;
  color:#071522;
  background:linear-gradient(105deg,#b9cdd4,#e4ecef 48%,#a7c3cd);
  font:500 15px 'Archivo';
  box-shadow:0 14px 34px rgba(94,154,177,.10);
}
.n-how-whatsapp:before{
  content:"";
  position:absolute;
  top:-20%;
  left:-30%;
  width:20%;
  height:140%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  animation:nHowButtonSweep 4.7s ease-in-out infinite;
}
.n-how-whatsapp>*{
  position:relative;
  z-index:2;
}
.n-how-whatsapp b{
  color:#8b6922;
  font-weight:400;
}
.n-how-note{
  margin-top:12px;
  text-align:center;
  color:#607584;
  font:400 11.5px 'Archivo';
  font-style:italic;
}
body:has(#n-how-modal-toggle:checked){
  overflow:hidden;
}
@keyframes nHowMetal{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}
@keyframes nHowButtonSweep{
  0%,28%{left:-30%;opacity:0}
  38%{opacity:.85}
  56%{left:118%;opacity:0}
  100%{left:118%;opacity:0}
}

@media(max-width:620px){
  .n-how-modal{
    align-items:flex-end;
  }
  .n-how-panel{
    width:100%;
    max-height:90vh;
    padding:26px 20px 22px;
    border-radius:22px 22px 0 0;
  }
  .n-how-head{
    padding-right:44px;
  }
  .n-how-head h2{
    font-size:clamp(29px,8.8vw,36px);
  }
  .n-how-head p{
    font-size:14.5px;
  }
  .n-how-steps{
    gap:15px;
    margin-top:24px;
  }
  .n-how-steps article{
    grid-template-columns:40px 1fr;
    gap:12px;
  }
  .n-how-step-number{
    width:38px;
    height:38px;
    border-radius:10px;
    font-size:14px;
  }
  .n-how-steps h3{
    font-size:13px;
  }
  .n-how-steps p{
    font-size:13px;
  }
  .n-how-whatsapp{
    min-height:48px;
    margin-top:23px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-how-head h2 em,.n-how-whatsapp:before{animation:none!important}
}


.n-month-insights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.n-month-insight-card{min-width:0;min-height:112px;padding:12px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.022)}
.n-month-insight-icon{width:27px;height:27px;flex:0 0 auto;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#082238;font:500 15px 'Archivo'}
.n-month-insight-copy{min-width:0}.n-month-insight-copy strong{display:block;color:#eef2f3;font:500 14px/1.25 'Archivo'}.n-month-insight-copy p{margin:5px 0 0;color:rgba(255,255,255,.48);font:400 12px/1.45 'Archivo'}
@media(max-width:900px){.n-month-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.n-month-insights-grid{grid-template-columns:1fr}.n-month-insight-card{min-height:0}}


/* =========================================================
   NORTHEL FINAL — SOLUTION TITLE + NICHE TABS
   ========================================================= */
.n-solution-eyebrow{
  color:#8399a8;
  font:600 11.5px 'Archivo';
  letter-spacing:.19em;
}
.n-solution-title{
  margin:11px 0 0;
  color:#f2f5f6;
  font:300 clamp(27px,3vw,39px)/1.14 'Archivo';
  letter-spacing:-.035em;
}
.n-solution-metal{
  font-weight:300;
  background:
    linear-gradient(
      105deg,
      #678494 0%,
      #aec1c9 20%,
      #527387 40%,
      #d5e0e4 52%,
      #668999 67%,
      #a9bec6 84%,
      #5f7f90 100%
    );
  background-size:235% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nSolutionMetal 7.5s ease-in-out infinite;
}
.n-niche-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:28px;
}
.n-niche-tab{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-width:152px;
  min-height:43px;
  padding:1px;
  border:0;
  border-radius:999px;
  background:rgba(128,164,184,.12);
  color:#8295a4;
  cursor:pointer;
  font:500 14.5px 'Archivo';
  transition:
    transform .28s ease,
    color .28s ease,
    box-shadow .28s ease;
}
.n-niche-tab>span{
  position:relative;
  z-index:3;
  min-height:41px;
  padding:0 19px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(15,42,64,.96),rgba(8,27,44,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}
.n-niche-tab:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:-155%;
  opacity:0;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 263deg,
      rgba(104,171,194,.14) 280deg,
      rgba(205,228,234,.94) 299deg,
      rgba(211,169,79,.78) 315deg,
      transparent 337deg,
      transparent 360deg
    );
  animation:nNicheRay 2.7s linear infinite;
}
.n-niche-tab:hover{
  color:#c3d0d6;
  transform:translateY(-1px);
}
.n-niche-tab:hover>span{
  background:
    linear-gradient(180deg,rgba(18,49,74,.98),rgba(9,30,48,.98));
}
.n-niche-tab.is-active{
  color:#eef2f3;
  box-shadow:
    0 12px 32px rgba(0,0,0,.16),
    0 0 30px rgba(92,156,183,.045);
  animation:nNicheSelect .32s cubic-bezier(.16,1,.3,1);
}
.n-niche-tab.is-active:before{
  opacity:1;
}
.n-niche-tab.is-active>span{
  background:
    radial-gradient(150px 60px at 50% 0%,rgba(93,153,178,.13),transparent 75%),
    linear-gradient(180deg,#123149,#0a2033);
}
@keyframes nSolutionMetal{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes nNicheRay{
  to{transform:rotate(360deg)}
}
@keyframes nNicheSelect{
  0%{transform:scale(.96);opacity:.72}
  100%{transform:scale(1);opacity:1}
}
@media(max-width:620px){
  .n-solution-title{
    font-size:clamp(29px,8.5vw,36px);
  }
  .n-niche-tabs{
    gap:7px;
  }
  .n-niche-tab{
    min-width:0;
    flex:1 1 105px;
    max-width:170px;
    font-size:12.5px;
  }
  .n-niche-tab>span{
    padding:0 10px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-solution-metal,.n-niche-tab:before,.n-niche-tab.is-active{
    animation:none!important;
  }
}


/* =========================================================
   NORTHEL — CAPTAÇÃO DOS PLANOS
   ========================================================= */
.v17-sign.n-interest-trigger{
  width:100%;
  appearance:none;
  cursor:pointer;
  text-decoration:none;
}
.n-interest-modal{
  position:fixed;
  z-index:12000;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .26s ease,visibility .26s ease;
}
.n-interest-modal.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.n-interest-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,7,13,.79);
  backdrop-filter:blur(12px);
}
.n-interest-panel{
  position:relative;
  z-index:2;
  width:min(720px,calc(100vw - 34px));
  max-height:90vh;
  overflow:auto;
  padding:32px 32px 26px;
  border:1px solid rgba(116,163,189,.13);
  border-radius:22px;
  background:
    radial-gradient(480px 210px at 50% 0%,rgba(69,129,159,.10),transparent 73%),
    linear-gradient(155deg,#0b2138,#081827 78%);
  box-shadow:
    0 40px 110px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(16px) scale(.988);
  transition:transform .32s cubic-bezier(.16,1,.3,1);
}
.n-interest-modal.open .n-interest-panel{
  transform:none;
}
.n-interest-border-ray{
  position:absolute;
  left:8%;
  right:8%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(195,225,233,.82),rgba(211,169,79,.64),transparent);
  box-shadow:0 0 18px rgba(107,181,202,.18);
}
.n-interest-close{
  position:absolute;
  z-index:4;
  right:20px;
  top:18px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  background:rgba(255,255,255,.018);
  color:#8194a2;
  cursor:pointer;
  font:300 21px 'Archivo';
  transition:.28s ease;
}
.n-interest-close:hover{
  color:#d3a94f;
  border-color:rgba(211,169,79,.20);
  transform:rotate(90deg);
}
.n-interest-head{
  position:relative;
  padding-right:54px;
}
.n-interest-eyebrow{
  color:#8297a6;
  font:600 11.5px 'Archivo';
  letter-spacing:.18em;
}
.n-interest-eyebrow b{
  color:#d3a94f;
  font-weight:600;
}
.n-interest-head h3{
  margin:12px 0 0;
  color:#f1f4f5;
  font:300 clamp(31px,3.4vw,43px)/1.08 'Archivo';
  letter-spacing:-.042em;
}
.n-interest-head h3 em{
  font-style:normal;
  font-weight:300;
  background:linear-gradient(105deg,#7895a4,#c5d3d8,#5e8092,#dce5e8,#7796a5);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.n-interest-head>p{
  max-width:580px;
  margin:12px 0 0;
  color:#7d909e;
  font:400 15px/1.6 'Archivo';
}
.n-interest-cycle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:13px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(129,166,188,.09);
  background:rgba(255,255,255,.014);
  color:#7b8f9e;
  font:500 11.5px 'Archivo';
  letter-spacing:.06em;
}
.n-interest-cycle i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d3a94f;
  box-shadow:0 0 0 4px rgba(211,169,79,.05);
}
.n-interest-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-top:25px;
}
.n-interest-grid label{
  display:block;
}
.n-interest-grid label.full{
  grid-column:1/-1;
}
.n-interest-grid label>span{
  display:block;
  margin-bottom:7px;
  color:#a4b3bd;
  font:500 11.5px 'Archivo';
}
.n-interest-grid label small{
  color:#5f7585;
  font-weight:400;
}
.n-interest-grid input,
.n-interest-grid select{
  width:100%;
  height:44px;
  padding:0 12px;
  border:1px solid rgba(136,169,190,.14);
  border-radius:10px;
  outline:none;
  background:rgba(255,255,255,.025);
  color:#dbe3e7;
  font:400 14px 'Archivo';
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.n-interest-grid input::placeholder{
  color:#526a7b;
}
.n-interest-grid select{
  appearance:auto;
  color-scheme:dark;
}
.n-interest-grid input:focus,
.n-interest-grid select:focus{
  border-color:rgba(116,183,204,.42);
  background:rgba(255,255,255,.035);
  box-shadow:0 0 0 3px rgba(91,161,183,.06);
}
.n-interest-submit{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:48px;
  margin-top:19px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:11px;
  color:#071522;
  background:linear-gradient(105deg,#b9ccd3,#e4ecef 48%,#a9c3cd);
  cursor:pointer;
  font:500 14.5px 'Archivo';
  box-shadow:0 13px 32px rgba(99,156,178,.09);
}
.n-interest-submit:before{
  content:"";
  position:absolute;
  top:-20%;
  left:-30%;
  width:20%;
  height:140%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);
  animation:nInterestSweep 4.8s ease-in-out infinite;
}
.n-interest-submit>*{
  position:relative;
  z-index:2;
}
.n-interest-submit i{
  color:#8d6a25;
  font-style:normal;
}
.n-interest-direct{
  display:block;
  margin-top:16px;
  text-align:center;
  color:#687d8d;
  font:400 12px 'Archivo';
  text-decoration:none;
}
.n-interest-direct strong{
  color:#9db1bc;
  font-weight:500;
}
.n-interest-direct:hover strong{
  color:#d3a94f;
}
.n-interest-note{
  margin-top:11px;
  text-align:center;
  color:#445c6d;
  font:400 11.5px 'Archivo';
}
body.n-interest-open{
  overflow:hidden;
}
@keyframes nInterestSweep{
  0%,28%{left:-30%;opacity:0}
  38%{opacity:.9}
  56%{left:118%;opacity:0}
  100%{left:118%;opacity:0}
}
@media(max-width:620px){
  .n-interest-modal{
    align-items:flex-end;
    padding:0;
  }
  .n-interest-panel{
    width:100%;
    max-height:91vh;
    padding:26px 19px 22px;
    border-radius:22px 22px 0 0;
  }
  .n-interest-head{
    padding-right:44px;
  }
  .n-interest-head h3{
    font-size:clamp(29px,8.8vw,36px);
  }
  .n-interest-grid{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:22px;
  }
  .n-interest-grid label.full{
    grid-column:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .n-interest-submit:before{animation:none!important}
}

html{scroll-padding-top:88px}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/898d1243.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/4ff31126.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/999252ce.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/898d1243.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/4ff31126.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/999252ce.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/898d1243.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/4ff31126.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/999252ce.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/898d1243.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/4ff31126.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/site-novo/fontes/999252ce.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{box-sizing:border-box}body{margin:0;background:#08182c;font-family:"Archivo",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#00b4d8;text-decoration:none}a:hover{color:#7fe3f5}::selection{background:#00b4d8;color:#062033}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}label small,label span small{font-size:11.5px}/* ---- Mock do dashboard: versao simplificada no celular ----
   O mock e uma miniatura de largura fixa. Espremido em 390px ele caia para
   2,8px de fonte, virando borrao. Em vez de encolher a fonte, aqui some o que
   e moldura (barra lateral, filtros do topo, painel de insights) e sobra o que
   e numero. Com a largura liberada, os KPIs viram 2 colunas e o texto volta a
   tamanho legivel. */
@media(max-width:760px){
  .n-app-sidebar,.n-app-controls,.n-app-insights,.n-app-chart-card{display:none}
  /* o shell e um grid [barra|conteudo]: sem a barra, a coluna dela
     continuava reservada e o conteudo ia parar nos 62px dela. */
  /* o shell e um grid [barra|conteudo] com proporcao fixa. Sem a barra, a
     coluna dela continuava reservada e o conteudo ia parar nos 62px dela. */
  .n-app-shell{grid-template-columns:1fr}
  .n-app-kpis{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
  .n-app-kpis article{padding:8px 9px;border-radius:6px}
  .n-app-kpis span{font-size:8.5px}
  .n-app-kpis strong{font-size:15px;margin-top:3px}
  .n-app-kpis em{font-size:8.5px;margin-top:2px}
  .n-app-top small{font-size:8.5px}
  .n-app-top h3{font-size:13px}
  .n-app-chart-card small{font-size:8.5px}
  .n-app-chart-card strong{font-size:12px}
  .n-app-chart-card span{font-size:8.5px}
}