/* Identidade visual da referência IRL Studio. O vidro é sutil e nunca reduz contraste. */
@font-face{font-family:Inter;src:url('/assets/Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root {
  --base:#07131c;
  --panel:#0b1923;
  --panel-hi:#102330;
  --line:#223a49;
  --ink:#f4f8fb;
  --muted:#a0b6c6;
  --faint:#7895a7;
  --accent:#24d6b8;
  --accent-dark:#062b2a;
  --display:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --body:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}
html { background:var(--base); }
body { background:var(--base); color:var(--ink); font-family:var(--body); font-size:14px; }
body::before { background:radial-gradient(ellipse at 52% -18%,#23506738,transparent 52%); }
h1,h2,h3 { font-family:var(--display); font-weight:700; letter-spacing:-.035em; }
.site-header { height:64px; padding-inline:clamp(18px,2.2vw,36px); border-bottom-color:var(--line); background:#081722de; box-shadow:0 1px #ffffff08 inset; }
.brand { font-family:var(--display); font-weight:650; font-size:16px; letter-spacing:-.02em; gap:9px; }
.brand-mark { width:32px; height:32px; border:0; border-radius:9px; background:linear-gradient(145deg,#32e4ce,#20bda6); color:#052b2a; box-shadow:0 2px 13px #20bda62b,0 1px #ffffff66 inset; }
.site-nav { gap:clamp(12px,1.5vw,24px); }
.site-nav>a,.site-actions>a:not(.button) { font-size:12px; color:#aec9d9; }
.site-nav>a:hover,.site-nav>a[aria-current=page],.site-actions>a:not(.button):hover { color:#f4f8fb; }
.site-actions { gap:10px; }
.lang-select,.menu-toggle { height:34px; min-height:34px; border:1px solid #294a5b; border-radius:8px; background:#102838; color:#eaf5fa; font-size:11px; }
.button { min-height:38px; padding:9px 14px; border-radius:8px; font-size:12px; font-weight:700; letter-spacing:0; box-shadow:0 1px #ffffff12 inset; }
.button:hover:not(:disabled) { transform:translateY(-1px); }
.button-primary { background:linear-gradient(155deg,#58f5b4,#20d69c); border-color:#38daab; color:#05231e; box-shadow:0 0 22px #27d9a52a,0 1px #ffffff66 inset; }
.button-primary:hover:not(:disabled) { background:#72f4c0; }
.button-outline,.button-ghost { border:1px solid #315469; background:linear-gradient(160deg,#173546bd,#0d2431b8); color:#edf8fa; }
.button-outline:hover,.button-ghost:hover { background:#1b4050; border-color:#4d8191; }
.eyebrow,.section-label,.docs-kicker { color:#53e4b7; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:none; }
.pill { border:1px solid #326154; border-radius:7px; background:#123d31; color:#8af4bd; }
.site-footer { padding:38px clamp(20px,3vw,48px) 22px; background:#08141d; border-top:1px solid var(--line); }
.footer-main { padding-bottom:32px; }
.footer-links { font-size:12px; }
.footer-bottom { border-color:var(--line); }

/* A primeira dobra mostra o produto, com a mesma densidade da mesa de transmissão. */
body[data-page=home] .home-hero { padding:34px clamp(15px,2vw,32px) 40px; background:radial-gradient(ellipse at 50% -8%,#18435a4a,transparent 52%); }
body[data-page=home] .hero-inner { max-width:1120px; }
body[data-page=home] .hero-flag { padding:5px 10px; background:#10382f; border-color:#36765e; color:#a5f1c9; font-size:10px; }
body[data-page=home] .home-hero h1 { max-width:1120px; margin:12px 0 8px; font-size:clamp(39px,4.45vw,68px); line-height:1.05; letter-spacing:-.048em; }
body[data-page=home] .home-lead { max-width:730px; font-size:clamp(13px,1.05vw,16px); line-height:1.46; color:#b3cbd5; }
body[data-page=home] .home-actions { margin-top:15px; gap:8px; }
body[data-page=home] .home-actions .button { min-height:38px; padding:8px 13px; font-size:11px; }
body[data-page=home] .hero-availability { margin-top:8px; color:#87a6b7; font-size:10px; }
body[data-page=home] .demo-shell { max-width:1480px; margin:22px auto 0; border-color:#2a5666; border-radius:12px; background:#07141e; box-shadow:0 24px 72px #0007,0 0 56px #1cae9220,0 1px #d4ffff1c inset; }
body[data-page=home] .demo-toolbar { min-height:49px; padding:7px 12px; background:#081923ee; border-color:#253f4d; }
body[data-page=home] .demo-brand { font-size:12px; gap:8px; }
body[data-page=home] .demo-brand-mark { width:29px; height:29px; border-radius:8px; background:#24d6b8; font-size:22px; }
body[data-page=home] .demo-tag { color:#9fc0cc; }
body[data-page=home] .demo-stat,body[data-page=home] .demo-status { border-radius:7px; background:#102330; border-color:#274253; }
body[data-page=home] .demo-status { background:#103629; color:#5bed9f; }
body[data-page=home] .demo-body { grid-template-columns:142px minmax(0,1fr); }
body[data-page=home] .demo-sidebar { align-items:stretch; gap:3px; padding:9px 6px; background:#081722; font-size:10px; }
body[data-page=home] .demo-sidebar span { display:flex; align-items:center; gap:8px; min-height:28px; padding:5px 8px; border-radius:6px; white-space:nowrap; color:#a9c9d8; }
body[data-page=home] .demo-sidebar span.selected { background:#1b3443; color:#fff; }
body[data-page=home] .demo-sidebar i { width:14px; text-align:center; font-size:13px; font-style:normal; color:#b5dae4; }
body[data-page=home] .demo-content { padding:8px; }
body[data-page=home] .demo-monitors { grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr) minmax(140px,.28fr); gap:7px; }
body[data-page=home] .demo-monitor,body[data-page=home] .demo-destinations,body[data-page=home] .demo-lower>div { border-color:#294655; border-radius:9px; background:#0b1d29; box-shadow:0 1px #ffffff08 inset; }
body[data-page=home] .demo-program { border-color:#2bc78b; box-shadow:0 0 0 1px #2bc78b44 inset; }
body[data-page=home] .demo-monitor-head { min-height:25px; }
body[data-page=home] .demo-monitor-head strong { font-size:11px; }
body[data-page=home] .demo-video { border-color:#294e5b; }
body[data-page=home] .demo-program-video { border-color:#2bc78b; }
body[data-page=home] .demo-transition { background:#0c1d28; border:1px solid #294655; border-radius:9px; }
body[data-page=home] .demo-transition b { border-color:#365b70; background:#1b3b4c; border-radius:7px; }
body[data-page=home] .demo-lower { grid-template-columns:1.05fr 1.2fr .86fr .9fr; }
body[data-page=home] .demo-lower>div { min-height:124px; }
body[data-page=home] .demo-lower strong { font-size:10px; }
body[data-page=home] .demo-chat-card { display:flex; flex-direction:column; }
body[data-page=home] .demo-chat-card .demo-chat-line { display:flex; gap:5px; align-items:baseline; padding:2px 0; font-size:9px; line-height:1.25; color:#dcecf0; }
body[data-page=home] .demo-chat-line b { color:#5ce888; }
body[data-page=home] .demo-chat-line:nth-of-type(2) b { color:#e176d6; }
body[data-page=home] .demo-chat-line:nth-of-type(3) b { color:#77adff; }
body[data-page=home] .demo-chat-card small { margin-top:auto; color:#88aabc; font-size:8px; }
body[data-page=home] .demo-caption { background:#0b1923; border-color:#294655; }

/* Cartões e conteúdo público recebem as mesmas superfícies da mesa. */
.home-section { padding:clamp(56px,5vw,78px) max(20px,calc((100vw - 1280px)/2)); border-color:#223a49; }
.home-section h2,.home-final h2 { font-size:clamp(29px,3.2vw,48px); line-height:1.1; letter-spacing:-.04em; }
.feature-card,.flow-grid>div,.protection-visual,.protection-visual>div,.studio-preview,.phone-card,.collab-grid>div,.platform-grid>div,.home-plans-grid article,.faq-list details { border:1px solid #294656; border-radius:10px; background:linear-gradient(155deg,#112532e8,#0b1b27ed); box-shadow:0 1px #ffffff0a inset; }
.feature-card.featured,.home-plans-grid article.recommended { background:linear-gradient(145deg,#164035,#0d2430); border-color:#318268; }
.feature-icon,.phone-top>span { border-radius:7px; }
.home-final { background:linear-gradient(130deg,#0c302f,#0a1d2c); border-top:1px solid #2c5f61; }

body[data-page=plans] .page-hero,body[data-page=subscription] .page-hero { min-height:260px; padding:45px clamp(20px,4vw,64px) 35px; background:radial-gradient(ellipse at 80% 0,#20465755,transparent 52%); }
.page-hero h1 { max-width:950px; margin:10px 0 12px; font-size:clamp(34px,3.5vw,56px); line-height:1.08; }
.page-lead { font-size:14px; line-height:1.5; color:#b1c8d3; }
.hero-aside { padding:12px 14px; border:1px solid #2a4b5b; border-radius:9px; background:#102330b5; backdrop-filter:blur(14px); font-size:12px; line-height:1.45; }
.hero-aside p { margin:0; }
.small-rule { display:none; }
.plans-grid { gap:10px; padding:18px clamp(20px,4vw,64px) 56px; background:var(--base); }
.plan-panel,.plan-panel-featured { min-height:450px; padding:26px clamp(20px,3vw,42px); border:1px solid #294656; border-radius:11px; background:linear-gradient(155deg,#102634,#0b1c28); box-shadow:0 1px #ffffff0a inset; }
.plan-panel-featured { border-color:#328567; background:linear-gradient(155deg,#164136,#0d2430); }
.plan-panel h2 { margin:24px 0 12px; font-size:clamp(28px,3vw,42px); }
.plan-panel>p:not(.plan-price):not(.plan-footnote) { font-size:13px; }
.plan-price { margin:25px 0 10px; padding-top:15px; border-color:#2c4d5c; font-size:16px; }
.feature-list li { padding:8px 0; font-size:12px; }
.plan-panel .button { margin-top:auto; }
.comparison { background:#0a1b26; }
.comparison .section-intro h2 { font-size:clamp(26px,3vw,42px); }

.auth-layout { min-height:calc(100vh - 64px); grid-template-columns:minmax(0,1fr) minmax(380px,.86fr); background:#07131c; }
.auth-story { padding:clamp(38px,6vw,86px); background:linear-gradient(90deg,#07131cf2,#07131cb0),url('/assets/irl-fictional-streamer.png') center/cover; border-right:1px solid #2c4958; }
.auth-story h1 { max-width:650px; margin:15px 0 18px; font-size:clamp(38px,4.1vw,62px); line-height:1.08; }
.auth-story>p:not(.eyebrow) { color:#bcd1db; font-size:14px; line-height:1.5; }
.auth-signal { padding-top:45px; }
.auth-panel { max-width:590px; padding:40px clamp(24px,5vw,76px); }
.auth-panel h2 { margin:27px 0 9px; font-size:clamp(28px,3vw,42px); }
.auth-panel>p:not(.form-note) { font-size:13px; }
.auth-form { margin-top:15px; }
.auth-form input { height:43px; border:1px solid #315162; border-radius:8px; background:#102330; color:#f4f8fb; }
.auth-form .button { margin-top:12px; }
.provider-grid button { border:1px solid #315162; border-radius:8px; background:#132a38; color:#c9dee5; }
.form-note { border:1px solid #3a715f; border-radius:8px; background:#12382e; color:#c9eadc; }
.auth-links { margin-top:20px; font-size:12px; }
.subscription-state { grid-template-columns:140px minmax(0,1fr); gap:30px; margin:20px clamp(20px,4vw,64px); padding:30px; border:1px solid #294656; border-radius:11px; background:linear-gradient(155deg,#102634,#0b1c28); }
.state-mark { font-size:96px; color:#2d6d68; }
.subscription-state h2 { font-size:clamp(26px,3vw,42px); }
.subscription-roadmap { gap:10px; }
.subscription-roadmap>div { padding:18px; border:1px solid #294656; border-radius:9px; background:#0f2633; }
.subscription-roadmap h3 { margin:12px 0; font-size:19px; }

body[data-page=docs] .docs-hero { padding:58px 0 45px; }
body[data-page=docs] .docs-hero h1 { max-width:880px; margin:12px 0; font-size:clamp(36px,4vw,58px); }
body[data-page=docs] .docs-hero>p:not(.docs-kicker) { font-size:15px; }
body[data-page=docs] .docs-grid { grid-template-columns:220px minmax(0,1fr); gap:28px; padding-top:28px; }
body[data-page=docs] .docs-nav { padding:9px; border:1px solid #294656; border-radius:10px; background:#0b1923; }
body[data-page=docs] .docs-nav a:hover { background:#183443; }
body[data-page=docs] .docs-content section { padding:22px 25px; margin-bottom:10px; border:1px solid #294656; border-radius:10px; background:#0b1923; }
body[data-page=docs] .docs-content h2 { font-size:24px; }

@media(max-width:1100px) {
  body[data-page=home] .demo-body { grid-template-columns:39px minmax(0,1fr); }
  body[data-page=home] .demo-sidebar { align-items:center; }
  body[data-page=home] .demo-sidebar span { width:28px; justify-content:center; padding:5px; font-size:0; }
  body[data-page=home] .demo-sidebar i { font-size:14px; }
  body[data-page=home] .demo-monitors { grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr); }
  body[data-page=home] .demo-destinations { display:none; }
}
@media(max-width:760px) {
  .site-header { height:62px; }
  .site-nav { top:62px; background:#0b1d29f5; border-color:#315061; backdrop-filter:blur(18px); }
  body[data-page=home] .home-hero { padding:32px 12px 34px; }
  body[data-page=home] .home-hero h1 { font-size:clamp(35px,9vw,53px); }
  body[data-page=home] .demo-shell { margin-top:22px; }
  body[data-page=home] .demo-toolbar-right .demo-stat { display:none; }
  body[data-page=home] .demo-body { display:block; }
  body[data-page=home] .demo-sidebar { display:none; }
  body[data-page=home] .demo-monitors { grid-template-columns:1fr; }
  body[data-page=home] .demo-transition { display:none; }
  body[data-page=home] .demo-lower { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-section { padding:48px 18px; }
  .home-section h2,.home-final h2 { font-size:clamp(29px,7vw,42px); }
  .page-hero { grid-template-columns:1fr; }
  body[data-page=plans] .page-hero,body[data-page=subscription] .page-hero { padding:38px 18px 25px; }
  .plans-grid { grid-template-columns:1fr; padding:12px 18px 35px; }
  .plan-panel,.plan-panel-featured { min-height:0; }
  .auth-layout { display:flex; flex-direction:column; }
  .auth-story { min-height:0; padding:34px 20px 28px; border:0; border-bottom:1px solid #294656; }
  .auth-story h1 { font-size:clamp(34px,9vw,50px); }
  .auth-signal { padding-top:20px; }
  .auth-panel { padding:30px 20px 55px; }
  .subscription-state { display:block; margin:12px 18px; padding:23px; }
  .state-mark { font-size:54px; }
  .subscription-roadmap { grid-template-columns:1fr; }
  body[data-page=docs] .docs-grid { display:block; }
  body[data-page=docs] .docs-nav { display:flex; overflow:auto; margin-bottom:18px; }
  body[data-page=docs] .docs-hero { padding:40px 0 28px; }
}
@media(max-width:430px) {
  body[data-page=home] .demo-lower { grid-template-columns:1fr; }
  .provider-grid { grid-template-columns:1fr; }
  .home-actions { flex-direction:row; align-items:center; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }