:root{
  --bg:#071016; --bg2:#0b1b24; --ink:#eaf3f6; --muted:#a6bbc5; --panel:#102530; --line:#1f3d4a;
  --cyan:#23c7d9; --cyan2:#8ff4ff; --terra:#c76b3a; --steel:#dae5e8; --white:#fff;
  --shadow:0 24px 60px rgba(0,0,0,.28); --radius:26px; --max:1180px;
  --text:#0a1820; --soft:#5c727d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Manrope,Aptos,Arial,sans-serif;background:#f6fafb;color:var(--text);line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(7,16,22,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:800}
.brand img{width:166px;height:auto}
.navlinks{display:flex;gap:18px;align-items:center;color:#cfe1e8;font-size:14px}
.navlinks a{opacity:.88}
.navlinks a:hover{color:var(--cyan)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;background:var(--cyan);color:#061018;font-weight:800;box-shadow:0 12px 30px rgba(35,199,217,.22);transition:transform .2s ease,box-shadow .2s ease}
.cta:hover{transform:translateY(-1px)}
.cta.secondary{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.24);box-shadow:none}
.cta.ghost{background:transparent;color:var(--text);border:1px solid #c5d5dc;box-shadow:none}
.mobile-toggle{display:none;background:none;border:0;color:var(--white);font-size:28px}

.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(7,16,22,.96),rgba(7,25,34,.86)),url('hero-terminal.png') center/cover no-repeat;color:var(--ink);padding:100px 0 86px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--cyan2);font-weight:800}
.dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}
h1{font-size:clamp(40px,6vw,68px);line-height:.96;margin:16px 0 14px;letter-spacing:-2.2px}
h2{font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 12px}
h3{font-size:20px;margin:0 0 8px;line-height:1.2}
.lead{font-size:18px;color:#c8dbe2;max-width:640px;margin:0}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

.hero-card{background:rgba(9,29,39,.72);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px}
.screen{background:#071016;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.screen-top{height:40px;background:#0e2530;display:flex;align-items:center;gap:8px;padding:0 16px}
.bubble{width:10px;height:10px;border-radius:50%;background:#33545f}
.screen-body{padding:18px;display:grid;gap:12px}
.row{display:grid;grid-template-columns:1fr .55fr;gap:12px}
.metric{background:#102a36;border:1px solid #1d4655;border-radius:18px;padding:14px;color:#d7ecf2}
.metric b{font-size:28px;color:var(--cyan2);display:block}
.bar{height:9px;background:#183946;border-radius:9px;margin-top:12px;overflow:hidden}
.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--terra));border-radius:9px}

.section{padding:92px 0}
.section.dark{background:var(--bg);color:var(--ink)}
.section.tint{background:#eaf2f5}
.section-head{max-width:760px;margin-bottom:40px}
.muted{color:var(--soft);margin:0}
.dark .muted{color:#a6bbc5}
.support{font-size:16px;color:var(--soft);max-width:620px;margin:0}
.dark .support{color:#a6bbc5}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.card{background:var(--white);border:1px solid #dbe7eb;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(10,24,32,.05);transition:transform .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,24,32,.1)}
.dark .card{background:#0e202a;border-color:#1f3d4a;color:var(--ink)}
.card .tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--terra);margin-bottom:12px}
.card p{margin:0;color:#49616c;font-size:15px}
.dark .card p{color:#aec4cc}

.icon-wrap{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(35,199,217,.12);color:#128a99;margin-bottom:14px}
.dark .icon-wrap{background:rgba(35,199,217,.14);color:var(--cyan2)}
.icon-wrap svg,.icon-mini svg{width:22px;height:22px;stroke-width:1.8}
.icon-card .icon-wrap{transition:transform .22s ease}
.icon-card:hover .icon-wrap{transform:scale(1.06)}
.icon-mini{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(35,199,217,.12);color:#128a99;flex:0 0 auto}

.pains .card h3,.icon-card h3,.diff-card h3{font-size:18px}

.journey{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin-top:8px}
.journey-step{position:relative;background:#0d2632;color:var(--ink);border:1px solid #214655;padding:18px 14px 16px;border-radius:20px;min-height:148px}
.journey-step .icon-wrap{margin-bottom:10px}
.journey-step strong{display:block;font-size:15px;line-height:1.25}
.journey-step small{display:block;margin-top:6px;color:#93b0ba;font-size:12px;line-height:1.35}
.journey-step:not(:last-child)::after{content:"";position:absolute;top:28px;right:-9px;width:10px;height:2px;background:var(--cyan);opacity:.55;z-index:1}

.visual-band{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.photo{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}
.highlights{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.highlights li{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.72);border:1px solid #dbe7eb;border-radius:16px;padding:12px 14px}
.dark .highlights li{background:#102a36;border-color:#214655}
.highlights b{display:block;font-size:15px}
.highlights span{display:block;font-size:13px;color:var(--soft)}
.dark .highlights span{color:#93b0ba}

.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px}
.step{position:relative;background:#0d2632;color:var(--ink);border:1px solid #214655;padding:18px 14px;border-radius:20px;min-height:118px}
.step b{display:block;color:var(--cyan2);font-size:13px;margin-bottom:8px}
.step .icon-wrap{margin-bottom:8px}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kpi{padding:22px;border-radius:22px;background:#102a36;border:1px solid #214655;color:var(--ink)}
.kpi strong{font-size:28px;color:var(--cyan2);display:block;margin-bottom:4px}
.kpi .icon-wrap{margin-bottom:12px}

.footer{background:#050b0f;color:#aec4cc;padding:56px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}
.footer img{width:170px}
.footer h4{color:#fff;margin:0 0 12px}
.footer a:hover{color:var(--cyan)}
.subfooter{border-top:1px solid #152b34;margin-top:34px;padding-top:22px;font-size:13px;color:#7f969f}

.page-hero{background:linear-gradient(120deg,#071016,#0d2b37);color:var(--ink);padding:78px 0}
.page-hero h1{font-size:clamp(34px,5vw,58px)}
.page-hero .lead{margin-top:8px}

.feature-table{width:100%;border-collapse:collapse;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 36px rgba(10,24,32,.06)}
.feature-table th,.feature-table td{padding:18px;border-bottom:1px solid #e1ebef;text-align:left;vertical-align:top}
.feature-table th{background:#0e2530;color:#fff}

.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#355560}
.form input,.form textarea,.form select{width:100%;padding:15px 16px;border:1px solid #cbdbe1;border-radius:14px;font:inherit;font-weight:400;color:#0a1820}
.form textarea{min-height:130px}
.form button:disabled{opacity:.65;cursor:wait}
.form-status{margin:0;padding:12px 14px;border-radius:14px;font-size:14px}
.form-status.ok{background:#e8f8f4;color:#0d5c4d}
.form-status.err{background:#fff1f0;color:#8a2b22}
.form-status.pending{background:#eef6f8;color:#355560}

.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.process-step{background:#fff;border:1px solid #dbe7eb;border-radius:20px;padding:18px 16px;text-align:left}
.dark .process-step{background:#0e202a;border-color:#1f3d4a}
.process-step strong{display:block;margin-top:4px}
.process-step small{display:block;margin-top:6px;color:var(--soft);font-size:13px}
.dark .process-step small{color:#93b0ba}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:1100px){
  .journey{grid-template-columns:repeat(3,1fr)}
  .journey-step::after{display:none}
  .process{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:980px){
  .hero-grid,.grid-2,.visual-band,.footer-grid,.grid-4{grid-template-columns:1fr}
  .grid-3,.kpis,.flow{grid-template-columns:1fr 1fr}
  .navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#071016;padding:18px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #1f3d4a}
  .navlinks.open{display:flex}
  .mobile-toggle{display:block}
  .brand img{width:146px}
  .row{grid-template-columns:1fr}
}

@media(max-width:720px){
  .journey,.process,.flow{grid-template-columns:1fr}
  .journey-step{min-height:auto}
  .journey-step::after{display:none}
  .journey-step:not(:last-child){border-left:3px solid var(--cyan)}
}

@media(max-width:620px){
  .container{width:min(100% - 28px,var(--max))}
  .section{padding:64px 0}
  .grid-3,.kpis,.flow{grid-template-columns:1fr}
  .actions{flex-direction:column}
  .cta{width:100%}
  h1{font-size:38px}
  .lead{font-size:17px}
  .nav{height:68px}
  .navlinks{top:68px}
  .brand img{width:132px}
}

/* ÍCONES MODERNOS — biblioteca local, sem dependência externa */
.modern-icon-host{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}
.modern-icon{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.modern-icon .icon-accent{stroke:var(--terra)}

.icon-wrap,
.icon-mini{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(18,138,153,.16);
  background:linear-gradient(145deg,rgba(35,199,217,.13),rgba(255,255,255,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 20px rgba(18,138,153,.07);
  color:#0d7e8c;
}
.icon-wrap::after,
.icon-mini::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.58),transparent 45%);
}
.icon-wrap{width:48px;height:48px;border-radius:15px;margin-bottom:16px}
.icon-mini{width:38px;height:38px;border-radius:12px}
.dark .icon-wrap,
.dark .icon-mini{
  background:linear-gradient(145deg,rgba(35,199,217,.18),rgba(14,37,48,.96));
  border-color:rgba(143,244,255,.16);
  color:var(--cyan2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.12);
}
.dark .modern-icon .icon-accent{stroke:#e38a57}
.icon-card .icon-wrap{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.icon-card:hover .icon-wrap{transform:translateY(-2px);border-color:rgba(35,199,217,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(18,138,153,.12)}
.journey-step .icon-wrap,.step .icon-wrap,.kpi .icon-wrap{background:linear-gradient(145deg,rgba(35,199,217,.16),rgba(10,35,46,.92));color:var(--cyan2);border-color:rgba(143,244,255,.14)}
.journey-step:hover .icon-wrap,.step:hover .icon-wrap{transform:translateY(-2px)}

/* Menu mobile sem caractere/emoji */
.mobile-toggle{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:rgba(255,255,255,.04)}
.mobile-toggle span{display:block;width:18px;height:1.5px;border-radius:2px;background:#dff7fa;transition:transform .2s ease,opacity .2s ease}
@media(max-width:980px){.mobile-toggle{display:flex}}