/* Hiperlink - site publico 2026 (layout hiperlink_2026) */
:root{
  --azul:#0E3A5B;
  --azul-2:#164B73;
  --verde:#4FA83D;
  --verde-esc:#3B8A2C;
  --ciano:#0099C1;
  --fundo:#F4F8FA;
  --tinta:#0B2233;
  --suave:#4F6577;
  --linha:#D9E4EA;
  --branco:#fff;
  --f-display:'Bricolage Grotesque',system-ui,sans-serif;
  --f-texto:'Figtree',system-ui,sans-serif;
  --wrap:1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body.hl{margin:0;background:var(--branco);color:var(--tinta);font:400 17px/1.6 var(--f-texto);-webkit-font-smoothing:antialiased}
.hl img{max-width:100%;height:auto}
.hl a{color:inherit}
.hl svg{width:1em;height:1em;flex:none}
.hl h1,.hl h2,.hl h3{font-family:var(--f-display);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.hl p{margin:0}
.hl :focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:6px}
.hl-wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.hl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--tinta);color:#fff;padding:10px 16px;border-radius:8px}
.hl-skip:focus{top:12px}

/* botoes e links */
.hl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;border:2px solid transparent;font:600 16px/1 var(--f-texto);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.hl-btn svg{font-size:20px}
.hl-btn-verde{background:var(--verde);color:#fff!important}
.hl-btn-verde:hover{background:var(--verde-esc)}
.hl-btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.hl-btn-ghost:hover{background:rgba(255,255,255,.1)}
.hl-link{display:inline-flex;align-items:center;gap:4px;color:var(--azul-2)!important;font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
.hl-link:hover{border-bottom-color:currentColor}
.hl-actions{display:flex;flex-wrap:wrap;gap:12px}

/* topo */
.hl-topbar{background:var(--tinta);color:#B9CAD6;font-size:14px}
.hl-topbar .hl-wrap{display:flex;justify-content:flex-end;gap:24px;min-height:36px;align-items:center}
.hl-topbar a{color:#fff;text-decoration:none;font-weight:600}
.hl-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.hl-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.hl-logo img{display:block;width:auto;height:64px}
.hl-nav{display:flex;align-items:center;gap:4px}
.hl-nav a{padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--suave)}
.hl-nav a:hover{color:var(--tinta);background:var(--fundo)}
.hl-nav a[aria-current="page"]{color:var(--azul);background:#E6EEF3}
.hl-nav .hl-nav-central{display:inline-flex;align-items:center;gap:8px;margin-left:10px;background:var(--azul);color:#fff}
.hl-nav .hl-nav-central:hover{background:var(--azul-2);color:#fff}
.hl-menu-btn{display:none;width:46px;height:46px;border:1px solid var(--linha);border-radius:12px;background:#fff;color:var(--tinta);font-size:24px;align-items:center;justify-content:center;cursor:pointer}

/* hero */
.hl-hero{position:relative;overflow:hidden;background:var(--azul);color:#fff;padding:72px 0 88px}
.hl .hl-fibers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hl-fibers .f{fill:none;stroke-width:2;stroke-linecap:round}
.hl-fibers .f1{stroke:rgba(0,153,193,.55)}
.hl-fibers .f2{stroke:rgba(79,168,61,.5)}
.hl-fibers .f3{stroke:rgba(255,255,255,.18)}
.hl-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:56px;align-items:center}
.hl-hero h1{font-size:clamp(40px,5.4vw,66px);max-width:15ch}
.hl-lead{font-size:clamp(18px,1.6vw,20px);line-height:1.55;max-width:46ch;margin-top:20px!important;color:inherit;opacity:.88}
.hl-hero .hl-actions{margin-top:32px}

.hl-client{background:#fff;color:var(--tinta);border-radius:20px;padding:28px 24px 16px;box-shadow:0 24px 60px rgba(4,20,34,.35)}
.hl-client h2{font-size:26px}
.hl-client>p{color:var(--suave);font-size:15px;margin:6px 0 14px}
.hl-client-list{list-style:none;margin:0;padding:0}
.hl-client-list li+li{border-top:1px solid var(--linha)}
.hl-client-list a{display:flex;align-items:center;gap:14px;padding:14px 4px;text-decoration:none}
.hl-client-list a:hover strong{color:var(--azul-2);text-decoration:underline}
.hl-client-list .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#E6EEF3;color:var(--azul);font-size:22px}
.hl-client-list .ic-whats{background:#E3F4DF;color:var(--verde-esc)}
.hl-client-list strong{display:block;font-weight:700;line-height:1.3}
.hl-client-list small{display:block;color:var(--suave);font-size:14px}
.hl-client-list .go{margin-left:auto;color:#98AAB8;font-size:20px}

/* secoes */
.hl-section{padding:80px 0}
.hl-section h2{font-size:clamp(30px,3.4vw,42px)}
.hl-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.hl-pagehead{background:var(--azul);color:#fff;padding:56px 0 52px}
.hl-pagehead h1{font-size:clamp(36px,4.6vw,56px)}
.hl-pagehead .hl-lead{margin-top:14px!important}

/* planos: a velocidade e o elemento principal */
.hl-plans-section{background:var(--fundo)}
.hl-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.hl-plans-loading{color:var(--suave)}
.hl-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:20px;padding:26px 24px 24px;overflow:hidden}
.hl-plan::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--ciano)}
.hl-plan.is-empresa::before{background:var(--azul)}
.hl-plan.is-top::before{background:var(--verde)}
.hl-plan-tag{font-size:14px;font-weight:600;color:var(--suave)}
.hl-plan-speed{display:flex;align-items:baseline;gap:8px;margin:6px 0 4px!important;font-size:inherit!important}
.hl-plan-speed .n{font:800 clamp(64px,7vw,88px)/.9 var(--f-display);letter-spacing:-.045em;color:var(--azul);font-variant-numeric:tabular-nums}
.hl-plan-speed .u{font:600 22px/1 var(--f-display);color:var(--azul)}
.hl-plan-price{display:flex;align-items:baseline;gap:4px;margin:14px 0 18px!important;padding-bottom:18px;border-bottom:1px solid var(--linha)}
.hl-plan-price .rs{font-weight:600;color:var(--suave)}
.hl-plan-price .v{font:800 34px/1 var(--f-display);letter-spacing:-.02em}
.hl-plan-price .m{color:var(--suave)}
.hl-plan-descr{flex:1;font-size:15px;color:var(--suave)}
.hl-plan-descr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hl-plan-descr li{display:flex;gap:10px;line-height:1.4}
.hl-plan-descr li svg{color:var(--verde);font-size:18px;margin-top:1px}
.hl-plan-cta{margin-top:24px;width:100%;padding:0 14px;white-space:nowrap;font-size:15px}
.hl-plans-note{margin-top:24px!important;color:var(--suave);font-size:15px}

/* passos (sequencia real) */
.hl-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
.hl-steps::before{content:"";position:absolute;top:24px;left:24px;right:calc((100% - 64px) / 3);height:2px;background:linear-gradient(90deg,var(--ciano),var(--verde))}
.hl-steps li{position:relative}
.hl-step-n{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--ciano);font:800 22px/1 var(--f-display);color:var(--azul)}
.hl-steps li:last-child .hl-step-n{border-color:var(--verde)}
.hl-steps h3{font-size:22px;margin-top:20px}
.hl-steps p{color:var(--suave);margin:8px 0 12px;max-width:32ch}


/* faixa de chamada */
.hl-cta-band{background:var(--azul);color:#fff}
.hl-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.hl-cta-band h2{font-size:clamp(26px,3vw,36px)}
.hl-cta-band p{opacity:.85;margin-top:8px}

/* fale conosco */
.hl-contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.hl-channels{display:grid;gap:12px}
.hl-channel{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--linha);border-radius:16px;text-decoration:none}
.hl-channel:hover{border-color:var(--ciano)}
.hl-channel .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#E6EEF3;color:var(--azul);font-size:24px}
.hl-channel-whats{background:#F1F9EF;border-color:#CBE7C4}
.hl-channel-whats .ic{background:var(--verde);color:#fff}
.hl-channel strong{display:block;font-size:18px}
.hl-channel small{display:block;color:var(--suave);font-size:14px}
.hl-form-card{background:var(--fundo);border-radius:20px;padding:32px}
.hl-form-card h2{font-size:28px;margin-bottom:20px}
.hl-form{display:grid;gap:16px}
.hl-field{display:grid;gap:6px}
.hl-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hl-field label{font-weight:600;font-size:15px}
.hl-field input,.hl-field textarea{width:100%;font:inherit;color:var(--tinta);background:#fff;border:1px solid #BFD0DA;border-radius:12px;padding:12px 14px}
.hl-field textarea{resize:vertical;min-height:130px}
.hl-field input:focus,.hl-field textarea:focus{outline:none;border-color:var(--ciano);box-shadow:0 0 0 3px rgba(0,153,193,.2)}
.hl-captcha input{width:auto;padding:0;border:0;background:none}
.hl-form-submit{justify-self:start}

.hl-footer{background:var(--tinta);color:#B9CAD6;padding:56px 0 0;font-size:15px}
.hl-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.hl-footer-logo img{height:70px;width:auto;background:#fff;border-radius:12px;padding:6px 10px}
.hl-footer-brand p{margin-top:14px;max-width:30ch}
.hl-footer h3{font:700 16px/1.3 var(--f-texto);letter-spacing:0;color:#fff;margin-bottom:12px}
.hl-footer-grid a{display:block;padding:4px 0;text-decoration:none;color:#B9CAD6}
.hl-footer-grid a:hover{color:#fff;text-decoration:underline}
.hl-footer-brand a{display:inline-block}
.hl-copy{margin-top:40px;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.hl-whats-float{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;font-size:32px;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.hl-whats-float:hover{background:#1EBE5A}

/* animacao unica: pulso de luz percorrendo as fibras ao carregar */
@media (prefers-reduced-motion:no-preference){
  .hl-fibers .f{stroke-dasharray:1600;stroke-dashoffset:1600;animation:hl-luz 1.8s cubic-bezier(.3,.6,.2,1) forwards}
  .hl-fibers .f2{animation-delay:.15s}
  .hl-fibers .f3{animation-delay:.3s}
  @keyframes hl-luz{to{stroke-dashoffset:0}}
}

/* responsivo */
@media (max-width:980px){
  .hl-hero-grid{grid-template-columns:1fr;gap:40px}
  .hl-hero h1{max-width:14ch}
  .hl-contact-grid{grid-template-columns:1fr;gap:40px}
  .hl-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .hl-menu-btn{display:inline-flex}
  .hl-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;padding:12px 20px 20px;background:#fff;border-bottom:1px solid var(--linha);box-shadow:0 18px 30px rgba(11,34,51,.08)}
  .hl-nav.is-open{display:flex}
  .hl-nav a{border-radius:12px}
  .hl-nav .hl-nav-central{margin:8px 0 0;justify-content:center}
  .hl-steps{grid-template-columns:1fr;gap:28px}
  .hl-steps::before{top:24px;bottom:24px;left:24px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--ciano),var(--verde))}
  .hl-steps li{padding-left:72px}
  .hl-step-n{position:absolute;left:0;top:0}
  .hl-steps h3{margin-top:10px}
}
@media (max-width:560px){
  body.hl{font-size:16px}
  .hl-wrap{width:min(var(--wrap),100% - 32px)}
  .hl-topbar .hl-wrap{justify-content:space-between}
  .hl-logo img{height:50px}
  .hl-hero{padding:48px 0 56px}
  .hl-actions .hl-btn{flex:1 1 100%}
  .hl-client{padding:22px 16px 8px}
  .hl-section{padding:56px 0}
  .hl-field-row{grid-template-columns:1fr}
  .hl-form-card{padding:22px 18px}
  .hl-footer-grid{grid-template-columns:1fr}
}