@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/pjs-latin-ext.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}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/pjs-latin.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}
:root{
  --marinho:#0E2A4F; --azul:#2E7DE6; --azul-claro:#7DB0F2; --noite:#151A30; --nevoa:#F3F6FA;
  --ceu:#DCE9F8; --texto2:#2B4569; --cinza:#4A5B73; --linha:#DCE4EF; --wa:#25D366;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--marinho);background:#fff;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1248px;margin:0 auto;padding:0 32px}

/* ---------- marca ---------- */
.logo{display:inline-flex;align-items:center;gap:10px}
.logo .sym{width:36px;height:36px;border-radius:50%;background:var(--noite);overflow:hidden;flex:none}
.logo .sym img{width:100%;height:100%}
.word{font-weight:800;letter-spacing:-.035em;font-size:25px;line-height:1}
.word .s{color:var(--marinho)} .word .v{color:var(--azul)}
.dark .word .s{color:#fff} .dark .word .v{color:var(--azul-claro)}

/* ---------- navegação ---------- */
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}
.nav ul{display:flex;gap:36px;list-style:none;font-size:15px;font-weight:600;color:var(--texto2)}
.nav .right{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:600;color:var(--texto2)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:999px;font-weight:700;font-size:16.5px;letter-spacing:-.005em;white-space:nowrap}
.btn-sm{height:44px;padding:0 22px;font-size:14.5px}
.btn-pri{background:var(--azul);color:#fff;box-shadow:0 10px 24px -10px rgba(46,125,230,.75),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-navy{background:var(--marinho);color:#fff;box-shadow:0 12px 28px -12px rgba(14,42,79,.7)}
.btn-white{background:rgba(255,255,255,.96);color:var(--cinza);box-shadow:0 10px 30px -14px rgba(8,22,44,.35)}
.btn-ghost{color:var(--marinho);font-weight:700}
.wa-ico{width:22px;height:22px;flex:none}
.arrow{width:18px;height:18px}

/* ---------- celular (mesmo do anúncio) ---------- */
.phone{position:relative;width:var(--pw,280px);aspect-ratio:9/19.3;border-radius:calc(var(--pw,280px)*.16);
  background:linear-gradient(145deg,#4a4f57,#1d2026 40%,#2c3037 70%,#5a5f68);padding:calc(var(--pw,280px)*.028);
  box-shadow:0 60px 90px -20px rgba(8,22,44,.55),0 18px 30px -12px rgba(8,22,44,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.phone .scr{position:relative;width:100%;height:100%;border-radius:calc(var(--pw,280px)*.135);overflow:hidden;background:#fff}
.phone .scr .bar{height:calc(var(--pw,280px)*.115);background:#fff;display:flex;align-items:flex-end;justify-content:space-between;padding:0 9% 1.5%;font-size:calc(var(--pw,280px)*.045);font-weight:700;color:#111}
.phone .scr .bar i{display:block;width:calc(var(--pw,280px)*.17);height:calc(var(--pw,280px)*.04);background:linear-gradient(90deg,#111 0 62%,transparent 62% 70%,#111 70%);border-radius:2px}
.phone .scr img{width:100%;height:auto}
.phone .island{position:absolute;top:calc(var(--pw,280px)*.05);left:50%;transform:translateX(-50%);width:30%;height:calc(var(--pw,280px)*.085);background:#000;border-radius:99px;z-index:3}
.phone .glass{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%);pointer-events:none;z-index:4}

/* ---------- notebook ---------- */
.laptop{position:relative;width:var(--lw,760px)}
.laptop .lid{background:#16191f;border-radius:calc(var(--lw,760px)*.022) calc(var(--lw,760px)*.022) 0 0;padding:calc(var(--lw,760px)*.018) calc(var(--lw,760px)*.018) calc(var(--lw,760px)*.022);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.laptop .lid .scr{aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:#fff}
.laptop .lid .scr img{width:100%;height:100%;object-fit:cover;object-position:top left}
.laptop .base{position:relative;height:calc(var(--lw,760px)*.034);margin:0 calc(var(--lw,760px)*-.065);background:linear-gradient(#e9ecf1,#c6cbd3 55%,#9aa1ac);border-radius:0 0 calc(var(--lw,760px)*.05) calc(var(--lw,760px)*.05)/0 0 100% 100%}
.laptop .base:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:16%;height:38%;background:#b3b9c2;border-radius:0 0 8px 8px}
.laptop .shadow{position:absolute;left:-4%;right:-4%;bottom:-26px;height:40px;background:radial-gradient(ellipse at center,rgba(8,22,44,.32),transparent 70%);filter:blur(6px);z-index:-1}

/* ---------- títulos ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}
.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.h-l1{font-weight:500;letter-spacing:-.03em;line-height:1.02}
.h-l2{font-weight:800;letter-spacing:-.035em;line-height:1.0}
.blue{color:var(--azul)}

/* ---------- ícones (lucide via máscara) ---------- */
.ic{display:inline-block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:none}

/* ---------- selo nuvem ---------- */
.cloud-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -12px rgba(8,22,44,.28),inset 0 0 0 1px rgba(14,42,79,.06);font-size:14px;font-weight:700;color:var(--marinho);white-space:nowrap}
.cloud-badge .dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4b93ef,#2E7DE6);display:grid;place-items:center;color:#fff}
.cloud-badge small{font-weight:500;color:var(--cinza);font-size:13px}