/* ===== Byte Miner: tokens (res/values/colors.xml) ===== */
@font-face{font-family:"Chakra Petch";font-weight:400;font-display:swap;src:url("../fonts/chakra-regular.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:500;font-display:swap;src:url("../fonts/chakra-medium.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:600;font-display:swap;src:url("../fonts/chakra-semibold.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:700;font-display:swap;src:url("../fonts/chakra-bold.woff2") format("woff2")}

:root{
  --slate-900:#0D121C; --slate-850:#121926; --slate-800:#172030; --slate-700:#223047; --slate-600:#2E3E5A;
  --gold:#F5B83D; --gold-soft:rgba(245,184,61,.2);
  --hash:#3EE6C4; --hash-soft:rgba(62,230,196,.15);
  --text:#EEF1F7; --text-2:#8B95AB; --text-3:#5A6680;
  --success:#4ADE80; --danger:#FF6B6B;
  --r-panel:20px; --r-btn:16px;
  --font:"Chakra Petch",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1160px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font);font-size:1rem;line-height:1.55;color:var(--text);
  background:linear-gradient(180deg,#141C2B 0,var(--slate-900) 720px) var(--slate-900);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
small{font-size:.8125rem;color:var(--text-2)}
b,strong{font-weight:700}
:focus-visible{outline:2px solid var(--hash);outline-offset:3px;border-radius:8px}
::selection{background:var(--gold-soft)}

.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
svg use{pointer-events:none}

/* ===== Botões (bg_button_gold / bg_button_outline) ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  min-height:48px;padding:0 1.4rem;border-radius:var(--r-btn);border:1px solid transparent;
  font-weight:600;font-size:1rem;cursor:pointer;white-space:nowrap;
  transition:transform .18s var(--ease),box-shadow .25s,background .25s,border-color .25s,opacity .25s;
  -webkit-tap-highlight-color:transparent;
}
.btn svg{width:20px;height:20px;flex:none}
.btn:active{transform:scale(.97)}
.btn-gold{color:var(--slate-900);background:linear-gradient(90deg,#FFC857,#F0A020);box-shadow:0 8px 28px -10px rgba(245,184,61,.55)}
.btn-gold:hover{box-shadow:0 10px 34px -8px rgba(245,184,61,.75);transform:translateY(-1px)}
.btn-gold:disabled,.btn-gold.off{background:var(--slate-800);border-color:var(--slate-700);color:var(--text-3);box-shadow:none;transform:none;cursor:not-allowed}
.btn-outline{background:transparent;color:var(--text);border-color:var(--slate-600)}
.btn-outline:hover{border-color:var(--hash);color:var(--hash)}
.btn-sm{min-height:40px;padding:0 1.1rem;font-size:.9375rem}
.btn-lg{min-height:54px;padding:0 1.7rem;font-size:1.0625rem}
.btn-xl{min-height:62px;padding:0 2rem;font-size:1.1875rem;width:100%}
.btn-block{width:100%}
.btn-fake{pointer-events:none}

/* ===== Painéis (bg_panel / bg_panel_gold) ===== */
.panel{background:var(--slate-850);border:1px solid var(--slate-700);border-radius:var(--r-panel)}
.panel-gold{background:linear-gradient(135deg,#2A2414,var(--slate-850));border:1px solid #5C4A1E;border-radius:var(--r-panel)}

.pill{
  display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem;border-radius:999px;
  background:var(--slate-850);border:1px solid var(--slate-700);color:var(--text-2);font-size:.875rem
}
.dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:ping 2s infinite;flex:none;display:inline-block}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* ===== Topbar ===== */
.topbar{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0);transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.topbar.stuck{background:rgba(13,18,28,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--slate-700)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:68px}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.2rem;letter-spacing:.01em}
.brand-mark{width:34px;height:34px}
.nav{display:none;gap:2rem;color:var(--text-2);font-weight:500}
.nav a{transition:color .2s;padding:.4rem 0}
.nav a:hover{color:var(--text)}
@media(min-width:860px){.nav{display:flex}}

/* ===== Hero ===== */
.hero{position:relative;padding:calc(68px + env(safe-area-inset-top,0) + 36px) 0 72px;overflow:clip}
.hero-glow{position:absolute;inset:-10% -20% auto auto;width:900px;height:900px;max-width:140vw;pointer-events:none;
  background:radial-gradient(closest-side,rgba(245,184,61,.14),rgba(62,230,196,.06) 55%,transparent)}
.hero-grid{position:relative;display:grid;gap:3rem;align-items:center}
.hero-copy{display:grid;gap:1.4rem;justify-items:start}
h1{text-wrap:balance;font-weight:700;font-size:clamp(2.5rem,8.5vw,4.6rem);line-height:1.02;letter-spacing:-.015em}
.lead{font-size:clamp(1.05rem,2.6vw,1.3rem);color:var(--text-2);max-width:30em}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:var(--text-2);font-size:.9375rem}
.hero-meta li{display:inline-flex;align-items:center;gap:.45rem}
.hero-meta svg{width:18px;height:18px;color:var(--hash)}
.hero-demo{display:grid;justify-items:center;gap:1rem}
@media(min-width:960px){
  .hero{padding:calc(68px + 64px) 0 110px}
  .hero-grid{grid-template-columns:1.1fr .9fr;gap:4rem}
}
@media(max-width:480px){.cta-row .btn{width:100%}}

/* Entrada orquestrada do hero (única sequência de carregamento) */
.hero-in{opacity:0;transform:translateY(18px);animation:rise .8s var(--ease) forwards;animation-delay:calc(var(--d,0) * 110ms + 80ms)}
@keyframes rise{to{opacity:1;transform:none}}

/* ===== Celular ===== */
.phone{
  position:relative;width:min(100%,330px);border-radius:44px;padding:10px;
  background:linear-gradient(160deg,#2a3650,#10161f);border:1px solid var(--slate-600);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 80px -20px rgba(245,184,61,.25);
}
.phone-notch{position:absolute;top:18px;left:50%;width:84px;height:20px;transform:translateX(-50%);background:#06090f;border-radius:999px;z-index:3}
.screen{position:relative;border-radius:34px;background:linear-gradient(180deg,#141C2B,var(--slate-900));padding:44px 14px 0;display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:620px}
.phone-sm .screen{min-height:600px}
.app-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8125rem}
.app-name{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9375rem}
.app-name svg{width:20px;height:20px}
.status{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-2);padding:.2rem .6rem;border-radius:999px;background:var(--slate-850);border:1px solid var(--slate-700);font-size:.75rem}

.core-wrap{position:relative;width:100%;aspect-ratio:1/1;max-height:230px;margin-inline:auto;display:grid;place-items:center}
.core-wrap canvas{position:absolute;inset:0;width:100%;height:100%}
.core-read{position:relative;display:grid;justify-items:center;line-height:1.1;text-align:center}
.core-read strong{font-size:2.1rem;font-variant-numeric:tabular-nums;color:var(--text)}
.core-read small{font-size:.6875rem}

.balance{padding:12px 14px;display:grid;gap:2px}
.balance strong,.big{font-size:1.65rem;font-variant-numeric:tabular-nums;line-height:1.15}
.sats{display:inline-flex;align-items:center;gap:.3rem;color:var(--hash);font-size:.8125rem}
.sats svg{width:14px;height:14px}
.goal{height:6px;border-radius:99px;background:var(--slate-800);overflow:hidden;margin-top:8px}
.goal i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:linear-gradient(90deg,var(--hash),var(--gold));transition:width .6s var(--ease)}
.goal-label{font-size:.6875rem}

.boost{padding:12px 14px;display:grid;gap:9px}
.boost-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9375rem}
.mult{color:var(--hash);font-variant-numeric:tabular-nums;background:var(--hash-soft);padding:.05rem .55rem;border-radius:99px;font-size:.8125rem;transition:transform .3s var(--ease)}
.mult.pop{transform:scale(1.18)}
.segments{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.segments span{height:6px;border-radius:3px;background:var(--slate-700);transition:background .3s,transform .3s}
.segments span.f{background:var(--gold)}
.segments span.c{background:var(--hash);animation:cool 1.2s ease-in-out infinite}
@keyframes cool{50%{opacity:.35}}
.boost .btn{min-height:44px;font-size:.9375rem}
.body-s{font-size:.8125rem;color:var(--text-2);line-height:1.4}

.app-nav{margin:auto -14px 0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--slate-850);border-top:1px solid var(--slate-700);padding:8px 0 10px}
.app-nav span{display:grid;justify-items:center;gap:2px;font-size:.6875rem;color:var(--text-3);transition:color .3s}
.app-nav svg{width:22px;height:22px}
.app-nav .on{color:var(--gold)}
.demo-note{max-width:34ch;text-align:center;font-size:.8125rem;color:var(--text-3)}

/* ===== Seções ===== */
.section{padding:84px 0}
.section-alt{background:linear-gradient(180deg,var(--slate-850),var(--slate-900))}
h2{text-wrap:balance;font-weight:700;font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.1;letter-spacing:-.01em;max-width:18em}
h3{font-weight:600;font-size:1.1875rem}
.section-lead{margin-top:.9rem;color:var(--text-2);font-size:clamp(1rem,2.2vw,1.1875rem);max-width:38em}

/* Recursos */
.features{display:grid;gap:1rem;margin-top:2.6rem}
@media(min-width:760px){.features{grid-template-columns:repeat(3,1fr);gap:1.2rem}}
.feature{padding:1.6rem;border-radius:var(--r-panel);background:var(--slate-850);border:1px solid var(--slate-700);display:grid;gap:.6rem;align-content:start;transition:border-color .3s,transform .3s var(--ease)}
.feature:hover{border-color:var(--slate-600);transform:translateY(-3px)}
.feature p{color:var(--text-2)}
.tile{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--hash-soft);color:var(--hash);margin-bottom:.4rem}
.tile.gold{background:var(--gold-soft);color:var(--gold)}
.tile svg{width:26px;height:26px}

/* Regras */
.rules{display:grid;gap:1rem;margin-top:2.6rem;grid-template-columns:1fr 1fr}
@media(min-width:900px){.rules{grid-template-columns:repeat(4,1fr)}}
.rule{padding:1.3rem 1.2rem;border-radius:var(--r-panel);background:var(--slate-850);border:1px solid var(--slate-700);display:grid;gap:.35rem;align-content:start}
.rule-gold{background:linear-gradient(135deg,#2A2414,var(--slate-850));border-color:#5C4A1E}
.rule dt{color:var(--text-2);font-size:.875rem}
.rule dd{font-weight:700;font-size:clamp(1.35rem,4.2vw,1.9rem);line-height:1.15;font-variant-numeric:tabular-nums}
.rule-gold dd{color:var(--gold)}
.rule p{color:var(--text-3);font-size:.8125rem;line-height:1.4}

/* Calculadora */
.calc{margin-top:1.4rem;display:grid;gap:1.6rem;padding:1.6rem}
@media(min-width:900px){.calc{grid-template-columns:.8fr 1.2fr;padding:2rem;gap:3rem;align-items:center}}
.calc-head p{color:var(--text-2);margin-top:.4rem}
.range{display:flex;justify-content:space-between;align-items:baseline;color:var(--text-2);font-size:.9375rem}
.range output{color:var(--gold);font-weight:700;font-size:1.5rem;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:.5rem 0 1rem;cursor:pointer;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--hash),var(--gold) var(--p),var(--slate-700) var(--p))}
input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--slate-700)}
input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--hash),var(--gold))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--gold);border:4px solid var(--slate-900);margin-top:-10px;box-shadow:0 0 0 2px var(--gold),0 4px 14px rgba(245,184,61,.5)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:4px solid var(--slate-900);box-shadow:0 0 0 2px var(--gold)}
.calc-res{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.calc-res div{padding:.9rem 1rem;border-radius:14px;background:var(--slate-800);display:grid;gap:.15rem}
.calc-res strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
.calc-res .hl{grid-column:1/-1;background:linear-gradient(135deg,#2A2414,var(--slate-800));border:1px solid #5C4A1E}
.calc-res .hl strong{font-size:1.9rem;color:var(--gold)}
.fine{font-size:.8125rem;color:var(--text-3);line-height:1.45;margin-top:.9rem}

/* Telas */
.screens-grid{display:grid;gap:3rem;align-items:center}
@media(min-width:960px){.screens-grid{grid-template-columns:1fr 1fr;gap:5rem}}
.tabs{display:grid;gap:.7rem;margin-top:2rem}
.tab{display:flex;gap:1rem;align-items:center;text-align:left;padding:1rem 1.1rem;border-radius:var(--r-panel);background:transparent;border:1px solid var(--slate-700);cursor:pointer;color:var(--text-2);transition:background .3s,border-color .3s,color .3s}
.tab svg{width:28px;height:28px;flex:none}
.tab span{display:grid;gap:.1rem}
.tab b{font-size:1.0625rem;color:var(--text)}
.tab small{font-size:.875rem}
.tab:hover{border-color:var(--slate-600)}
.tab.on{background:var(--slate-850);border-color:#5C4A1E;color:var(--gold)}
.screens-phone{display:grid;justify-items:center;gap:1rem}

.pane{display:none;flex-direction:column;gap:10px}
.pane.on{display:flex;animation:paneIn .45s var(--ease)}
@keyframes paneIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.pane-title{font-size:1.4rem;margin-top:2px}
.pane .panel,.pane .panel-gold{padding:12px 14px;display:grid;gap:6px}
.mini-core{position:relative;width:150px;height:150px;margin:2px auto;display:grid;place-items:center}
.mini-core i{position:absolute;border-radius:50%;border:3px solid transparent}
.mini-core i:nth-child(1){inset:0;border-top-color:var(--hash);border-right-color:var(--gold);animation:spin 3.2s linear infinite}
.mini-core i:nth-child(2){inset:22px;border-top-color:var(--gold);animation:spin 2.2s linear infinite reverse}
.mini-core i:nth-child(3){inset:46px;border:1px solid rgba(62,230,196,.3);background:radial-gradient(#1E2A40,#121926)}
.mini-core b{position:relative;font-size:1.6rem;display:grid;justify-items:center;line-height:1}
.mini-core b small{font-size:.6875rem;font-weight:400}
@keyframes spin{to{transform:rotate(360deg)}}

.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stat{padding:10px 12px;border-radius:16px;background:var(--slate-850);border:1px solid var(--slate-700);display:grid;gap:2px}
.stat small{font-size:.6875rem}
.stat strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
.chart small,.forecast small{font-size:.75rem}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:end;height:110px;padding-top:6px}
.bar{display:grid;grid-template-rows:1fr auto;gap:5px;height:100%;justify-items:center}
.bar i{align-self:end;width:100%;height:0;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--gold),#b8821d);transition:height .8s var(--ease);transition-delay:calc(var(--i) * 70ms)}
.bar i.hash{background:linear-gradient(180deg,var(--hash),#1d8d79)}
.bar span{font-size:.625rem;color:var(--text-3)}
.forecast strong{font-size:1.2rem;color:var(--hash)}
.seg-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--slate-800);border-radius:12px;padding:3px;font-size:.75rem;text-align:center}
.seg-toggle span{padding:.45rem 0;border-radius:10px;color:var(--text-2)}
.seg-toggle .on{background:var(--gold);color:var(--slate-900);font-weight:600}
.field{padding:.7rem .8rem;border-radius:12px;border:1px solid var(--slate-600);color:var(--text-3);font-size:.75rem}
.pane .btn{min-height:42px;font-size:.9rem}

/* Download */
.dl{display:grid;gap:2rem;padding:clamp(1.5rem,5vw,3rem);align-items:center}
@media(min-width:900px){.dl{grid-template-columns:1.2fr .8fr;gap:3rem}}
.dl-logo{width:64px;height:64px;margin-bottom:1rem}
.spec{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.spec li{padding:.55rem 1rem;border-radius:14px;background:rgba(13,18,28,.55);border:1px solid var(--slate-700);display:grid}
.spec b{font-size:1.0625rem}
.dl-action{display:grid;gap:.9rem;justify-items:stretch}
.dl-action .fine{margin:0;text-align:center}
.dl-action .btn-xl{animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 12px 44px -6px rgba(245,184,61,.85)}}
.steps-title{margin:4rem 0 1.4rem;font-size:clamp(1.4rem,4vw,1.9rem)}
.steps{display:grid;gap:.9rem;counter-reset:step}
@media(min-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
.steps li{counter-increment:step;position:relative;padding:1.2rem 1.2rem 1.2rem 4.4rem;border-radius:var(--r-panel);background:var(--slate-850);border:1px solid var(--slate-700);display:grid;gap:.3rem}
.steps li::before{content:counter(step);position:absolute;left:1.2rem;top:1.2rem;width:2.2rem;height:2.2rem;border-radius:12px;display:grid;place-items:center;font-weight:700;color:var(--slate-900);background:linear-gradient(135deg,#FFC857,#F0A020)}
.steps h4{font-size:1.0625rem;font-weight:600}
.steps p{color:var(--text-2);font-size:.9375rem}
.steps b{color:var(--text);font-weight:600}
@media(min-width:900px){.steps li:last-child{grid-column:1/-1}}

/* FAQ */
.faq-wrap{max-width:820px}
.faq{display:grid;gap:.7rem;margin-top:2rem}
.faq details{border-radius:var(--r-panel);background:var(--slate-850);border:1px solid var(--slate-700);transition:border-color .3s}
.faq details[open]{border-color:#5C4A1E}
.faq summary{list-style:none;cursor:pointer;padding:1.1rem 3.2rem 1.1rem 1.3rem;font-weight:600;position:relative;font-size:1.0625rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:1.3rem;top:50%;width:10px;height:10px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 1.3rem 1.2rem;color:var(--text-2);animation:fade .4s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Footer */
.footer{border-top:1px solid var(--slate-700);padding:2.4rem 0 calc(2.4rem + env(safe-area-inset-bottom,0))}
.footer-in{display:grid;gap:.9rem;justify-items:start;color:var(--text-2);font-size:.9375rem}
.footer .fine{margin:0}

/* Movimento reduzido */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero-in{opacity:1;transform:none}
}