/* Selene Studio site kit: tokens, base, controls, top bar, phone menu, sections, FAQ, closing call and footer.
   App tokens (DESIGN.md, design-system/tokens.css): paper and electric blue by day,
   black with electric blue at night. Desktop from 960 px; below that, the phone design. */
:root{
  color-scheme:light;
  --canvas:#f2f6fd;--soft:#f7fafe;--fg:#111c27;--card:#fff;--muted:#e7ebf2;--muted-fg:#59626b;--faint:#7d858e;
  --border:rgb(17 28 39 / .1);--input:rgb(17 28 39 / .14);
  --primary:#2558e8;--primary-hover:#1847d6;--on-primary:#fff;--signal:#2558e8;--signal-soft:#e5efff;
  --success:#007e46;--success-soft:#daf7e3;--warning:#a76100;--warning-soft:#ffefcd;
  --scheduled:#6f49ca;--scheduled-soft:#eeebff;--danger:#b42318;--danger-soft:#ffe6e6;
  --stage:#eef1f6;--dash:rgb(17 28 39 / .16);--track:rgb(17 28 39 / .1);--grid:rgb(17 28 39 / .07);
  --compare:#b3b8be;--bar-other:#c4c9d0;--tog-off:#c9d0da;--dots:rgb(17 28 39 / .085);--glass:rgb(255 255 255 / .8);
  --nav-solid:#f2f6fd;--ig:#e1306c;--tt:#111c27;--phone:#111c27;--cinza:#a3abb5;--glow:rgb(37 88 232 / .1);
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --raised:0 0 0 1px rgb(10 26 58 / .08),0 1px 2px rgb(10 26 58 / .06),0 2px 6px -2px rgb(10 26 58 / .07),inset 0 1px 0 rgb(255 255 255 / .7);
  --floating:0 0 0 1px rgb(10 26 58 / .08),0 2px 4px rgb(10 26 58 / .05),0 12px 24px -8px rgb(10 26 58 / .13),0 24px 48px -16px rgb(10 26 58 / .11);
  --front:0 0 0 1px rgb(10 26 58 / .08),0 2px 4px rgb(10 26 58 / .05),0 18px 32px -10px rgb(10 26 58 / .18),0 40px 70px -24px rgb(10 26 58 / .22);
  --window:0 0 0 1px rgb(10 26 58 / .09),0 1px 1px rgb(10 26 58 / .04),0 4px 8px -2px rgb(10 26 58 / .06),0 18px 36px -12px rgb(10 26 58 / .15),0 48px 96px -32px rgb(10 26 58 / .2);
  --hx-bg:radial-gradient(34% 40% at 50% 92%,rgb(255 255 255 / .9) 0%,rgb(255 255 255 / 0) 100%),radial-gradient(70% 48% at 50% 118%,rgb(37 88 232 / .24) 0%,rgb(37 88 232 / 0) 74%),radial-gradient(46% 38% at 50% 26%,#fff 0%,rgb(255 255 255 / 0) 100%),var(--canvas);
  --hx-bg-cel:radial-gradient(130% 26% at 50% 0%,#fff 0%,rgb(255 255 255 / 0) 100%),radial-gradient(140% 16% at 50% 100%,rgb(37 88 232 / .16) 0%,rgb(37 88 232 / 0) 80%),var(--canvas);
  --lua-bg:linear-gradient(180deg,#fff 0%,rgb(255 255 255 / .8) 16%,rgb(255 255 255 / .5) 33%);
  --lua-sombra:0 0 0 1px rgb(37 88 232 / .18),0 -24px 90px -20px rgb(37 88 232 / .28),inset 0 30px 70px -40px rgb(37 88 232 / .3);
  /* slide content: the brands' colors don't follow the theme */
  --pomar-bg:#fff4e6;--pomar-ink:#2b2118;--pomar:#e4572e;--del-soft:#ffebe8;--del-ink:#9b1c1c;--add-soft:#daf7e3;--add-ink:#00552f;
  --ease:cubic-bezier(.2,.7,.2,1)
}
html.dark{
  color-scheme:dark;
  --canvas:#000;--soft:#0a0a0a;--fg:#ededed;--card:#141414;--muted:#1c1c1c;--muted-fg:#999;--faint:#828282;
  --border:rgb(255 255 255 / .08);--input:rgb(255 255 255 / .12);
  --primary:#2669fe;--primary-hover:#3d78ff;--signal:#4d7cff;--signal-soft:rgb(38 105 254 / .16);
  --success:#4bc680;--success-soft:#0f3620;--warning:#eeb154;--warning-soft:#3f2903;
  --scheduled:#a791fa;--scheduled-soft:#2f2452;--danger:#ff8a8a;--danger-soft:#3a1818;
  --stage:#0a0a0a;--dash:rgb(255 255 255 / .16);--track:rgb(255 255 255 / .1);--grid:rgb(255 255 255 / .07);
  --compare:#535558;--bar-other:#3a3d42;--tog-off:#3a3a3a;--dots:rgb(255 255 255 / .07);--glass:rgb(20 20 20 / .86);
  --nav-solid:#000;--ig:#ff5c93;--tt:#ededed;--phone:#1c1c1c;--cinza:#5a5f66;--glow:rgb(38 105 254 / .18);
  --raised:0 0 0 1px rgb(255 255 255 / .075),0 1px 2px rgb(0 0 0 / .6),0 2px 8px -2px rgb(0 0 0 / .5),inset 0 1px 0 rgb(255 255 255 / .045);
  --floating:0 0 0 1px rgb(255 255 255 / .085),0 2px 4px rgb(0 0 0 / .5),0 16px 40px -8px rgb(0 0 0 / .75),inset 0 1px 0 rgb(255 255 255 / .06);
  --front:0 0 0 1px rgb(255 255 255 / .1),0 2px 6px rgb(0 0 0 / .55),0 24px 56px -14px rgb(0 0 0 / .85),inset 0 1px 0 rgb(255 255 255 / .06);
  --window:0 0 0 1px rgb(255 255 255 / .08),0 2px 6px rgb(0 0 0 / .5),0 32px 80px -20px rgb(0 0 0 / .85),inset 0 1px 0 rgb(255 255 255 / .055);
  --hx-bg:radial-gradient(34% 40% at 50% 92%,rgb(77 124 255 / .1) 0%,rgb(77 124 255 / 0) 100%),radial-gradient(70% 48% at 50% 118%,rgb(38 105 254 / .2) 0%,rgb(38 105 254 / 0) 74%),radial-gradient(46% 38% at 50% 26%,rgb(255 255 255 / .06) 0%,rgb(255 255 255 / 0) 100%),var(--canvas);
  --hx-bg-cel:radial-gradient(130% 26% at 50% 0%,rgb(255 255 255 / .07) 0%,rgb(255 255 255 / 0) 100%),radial-gradient(140% 16% at 50% 100%,rgb(38 105 254 / .14) 0%,rgb(38 105 254 / 0) 80%),var(--canvas);
  --lua-bg:linear-gradient(180deg,rgb(198 216 246 / .16) 0%,rgb(198 216 246 / .07) 16%,rgb(198 216 246 / .03) 33%);
  --lua-sombra:0 0 0 1px rgb(77 124 255 / .3),0 -24px 90px -20px rgb(38 105 254 / .45),inset 0 30px 70px -40px rgb(77 124 255 / .45)
}
*{margin:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--canvas);color:var(--fg);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overflow-x:clip}
img,svg{display:block}
a{color:inherit}
b{font-weight:600}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.pular{position:fixed;left:16px;top:-64px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--card);box-shadow:var(--floating);font-size:15px;text-decoration:none;transition:top .2s var(--ease)}
.pular:focus{top:12px}
.wrap{width:min(1200px,100% - 96px);margin-inline:auto}
.i{width:12px;height:12px;flex:none}
.sel{width:20px;height:20px;flex:none;fill:#2558e8}
html.dark .sel{fill:url(#s-luz)}
html.dark .m-claro,html:not(.dark) .m-escuro{display:none}
.ig{color:var(--ig)}.tt{color:var(--tt)}
.muted{color:var(--muted-fg)}.faint{color:var(--faint)}
.mini{font-size:13px;line-height:1.45}
.lbl{font:500 12px/1.3 var(--sans);color:var(--faint)}
.so-cel{display:none}

/* buttons, fields and app pieces */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:10px;background:var(--primary);color:var(--on-primary);font:500 15px/1 var(--sans);white-space:nowrap;text-decoration:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 1px 2px rgb(10 26 58 / .2);transition:background-color .2s var(--ease),transform .12s var(--ease)}
.btn:hover{background:var(--primary-hover)}
.btn:active{transform:scale(.98)}
.btn-sec{background:var(--card);color:var(--fg);box-shadow:var(--raised)}
.btn-sec:hover{background:var(--soft)}
.field{height:40px;width:296px;border-radius:10px;border:0;background:var(--card);box-shadow:0 0 0 1px var(--input),inset 0 1px 2px rgb(10 26 58 / .04);padding:0 14px;font:400 15px/40px var(--sans);color:var(--fg);transition:box-shadow .2s var(--ease)}
.field::placeholder{color:var(--faint);opacity:1}
.field:focus{outline:0;box-shadow:0 0 0 1px var(--signal),0 0 0 4px rgb(37 88 232 / .18)}
.field[readonly]{color:var(--muted-fg)}
.lista{display:flex;justify-content:center;gap:8px}
.lista[data-estado="erro"] .field{box-shadow:0 0 0 1px var(--danger),0 0 0 4px rgb(180 35 24 / .14)}
.lista[data-estado="ok"] .btn{background:var(--success);cursor:default}
.lista.treme .field{animation:treme .34s var(--ease)}
@keyframes treme{20%{transform:translateX(-5px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@media (prefers-reduced-motion:reduce){.lista.treme .field{animation:none}}
.lista-msg{min-height:20px;margin-top:12px;font-size:13px;color:var(--faint)}
.lista[data-estado="erro"]+.lista-msg{color:var(--danger)}
.lista[data-estado="ok"]+.lista-msg{color:var(--success);font-weight:500}
.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:6px;font:500 12px/1 var(--sans);white-space:nowrap}
.soft{background:var(--muted);color:var(--fg)}
.sched{color:var(--scheduled);background:var(--scheduled-soft)}
.rev{color:var(--warning);background:var(--warning-soft)}
.ok{color:var(--success);background:var(--success-soft)}
.seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--muted)}
.seg span{font:500 12px/24px var(--sans);padding:0 11px;border-radius:999px;color:var(--muted-fg)}
.seg .on{background:var(--card);color:var(--fg);box-shadow:var(--raised)}
.av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:99px;color:#fff;font:600 10px/1 var(--sans);flex:none;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.card{background:var(--card);border-radius:18px;box-shadow:var(--floating)}
.cap{display:flex;align-items:center;gap:6px;margin-bottom:10px;font:600 12px/1 var(--sans);color:color-mix(in srgb,var(--signal) calc(var(--aceso,1) * 100%),var(--cinza))}
.cap i{width:6px;height:6px;border-radius:9px;background:currentColor}
.caret{display:inline-block;width:1.5px;height:14px;background:var(--signal);vertical-align:-2px;margin-left:1px;animation:pisca 1.06s steps(1) infinite}
.caret.sm{width:1px;height:8px;vertical-align:-1px}
@keyframes pisca{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.caret{animation:none}}
.pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;border-radius:12px 12px 12px 2px;background:var(--signal);color:#fff;font:600 12px/1 var(--sans);letter-spacing:0;transform-origin:0 100%;box-shadow:0 0 0 2px #fff,0 0 0 calc(var(--halo,0) * 6px) rgb(37 88 232 / calc(var(--halo,0) * .35)),0 2px 6px -1px rgb(0 0 0 / .35)}
.pin.lit{--halo:1;transform:scale(1.15)}
.pin.done{background:var(--success)}
.pin.done .i{width:14px;height:14px;color:#fff}
.slide{background:var(--pomar-bg);color:var(--pomar-ink);overflow:hidden;position:relative;display:flex;flex-direction:column}
.sk{height:6px;border-radius:3px;background:rgb(43 33 24 / .14);display:block}
.tog{width:28px;height:16px;border-radius:99px;background:var(--tog-off);position:relative;flex:none;overflow:hidden}
.tog b{position:absolute;inset:0;border-radius:inherit;background:var(--primary)}
.tog i{position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:99px;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .2)}
.swap{display:inline-grid;vertical-align:top}.swap>*{grid-area:1/1}
.field2{height:32px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;box-shadow:0 0 0 1px var(--input);font-size:13px}
.field2 .i{color:var(--faint)}

/* top bar */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background-color .25s var(--ease),box-shadow .25s var(--ease)}
.nav.solida{background:var(--nav-solid);box-shadow:0 1px 0 var(--border)}
.nav-in{height:72px;display:flex;align-items:center;justify-content:space-between}
.nav-logo img{height:28px;width:auto}
.nav-links{display:flex;gap:32px;font-size:15px;margin-left:96px}
.nav-links a,.nav-entrar{text-decoration:none;transition:color .2s var(--ease)}
.nav-links a:hover,.nav-entrar:hover{color:var(--signal)}
.nav-acao{display:flex;align-items:center;gap:22px;font-size:15px}
.nav-menu{display:none;width:40px;height:40px;border-radius:10px;place-items:center;background:var(--card);box-shadow:var(--raised)}
.nav-menu svg{width:20px;height:20px}
.menu{position:fixed;inset:0;z-index:60;background:var(--card);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility 0s linear .2s}
.menu.aberto{opacity:1;visibility:visible;transition:opacity .2s var(--ease)}
.menu-top{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex:none}
.menu-top img{height:24px;width:auto}
.menu-x{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--muted)}
.menu-x svg{width:20px;height:20px}
.menu-links{padding:12px 16px 0}
.menu-links a{display:flex;align-items:center;justify-content:space-between;height:60px;border-bottom:1px solid var(--border);font:500 24px/1 var(--display);letter-spacing:-.01em;text-decoration:none}
.menu-links svg{width:18px;height:18px;color:var(--faint)}
.menu-pe{margin-top:auto;padding:0 16px 34px;display:grid;gap:10px}
.menu-pe .btn{height:44px;font-size:16px}
.menu-pe p{text-align:center;font-size:13px;color:var(--faint);margin-top:2px}

/* sections */
.sec{padding:112px 0}
.sec h2{font:500 40px/1.12 var(--display);letter-spacing:-.018em;text-wrap:balance}
.lead{margin-top:20px;font-size:18px;line-height:1.55;color:var(--muted-fg);text-wrap:pretty}
.cent{text-align:center;max-width:780px;margin-inline:auto}
.cent .lead{text-wrap:balance;margin-inline:auto}
.lista-ic{margin-top:36px;display:grid;gap:20px}
.li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;font-size:16px;line-height:1.5}
.ico{width:36px;height:36px;border-radius:10px;background:var(--signal-soft);color:var(--signal);display:grid;place-items:center}
.ico svg{width:18px;height:18px}
@media (min-width:960px) and (max-width:1295px){.sec,.ch,.rd{zoom:var(--z,1)}}

/* 08 · FAQ */
.fq .wrap{display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:start}
.fq .lead{margin-top:16px;font-size:17px}
.fq .lead a{color:var(--signal);text-decoration:none;font-weight:500}
.fq .lead a:hover{text-decoration:underline;text-underline-offset:3px}
.qs{border-top:1px solid var(--border)}
.q{border-bottom:1px solid var(--border)}
.q h3{font:inherit}
.q button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;text-align:left;font:600 17px/1.4 var(--sans);transition:color .2s var(--ease)}
.q button svg{width:18px;height:18px;flex:none;color:var(--faint);transition:transform .25s var(--ease),color .25s var(--ease)}
.q button:hover svg{color:var(--fg)}
.q.aberta button svg{transform:rotate(45deg);color:var(--signal)}
.q-resp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}
.q.aberta .q-resp{grid-template-rows:1fr}
.q-resp>div{overflow:hidden}
.q:not(.aberta) .q-resp>div{visibility:hidden;transition:visibility 0s linear .3s}
.q-resp p{max-width:620px;padding:0 4px 20px;font-size:16px;line-height:1.55;color:var(--muted-fg)}
@media (prefers-reduced-motion:reduce){.q-resp,.q button svg{transition:none}}

/* 09 · closing call and footer */
.ch{position:relative;overflow:hidden;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:30px}
.ch>*{position:relative;z-index:1}
.ch>.lua{position:absolute;z-index:0;left:50%;top:96px;width:1240px;height:1240px;margin-left:-620px;border-radius:50%;overflow:hidden;background:var(--lua-bg);box-shadow:var(--lua-sombra)}
/* The moon's grain is a fixed 128 px tile. An SVG feTurbulence this size, redrawn inside the theme switch's
   view transition, held frames for 100-180 ms. A page that still carries the old <svg> in .lua gets it hidden. */
.ch>.lua::after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/site/ruido.png) 0 0/128px 128px;opacity:.033}
html.dark .ch>.lua::after{opacity:.048}
.lua>svg{display:none}
.ch::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:1px;background:var(--border)}
.ch-s{width:56px;height:56px}
.ch h2{margin-top:20px;font:500 48px/1.08 var(--display);letter-spacing:-.02em}
.ch .lead{margin-top:16px;font-size:18px}
.ch-form{position:relative;margin-top:28px}
.ch .lista-msg{position:absolute;left:0;right:0;top:100%}
.rd{padding-top:64px}
.rd-topo{display:grid;grid-template-columns:528px repeat(3,224px)}
.rd-marca img{height:48px;width:auto}
.rd-marca p{margin-top:16px;max-width:340px;font-size:15px;line-height:1.5;color:var(--muted-fg)}
.rd-col h2{font:500 14px/20px var(--sans);color:var(--faint);margin-bottom:12px}
.rd-col a{display:block;width:max-content;font-size:15px;line-height:32px;text-decoration:none;transition:color .2s var(--ease)}
.rd-col a:hover{color:var(--signal)}
.rd-selo{display:flex;justify-content:center;padding:72px 0 48px}
.rd-selo img{height:60px;width:auto}
.rd-fim{display:flex;align-items:center;justify-content:space-between;padding:20px 0 32px;border-top:1px solid var(--border);font-size:13px;color:var(--muted-fg)}
.tema{display:flex;padding:3px;border-radius:999px;background:var(--muted)}
.tema button{font:500 12px/24px var(--sans);padding:0 10px;border-radius:999px;color:var(--muted-fg);transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
.tema button:hover{color:var(--fg)}
.tema button[aria-pressed="true"]{background:var(--card);color:var(--fg);box-shadow:var(--raised)}

/* phones and narrow windows */
@media (max-width:959px){
  html{scroll-padding-top:60px}
  body{font-size:16px}
  .wrap{width:min(560px,100% - 32px)}
  .so-pc{display:none}.so-cel{display:inline}
  .nav-in{height:60px}
  .nav-logo img{height:24px}
  .nav-links,.nav-acao{display:none}
  .nav-menu{display:grid}
  .btn,.field{height:44px;font-size:16px}
  .lista{display:grid;gap:8px;justify-content:stretch}
  .lista .field{width:100%}
  /* one column, headings left-aligned */
  .sec{padding:72px 0}
  .sec h2{font-size:28px;line-height:1.15;letter-spacing:-.015em}
  .lead{margin-top:14px;font-size:16px}
  .cent{text-align:left}
  .cent .lead{text-wrap:pretty}
  .lista-ic{gap:18px}
  .fq .wrap{display:block}
  .fq .lead{font-size:16px;margin-top:12px}
  .qs{margin-top:24px}
  .q button{font-size:16px;padding:17px 2px}
  .q-resp p{font-size:15px;padding:0 2px 17px}
  .ch{height:500px;padding:56px 16px 0}
  .ch>.lua{top:84px;width:540px;height:540px;margin-left:-270px}
  .ch-s{width:48px;height:48px}
  .ch h2{font-size:32px;line-height:1.1;margin-top:16px}
  .ch .lead{font-size:16px;margin-top:12px;max-width:290px}
  .ch-form{width:100%;max-width:400px;margin-top:22px}
  .rd{padding-top:44px}
  .rd-topo{grid-template-columns:1fr 1fr;gap:28px 16px}
  .rd-marca{grid-column:1/-1}
  .rd-marca p{margin-top:14px;max-width:320px}
  .rd-col h2{margin-bottom:6px}
  .rd-col a{line-height:36px}
  .rd-legal{grid-column:1/-1}
  .rd-legal nav{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .rd-selo{display:none}
  .rd-fim{margin-top:28px;flex-direction:column;align-items:flex-start;gap:14px}
  .tema button{line-height:26px;padding:0 11px}
}
@media (max-width:959px){html:not(.dark) .ch>.lua{background:linear-gradient(180deg,#fff 0%,rgb(255 255 255 / .8) 22%,rgb(255 255 255 / .5) 60%);box-shadow:0 0 0 1px rgb(37 88 232 / .18),0 -16px 64px -14px rgb(37 88 232 / .28),inset 0 22px 52px -30px rgb(37 88 232 / .3)}}

/* The page being read lights up in the bar, the menu and the footer. */
.nav-links a[aria-current="page"],.menu-links a[aria-current="page"],.rd-col a[aria-current="page"]{color:var(--signal)}