/* NeroTech: sistema da página inicial. Duas fontes, cinco tamanhos, um fundo, uma tinta, um acento.
   Superfícies se separam por um passo de tom, não por linhas. */
:root{
  --bg:#070708;--surface:#111113;--surface-2:#1a1a1d;--ink:#f2f1ee;--ink-soft:#a9a8a3;--alert:#ff5a3c;
  --paper:#e9e7e1;--paper-ink:#0b0b0c;--review:#e3b25a;
  --code:ui-monospace,'Cascadia Mono',Consolas,monospace;
  --display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --text:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --body:var(--text);
  --s-display:clamp(54px,7.4vw,124px);--s-h2:clamp(40px,5.2vw,88px);--s-lead:clamp(19px,1.45vw,23px);--s-body:17px;--s-small:14px;
  --m:clamp(20px,4vw,64px);--gap:clamp(96px,12vw,200px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 var(--s-body)/1.55 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,canvas,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.04em;line-height:1}
h2{font-size:var(--s-h2);letter-spacing:-.05em;line-height:.98;text-wrap:balance}
h3{font-size:var(--s-lead);letter-spacing:-.02em;line-height:1.2}
.lead{font-size:var(--s-lead);line-height:1.5;max-width:46ch}
.note{font-size:var(--s-small);color:var(--ink-soft)}
.wrap{width:100%;padding-inline:var(--m);max-width:1680px;margin-inline:auto}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:300;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg)}
.skip:focus{top:16px}
main,.footer{position:relative;z-index:1}
main>section{scroll-margin-top:72px}

/* fundo: estilhaços low-poly desenhados em experience.js, atrás de tudo */
.backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}

/* botões: preenchidos ou de contorno, sempre redondos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;font:600 15px/1.2 var(--text);transition:background .2s,color .2s,transform .2s}
.btn:active{transform:scale(.97)}
.btn-solid{background:var(--ink);color:var(--bg)}.btn-solid:hover{background:#d6d5d1}
.btn-line{border:1.5px solid #ffffff59;color:var(--ink)}.btn-line:hover{background:var(--surface-2)}
.btn-alert{background:var(--alert);color:#140805}.btn-alert:hover{background:#ff7a62}

/* navegação: uma barra simples */
.nav{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s}
.nav.is-stuck,.nav.is-open{background:#070708f2}
.nav-inner{display:flex;align-items:center;gap:32px;height:72px;padding-inline:var(--m);max-width:1680px;margin-inline:auto}
.brand{display:flex;align-items:center}
.nav-links{display:flex;gap:28px;margin-left:auto;font-size:15px}
.nav-links a{color:var(--ink-soft);transition:color .2s}.nav-links a:hover,.nav-links a.is-current{color:var(--ink)}
.nav-cta{min-height:42px;padding:9px 20px;font-size:14px}
.nav-toggle{display:none;width:44px;height:44px;border-radius:50%;background:var(--surface);position:relative}
.nav-toggle span{position:absolute;left:13px;right:13px;height:2px;background:var(--ink);transition:transform .25s}
.nav-toggle span:first-child{top:17px}.nav-toggle span:last-child{top:25px}
.nav.is-open .nav-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.nav.is-open .nav-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
.nav-menu{display:none}

/* ---------- Segurança: cena num quadro, capítulos por botão e o painel simulado ---------- */
.wall-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}
.wall-frame{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,4fr);gap:14px}
.wall-scene{position:relative;height:clamp(420px,56svh,620px);border-radius:22px;overflow:hidden;background:#050506}
.wall-scene canvas{width:100%;height:100%;display:block}
.scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.hq-scene .scene-fallback{z-index:0}.hq-scene.is-static .hq-loading{inset:auto 14px 70px;place-items:start;padding:10px 14px;border-radius:12px;background:#0c0c0ee6;font-size:14px}
.wall-steps{display:grid;gap:8px;align-content:start}
.wall-steps button{display:grid;gap:4px;width:100%;padding:14px 16px;border-radius:14px;background:var(--surface);text-align:left;transition:background .2s,box-shadow .2s}
.wall-steps button:hover{background:var(--surface-2)}
.wall-steps b{font:600 18px var(--display);letter-spacing:-.02em}
.wall-steps span{font-size:14px;color:var(--ink-soft);line-height:1.45}
.wall-steps [aria-pressed=true]{background:#1d1d21;box-shadow:inset 0 0 0 1.5px var(--ink)}
.wall-steps [aria-pressed=true] span{color:var(--ink)}

/* painel do NeroWall: peça de interface (data-ui) */
.console{width:100%;padding:clamp(16px,2vw,28px);border-radius:22px;background:var(--surface)}
.console-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.console-top h3{font-size:24px}
.console-top p{font-size:var(--s-small);color:var(--ink-soft);margin-top:6px;max-width:44ch}
.console-actions{display:flex;gap:8px}.console-actions .btn{min-height:42px;padding:9px 18px;font-size:14px}
.console-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 16px}
.console-stats div{padding:14px 16px;border-radius:14px;background:#0c0c0e}
.console-stats dt{font-size:var(--s-small);color:var(--ink-soft)}
.console-stats dd{font:600 30px/1.2 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:4px}
#stat-server{font-size:20px;line-height:1.8}
.console-table{max-height:300px;overflow:auto;border-radius:14px;background:#0c0c0e}
.console table{width:100%;border-collapse:collapse;font-size:var(--s-small);font-variant-numeric:tabular-nums}
.console th{position:sticky;top:0;background:#0c0c0e;text-align:left;font-weight:500;color:var(--ink-soft);padding:12px 14px}
.console td{padding:10px 14px;border-top:1px solid #ffffff10;white-space:nowrap}
.console tr.is-new td{animation:row-in .6s ease-out}
@keyframes row-in{from{background:#ff5a3c33}}
.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600}
.tag-block{background:#ff5a3c26;color:#ff8f78}.tag-watch{background:#ffffff14;color:var(--ink)}.tag-trace{background:var(--ink);color:var(--bg)}

/* ---------- Sites ---------- */
.intent-mark{margin-top:20px;font-size:var(--s-small);color:var(--ink-soft)}
.intent-mark b{color:var(--ink);font-weight:600}.intent-mark a{text-decoration:underline;text-underline-offset:3px}
/* portfólio: três capas com identidade própria e uma prévia legível, no computador ou no celular */
.pf{margin-top:28px}
.pf-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 32px;flex-wrap:wrap}
.pf-head h3{font-size:clamp(26px,2.4vw,38px);letter-spacing:-.035em}
.pf-head p{color:var(--ink-soft);max-width:60ch}
.pf-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.pf-cover{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/10;padding:18px;border-radius:18px;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pf-cover img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pf-cover::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#070708f2 0,#07070880 38%,#07070800 70%)}
.pf-cover[data-pf=unio]::before{background:linear-gradient(0deg,#1d0a10f2 0,#1d0a1080 40%,#1d0a1000 72%)}
.pf-cover[data-pf=hall]::before{background:linear-gradient(0deg,#23231ff0 0,#23231f80 38%,#23231f00 70%)}
.pf-cover:hover{transform:translateY(-3px)}
.pf-cover:hover img,.pf-cover:focus-visible img{transform:scale(1.03)}
.pf-cover[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--ink),0 18px 50px #0009}
.pf-name{font:600 clamp(22px,2vw,30px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.pf-cover[data-pf=unio] .pf-name{font:500 clamp(24px,2.2vw,34px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.12em;color:#f3d9d0}
.pf-cover[data-pf=hall] .pf-name{font:400 clamp(26px,2.4vw,38px)/1 'Cormorant Garamond',Georgia,serif;color:#efece6}
.pf-cover[data-pf=noir] .pf-name{font-weight:700;text-transform:uppercase;letter-spacing:-.05em}
.pf-tag{margin-top:6px;font-size:13px;color:#d6d5d1}
.pf-view{display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:clamp(16px,2vw,28px);margin-top:14px;padding:clamp(12px,1.6vw,22px);border-radius:24px;background:var(--surface)}
.pf-frame{display:grid;place-items:center;min-height:clamp(320px,40vw,560px);border-radius:16px;background:#0b0b0d;overflow:hidden}
.pf-frame img{width:100%;height:auto;border-radius:10px;box-shadow:0 20px 60px #000a}
.pf-frame[data-device=mobile] img{width:min(300px,70%);border-radius:26px;box-shadow:0 0 0 8px #1c1c1f,0 20px 60px #000a;margin-block:22px}
.pf-info{display:grid;gap:12px;align-content:start}
.pf-kind{font-size:13px;color:var(--ink-soft)}
.pf-title{font:600 clamp(28px,2.4vw,38px)/1 var(--display);letter-spacing:-.035em}
.pf-list{display:grid;gap:6px;font-size:15px}.pf-list li::before{content:'— ';color:var(--ink-soft)}
.pf-device{display:flex;gap:6px}
.pf-device button{min-height:42px;padding:8px 15px;border-radius:999px;background:var(--surface-2);font-size:14px}
.pf-device [aria-pressed=true]{background:var(--ink);color:var(--bg)}
.pf-go{justify-self:start}
.offer-terms{margin-top:20px;max-width:62ch;color:var(--ink-soft)}
.offer{margin-top:var(--gap)}
.offer-line{font:600 var(--s-h2)/1.02 var(--display);letter-spacing:-.05em;max-width:16ch}
.offer-line mark{background:var(--ink);color:var(--bg);padding:0 .14em;border-radius:.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin:56px 0 40px}
.offer-grid p{margin-top:10px;color:var(--ink);max-width:34ch}

/* cabeçalho em duas colunas reutilizado por automações e escritório */
.split-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end}
.split-head h2{max-width:14ch}

/* ---------- Automações: CRM, resposta e registro (o workflow fica no bloco do seletor, mais abaixo) ---------- */
.crm,.flowx-confirm,.flowx-log{padding:16px;border-radius:14px;background:#0c0c0e}
.crm-title{font-size:14px;color:var(--ink-soft)}
.crm-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.crm-col{min-height:120px;padding:10px;border-radius:10px;background:#141417;font-size:13px;color:var(--ink-soft);display:grid;align-content:start;gap:8px}
.crm-card{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--ink);color:var(--bg)}
.crm-card b{font-size:14px}.crm-card span,.crm-card small{font-size:13px}
.crm-card.is-new{animation:crm-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes crm-in{from{opacity:0;transform:translateY(-10px) scale(.96)}}
.flowx-confirm .bubble{margin-top:10px}
.flowx-confirm small{display:block;margin-top:8px;font-size:13px;color:var(--ink-soft)}
.bubble{padding:12px 14px;border-radius:14px 14px 14px 4px;background:#1f2a23;font-size:15px;line-height:1.45}
.flowx-log summary{cursor:pointer;font-size:14px;color:var(--ink-soft)}
.flowx-log ol{margin-top:8px;display:grid;gap:4px;font:13px/1.5 var(--code);color:var(--ink-soft);max-height:160px;overflow:auto}
.flowx-log time{color:#77777c}
@media(prefers-reduced-motion:reduce){.crm-card.is-new{animation:none}}

/* ---------- Escritório: missões com entregas visíveis ---------- */
.hq-stage{position:relative;margin-top:28px;display:grid;gap:14px}
.hq-missions{display:flex;flex-wrap:wrap;gap:8px}
.hq-missions button,.hq-agents button,.hq-cam button{min-height:44px;padding:9px 18px;border-radius:999px;background:var(--surface);font-size:15px;transition:background .15s,color .15s}
.hq-missions button:hover,.hq-agents button:hover,.hq-cam button:hover{background:var(--surface-2)}
.hq-missions [aria-pressed=true],.hq-agents [aria-pressed=true]{background:var(--ink);color:var(--bg)}
.hq-main{display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:14px}
.hq-scene{position:relative;height:clamp(460px,62svh,700px);border-radius:22px;overflow:hidden;background:#0a0a0c;touch-action:pan-y}
.hq-scene canvas{width:100%;height:100%;display:block;cursor:grab}.hq-scene canvas:active{cursor:grabbing}
.hq-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-soft)}
.hq-cam{position:absolute;left:14px;bottom:14px;display:flex;gap:6px}
.hq-cam button{background:#0c0c0ee6;min-width:44px;padding:9px 14px}
.hq-side{display:grid;gap:12px;align-content:start;padding:18px;border-radius:22px;background:var(--surface)}
.hq-label{font-size:13px;color:var(--ink-soft)}
.hq-steps{display:grid;gap:6px}
.hq-steps>li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:9px 12px;border-radius:12px;background:#0c0c0e;font-size:14px;transition:background .2s,opacity .2s}
.hq-steps>li::before{content:'○';grid-row:span 2;color:var(--ink-soft)}
.hq-steps>li span{color:var(--ink-soft);font-size:13px}
.hq-steps [data-state=idle]{opacity:.6}
.hq-steps [data-state=active]{background:#1d1d21}.hq-steps [data-state=active]::before{content:'●';color:var(--ink)}
.hq-steps [data-state=done]::before{content:'✓';color:var(--ink)}
.hq-result{padding:10px 12px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:14px}
.hq-card{padding:14px;border-radius:14px;background:#0c0c0e}
.hq-who{display:inline-block;margin-bottom:8px;padding:2px 9px;border-radius:999px;background:var(--paper);color:var(--paper-ink);font-size:12px;font-weight:600}
.hq-who[data-human=true]{background:none;box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.hq-who:empty{display:none}
.hq-agents small{font-size:12px;color:var(--ink-soft);margin-left:2px}.hq-agents [aria-pressed=true] small{color:inherit}
.hq-agents .is-human{box-shadow:inset 0 0 0 1px #ffffff40}
.hq-card h3{font-size:24px}
.hq-role{color:var(--ink-soft);font-size:14px;margin-top:2px}
.hq-card dl{display:grid;gap:8px;margin-top:12px;font-size:14px}
.hq-card dt{color:var(--ink-soft);font-size:13px}.hq-card dd{margin:2px 0 0}
.hq-out:not(:empty){margin-top:12px}
/* entregas: pequenas interfaces, uma por tipo de trabalho */
.out-plan,.out-checks{display:grid;gap:4px;font-size:13px}
.out-plan li,.out-checks li{padding:6px 10px;border-radius:8px;background:#ffffff0d}
.out-checks li::before{content:'✓ '}
.out-layout{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:14px 46px 22px;gap:5px}
.out-layout i{border-radius:5px;background:#ffffff1f}.out-layout i:first-child{grid-column:1/-1}.out-layout i:nth-child(2){background:#ffffff40}.out-layout i:last-child{grid-column:1/-1}
.out-text{font-size:14px;font-style:italic}
.out-code{padding:10px;border-radius:8px;background:#000;font:12px/1.6 var(--code);color:#c9cdd4;overflow:auto}
.out-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.out-flow span{padding:5px 10px;border-radius:999px;background:#ffffff14}.out-flow i{font-style:normal;color:var(--ink-soft)}
.out-box{padding:10px;border-radius:10px;background:#ffffff14;font-weight:600;font-size:14px}.out-box::before{content:'▣ '}
.hq-agents{display:flex;flex-wrap:wrap;gap:8px}
.hq-agents button{display:inline-flex;align-items:center;gap:8px}
.hq-agents .st{font-size:12px;color:var(--ink-soft)}
.hq-agents [aria-pressed=true] .st{color:inherit;opacity:.7}
.hq-agents [data-state=working] .st,.hq-agents [data-state=receiving] .st{color:var(--ink);font-weight:600}
.hq-agents [data-state=review] .st{color:var(--review)}
.hq-agents [data-state=idle] .st{display:none}
#hq-pause[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.hq-agents .is-involved:not([aria-pressed=true]){box-shadow:inset 0 0 0 1.5px #ffffff59}
.hq-note{margin-top:16px;font-size:var(--s-small);color:var(--ink-soft)}.hq-note a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* ---------- Seletor de soluções: quatro janelas logo depois da hero, um painel compartilhado abaixo ---------- */
.sol{padding-top:clamp(20px,3vw,44px)}
.sol-defs{position:absolute}
.sol-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.sol-head h2{font-size:clamp(26px,2.4vw,38px);letter-spacing:-.035em}
.sol-head p{color:var(--ink-soft);font-size:15px}
.sol-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin-top:18px}
.tile{position:relative;display:flex;flex-direction:column;padding:10px 10px 14px;border-radius:20px;background:linear-gradient(180deg,#151517,#0d0d0f);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff1f;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .25s;overflow:hidden}
.tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff33,inset 0 1px 0 #ffffff2e}
.tile:active{transform:translateY(-1px) scale(.99)}
.tile[aria-current=true]{background:linear-gradient(180deg,#1c1c1f,#111113);box-shadow:inset 0 0 0 1.5px var(--ink),0 18px 50px #0009}
/* fenda de luz que corre pelo topo quando a janela é aberta */
.tile::before{content:'';position:absolute;left:0;top:0;height:2px;width:40%;background:linear-gradient(90deg,transparent,#f2f1ee,transparent);opacity:0;translate:-100% 0}
.tile[aria-current=true]::before{animation:tile-lit 1.1s cubic-bezier(.3,.6,.2,1)}
@keyframes tile-lit{0%{opacity:1;translate:-100% 0}100%{opacity:0;translate:260% 0}}
.tile-art{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#09090a}
.tile-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity 1.2s ease}
.tile:hover .tile-art img,.tile:focus-visible .tile-art img,.tile[aria-current=true] .tile-art img{transform:scale(1.035)}
.tile-sites img{object-position:top;opacity:0}.tile-sites img.is-on{opacity:1}
.tile-sites img:first-child:not(.is-off){opacity:1}
.tile-chip{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:#0b0b0de6;color:var(--ink);font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff26}
.tile-name{margin-top:12px;padding-inline:6px;font:600 clamp(19px,1.5vw,24px)/1.1 var(--display);letter-spacing:-.03em}
.tile-line{margin-top:4px;padding-inline:6px;font-size:14.5px;line-height:1.4;color:var(--ink-soft)}
.tile-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:14px 6px 0}
.tile-open{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.tile-open::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .25s,translate .25s}
.tile[aria-current=true] .tile-open::after{rotate:225deg;translate:0 2px}
.status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:#ffffff12;color:var(--ink-soft);white-space:nowrap}
.status-on{background:var(--paper);color:var(--paper-ink)}
.status-dev{background:none;box-shadow:inset 0 0 0 1px #ffffff38}
.status-dev::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--review)}
.sol-invite{margin-top:16px;padding-block:18px;border-radius:16px;outline:1px dashed #ffffff26;outline-offset:-1px;text-align:center;color:var(--ink-soft);font-size:15px;width:calc(100% - 2 * var(--m));max-width:calc(1680px - 2 * var(--m));padding-inline:16px}

/* painel: área ampla na própria página, nunca um modal pequeno. Sem script, os quatro aparecem em sequência */
.sol-stage{margin-top:clamp(20px,2.4vw,32px)}
.panel{padding:clamp(28px,3vw,44px) 0 clamp(36px,4vw,64px);border-top:1px solid #ffffff14;background:linear-gradient(#0c0c0e,#0c0c0e00 420px);scroll-margin-top:72px}
.sol-on .panel:not(.is-open){display:none}
.panel.is-entering{animation:panel-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes panel-in{from{opacity:0;transform:translateY(14px)}}
.panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:end}
.panel-head h2{font-size:clamp(38px,4.4vw,72px);margin-top:12px;outline:none}
.panel-sum{margin-top:14px;font-size:clamp(17px,1.25vw,20px);line-height:1.5;max-width:56ch}
.panel-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.panel-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:clamp(32px,4vw,56px);font-size:15px;color:var(--ink-soft)}
.panel-switch a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding-block:8px}

/* ---------- Automações: workflow grande, com plano explorável ---------- */
.net{margin-top:28px;padding:clamp(12px,1.6vw,22px);border-radius:24px;background:var(--surface)}
.net-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.net-scen,.net-ctrl,.net-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.net-scen button,.net-ic,.net-speed select,.net-follow,.net-tools button{min-height:42px;padding:8px 15px;border-radius:999px;background:var(--surface-2);font-size:14px;transition:background .15s,color .15s}
.net-scen button:hover,.net-ic:hover,.net-follow:hover,.net-tools button:hover{background:#26262a}
.net-scen [aria-pressed=true],.net-ic[aria-pressed=true],.net-tools [aria-pressed=true]{background:var(--ink);color:var(--bg)}
.net-ctrl .btn{min-height:42px;padding:8px 18px;font-size:14px}
.net-speed{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}
.net-speed select{color:var(--ink)}
.net-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:14px}
.net-view{position:relative;min-width:0;display:grid;gap:8px}
.net-port{position:relative;height:clamp(420px,58svh,640px);border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#131316,#08080a 75%);touch-action:pan-y;cursor:grab;outline-offset:-3px}
.net-port.is-dragging{cursor:grabbing}
.net-port.is-explore{touch-action:none}
.net-ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.net-world{position:absolute;left:0;top:0;transform-origin:0 0}
.net-links{position:absolute;inset:0;overflow:visible}
.net-links .grp rect{fill:#ffffff05;stroke:#ffffff0f;transition:fill .3s,stroke .3s}
.net-links .grp.is-on rect{fill:#ffffff0c;stroke:#ffffff2e}
.net-links .grp text{font:600 15px var(--code);letter-spacing:.12em;fill:#ffffff59}
.net-links .grp.is-on text{fill:#ffffffcc}
.net-links path{fill:none;stroke:#ffffff26;stroke-width:1.6;transition:stroke .3s}
.net-links path[data-state=on]{stroke:#f2f1ee;stroke-width:2.6}
.net-links path[data-state=done]{stroke:#ffffff80}
.net-packet{fill:#f2f1ee}
.net-nodes{position:absolute;inset:0}
.nd{position:absolute;translate:-50% -50%;display:grid;gap:3px;padding:11px 13px 12px;border-radius:14px;background:#111114;box-shadow:inset 0 0 0 1px #ffffff1c;text-align:left;cursor:pointer;transition:box-shadow .25s,background .25s,opacity .25s}
.nd:hover{box-shadow:inset 0 0 0 1px #ffffff52}
.nd-top{display:flex;align-items:center;gap:7px}
.nd-dot{width:12px;height:12px;border-radius:50%;background:#2a2a2e;box-shadow:0 0 0 1.5px #ffffff66;flex:none}
.nd[data-kind=agente] .nd-dot{background:radial-gradient(circle at 35% 30%,#f2f2f4,#9da1a8 55%,#4d5056);box-shadow:none}
.nd[data-kind=regra] .nd-dot{border-radius:3px}
.nd[data-kind=sistema] .nd-dot{border-radius:2px;rotate:45deg;width:10px;height:10px}
.nd[data-kind=pessoa] .nd-dot{background:radial-gradient(circle at 50% 34%,#e6e7ea 0 24%,transparent 26%),radial-gradient(ellipse at 50% 108%,#e6e7ea 0 46%,transparent 48%),#2a2a2e}
.nd-kind{font-size:11.5px;color:var(--ink-soft)}
.nd-name{font:600 16px/1.15 var(--display);letter-spacing:-.015em}
.nd-who{font-size:12px;color:var(--ink-soft)}
.nd-state{justify-self:start;margin-top:4px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:#ffffff10}
.nd[data-state=idle]{opacity:.55}
.nd[data-state=idle] .nd-state{display:none}
.nd[data-state=run],.nd[data-state=retry]{background:#1b1b1f;box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 6px #ffffff10}
.nd[data-state=run] .nd-state,.nd[data-state=hold] .nd-state,.nd[data-state=retry] .nd-state{background:var(--ink);color:var(--bg)}
.nd[data-state=hold]{box-shadow:inset 0 0 0 1.5px var(--ink);outline:1.5px dashed var(--ink);outline-offset:5px}
.nd[data-state=skip]{opacity:.7}.nd[data-state=skip] .nd-state{background:none;box-shadow:inset 0 0 0 1px #ffffff40}
.nd[data-state=review] .nd-state{background:#e3b25a26;color:var(--review)}
.nd[data-state=fail] .nd-state{background:#ff5a3c26;color:#ff8f78}.nd[data-state=fail]{box-shadow:inset 0 0 0 1.5px #ff5a3c99}
.nd[data-state=blocked]{opacity:.5}.nd[data-state=blocked] .nd-state{background:none;color:var(--ink-soft);box-shadow:inset 0 0 0 1px #ffffff2e}
.nd[aria-pressed=true] .nd-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.net-tools{justify-content:flex-start}
.net-tools button{min-width:42px}
.net-search input{min-height:42px;width:min(240px,60vw);padding:8px 14px;border-radius:999px;background:var(--surface-2);font-size:14px}
.net-search input::placeholder{color:var(--ink-soft)}
.net-side{display:grid;gap:12px;align-content:start}
.net-label{font-size:13px;color:var(--ink-soft);line-height:1.45}
.net-now,.net-card{padding:16px;border-radius:14px;background:#0c0c0e}
.net-now-title{font:600 19px/1.25 var(--display);letter-spacing:-.02em}
.net-now p+p,.net-now ul+p{margin-top:6px;font-size:14px;color:var(--ink-soft)}
.net-now .btn{margin-top:12px;min-height:44px;font-size:14px}
.net-sum{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;font-size:13px;color:var(--ink-soft)}
.net-sum li{padding:8px 10px;border-radius:10px;background:#ffffff0a}.net-sum b{display:block;font:600 22px var(--display);color:var(--ink)}
.nc-kind{display:inline-block;padding:2px 9px;border-radius:999px;background:#ffffff12;font-size:12px;font-weight:600;color:var(--ink-soft)}
.nc-kind[data-kind=agente]{background:var(--paper);color:var(--paper-ink)}.nc-kind[data-kind=pessoa]{box-shadow:inset 0 0 0 1px var(--ink);background:none;color:var(--ink)}
.net-card h3{font-size:24px;margin-top:8px}
.nc-role{font-size:14px;color:var(--ink-soft);margin-top:4px}
.net-card dl{display:grid;gap:10px;margin-top:12px;font-size:14px}
.net-card dt{font-size:12.5px;color:var(--ink-soft)}.net-card dd{margin-top:2px}
.net-card small{color:var(--ink-soft)}
.nc-link{text-decoration:underline;text-underline-offset:3px;text-align:left;padding-block:2px}
.nc-state[data-state=review]{color:var(--review)}.nc-state[data-state=fail]{color:#ff8f78}.nc-state[data-state=hold],.nc-state[data-state=run]{font-weight:600}
.net-follow{margin-top:12px}
.ev-fields{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin-top:4px;padding:10px 12px;border-radius:10px;background:#ffffff0a}
.ev-fields dt{color:var(--ink-soft)}.ev-fields dd{font:13px/1.5 var(--code);overflow-wrap:anywhere}
.ev-plan,.ev-checks{display:grid;gap:4px;margin-top:4px}
.ev-plan li,.ev-checks li{padding:5px 10px;border-radius:8px;background:#ffffff0d;font-size:13px}
.ev-plan{counter-reset:p}.ev-plan li::before{counter-increment:p;content:counter(p) '. ';color:var(--ink-soft)}
.ev-checks li::before{content:'✓ '}.ev-checks li.bad{color:var(--review)}.ev-checks li.bad::before{content:'✗ '}
.ev-box{margin-top:4px;padding:8px 10px;border-radius:8px;background:#ffffff12;font-size:13px}
.ev-error{background:#ff5a3c1f;color:#ffb4a3}
.ev-reply{margin-top:4px;padding:10px 12px;border-radius:12px 12px 12px 4px;background:var(--paper);color:var(--paper-ink);font-size:13.5px}
.net-groups{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.net-groups>p:not(.sr-only){grid-column:1/-1;color:var(--ink-soft)}
.net-groups details{padding:10px 12px;border-radius:12px;background:#0c0c0e}
.net-groups summary{cursor:pointer;font:600 15px var(--display);list-style-position:inside}
.net-groups summary span{color:var(--ink-soft);font:500 12px var(--code);margin-right:4px}
.net-groups .gst{font-style:normal;font:500 12px var(--text);color:var(--ink-soft);margin-left:6px}
.net-groups ol{display:grid;gap:4px;margin-top:8px}
.net-groups li button{display:grid;grid-template-columns:1fr auto;gap:0 8px;width:100%;padding:7px 8px;border-radius:8px;text-align:left}
.net-groups li button:hover{background:#ffffff0a}
.net-groups b{font-weight:600}.net-groups .kind{grid-column:1;color:var(--ink-soft);font-size:12px}
.net-groups .st{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;font-weight:600}
.net-groups [data-state=idle] .st{color:var(--ink-soft);font-weight:400}
.net-groups .is-current button{background:#1d1d21;box-shadow:inset 0 0 0 1.5px var(--ink)}
.net-groups [data-state=review] .st{color:var(--review)}.net-groups [data-state=fail] .st{color:#ff8f78}
.net-out{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:12px;margin-top:14px;align-items:start}
@media(prefers-reduced-motion:reduce){.tile,.tile-art img,.nd,.net-links path{transition:none}.tile::before,.panel.is-entering{animation:none!important}}

/* ---------- Processo: um campo claro, a barra de três dias ---------- */
.process{margin-top:clamp(96px,10vw,160px);padding-block:clamp(72px,8vw,120px) clamp(64px,7vw,112px);background:var(--paper);color:var(--paper-ink)}
/* processo: um artefato que muda de forma a cada etapa, em uma moldura grafite sobre o papel */
.pr-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 64px;align-items:end}
.pr-head .lead{color:#3c3b37}
.pr{display:grid;grid-template-columns:minmax(240px,3fr) minmax(0,9fr);gap:18px 32px;margin-top:clamp(32px,4vw,56px)}
.pr-setup{display:grid;gap:18px;align-content:start}
.pr-name{display:grid;gap:6px;font-size:14px;color:#4a4945}
.pr-name input{min-height:46px;padding:10px 14px;border-radius:12px;background:#fff;color:var(--paper-ink);box-shadow:inset 0 0 0 1px #0b0b0c26;font-size:16px}
.pr-type{border:0;min-width:0}.pr-type legend{font-size:14px;color:#4a4945;margin-bottom:8px}
.pr-type div{display:flex;flex-wrap:wrap;gap:6px}
.pr-type button,.pr-btn{min-height:42px;padding:8px 15px;border-radius:999px;background:#0b0b0c12;color:var(--paper-ink);font-size:14px;transition:background .15s,color .15s}
.pr-type button:hover,.pr-btn:hover:not(:disabled){background:#0b0b0c22}
.pr-type [aria-pressed=true]{background:var(--paper-ink);color:var(--paper)}
.pr-btn:disabled{opacity:.35;cursor:default}
.pr-local{font-size:13px;color:#5a5955}
.pr-steps{grid-column:1;display:grid;gap:4px;align-content:start}
.pr-steps li{list-style:none}
.pr-steps button{display:grid;width:100%;padding:10px 14px;border-radius:12px;text-align:left;font:600 16px var(--display);letter-spacing:-.01em;color:#6b6a65;transition:background .2s,color .2s}
.pr-steps small{font:500 12px var(--text);letter-spacing:0;color:#7a7974}
.pr-steps .is-done{color:var(--paper-ink)}
.pr-steps [aria-current=step]{background:var(--paper-ink);color:var(--paper)}.pr-steps [aria-current=step] small{color:#b9b8b3}
.pr-stage{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);grid-template-rows:1fr auto;gap:18px 28px;align-items:center;padding:clamp(16px,2vw,28px);border-radius:24px;background:#0b0b0c;color:var(--ink)}
.pr-art{grid-row:1/span 2;min-height:clamp(300px,30vw,420px);display:grid;place-items:center;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#1c1c20,#0e0e10 70%);overflow:hidden;padding:24px 34px 34px 24px}
.pr-art.is-in>*{animation:pr-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes pr-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
.pr-text h3{font-size:clamp(28px,2.6vw,42px);letter-spacing:-.035em;margin-top:6px}
.pr-text p:last-child{margin-top:10px;color:#cfcec9}
.pr-day{font:500 13px var(--code);color:var(--ink-soft)}
.pr-nav{display:flex;align-items:center;gap:10px}
.pr-nav .pr-btn{background:#ffffff14;color:var(--ink)}
.pr-nav .pr-next{background:var(--ink);color:var(--bg)}
.pr-bar{flex:1;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.pr-bar i{display:block;height:100%;background:var(--ink);transition:width .4s}
.pr-scope{grid-column:1/-1;font-size:14px;color:#4a4945;max-width:80ch}
/* artefatos */
.a-chat{display:grid;gap:8px;justify-items:start;max-width:340px}
.a-bub{padding:14px 18px;border-radius:18px 18px 18px 4px;background:var(--paper);color:var(--paper-ink);font-size:16px}
.a-meta{font-size:12px;color:var(--ink-soft)}
.a-doc{width:min(360px,100%);padding:20px;border-radius:14px;background:#f4f3ef;color:var(--paper-ink);box-shadow:0 20px 50px #0008}
.a-h{font:600 18px var(--display);letter-spacing:-.02em;margin-bottom:12px}
.a-doc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}.a-doc dt{color:#6b6a65}
.a-checks{display:grid;gap:6px;font-size:14px}.a-checks li{list-style:none;padding:8px 10px;border-radius:8px;background:#0b0b0c0d}.a-checks li::before{content:'\2713  ';font-weight:700}
.a-page{position:relative;display:grid;gap:10px;width:min(440px,100%);aspect-ratio:16/11;padding:16px;border-radius:12px;background:#f4f3ef;color:var(--paper-ink);box-shadow:0 20px 50px #0008;align-content:start}
.a-page.is-wire{background:#16161a;box-shadow:inset 0 0 0 1px #ffffff2e}
.a-page.is-wire i{display:block;border-radius:5px;outline:1px dashed #ffffff59}
.a-page.is-wire .a-nav{height:14px}.a-page.is-wire .a-title{height:34px;width:78%}.a-page.is-wire .a-line{height:10px;width:55%}.a-page.is-wire .a-cta{height:26px;width:34%}
.a-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.a-page.is-wire .a-cards i{height:54px}
.a-page.is-ui .a-nav{display:flex;justify-content:space-between;font-size:13px}.a-page.is-ui .a-nav em{font-style:normal;padding:3px 10px;border-radius:999px;background:var(--paper-ink);color:var(--paper)}
.a-page.is-ui .a-title{font:600 clamp(20px,2vw,26px)/1.1 var(--display);letter-spacing:-.03em;max-width:15ch}
.a-page.is-ui .a-line{font-size:13px;color:#5a5955}
.a-page.is-ui .a-cta{justify-self:start;padding:8px 14px;border-radius:999px;background:var(--paper-ink);color:var(--paper);font-size:13px;font-weight:600}
.a-page.is-ui .a-cards i{font-style:normal;padding:12px 10px;border-radius:8px;background:#0b0b0c0d;font-size:12px;font-weight:600}
.a-phone{position:absolute;right:-14px;bottom:-18px;display:grid;gap:6px;align-content:start;width:30%;aspect-ratio:9/17;padding:10px 8px;border-radius:14px;background:#f4f3ef;box-shadow:0 0 0 5px #1b1b1e,0 14px 30px #0009;font-size:10px}
.a-phone i{display:block;height:10px;border-radius:3px;background:#0b0b0c1a}.a-phone i+i{height:30px}
.a-url{justify-self:start;padding:4px 10px;border-radius:999px;background:#0b0b0c12;font:500 12px var(--code)}
.a-badge{justify-self:start;padding:5px 12px;border-radius:999px;background:#0b0b0c;color:var(--ink);font-size:12px;font-weight:600}
.a-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:420px}
.a-flow span{padding:10px 14px;border-radius:12px;background:#f4f3ef;color:var(--paper-ink);font-weight:600;font-size:14px}
.a-flow i{width:22px;height:2px;background:var(--ink)}
.a-office{display:grid;gap:8px;width:min(360px,100%)}
.a-office span{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:#f4f3ef;color:var(--paper-ink);font-size:14px}.a-office i{font-style:normal;color:#5a5955}
.a-dev p:not(.a-h){color:#5a5955;margin-bottom:12px}
@media(max-width:900px){.pr-head,.pr{grid-template-columns:minmax(0,1fr)}.pr-steps{grid-column:auto;display:flex;flex-wrap:wrap;gap:6px}.pr-steps li{flex:1 1 auto}.pr-steps button{white-space:nowrap}.pr-stage{grid-column:auto;grid-row:auto;grid-template-columns:1fr;grid-template-rows:auto}.pr-art{grid-row:auto;min-height:280px}}
@media(prefers-reduced-motion:reduce){.pr-art.is-in>*{animation:none}.pr-bar i{transition:none}}

/* ---------- Dúvidas: perguntas grandes, respostas sempre abertas ---------- */
.faq{padding-top:clamp(80px,9vw,140px)}
.faq-list{margin-top:24px}
.faq-list>div{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,6vw,120px);padding-block:clamp(28px,3.4vw,44px)}
.faq-list dt{font:500 clamp(24px,2.4vw,38px)/1.12 var(--display);letter-spacing:-.035em}
.faq-list dd{font-size:var(--s-body);line-height:1.6;max-width:44ch;padding-top:6px}

/* ---------- Contato ---------- */
.contact{padding-block:var(--gap)}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,120px);align-items:start}
.contact-copy .lead{margin-top:28px}
.contact-links{display:grid;gap:10px;margin-top:36px;font-size:var(--s-lead)}
.contact-links a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;width:fit-content}
.lead-form{display:grid;gap:16px;padding:clamp(22px,3vw,40px);border-radius:22px;background:var(--surface)}
.lead-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lead-form label{display:grid;gap:8px;font-size:var(--s-small);font-weight:600}
.lead-form label span{font-weight:400;color:var(--ink-soft)}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-height:52px;padding:13px 16px;border-radius:12px;background:var(--surface-2);font-size:16px;font-weight:400}
.lead-form textarea{resize:vertical;min-height:110px}
.lead-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23f2f1ee' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px}
.lead-form .is-bad{box-shadow:inset 0 0 0 2px var(--alert)}
.lead-form .btn{justify-self:start}
.lead-msg{font-size:var(--s-small);min-height:1.4em}.lead-msg.is-err{color:#ff8f78}
.lead-form small{font-size:13px;color:var(--ink-soft)}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-form.is-done .btn{opacity:.5}

/* ---------- Rodapé: convite e o nome cortado ---------- */
.footer{overflow:hidden;background:var(--paper);color:var(--paper-ink);padding-top:clamp(72px,8vw,128px)}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.foot-invite{font:600 clamp(36px,4.4vw,72px)/1 var(--display);letter-spacing:-.05em;max-width:13ch;margin-bottom:28px}
.footer .btn-solid{background:var(--paper-ink);color:var(--paper)}.footer .btn-solid:hover{background:#2a2a2c}
.foot-top nav{display:grid;gap:10px;align-content:start;font-size:var(--s-body)}
.foot-top nav a:hover{text-decoration:underline;text-underline-offset:4px}
.foot-legal{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:72px;font-size:var(--s-small)}
.foot-legal button{text-decoration:underline;text-underline-offset:4px;font-size:var(--s-small)}
.foot-legal a{margin-left:auto}
.foot-word{font:700 clamp(96px,27vw,460px)/.8 var(--display);letter-spacing:-.07em;white-space:nowrap;transform:translateY(24%);margin-top:28px;color:var(--paper-ink)}

/* ---------- entrada das seções (só com script, ver main.js) ---------- */
.rv-on .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv-on .rv.in{opacity:1;transform:none}
.rv-on .lead.rv{transition-delay:.08s}

@media(max-width:1100px){
  .sol-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto 1fr;column-gap:16px}
  .tile-art{grid-row:1/4}.tile-name{margin-top:6px}.tile-foot{padding-top:10px}
  .nav-links{gap:20px;font-size:14px}


  .offer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .panel-head{grid-template-columns:1fr}.panel-actions{justify-content:flex-start}
  .net-main,.wall-frame{grid-template-columns:minmax(0,1fr)}
  .wall-frame>*,.net-main>*{min-width:0}
  .net-out{grid-template-columns:1fr 1fr}.net-out .crm{grid-column:1/-1}
  .nav-links,.nav-cta{display:none}
  .nav-toggle{display:block;margin-left:auto}
  .nav.is-open .nav-menu{display:grid;gap:4px;padding:12px var(--m) 28px;font:600 24px var(--display);letter-spacing:-.03em}
  .nav-menu a{padding:8px 0}.nav-menu .btn{margin-top:12px;font:600 16px var(--text);justify-self:start}
  .split-head,.contact-grid{grid-template-columns:1fr}
  .console-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  :root{--gap:96px}
  .sol-tiles{gap:10px}
  .tile{display:flex;padding:6px 6px 12px;border-radius:16px}
  .tile-art{border-radius:10px}
  .tile-name{font-size:18px;margin-top:10px;padding-inline:4px}
  .tile-line{font-size:13px;padding-inline:4px}
  .tile-foot{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 4px 0}
  .status{font-size:11.5px;padding:2px 8px}
  .panel-actions .btn{flex:1 1 auto}
  .net-bar{display:grid}.net-scen,.net-ctrl{display:grid;grid-template-columns:1fr 1fr}
  .net-ctrl .btn{grid-column:1/-1}.net-speed{justify-content:space-between;padding-left:12px;border-radius:999px;background:var(--surface-2)}.net-speed select{padding-inline:6px}
  .net-port{height:min(62svh,480px)}
  .net-main{display:flex;flex-direction:column}
  .net-out{grid-template-columns:1fr}
  .wall-scene{height:min(56svh,440px)}
  .console{padding:18px}
  .console-top .console-actions{width:100%}
  .pf-covers{grid-template-columns:1fr;gap:8px}.pf-cover{aspect-ratio:16/8}
  .pf-view{grid-template-columns:1fr}
  .console-table{max-height:none;background:none}
  .console table,.console tbody{display:block}
  .console thead{display:none}
  .console tr{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px 14px;margin-bottom:6px;border-radius:12px;background:var(--surface)}
  .console td{padding:0;border:0;white-space:normal}
  .console td:nth-child(1){color:var(--ink-soft)}.console td:nth-child(5){grid-column:2;grid-row:1;justify-self:end}
  .console td:nth-child(2),.console td:nth-child(4){font-size:13px;color:var(--ink-soft)}
  .console td:nth-child(3){grid-column:1/-1;font-weight:600}
  #console-rows tr:nth-child(n+7){display:none}
  .lead-form .btn,.offer .btn{width:100%;justify-self:stretch}
  .crm-cols{grid-template-columns:1fr}.crm-col{min-height:0}
  .hq-main{grid-template-columns:1fr}
  .hq-scene{height:min(64svh,500px);border-radius:18px}
  .hq-missions button{flex:1 1 auto}
  .hq-agents{gap:6px}.hq-agents button{min-height:40px;padding:8px 14px;font-size:14px}
  .foot-top nav{grid-template-columns:1fr 1fr;width:100%}
  .offer-grid{grid-template-columns:1fr;margin:40px 0 32px}
  .faq-list>div{grid-template-columns:1fr;gap:12px}
  .lead-row{grid-template-columns:1fr}

  .foot-legal a{margin-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.console tr.is-new td{animation:none}}