:root{--ap-bg: #111216;--ap-surface: #191a20;--ap-line: #2a2b33;--ap-texto: #c9cad0;--ap-muted: #9a9ba3;--ap-roxo: #a05cbf;--ap-verde: #00b189}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ap-bg);color:#fff;font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}.ap-mono{font-family:JetBrains Mono,ui-monospace,monospace}.ap-roxo{color:var(--ap-roxo)}.ap-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:640px){.ap-wrap{padding:0 24px}}.ap-inicio{min-height:100%;background-image:linear-gradient(#1a1b21 1px,transparent 1px),linear-gradient(90deg,#1a1b21 1px,transparent 1px);background-size:48px 48px;padding-bottom:48px}.ap-inicio__topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px;font-size:12px;color:var(--ap-muted)}.ap-inicio__topo img{height:28px;width:auto}.ap-inicio__intro{display:flex;flex-direction:column;gap:16px;max-width:760px;padding:32px 0 40px}.ap-inicio__intro .ap-mono{font-size:13px}.ap-inicio h1{margin:0;font-size:clamp(32px,5vw + 12px,60px);line-height:1.05;font-weight:800;letter-spacing:-.035em;text-wrap:balance}.ap-inicio__intro p{margin:0;font-size:16px;line-height:1.65;color:var(--ap-texto)}@media(min-width:900px){.ap-inicio__topo img{height:34px}.ap-inicio__intro{padding:64px 0 56px}.ap-inicio__intro p{font-size:18px}}.ap-cards{margin:0;padding:0;list-style:none;display:grid;gap:14px}@media(min-width:900px){.ap-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.ap-card{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:left;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:18px;cursor:pointer;transition:border-color .15s,transform .15s}.ap-card:hover,.ap-card:focus-visible{border-color:var(--ap-roxo);transform:translateY(-2px);outline:none}.ap-card__amostra{display:grid;grid-template-columns:3fr 2fr 2fr 1fr 1fr;height:72px;margin-bottom:8px;border-radius:10px;overflow:hidden;border:1px solid var(--ap-line)}.ap-card .ap-mono{font-size:13px}.ap-card__nome{font-size:24px;font-weight:700;letter-spacing:-.02em}.ap-card__texto{font-size:15px;line-height:1.55;color:var(--ap-texto)}.ap-card__abrir{margin-top:auto;padding-top:10px;font-weight:600;color:var(--ap-verde)}@media(min-width:640px){.ap-card{padding:28px}.ap-card__amostra{height:96px}}.ap-atalhos{display:none;margin:32px 0 0;font-size:12px;color:var(--ap-muted)}@media(min-width:900px){.ap-atalhos{display:block}}kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid var(--ap-line);border-bottom-width:2px;border-radius:5px;text-align:center;color:#fff;font-family:inherit}.ap-visualizador{height:100vh;height:100dvh;display:flex;flex-direction:column}.ap-menu{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;background:#0b0c0f;border-bottom:1px solid var(--ap-line)}.ap-menu__inicio{display:flex;align-items:center;gap:8px;height:40px;padding:0 8px;background:none;border:0;border-radius:10px;cursor:pointer}.ap-menu__inicio:hover{background:var(--ap-surface)}.ap-menu__inicio img{width:24px;height:auto}.ap-menu__inicio span{display:none;font-size:14px;font-weight:600}.ap-segmentos{flex:1;display:flex;padding:3px;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:12px}.ap-segmentos button{flex:1;min-height:36px;padding:0 10px;background:none;border:0;border-radius:9px;font-size:13px;font-weight:600;color:var(--ap-muted);white-space:nowrap;cursor:pointer}.ap-segmentos button .ap-mono{display:none;font-weight:400;color:var(--ap-roxo)}.ap-segmentos button:hover{color:#fff}.ap-segmentos button[aria-selected=true],.ap-segmentos button[aria-pressed=true]{background:var(--ap-roxo);color:#fff}.ap-segmentos button[aria-selected=true] .ap-mono{color:#fff}.ap-menu__direita{width:100%;display:flex;align-items:center;gap:8px}.ap-segmentos--tela{display:none}.ap-headline{flex:1;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 4px 0 12px;background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:12px;font-size:12px;color:var(--ap-muted)}.ap-headline select{flex:1;min-height:34px;background:none;border:0;font-size:13px;font-weight:600;cursor:pointer}.ap-headline option{background:var(--ap-surface)}@media(min-width:900px){.ap-menu{flex-wrap:nowrap;gap:12px;padding:8px 12px}.ap-menu__inicio span{display:inline}.ap-segmentos{flex:none}.ap-segmentos button{flex:none;padding:0 14px}.ap-segmentos button .ap-mono{display:inline}.ap-menu__direita{width:auto;margin-left:auto}.ap-segmentos--tela{display:flex}.ap-headline{flex:none}}.ap-palco{flex:1;min-height:0;display:flex;justify-content:center}.ap-frame{display:block;width:100%;height:100%;border:0;background:#fff}@media(min-width:900px){.ap-visualizador--celular .ap-palco{align-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#1d1e25,var(--ap-bg) 70%)}.ap-visualizador--celular .ap-frame{width:390px;height:min(844px,100%);border:10px solid #000;border-radius:44px;box-shadow:0 0 0 1px #3a3b42,0 30px 80px #0009}}