:root{
  --ink:#08162f;
  --muted:#5f6c82;
  --blue:#0f7bf3;
  --blue-2:#14a8ff;
  --line:#dfe6ef;
  --soft:#f5f8fc;
  --dark:#061426;
  --dark-2:#0b2037;
  --white:#fff;
  --green:#16b867;
  --radius:34px;
  --shadow:0 18px 45px rgba(6,20,38,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1320px,calc(100% - 48px));margin:auto}
.topbar{height:86px;background:#fff;display:flex;align-items:center;border-bottom:1px solid #edf1f6;position:sticky;top:0;z-index:50}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand{width:255px;min-width:210px}
.brand img{width:100%;height:auto}
.main-menu{display:flex;align-items:center;gap:42px;font-size:14px;font-weight:600;color:#16213d}
.main-menu a{position:relative;padding:33px 0 30px}
.main-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--blue);transition:.25s ease}
.main-menu a:hover::after,.main-menu a.active::after{right:0}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px 0}
.section-shell{width:min(1536px,100%);margin:auto}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.12fr);min-height:600px;background:linear-gradient(90deg,#fafdff 0%,#f6faff 43%,#fff 55%);overflow:hidden}
.hero-copy{padding:86px clamp(48px,7vw,118px) 74px;display:flex;flex-direction:column;justify-content:center}
.eyebrow{margin:0 0 24px;font-size:12px;font-weight:700;letter-spacing:.38em;color:#65728a}
.hero h1,.unlimited h2,.section-title h2,.support-copy h2{margin:0;letter-spacing:-.047em;line-height:.98}
.hero h1{font-size:clamp(56px,5.25vw,86px);font-weight:670;max-width:680px}
.hero h1 span,.unlimited h2 span{color:var(--blue)}
.lead{font-size:21px;line-height:1.48;color:#536079;max-width:640px;margin:24px 0 31px}
.primary-link,.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:650;width:max-content;font-size:16px}
.circle-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:25px;transition:.25s ease}
.primary-link:hover .circle-arrow,.text-link:hover .circle-arrow{transform:translateX(4px);background:var(--blue)}
.circle-arrow.outline{background:transparent;border:2px solid var(--blue);color:#fff}
.hero-media{min-height:600px;background-image:linear-gradient(90deg,rgba(255,255,255,.1),rgba(0,0,0,0)),url('../img/hero-office.webp');background-size:cover;background-position:center;position:relative;border-bottom-left-radius:72px}
.hero-media::after{content:"SITES  •  E-MAILS  •  SISTEMAS";position:absolute;right:34px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.42em;color:rgba(255,255,255,.78);font-size:11px}
.service-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1320px;margin:0 auto;border-bottom:1px solid var(--line);background:#fff}
.service-strip article{display:flex;gap:24px;align-items:center;padding:38px 44px;min-height:140px;position:relative}
.service-strip article:not(:last-child)::after{content:"";position:absolute;right:0;top:30px;bottom:30px;width:1px;background:var(--line)}
.line-icon{width:58px;min-width:58px;color:var(--ink)}
.line-icon svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-strip h2{font-size:20px;margin:0 0 6px;letter-spacing:-.02em}
.service-strip p{margin:0;color:var(--muted);line-height:1.45;font-size:15px}
.unlimited{display:grid;grid-template-columns:.95fr .85fr 1fr;max-width:1536px;margin:auto;background:linear-gradient(90deg,var(--dark) 0%,var(--dark-2) 61%,#fff 61%);color:#fff;min-height:465px;overflow:hidden}
.unlimited-photo{background:url('../img/laptop-office.webp') center/cover no-repeat;min-height:465px}
.unlimited-copy{padding:70px 48px 60px 64px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(100deg,#081a2c,#0a1f34)}
.unlimited-copy .eyebrow{color:#b8c4d6;margin-bottom:16px}
.unlimited h2{font-size:clamp(46px,4.2vw,68px);font-weight:630}
.unlimited-copy>p:not(.eyebrow){color:#c9d3df;font-size:17px;line-height:1.55;margin:22px 0 26px;max-width:500px}
.text-link{color:#fff}.text-link .circle-arrow{width:48px;height:48px}
.feature-stack{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:44px 50px;background:#fff;color:var(--ink)}
.feature-card{display:flex;gap:18px;padding:22px 20px;border:1px solid #d9e2ee;border-radius:18px;align-items:center;box-shadow:0 12px 28px rgba(10,35,66,.035)}
.feature-icon{width:52px;min-width:52px;color:var(--blue)}
.feature-icon svg{width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feature-card h3{margin:0 0 5px;font-size:17px;letter-spacing:-.015em}
.feature-card p{margin:0;color:var(--muted);line-height:1.4;font-size:14px}
.section-pad{padding:100px 0}
.performance{max-width:1320px;margin:auto}
.section-title.narrow{max-width:760px;margin-bottom:46px}
.section-title h2{font-size:clamp(42px,4vw,60px);font-weight:650}
.section-title>p:last-child{color:var(--muted);font-size:18px;line-height:1.6;max-width:680px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.benefit-grid article{padding:34px 34px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:188px}
.mini-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eff7ff;color:var(--blue);font-size:22px;font-weight:800;margin-bottom:20px}
.benefit-grid h3{margin:0 0 8px;font-size:18px}.benefit-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:15px}
.support-band{max-width:1536px;margin:auto;padding:82px max(5vw,46px);background:linear-gradient(135deg,#071527,#0b2440);color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.eyebrow.light{color:#8fa6c3}
.support-copy h2{font-size:clamp(44px,4.1vw,64px);font-weight:630;max-width:720px}
.support-copy>p:not(.eyebrow){color:#c2cedc;font-size:18px;line-height:1.55;max-width:670px}
.support-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.35);padding:12px 0 10px;margin-top:12px;font-weight:700}.support-link span{color:#45aaff}
.support-stats{display:grid;gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}
.support-stats div{padding:25px 28px;background:#0c2139;display:flex;justify-content:space-between;gap:24px;align-items:center}
.support-stats strong{font-size:22px}.support-stats span{color:#aebfd2;text-align:right;font-size:14px}
.faq{max-width:1320px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}
.faq-title{position:sticky;top:120px}.faq-title h2{font-size:52px}.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{list-style:none;cursor:pointer;padding:25px 48px 25px 0;font-size:17px;font-weight:650;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:19px;font-size:26px;color:var(--blue);font-weight:400}.faq details[open] summary::after{content:"–"}.faq details p{margin:0;padding:0 48px 23px 0;color:var(--muted);line-height:1.6}
.footer{background:#f7f9fc;border-top:1px solid #edf1f5;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr;gap:60px}.footer-brand img{width:240px;margin-bottom:18px}.footer p,.footer span,.footer a{color:#647086;line-height:1.65;font-size:14px}.footer h2{font-size:14px;text-transform:uppercase;letter-spacing:.15em;margin:2px 0 14px;color:#27334b}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #e3e8ef;margin-top:38px;padding-top:18px}
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;background:#19bb67;color:#fff;display:grid;place-items:center;z-index:70;box-shadow:0 16px 34px rgba(25,187,103,.32);transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 40px rgba(25,187,103,.38)}.whatsapp-float svg{width:33px;height:33px}
@media (max-width:1100px){
  .main-menu{gap:24px}.brand{width:220px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:70px 48px}.hero h1{font-size:58px}.service-strip article{padding:32px 25px}.unlimited{grid-template-columns:1fr 1fr;background:var(--dark)}.unlimited-photo{display:none}.feature-stack{background:#fff}.benefit-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .topbar{height:76px}.container{width:min(100% - 32px,1320px)}.brand{width:205px}.menu-toggle{display:block}.main-menu{position:absolute;left:0;right:0;top:76px;background:#fff;display:none;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 16px 28px rgba(8,22,47,.08)}.main-menu.open{display:flex}.main-menu a{padding:16px 24px;width:100%;text-align:center}.main-menu a::after{display:none}
  .hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:64px 28px 48px}.hero h1{font-size:clamp(48px,12vw,66px)}.lead{font-size:18px}.hero-media{min-height:420px;border-radius:0}.hero-media::after{display:none}
  .service-strip{grid-template-columns:1fr}.service-strip article{padding:28px 28px}.service-strip article:not(:last-child)::after{left:28px;right:28px;top:auto;bottom:0;width:auto;height:1px}
  .unlimited{grid-template-columns:1fr;background:var(--dark)}.unlimited-copy{padding:60px 28px}.feature-stack{padding:30px 22px 46px}.section-pad{padding:72px 22px}.performance{width:100%}.benefit-grid{grid-template-columns:1fr}.support-band{grid-template-columns:1fr;padding:66px 28px;gap:42px}.support-stats div{align-items:flex-start;flex-direction:column}.support-stats span{text-align:left}.faq{grid-template-columns:1fr;gap:20px}.faq-title{position:static}.footer-grid{grid-template-columns:1fr;gap:34px}.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px}
}
@media (max-width:520px){
  .brand{width:188px}.hero-copy{padding:50px 22px 42px}.eyebrow{letter-spacing:.26em}.hero h1{font-size:48px}.lead{font-size:17px}.hero-media{min-height:330px;background-position:58% center}.service-strip article{gap:18px}.line-icon{width:48px;min-width:48px}.unlimited h2{font-size:45px}.feature-card{align-items:flex-start}.section-title h2,.faq-title h2{font-size:42px}.support-copy h2{font-size:44px}.support-band{padding-left:22px;padding-right:22px}.footer{padding-bottom:90px}
}