/* =========================================================
   NEXUS/OTIKHA — página de serviço (unidade de tecnologia)
   Sub-marca da Waylink Services. Usa o sistema base de style.css
   ========================================================= */
.nx{
  --nx-navy:#0D1B3E; --nx-ink:#0A1430; --nx-blue:#1A6EFA; --nx-deep:#0033CC; --nx-red:#E8412C; --nx-gold:#F5B301; --nx-teal:#0E9F7E;
  --nx-paper:#F4F7FD; --nx-mist:#E3EBFA; --nx-line:#D5DEEE; --nx-muted:#51607F; --nx-soft:#AFC3EE;
  --nx-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --nx-r:18px;
}
.nx .scene{ width:100%; height:auto; display:block; }
.nx-eyebrow{ font-family:var(--nx-mono); font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--nx-blue); }
.nx-lead{ font-size:clamp(1.05rem,1.5vw,1.2rem); color:var(--nx-muted); max-width:62ch; margin:0; }
.nx-head{ display:grid; gap:16px; max-width:780px; margin-bottom:56px; }
.nx-head h2{ font-size:clamp(1.9rem,3.6vw,2.9rem); margin:0; }
.nx-strip{ height:14px; background:
  linear-gradient(135deg,var(--nx-navy) 25%,transparent 25%) -9px 0/18px 14px,
  linear-gradient(225deg,var(--nx-navy) 25%,transparent 25%) -9px 0/18px 14px,
  repeating-linear-gradient(90deg,var(--nx-blue) 0 18px,var(--nx-gold) 18px 36px,var(--nx-red) 36px 54px); }

/* Sub-navegação */
.nx-subnav{ background:#fff; border-bottom:1px solid var(--line); position:sticky; top:75px; z-index:90; }
.nx-subnav .container{ display:flex; align-items:center; gap:28px; overflow-x:auto; scrollbar-width:none; }
.nx-subnav .container::-webkit-scrollbar{ display:none; }
.nx-subnav img{ height:24px; width:auto; flex:none; }
.nx-subnav a{ flex:none; font-size:.88rem; font-weight:600; color:var(--muted); padding:16px 0; border-bottom:2px solid transparent; transition:color .2s, border-color .2s; }
.nx-subnav a:hover{ color:var(--nx-blue); border-color:var(--nx-blue); }

/* Hero */
.nx-hero{ background:
    radial-gradient(700px 420px at 100% 0%, rgba(26,110,250,.12), transparent 60%),
    var(--nx-paper);
  padding:72px 0 64px; overflow:hidden; }
.nx-hero .breadcrumb{ color:var(--nx-muted); }
.nx-hero .breadcrumb a:hover{ color:var(--nx-blue); }
.nx-hero .breadcrumb span[aria-current]{ color:var(--nx-navy); }
.nx-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }
.nx-hero-logo{ height:60px; width:auto; margin:6px 0 26px; }
.nx-hero h1{ font-size:clamp(2.6rem,6vw,4.6rem); line-height:1.02; letter-spacing:-.04em; margin:16px 0 22px; color:var(--nx-navy); }
.nx-hero h1 em{ font-style:normal; background:linear-gradient(90deg,var(--nx-blue),var(--nx-deep)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.nx-hero .hero-actions{ margin-top:32px; }
.nx-hero .btn-ghost{ border-color:var(--nx-navy); color:var(--nx-navy); }
.nx-by{ display:inline-flex; align-items:center; gap:12px; margin-top:34px; font-size:.84rem; color:var(--nx-muted); font-weight:600; }
.nx-by img{ height:28px; width:auto; }
.nx-facts{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:56px; border-top:1px solid var(--nx-line); }
.nx-facts div{ padding:20px 16px 0 0; }
.nx-facts b{ display:block; font-weight:800; font-size:1.7rem; color:var(--nx-navy); letter-spacing:-.02em; }
.nx-facts span{ font-size:.9rem; color:var(--nx-muted); }

/* Sobre */
.nx-about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.nx-about-grid .text{ display:grid; gap:18px; min-width:0; }
.nx-about-grid .text p{ color:var(--nx-muted); margin:0; font-size:1.04rem; }
.nx-about-grid .text h2{ font-size:clamp(1.9rem,3.4vw,2.7rem); margin:0; }
.nx-tag{ display:inline-flex; align-items:center; gap:8px; font-size:.86rem; font-weight:600; padding:8px 14px; border-radius:999px; background:var(--nx-mist); color:var(--nx-navy); width:fit-content; }
.nx-tag i{ width:8px; height:8px; border-radius:50%; background:var(--nx-red); }

/* Missão / visão */
.nx-dark{ background:var(--nx-navy); color:#fff; }
.nx-dark h2,.nx-dark h3{ color:#fff; }
.nx-dark .nx-eyebrow{ color:var(--nx-gold); }
.nx-mv{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
.nx-mv article{ border:1px solid rgba(175,195,238,.25); border-radius:var(--nx-r); padding:34px; background:rgba(255,255,255,.03); }
.nx-mv h3{ font-size:1.3rem; margin-bottom:14px; }
.nx-mv p{ color:var(--nx-soft); margin:0; }
.nx-values{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin-top:24px; background:rgba(175,195,238,.25); border-radius:var(--nx-r); overflow:hidden; }
.nx-values div{ background:var(--nx-navy); padding:26px 20px; display:grid; gap:12px; align-content:start; }
.nx-values svg{ width:30px; height:30px; }
.nx-values b{ font-size:1rem; line-height:1.35; }

/* Canais */
.nx-channel{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding:48px 0; border-top:1px solid var(--nx-line); }
.nx-channel:nth-of-type(even) .art{ order:2; }
.nx-channel .copy{ display:grid; gap:18px; min-width:0; }
.nx-channel .copy h2{ font-size:clamp(1.6rem,2.8vw,2.3rem); margin:0; }
.nx-channel .copy p{ color:var(--nx-muted); margin:0; }
.nx-chip{ font-family:var(--nx-mono); font-size:.74rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:6px 12px; border-radius:999px; width:fit-content; }
.nx-chip.blue{ background:#E4EDFF; color:var(--nx-deep); }
.nx-chip.teal{ background:#DDF5EE; color:#08705A; }
.nx-chip.red{ background:#FDE6E2; color:#B02A17; }
.nx-chip.gold{ background:#FFF1CC; color:#8A6300; }
.nx-ticks{ display:grid; gap:12px; }
.nx-ticks li{ display:grid; grid-template-columns:24px 1fr; gap:12px; align-items:start; }
.nx-ticks li::before{ content:""; width:22px; height:22px; margin-top:2px; border-radius:50%; background:var(--nx-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3.2 3.2L16 8' stroke='%231A6EFA' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat; }
.nx-voices{ display:flex; flex-wrap:wrap; gap:8px; }
.nx-voices span{ font-weight:600; font-size:.88rem; padding:6px 12px 6px 8px; border-radius:999px; border:1px solid var(--nx-line); display:inline-flex; gap:8px; align-items:center; }
.nx-voices span::before{ content:""; width:18px; height:18px; border-radius:50%; background:linear-gradient(135deg,var(--nx-blue),var(--nx-deep)); }
.nx-pipeline{ font-family:var(--nx-mono); font-size:.8rem; color:var(--nx-navy); background:var(--nx-paper); border:1px dashed var(--nx-line); border-radius:12px; padding:12px 14px; overflow-x:auto; white-space:nowrap; }

/* Processo */
.nx-steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; counter-reset:s; }
.nx-step{ background:#fff; border:1px solid var(--nx-line); border-radius:var(--nx-r); padding:26px 22px; display:grid; gap:12px; align-content:start; }
.nx-step::before{ counter-increment:s; content:counter(s,decimal-leading-zero); font-family:var(--nx-mono); font-weight:600; font-size:.82rem; color:var(--nx-blue); }
.nx-step h3{ font-size:1.05rem; margin:0; }
.nx-step p{ font-size:.93rem; color:var(--nx-muted); margin:0; }
.nx-step:last-child{ background:var(--nx-navy); border-color:var(--nx-navy); }
.nx-step:last-child h3{ color:#fff; }
.nx-step:last-child p{ color:var(--nx-soft); }
.nx-step:last-child::before{ color:var(--nx-gold); }

/* Plataforma (mockup) */
.nx-app{ margin-top:8px; border-radius:22px; background:var(--nx-ink); box-shadow:0 30px 60px -20px rgba(10,20,48,.45); overflow:hidden; border:1px solid #1E2C55; }
.nx-app-bar{ display:flex; align-items:center; gap:8px; padding:12px 16px; background:#0F1D44; border-bottom:1px solid #1E2C55; }
.nx-app-bar i{ width:11px; height:11px; border-radius:50%; background:#2B3B6B; }
.nx-app-bar i:nth-child(1){ background:var(--nx-red); } .nx-app-bar i:nth-child(2){ background:var(--nx-gold); } .nx-app-bar i:nth-child(3){ background:var(--nx-teal); }
.nx-app-bar span{ margin-left:12px; font-family:var(--nx-mono); font-size:.75rem; color:#7F93C4; }
.nx-app-body{ display:grid; grid-template-columns:220px 1fr; min-height:460px; }
.nx-side{ background:#0B1737; padding:20px 14px; display:grid; gap:4px; align-content:start; border-right:1px solid #1E2C55; }
.nx-side img{ height:26px; width:auto; margin:0 8px 18px; }
.nx-side span{ display:flex; justify-content:space-between; align-items:center; color:#9CB0DD; font-size:.88rem; font-weight:500; padding:9px 10px; border-radius:10px; }
.nx-side span.on{ background:linear-gradient(90deg,var(--nx-blue),var(--nx-deep)); color:#fff; }
.nx-side em{ font-style:normal; font-size:.62rem; font-weight:700; letter-spacing:.06em; background:var(--nx-red); color:#fff; padding:2px 7px; border-radius:999px; }
.nx-main{ padding:24px; display:grid; gap:18px; min-width:0; color:#fff; }
.nx-main-top{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.nx-main-top h4{ margin:0; color:#fff; font-size:1.1rem; font-weight:700; }
.nx-main-top small{ color:#7F93C4; font-family:var(--nx-mono); font-size:.75rem; }
.nx-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.nx-kpi{ background:#12224D; border:1px solid #1E2C55; border-radius:14px; padding:14px 16px; display:grid; gap:4px; }
.nx-kpi span{ font-size:.78rem; color:#9CB0DD; }
.nx-kpi b{ font-weight:700; font-size:1.5rem; font-variant-numeric:tabular-nums; }
.nx-kpi small{ font-size:.75rem; color:#6FE3C4; }
.nx-panels{ display:grid; grid-template-columns:1.1fr .9fr; gap:12px; }
.nx-panel{ background:#12224D; border:1px solid #1E2C55; border-radius:14px; padding:16px; min-width:0; }
.nx-panel h5{ margin:0 0 12px; font-size:.8rem; font-weight:600; color:#9CB0DD; letter-spacing:.04em; }
.nx-funnel{ display:grid; gap:9px; }
.nx-funnel div{ display:grid; grid-template-columns:110px 1fr 44px; gap:10px; align-items:center; font-size:.8rem; }
.nx-funnel u{ display:block; height:12px; border-radius:6px; background:linear-gradient(90deg,var(--nx-blue),#5B95FF); text-decoration:none; }
.nx-funnel b{ font-variant-numeric:tabular-nums; text-align:right; font-weight:600; }
.nx-table-scroll{ overflow-x:auto; }
.nx-leads{ width:100%; border-collapse:collapse; font-size:.8rem; }
.nx-leads td{ padding:8px 4px; border-top:1px solid #1E2C55; white-space:nowrap; }
.nx-leads tr:first-child td{ border-top:0; }
.nx-st{ font-size:.68rem; font-weight:700; padding:3px 8px; border-radius:999px; }
.nx-st.hot{ background:rgba(232,65,44,.2); color:#FF8C7A; } .nx-st.warm{ background:rgba(245,179,1,.18); color:#FFD466; } .nx-st.won{ background:rgba(14,159,126,.22); color:#6FE3C4; }
.nx-demo-note{ font-family:var(--nx-mono); font-size:.72rem; color:#7F93C4; }
.nx-feat{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.nx-feat div{ background:#fff; border:1px solid var(--nx-line); border-radius:var(--nx-r); padding:24px; display:grid; gap:8px; align-content:start; }
.nx-feat b{ font-size:1.05rem; color:var(--nx-navy); }
.nx-feat p{ font-size:.93rem; color:var(--nx-muted); margin:0; }

/* Planos & sectores */
.nx-plans{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.nx-plan{ border:1px solid var(--nx-line); border-radius:var(--nx-r); padding:30px 26px; display:grid; gap:14px; align-content:start; background:#fff; transition:transform .25s var(--ease), box-shadow .25s; }
.nx-plan:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.nx-plan h3{ font-size:1.4rem; margin:0; }
.nx-plan p{ font-size:.93rem; color:var(--nx-muted); margin:0; }
.nx-plan .price{ font-family:var(--nx-mono); font-size:.76rem; font-weight:600; color:var(--nx-blue); letter-spacing:.08em; text-transform:uppercase; }
.nx-plan .btn{ margin-top:6px; justify-self:start; }
.nx-plan.feature{ background:var(--nx-navy); border-color:var(--nx-navy); }
.nx-plan.feature h3{ color:#fff; } .nx-plan.feature p{ color:var(--nx-soft); } .nx-plan.feature .price{ color:var(--nx-gold); }
.nx-sectors{ display:flex; flex-wrap:wrap; gap:10px; margin-top:40px; }
.nx-sectors span{ padding:10px 18px; border-radius:999px; border:1px solid var(--nx-line); font-weight:600; font-size:.92rem; background:var(--nx-paper); color:var(--nx-navy); }

/* Carta */
.nx-letter{ background:var(--nx-ink); color:#fff; overflow:hidden; }
.nx-letter-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:48px; align-items:end; }
.nx-letter blockquote{ margin:22px 0 0; font-weight:600; font-size:clamp(1.5rem,3.2vw,2.5rem); line-height:1.25; letter-spacing:-.02em; max-width:26ch; text-wrap:balance; }
.nx-letter blockquote::before{ content:"“"; display:block; font-size:90px; line-height:.6; color:var(--nx-red); margin-bottom:16px; }
.nx-letter .sig{ margin-top:28px; display:flex; gap:14px; align-items:center; color:var(--nx-soft); font-size:.94rem; }
.nx-letter .sig::before{ content:""; width:40px; height:2px; background:var(--nx-gold); }
.nx-letter-grid > p{ color:var(--nx-soft); margin:0; }

/* Contacto */
.nx-contact-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start; }
.nx-cards{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px; }
.nx-card{ border:1px solid var(--nx-line); border-radius:var(--nx-r); padding:20px; display:grid; gap:8px; align-content:start; min-width:0; background:#fff; }
.nx-card small{ font-family:var(--nx-mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--nx-muted); font-weight:600; }
.nx-card b,.nx-card a.v{ font-size:1.02rem; font-weight:700; color:var(--nx-navy); overflow-wrap:anywhere; }
.nx-card button{ justify-self:start; font:600 .8rem var(--font); color:var(--nx-blue); background:none; border:1px solid var(--nx-line); border-radius:999px; padding:6px 14px; cursor:pointer; }
.nx-card button:hover{ border-color:var(--nx-blue); }
.nx-card.wide{ grid-column:1/-1; background:var(--nx-navy); border-color:var(--nx-navy); }
.nx-card.wide small{ color:var(--nx-gold); }
.nx-card.wide b,.nx-card.wide a.v{ color:#fff; }
.nx-card.wide button{ color:#fff; border-color:rgba(255,255,255,.3); }

/* Responsivo */
@media (max-width:1024px){
  .nx-hero-grid,.nx-about-grid,.nx-contact-grid,.nx-letter-grid{ grid-template-columns:1fr; }
  .nx-hero .art{ max-width:560px; }
  .nx-mv{ grid-template-columns:1fr; }
  .nx-values{ grid-template-columns:repeat(2,1fr); }
  .nx-values div:last-child{ grid-column:1/-1; }
  .nx-channel{ grid-template-columns:1fr; gap:28px; }
  .nx-channel:nth-of-type(even) .art{ order:0; }
  .nx-steps{ grid-template-columns:1fr 1fr; }
  .nx-step:last-child{ grid-column:1/-1; }
  .nx-app-body{ grid-template-columns:1fr; }
  .nx-side{ display:none; }
  .nx-kpis{ grid-template-columns:1fr 1fr; }
  .nx-panels{ grid-template-columns:1fr; }
  .nx-feat{ grid-template-columns:1fr 1fr; }
  .nx-plans{ grid-template-columns:1fr 1fr; }
  .nx-facts{ grid-template-columns:repeat(2,1fr); row-gap:18px; }
}
@media (max-width:720px){
  .nx-hero{ padding-top:48px; }
  .nx-hero-logo{ height:46px; }
  .nx-steps,.nx-feat,.nx-plans,.nx-cards{ grid-template-columns:1fr; }
  .nx-funnel div{ grid-template-columns:90px 1fr 40px; }
}