/* Página de apresentação — mesmo tema terminal do app. */
:root{
  --bg:#07090c; --panel:#0e1319; --panel2:#141b23; --line:#222c37; --line2:#2d3a47;
  --text:#dde5ec; --muted:#7a8b9a; --dim:#4d5c6a;
  --accent:#ff7a18; --accent2:#ffa94d; --soft:rgba(255,122,24,.12);
  --grid:rgba(255,122,24,.035); --radius:6px;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f2f1ec; --panel:#fbfaf7; --panel2:#eceae3; --line:#d6d3c9; --line2:#bfbbae;
  --text:#14181c; --muted:#5c6670; --dim:#8a9099;
  --accent:#c2410c; --accent2:#ea580c; --soft:rgba(194,65,12,.10);
  --grid:rgba(194,65,12,.045);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{
  background-color:var(--bg); color:var(--text); font-family:var(--mono); font-size:15px; line-height:1.6;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:30px 30px;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--accent);color:#000}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
h1,h2,h3{text-transform:uppercase;line-height:1.1;letter-spacing:.01em}
@keyframes blink{0%,45%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* topo */
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:60px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.06em}
.brand b{display:grid;place-items:center;width:30px;height:30px;background:#0b0f14;color:#ff7a18;border:2px solid #ff7a18;border-radius:5px;font-size:15px;font-weight:700}
.top nav{margin-left:auto;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:13px}
.top nav a{text-decoration:none}
.top nav a:hover{color:var(--accent)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;text-decoration:none;border:1px solid var(--line2);background:var(--panel);color:var(--text);cursor:pointer;font-family:inherit;transition:.12s}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#120800;font-weight:700}
.btn.primary::before{content:"$";opacity:.55}
.btn.primary:hover{background:var(--accent2);border-color:var(--accent2);color:#120800}
html[data-theme="light"] .btn.primary{color:#fff}
.btn.big{padding:13px 24px;font-size:15px}

/* herói */
.hero{padding:64px 0 32px;text-align:center}
.eyebrow{display:inline-block;padding:4px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--soft);color:var(--accent);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;border-radius:var(--radius)}
.eyebrow::before{content:"// "}
.hero h1{font-size:clamp(30px,5.6vw,58px);font-weight:800;max-width:20ch;margin:0 auto 18px}
.hero h1::before{content:"> ";color:var(--accent)}
.hero h1::after{content:"_";color:var(--accent);animation:blink 1.15s step-end infinite}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p.lead{max-width:62ch;margin:0 auto 26px;color:var(--muted);font-size:15px}
.cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.fine{color:var(--dim);font-size:12.5px;margin-top:14px}
.fine::before{content:"# "}

/* captura com moldura de terminal */
.shot{margin:40px auto 0;max-width:980px;border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:0 0 0 1px rgba(255,122,24,.08),0 30px 80px rgba(0,0,0,.5)}
.shot::before{content:"● ● ●   dayos";display:block;text-align:left;padding:7px 12px;font-size:11px;letter-spacing:.1em;color:var(--dim);background:var(--panel2);border-bottom:1px solid var(--line)}
html[data-theme="light"] .shot{box-shadow:0 20px 50px rgba(0,0,0,.12)}

section{padding:62px 0}
section h2{font-size:clamp(24px,3.6vw,38px);font-weight:800;text-align:center;margin-bottom:10px}
section h2::before{content:"## ";color:var(--accent)}
section .sub{text-align:center;color:var(--muted);max-width:62ch;margin:0 auto 34px;font-size:14px}

/* cartões */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative}
.card::before{content:"";position:absolute;left:-1px;top:-1px;width:26px;height:2px;background:var(--accent)}
.card h3{font-size:15px;font-weight:700;margin:12px 0 7px;letter-spacing:.06em}
.card p{color:var(--muted);font-size:13.5px}
.ico{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);background:var(--soft);display:grid;place-items:center;color:var(--accent);border-radius:var(--radius)}
.ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tag{display:inline-block;margin-top:9px;padding:2px 8px;border:1px solid var(--line2);color:var(--dim);font-size:11px;border-radius:var(--radius)}

/* bloco dividido */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
.split h2,.split .sub{text-align:left;margin-left:0}
.ticks{list-style:none;padding:0;display:grid;gap:12px;margin-top:6px}
.ticks li{display:flex;gap:10px;color:var(--muted);font-size:13.5px}
.ticks li b{color:var(--text)}
.ticks li::before{content:"[✓]";color:var(--accent);flex:none;font-weight:700}
.phone{max-width:290px;margin:0 auto;border:8px solid var(--panel2);border-radius:26px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.5)}
html[data-theme="light"] .phone{box-shadow:0 20px 44px rgba(0,0,0,.14)}

/* galeria */
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gallery figure{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.gallery figcaption{padding:10px 14px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line)}
.gallery figcaption::before{content:"// ";color:var(--dim)}

/* perguntas */
details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;max-width:760px;margin:0 auto 8px}
details[open]{border-color:var(--line2)}
summary{font-weight:600;cursor:pointer;font-size:14px;list-style:none}
summary::before{content:"> ";color:var(--accent)}
summary::-webkit-details-marker{display:none}
details p{color:var(--muted);margin-top:9px;font-size:13.5px}
details a{color:var(--accent)}

.final{text-align:center;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
footer{padding:30px 0 56px;color:var(--dim);font-size:12.5px}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
footer .links{margin-left:auto;display:flex;gap:16px}
footer a:hover{color:var(--accent)}
#install{display:none}

@media (max-width:860px){
  .grid{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .split h2,.split .sub{text-align:center}
  .top nav a.hide-s{display:none}
  .hero{padding-top:40px}
}
@media (max-width:560px){
  .grid,.gallery{grid-template-columns:1fr}
  .wrap{padding:0 16px}
  section{padding:46px 0}
  .top nav{gap:10px}
  footer .links{margin-left:0}
}
.card code{color:var(--accent);background:var(--bg);border:1px solid var(--line);padding:0 4px;border-radius:3px;font-size:12.5px}

.lang-pick{display:inline-flex;border:1px solid var(--line2);border-radius:var(--radius,6px);overflow:hidden}
.lang-pick button{padding:5px 9px;background:var(--bg);color:var(--muted);border:0;border-right:1px solid var(--line2);font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer}
.lang-pick button:last-child{border-right:0}
.lang-pick button:hover{color:var(--accent)}
.lang-pick button.on{background:var(--accent);color:#120800}