/* Duboss — site público. Direção: Raycast com a paleta do Duboss (Guia de marca 23/10/2026). Tema escuro fixo. */
:root{
  --fundo:#0A0A0A; --sup:#151515; --sup2:#1C1C1F; --texto:#FAFAFA; --texto2:#B8B8B8; --texto3:#7C7C84; --linha:#262626; --linha2:#333338;
  --roxo:#A77AFF; --roxo-forte:#9138FF; --roxo-fundo:#231A33; --verde:#65C6B9; --verde-fundo:#15302C;
  --atencao:#EDC16F; --erro:#FF8996; --ok:#79C5A2;
  --f:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --medida:62ch; --raio:16px; --raio-g:24px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 18px/1.6 var(--f);letter-spacing:-.005em;font-feature-settings:"cv11","ss01"}
a{color:var(--roxo);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:focus-visible,button:focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-weight:700;line-height:1.08;letter-spacing:-.03em;margin:0 0 .45em;text-wrap:balance}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}
h2{font-size:clamp(1.8rem,4vw,3rem)}
h3{font-size:1.25rem;letter-spacing:-.015em;margin-top:0}
p{margin:0 0 1em;max-width:var(--medida)}
.l{color:var(--texto2)}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
section{padding:6rem 0}
@media (max-width:720px){section{padding:4rem 0}}
.centro{text-align:center}
.centro p,.centro h1,.centro h2{margin-inline:auto}

/* topo */
.topo{position:sticky;top:0;z-index:5;background:rgba(10,10,10,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.marca{display:inline-flex;align-items:center;text-decoration:none}
.marca img{height:30px;width:auto;display:block}
.nav{display:flex;gap:1.5rem;align-items:center;font-size:.98rem}
.nav a{color:var(--texto2);text-decoration:none}
.nav a:hover{color:var(--texto)}
.nav .entrar{color:var(--texto);border:1px solid var(--linha2);padding:.42rem .95rem;border-radius:999px;background:var(--sup)}
.nav .entrar:hover{border-color:var(--roxo)}
@media (max-width:640px){.nav{gap:1rem;font-size:.92rem}.nav .oculta-cel{display:none}.marca img{height:26px}}

/* botões */
.botao{display:inline-flex;align-items:center;gap:.5rem;background:var(--roxo);color:#0A0A0A;font-weight:600;text-decoration:none;padding:.9rem 1.4rem;border-radius:999px;font-size:1.05rem;border:1px solid transparent}
.botao:hover{background:#B993FF}
.botao.contorno{background:var(--sup);color:var(--texto);border-color:var(--linha2)}
.botao.contorno:hover{border-color:var(--texto3);background:var(--sup2)}
.acoes{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.centro .acoes{justify-content:center}
.tecla{display:inline-block;font:500 .82rem/1 var(--f);padding:.3rem .5rem;border-radius:7px;background:var(--sup2);border:1px solid var(--linha2);border-bottom-width:2px;color:var(--texto2);vertical-align:middle}

/* hero */
.hero{padding:5.5rem 0 3rem;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:auto 0 0 0;height:70%;background:radial-gradient(60% 55% at 50% 100%,rgba(145,56,255,.28),transparent 70%);pointer-events:none}
.hero .wrap{position:relative}
.hero p.l{font-size:1.2rem;max-width:46ch}
.hero .sub{color:var(--texto3);font-size:1rem;margin-top:1.4rem}

/* objeto: conversa → cartão (recorre no site como o teclado da Raycast) */
.objeto{margin:3.5rem auto 0;max-width:620px;display:grid;gap:1.1rem;position:relative}
.objeto::after{content:"";position:absolute;inset:-40px;border-radius:40px;background:radial-gradient(50% 50% at 50% 60%,rgba(167,122,255,.18),transparent 70%);z-index:-1;filter:blur(10px)}
.bolha{background:#1E2B23;color:#F1F5F2;border-radius:20px 20px 6px 20px;padding:1rem 1.15rem;margin-left:auto;max-width:86%;font-size:1.05rem;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bolha .audio{display:flex;align-items:center;gap:.7rem;margin-bottom:.45rem}
.bolha .audio i{width:36px;height:36px;border-radius:50%;background:var(--verde);display:inline-grid;place-items:center;color:#0A0A0A;font-style:normal;font-size:.85rem;flex:none}
.bolha .audio b{flex:1;height:3px;border-radius:2px;display:block;background:linear-gradient(90deg,var(--verde) 0 58%,#3B4A42 58%)}
.bolha .audio span{font-size:.85rem;color:#9DB3A6}
.bolha q{quotes:"“" "”";color:#C9D6CE;font-size:.98rem}
.bolha time{display:block;text-align:right;font-size:.78rem;color:#9DB3A6;margin-top:.35rem}
.seta{text-align:center;color:var(--texto3);font-size:1.3rem;line-height:1}
.cartao{background:linear-gradient(180deg,#1A1A1F,#131316);border:1px solid var(--linha2);border-radius:var(--raio-g);padding:1.25rem 1.35rem;box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);text-align:left}
.cartao .tipo{font-size:.88rem;color:var(--roxo);font-weight:600;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}
.cartao .tipo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--roxo);box-shadow:0 0 12px var(--roxo)}
.cartao .titulo{font-weight:700;font-size:1.35rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:.7rem}
.cartao dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.2rem;margin:0 0 1rem;font-size:1rem}
.cartao dt{color:var(--texto3)}
.cartao dd{margin:0;color:var(--texto2)}
.cartao .b{display:flex;gap:.7rem}
.cartao .b span{flex:1;text-align:center;padding:.65rem .6rem;border-radius:12px;font-weight:600;font-size:1rem;border:1px solid var(--linha2);color:var(--texto2)}
.cartao .b .sim{background:var(--verde);color:#0A0A0A;border-color:var(--verde)}
.objeto.feito .cartao .tipo{color:var(--verde)}
.objeto.feito .cartao .tipo::before{background:var(--verde);box-shadow:0 0 12px var(--verde)}
.objeto.feito .cartao .b{display:none}

/* sensação: 4 chamadas ao redor do objeto */
.sensacao .grade{display:grid;grid-template-columns:1fr minmax(0,560px) 1fr;gap:2.5rem;align-items:center;margin-top:3rem}
.chamada{max-width:none}
.chamada b{display:block;font-size:1.1rem;margin-bottom:.25rem}
.chamada span{color:var(--texto2);font-size:1rem;display:block}
.chamada+.chamada{margin-top:2.6rem}
@media (max-width:960px){.sensacao .grade{grid-template-columns:1fr;gap:2rem}.sensacao .lado{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.chamada+.chamada{margin-top:0}}
@media (max-width:560px){.sensacao .lado{grid-template-columns:1fr}}

/* grade de tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.tile{background:var(--sup);border:1px solid var(--linha);border-radius:var(--raio);padding:1.3rem 1.3rem 1.4rem;min-height:170px;display:flex;flex-direction:column;gap:.5rem}
.tile:hover{border-color:var(--linha2)}
.tile .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--roxo-fundo);color:var(--roxo);font-size:1.05rem;margin-bottom:.4rem}
.tile b{font-size:1.08rem;letter-spacing:-.01em}
.tile span{color:var(--texto2);font-size:.98rem;line-height:1.45;max-width:none}
.tile.exemplo span{font-style:normal;color:var(--texto3)}
@media (max-width:960px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.tiles{grid-template-columns:1fr}}

/* painel: texto + mockup */
.dupla{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;align-items:center}
.dupla.inv{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.dupla.inv .txt{order:2}
@media (max-width:960px){.dupla,.dupla.inv{grid-template-columns:1fr;gap:2.5rem}.dupla.inv .txt{order:0}}
.moldura{background:var(--sup);border:1px solid var(--linha2);border-radius:var(--raio-g);padding:.6rem;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset;position:relative}
.moldura::before{content:"";position:absolute;inset:-60px;border-radius:60px;background:radial-gradient(50% 50% at 50% 50%,rgba(145,56,255,.14),transparent 70%);z-index:-1}
.painel{background:#0F0F11;border-radius:18px;overflow:hidden;font-size:.92rem}
.painel .barra{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--linha);color:var(--texto2)}
.painel .barra img{height:18px}
.painel .barra .pilulas{display:flex;gap:.4rem}
.painel .barra .pilulas span{padding:.25rem .65rem;border-radius:999px;border:1px solid var(--linha2);font-size:.8rem}
.painel .barra .pilulas .at{background:var(--roxo-fundo);color:var(--roxo);border-color:transparent}
.painel .corpo{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;padding:1rem}
.painel .col h4{margin:0 0 .6rem;font-size:.8rem;font-weight:600;color:var(--texto3);letter-spacing:0}
.painel .item{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .6rem;border-radius:10px;background:var(--sup);border:1px solid var(--linha);margin-bottom:.45rem}
.painel .item i{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--linha2);flex:none;margin-top:.15rem}
.painel .item i.ok{background:var(--verde);border-color:var(--verde)}
.painel .item .t{flex:1;line-height:1.3}
.painel .item .t small{display:block;color:var(--texto3);font-size:.78rem}
.painel .item .tag{font-size:.74rem;padding:.15rem .45rem;border-radius:6px;background:var(--roxo-fundo);color:var(--roxo);flex:none}
.painel .item .tag.tarde{background:#3A1E22;color:var(--erro)}
.painel .hora{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;padding:.45rem .6rem;border-radius:10px;border:1px solid var(--linha);margin-bottom:.45rem;font-size:.85rem}
.painel .hora b{font-weight:600;color:var(--texto2)}
.painel .hora span{color:var(--texto)}
.painel .caixa{border:1px dashed var(--linha2);border-radius:12px;padding:.7rem;text-align:center;color:var(--texto2);font-size:.85rem}
.painel .caixa b{color:var(--roxo);display:block;font-size:1.3rem;margin-bottom:.1rem}
.painel .chat{grid-column:1/-1;display:flex;gap:.6rem;align-items:center;padding:.6rem .7rem;border-top:1px solid var(--linha);color:var(--texto3)}
.painel .chat i{width:28px;height:28px;border-radius:50%;background:var(--roxo-fundo);display:inline-grid;place-items:center;color:var(--roxo);font-style:normal;font-size:.8rem}
.painel .chat span{flex:1;background:var(--sup);border:1px solid var(--linha);border-radius:999px;padding:.4rem .9rem}
@media (max-width:520px){.painel .corpo{grid-template-columns:1fr}}

/* espaços: linhas alternadas */
.linhas{display:grid;gap:4.5rem;margin-top:3rem}
.esp{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.esp:nth-child(even) .txt{order:2}
@media (max-width:860px){.esp,.esp:nth-child(even){grid-template-columns:1fr;gap:1.6rem}.esp:nth-child(even) .txt{order:0}}
.esp .txt h3{font-size:1.6rem;letter-spacing:-.025em}
.vitrine{background:var(--sup);border:1px solid var(--linha);border-radius:var(--raio-g);padding:1.4rem;display:grid;gap:.7rem}
.vitrine .cab{display:flex;align-items:center;justify-content:space-between;color:var(--texto2);font-size:.9rem;margin-bottom:.3rem}
.vitrine .cab b{color:var(--texto);font-size:1.05rem}
.vitrine .frente{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;border-radius:12px;background:var(--sup2);border:1px solid var(--linha)}
.vitrine .frente span{color:var(--texto3);font-size:.9rem}
.vitrine .pessoa{display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem;border-radius:12px}
.vitrine .pessoa i{width:32px;height:32px;border-radius:50%;background:var(--roxo-fundo);color:var(--roxo);display:inline-grid;place-items:center;font-style:normal;font-weight:600;font-size:.85rem}
.vitrine .pessoa em{margin-left:auto;font-style:normal;font-size:.85rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--linha2);color:var(--texto2)}
.vitrine .pessoa em.dono{color:var(--roxo);border-color:var(--roxo)}
.vitrine .pessoa em.le{color:var(--texto3)}

/* integrações */
.integra{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:2.2rem}
.integra span{padding:.7rem 1.1rem;border-radius:999px;background:var(--sup);border:1px solid var(--linha);color:var(--texto2);font-size:1rem}

/* preço */
.plano{background:var(--sup);border:1px solid var(--linha2);border-radius:var(--raio-g);padding:2.2rem;max-width:520px;margin:2.5rem auto 0;text-align:left;position:relative}
.plano::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(167,122,255,.6),transparent 40%,transparent 60%,rgba(101,198,185,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.plano .nome{color:var(--texto2);font-size:1rem}
.plano .valor{font-size:3.4rem;font-weight:700;letter-spacing:-.04em;line-height:1;margin:.3rem 0 .4rem}
.plano .valor small{font-size:1.05rem;color:var(--texto2);font-weight:400;letter-spacing:0}
.plano ul{margin:1.4rem 0 1.8rem;padding:0;list-style:none}
.plano li{padding:.45rem 0 .45rem 1.7rem;position:relative;color:var(--texto2)}
.plano li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:700}
.aviso{border-left:3px solid var(--atencao);padding:.7rem 1rem;background:var(--sup);border-radius:0 12px 12px 0;max-width:var(--medida);color:var(--texto2);font-size:1rem}

/* fechamento */
.fecho{padding:7rem 0 6rem;position:relative;overflow:hidden}
.fecho::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 0%,rgba(145,56,255,.22),transparent 70%);pointer-events:none}
.fecho .wrap{position:relative}

/* rodapé */
.pe{border-top:1px solid var(--linha);padding:3rem 0 3.5rem;font-size:.98rem}
.pe .wrap{display:grid;gap:2rem 3rem;grid-template-columns:1.4fr 1fr 1fr}
.pe p{margin:0 0 .5em;color:var(--texto2);max-width:36ch}
.pe nav a{display:block;margin:.3em 0;text-decoration:none;color:var(--texto2)}
.pe nav a:hover{color:var(--texto)}
.pe small{color:var(--texto3)}
@media (max-width:720px){.pe .wrap{grid-template-columns:1fr}}

/* páginas de texto (legais) */
.texto{width:min(720px,100% - 40px);margin-inline:auto;padding:4rem 0 5rem}
.texto h1{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:.25em}
.texto .data{color:var(--texto3);margin-bottom:2.4em;font-size:1rem}
.texto h2{font-size:1.5rem;margin-top:2.4em;letter-spacing:-.02em}
.texto h3{font-size:1.15rem;margin-top:1.8em}
.texto ul,.texto ol{padding-left:1.3em}
.texto li{margin:.4em 0;max-width:var(--medida);color:var(--texto)}
.texto table{border-collapse:collapse;width:100%;font-size:1rem;margin:1em 0 1.8em}
.texto th,.texto td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--linha);vertical-align:top}
.texto th{color:var(--texto3);font-weight:600}
.texto .sumario{background:var(--sup);border:1px solid var(--linha);border-radius:var(--raio);padding:1.3rem 1.5rem;margin-bottom:2.6rem}
.texto .sumario p{margin:0 0 .55em;color:var(--texto2)}
.texto .sumario p:last-child{margin:0}
.texto .contato{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.texto .contato div{background:var(--sup);border:1px solid var(--linha);border-radius:var(--raio);padding:1.2rem 1.3rem}
.texto .contato b{display:block;margin-bottom:.3rem}
@media (max-width:600px){.texto .contato{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){a,.botao,.tile{transition:color .15s,background .15s,border-color .15s}}

@media (max-width:720px){.hero h1 br{display:none}}

/* seletor de idioma */
.idiomas{display:inline-flex;border:1px solid var(--linha2);border-radius:999px;padding:.2rem;background:var(--sup)}
.idiomas a{color:var(--texto3);text-decoration:none;font-size:.82rem;font-weight:600;padding:.28rem .6rem;border-radius:999px;letter-spacing:.02em}
.idiomas a:hover{color:var(--texto)}
.idiomas a[aria-current="true"]{background:var(--sup2);color:var(--texto)}
.idiomas-pe a{color:var(--texto3);text-decoration:none;margin-right:1rem}
.idiomas-pe a[aria-current="true"]{color:var(--texto)}
.idiomas-pe a:hover{color:var(--texto)}
@media (max-width:640px){.idiomas a{padding:.26rem .45rem;font-size:.78rem}}