@font-face{font-family:"Bricolage";src:url(fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Instrument";src:url(fonts/instrument.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
 --ink:#0B1018;--ink-2:#141A26;--ink-3:#222A38;--paper:#F3F5F9;--white:#fff;
 --uv:#C94A06;--uv-soft:#FFEDE2;--orange:#FD5A06;--mint:#12B893;--amber:#FFB020;
 --text:#0B1030;--muted:#555C7D;--line:#DADDE9;--line-dark:rgba(255,255,255,.14);
 --display:"Bricolage","Segoe UI",system-ui,sans-serif;--body:"Instrument","Segoe UI",system-ui,sans-serif;
 --wrap:1200px;--r-lg:22px;--r-md:14px;--r-sm:9px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.55;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:650;line-height:1.04;letter-spacing:-.02em;margin:0;font-variation-settings:"opsz" 96}
h1{font-size:clamp(2.5rem,6.2vw,4.9rem)}
h2{font-size:clamp(2rem,4.2vw,3.3rem)}
h3{font-size:1.3rem;letter-spacing:-.01em;line-height:1.2;font-variation-settings:"opsz" 24}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.lede{font-size:1.2rem;color:var(--muted);max-width:60ch}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 1rem var(--body);padding:14px 22px;border-radius:999px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn-primary{background:var(--uv);color:#fff}
.btn-primary:hover{background:#A93D03}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:#fff}
.on-dark .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.on-dark .btn-ghost:hover{background:#fff;color:var(--ink)}

/* topo */
.top{position:sticky;top:0;z-index:50;background:rgba(244,245,249,.88);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:inline-flex;align-items:center;text-decoration:none;flex:none}
.logo img{height:32px;width:auto}
footer .logo img{height:30px}
.nav{display:flex;gap:18px;margin-left:auto}
.nav a{text-decoration:none;font-weight:500;font-size:.93rem;white-space:nowrap;color:var(--ink);padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--uv)}
.lang{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.lang button{font:600 .82rem var(--body);padding:7px 11px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.lang button[aria-pressed=true]{background:var(--ink);color:#fff}
.top .btn{padding:10px 18px;font-size:.93rem;white-space:nowrap}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;font:600 .95rem var(--body);color:var(--ink);cursor:pointer}

/* hero */
.hero{padding:64px 0 76px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center}
.hero h1{margin-bottom:22px}
.hero .lede{margin-bottom:30px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero-note{margin-top:26px;font-size:.93rem;color:var(--muted);max-width:52ch}

/* demonstração de marca */
.skin{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:0 30px 60px -30px rgba(11,16,48,.35)}
.skin-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:16px}
.skin-controls label{font-size:.86rem;font-weight:600;color:var(--muted);display:grid;gap:6px;flex:1 1 180px}
.skin-controls input[type=text]{font:600 1.05rem var(--body);padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper);width:100%}
.swatches{display:flex;gap:8px}
.swatches button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0}
.swatches button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}
.mock{--acc:#FD5A06;--acc-ink:#fff;background:#0A1230;border-radius:16px;color:#E8ECFA;font-size:13px}
.mock-bar{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#0E1840;border-bottom:1px solid rgba(255,255,255,.08)}
.mock-brand{font:800 1.25rem var(--display);letter-spacing:-.03em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.mock-brand span{color:var(--acc)}
.mock-nav{display:flex;gap:6px;margin-left:6px}
.mock-nav i{font-style:normal;padding:5px 9px;border-radius:8px;color:#AEB7D9;white-space:nowrap}
.mock-nav i:first-child{background:rgba(255,255,255,.08);color:#fff}
.mock-dep{margin-left:auto;background:var(--acc);color:var(--acc-ink);font-weight:700;padding:7px 12px;border-radius:9px;white-space:nowrap}
.mock-body{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;padding:14px}
.mock-match{background:#101B47;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px 12px;margin-bottom:10px}
.mock-match:last-child{margin-bottom:0}
.mock-meta{display:flex;justify-content:space-between;color:#8E99C4;font-size:11.5px;margin-bottom:7px}
.mock-meta .live{color:#FF6B81;font-weight:700}
.mock-teams{font-weight:600;color:#fff;margin-bottom:9px}
.mock-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mock-odds b{background:#0A1230;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 4px;text-align:center;font-weight:700;color:#fff}
.mock-odds b small{display:block;font-weight:500;color:#8E99C4;font-size:10.5px}
.mock-odds b.sel{background:var(--acc);color:var(--acc-ink);border-color:transparent}
.mock-odds b.sel small{color:inherit;opacity:.8}
.mock-slip{background:#101B47;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.mock-slip h4{margin:0;font:700 14px var(--body);color:#fff}
.mock-slip p{display:flex;justify-content:space-between;color:#AEB7D9}
.mock-slip p b{color:#fff}
.mock-slip .ret b{color:#3EE0B5}
.mock-slip .go{margin-top:auto;background:var(--acc);color:var(--acc-ink);font-weight:700;text-align:center;padding:9px;border-radius:9px}
.skin-cap{margin-top:12px;font-size:.86rem;color:var(--muted)}

/* ficha técnica */
.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.facts dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.facts dl div{padding:26px 24px;border-left:1px solid var(--line)}
.facts dl div:first-child{border-left:0;padding-left:0}
.facts dt{font:700 2.3rem var(--display);letter-spacing:-.03em;line-height:1}
.facts dd{margin:8px 0 0;color:var(--muted);font-size:.95rem}

/* seções */
.sec{padding:96px 0}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:44px}
.sec-head .lede{justify-self:end}
.dark{background:var(--ink);color:#fff}
.dark .lede,.dark .muted{color:#B3B9C6}
.dark h3{color:#fff}

/* índice de módulos */
.modules{border-top:2px solid var(--ink)}
.modules a{display:grid;grid-template-columns:230px 1fr auto;gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.modules a strong{font:700 1.35rem var(--display);letter-spacing:-.015em}
.modules a span{color:var(--muted)}
.modules a em{font-style:normal;font-weight:600;color:var(--uv);white-space:nowrap}
.modules a:hover strong{color:var(--uv)}

/* visualizador de telas */
.viewer{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs button{font:600 .93rem var(--body);padding:9px 15px;border-radius:999px;border:1.5px solid var(--line-dark);background:transparent;color:#C9CED8;cursor:pointer}
.tabs button[aria-selected=true]{background:#fff;color:var(--ink);border-color:#fff}
.light .tabs button{border-color:var(--line);color:var(--muted)}
.light .tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.frame{border-radius:var(--r-md);overflow:hidden;background:#0D1119;border:1px solid var(--line-dark);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.light .frame{border-color:var(--line);box-shadow:0 40px 70px -40px rgba(11,16,48,.45)}
.frame-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1A202C;color:#9AA1AE;font-size:.8rem}
.frame-bar i{width:9px;height:9px;border-radius:50%;background:#3A4276}
.frame-bar span{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frame img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.viewer figcaption{color:#B3B9C6;font-size:.97rem;max-width:75ch;min-height:3.1em}
.light .viewer figcaption{color:var(--muted)}
figure{margin:0}

.split{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:44px;align-items:start}
.feats{list-style:none;margin:0;padding:0;display:grid;gap:0}
.feats li{padding:16px 0;border-top:1px solid var(--line-dark)}
.feats li:first-child{border-top:0;padding-top:0}
.light .feats li{border-color:var(--line)}
.feats strong{display:block;font:700 1.08rem var(--display);letter-spacing:-.01em;margin-bottom:3px}
.feats span{color:#B3B9C6;font-size:.97rem}
.light .feats span{color:var(--muted)}

.phones{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:64px}
.phones figure{display:grid;gap:12px}

.phones figcaption{color:#B3B9C6;font-size:.93rem}

/* jogos */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.filter button{font:600 .93rem var(--body);padding:9px 15px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
.filter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.games{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:72px}
.games img{border-radius:12px;width:100%;aspect-ratio:3/4;object-fit:cover}
.games li{list-style:none}
.games{padding:0;margin-top:0}
.games li[hidden]{display:none}

/* crescimento */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.duo figure{display:grid;gap:14px}
.grow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:56px;border-top:2px solid var(--ink)}
.grow-list div{padding:22px 0;border-bottom:1px solid var(--line)}
.grow-list h3{margin-bottom:6px}
.grow-list p{color:var(--muted);font-size:.98rem}

/* passos */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;margin:0;list-style:none}
.steps li{counter-increment:s;border-top:2px solid #fff;padding-top:18px}
.steps li::before{content:counter(s);font:700 3.2rem var(--display);line-height:1;display:block;margin-bottom:14px;color:#FF8A4C}
.steps h3{margin-bottom:8px}
.steps p{color:#B3B9C6;font-size:.98rem}

/* integrações */
.integr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--ink);margin-top:8px}
.integr div{padding:22px 24px 22px 0;border-bottom:1px solid var(--line)}
.integr h3{font-size:1.05rem;margin-bottom:6px}
.integr p{color:var(--muted);font-size:.96rem}

/* contato */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.form{background:#fff;border-radius:var(--r-lg);padding:28px;color:var(--ink);display:grid;gap:14px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.form input,.form textarea,.form select{font:500 1rem var(--body);padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:100%}
.form textarea{min-height:110px;resize:vertical}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form small{color:var(--muted)}
.form-msg{font-weight:600;color:#B3261E}

footer{background:#070A10;color:#9AA1AE;padding:44px 0;font-size:.92rem}
footer .wrap{display:grid;gap:14px}
footer .logo{color:#fff}
footer p{max-width:90ch}

/* ===================== movimento e 3D ===================== */
.progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--orange);transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none}
.top{transition:box-shadow .3s}
.top.scrolled{box-shadow:0 10px 30px -18px rgba(11,16,48,.45)}
.btn-primary{position:relative;overflow:hidden;isolation:isolate}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-120%);z-index:-1}


/* fundo vivo do topo */
.hero{position:relative}
.hero>.wrap{position:relative;z-index:1}
.aurora{position:absolute;inset:-10% -5% 0;pointer-events:none;overflow:hidden;z-index:0}
.aurora i{position:absolute;border-radius:50%;filter:blur(100px);opacity:.22;will-change:transform}
.aurora i:nth-child(1){width:46vw;height:46vw;right:-6vw;top:-8vw;background:#FFB48A;animation:drift1 19s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:34vw;height:34vw;right:22vw;top:18vw;background:#FFD6BD;opacity:.22;animation:drift2 23s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:26vw;height:26vw;right:2vw;top:22vw;background:#C9D3EE;opacity:.3;animation:drift3 17s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate3d(-9vw,6vw,0) scale(1.15)}}
@keyframes drift2{to{transform:translate3d(10vw,-7vw,0) scale(.85)}}
@keyframes drift3{to{transform:translate3d(-12vw,-4vw,0) scale(1.25)}}

/* título do topo: as palavras sobem girando */
.hero h1 .w{display:inline-block;transform-origin:50% 100%;opacity:0;transform:perspective(700px) rotateX(-75deg) translateY(.35em);animation:wordIn .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*55ms + 80ms)}
@keyframes wordIn{to{opacity:1;transform:none}}

/* demonstração de marca em 3D */
.stage3d{perspective:1500px;perspective-origin:50% 40%}
.motion .skin{transform-style:preserve-3d;transform:rotateX(var(--rx,6deg)) rotateY(var(--ry,-12deg));will-change:transform;position:relative;animation:skinIn 1.3s cubic-bezier(.2,.8,.2,1) both}
@keyframes skinIn{from{opacity:0;transform:rotateX(18deg) rotateY(-38deg) translate3d(80px,40px,-260px)}}
.motion .skin::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(520px circle at var(--gx,70%) var(--gy,10%),rgba(255,255,255,.55),transparent 55%);mix-blend-mode:soft-light;transform:translateZ(1px)}
.motion .skin::before{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:60px;border-radius:50%;background:rgba(11,16,48,.32);filter:blur(26px);transform:translateZ(-80px)}
.motion .skin-controls{transform:translateZ(28px);transform-style:preserve-3d}
.motion .mock{transform:translateZ(46px);transform-style:preserve-3d;overflow:visible;box-shadow:0 30px 50px -24px rgba(11,16,48,.55)}
.mock-bar{border-radius:16px 16px 0 0}
.motion .mock-body,.motion .mock-body>div,.motion .mock-match,.motion .mock-odds{transform-style:preserve-3d}
.motion .mock-slip{transform:translateZ(34px);box-shadow:0 18px 30px -14px rgba(0,0,0,.6)}
.motion .mock-odds b.sel{transform:translateZ(26px);box-shadow:0 10px 18px -8px rgba(0,0,0,.6)}
.motion .mock-dep{transform:translateZ(20px)}
.motion .skin-cap{transform:translateZ(14px)}
.mock-odds b,.mock-dep,.mock-slip .go,.mock-brand span{transition:background-color .5s,color .5s}

/* entradas ao rolar */
.motion .rv{opacity:0;transform:translate3d(0,28px,0)}
.motion .rv.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*70ms)}
.motion .rv-clip{clip-path:inset(0 0 100% 0);transform:translate3d(0,34px,0)}
.motion .rv-clip.in{clip-path:inset(-10% -5% -15% -5%);transform:none;transition:clip-path 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.motion .steps li{border-top-color:transparent;position:relative}
.motion .steps li::after{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition:transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*140ms)}
.motion .steps li.in::after{transform:scaleX(1)}

/* telas que "levantam" em perspectiva */
.motion .viewer,.motion .duo figure{perspective:1700px}
.motion [data-s3d]{will-change:transform;transform-origin:50% 100%}
.motion [data-img-out].swap{animation:swap .55s cubic-bezier(.2,.7,.2,1)}
@keyframes swap{from{opacity:0;transform:perspective(1200px) rotateY(9deg) translateX(34px) scale(.985)}}
.motion .phones{perspective:1500px}
.motion .phones figure{will-change:transform;transform-style:preserve-3d}

/* luz que segue o ponteiro nas seções escuras */
.dark{position:relative;overflow:hidden}
.dark>.wrap{position:relative;z-index:1}
.motion .dark::before{content:"";position:absolute;inset:0;background:radial-gradient(640px circle at var(--mx,70%) var(--my,0%),rgba(253,90,6,.13),transparent 60%);pointer-events:none;transition:opacity .4s}

/* carrossel 3D dos jogos */
.ring-wrap{position:relative;height:400px;margin:-8px 0 44px;perspective:1300px;perspective-origin:50% 42%;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.ring-wrap:active{cursor:grabbing}
.ring{position:absolute;left:50%;top:58px;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.ring img{position:absolute;left:-83px;top:0;width:166px;max-width:none;height:auto;aspect-ratio:3/4;border-radius:14px;backface-visibility:hidden;box-shadow:0 26px 40px -18px rgba(11,16,48,.55);-webkit-user-drag:none}
.ring-wrap::after{content:"";position:absolute;left:18%;right:18%;bottom:6px;height:38px;border-radius:50%;background:rgba(11,16,48,.22);filter:blur(22px)}
.ring-hint{text-align:center;color:var(--muted);font-size:.9rem;margin:-30px 0 34px}

/* cartas dos jogos inclinam sob o ponteiro */
.games{perspective:1000px}
.motion .games li{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;border-radius:12px}
.motion .games li.tilting{transition:transform .08s linear}
.motion .games li::after{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(220px circle at var(--sx,50%) var(--sy,0%),rgba(255,255,255,.35),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.motion .games li:hover::after{opacity:1}
.motion .games li:hover{z-index:2}
.facts dt{font-variant-numeric:tabular-nums}

@media (max-width:640px){
 .ring-wrap{height:300px;perspective:900px}
 .ring{top:44px}
 .ring img{width:118px;left:-59px}
 .aurora i{filter:blur(60px)}
}
@media (prefers-reduced-motion:reduce){
 .aurora i,.hero h1 .w{animation:none}.hero h1 .w{opacity:1;transform:none}
 .ring-wrap,.ring-hint,.progress{display:none}
}

/* ===================== temas ===================== */
.themes-sec{background:#fff}
.themes{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:start}
.theme-list{display:grid;gap:4px;border-top:1px solid var(--line)}
.theme-list button{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 10px 14px 4px;font:inherit;color:var(--text);cursor:pointer;border-radius:0;position:relative}
.theme-list button::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--uv);transform:scaleY(0);transition:transform .25s}
.theme-list button[aria-checked=true]::before{transform:scaleY(1)}
.theme-list strong{display:block;font:650 1.04rem var(--display);letter-spacing:-.01em}
.theme-list small{display:block;color:var(--muted);font-size:.9rem;line-height:1.4;margin-top:2px}
.theme-list button:hover strong{color:var(--uv)}
.sw{display:inline-flex;width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line);transform:rotate(-45deg)}
.sw i{flex:1;background:var(--b)}.sw i+i{background:var(--a)}
.theme-stage{position:relative;padding-bottom:40px;perspective:1600px}
.theme-tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;margin-bottom:14px;background:var(--paper)}
.theme-tabs button{font:600 .9rem var(--body);border:0;background:none;color:var(--muted);padding:7px 16px;border-radius:999px;cursor:pointer}
.theme-tabs button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(11,16,48,.15)}
.theme-laptop{margin-right:90px}
.theme-desk img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.iphone.theme-phone{position:absolute;right:0;bottom:0;width:200px}
.motion .theme-phone{transform:rotateY(-14deg) rotateX(4deg) translateZ(40px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.motion .theme-stage:hover .theme-phone{transform:rotateY(-6deg) rotateX(2deg) translateZ(60px)}
.motion .theme-swap{animation:themeSwap .6s cubic-bezier(.2,.7,.2,1)}
@keyframes themeSwap{from{opacity:.25;filter:saturate(.3) blur(3px)}}
.themes-note{margin-top:24px;color:var(--muted);font-size:.95rem;max-width:80ch}

.wf{width:58px;height:40px;flex:none;fill:var(--uv-soft);stroke:var(--uv);stroke-width:1.1;border-radius:6px;background:#fff;padding:3px;box-shadow:0 0 0 1px var(--line)}
.theme-list button[aria-checked=true] .wf{fill:var(--uv);stroke:var(--uv);fill-opacity:.25}
.palettes{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);transition:opacity .3s}
.palettes p{font-size:.95rem;color:var(--muted)}.palettes p strong{color:var(--ink);margin-right:4px}
.palettes.dim{opacity:.6}
.pal-row{display:flex;flex-wrap:wrap;gap:8px}
.pal-row button{display:inline-flex;align-items:center;gap:8px;font:600 .9rem var(--body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 5px;cursor:pointer}
.pal-row button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.pal-row .sw{width:26px;height:26px}

/* ===================== aparelhos ===================== */
/* notebook: tampa de alumínio, moldura preta fina, tela com cantos arredondados no topo, dobradiça e base */
.laptop{position:relative;padding:0 5.2%}
.laptop .frame,.laptop .theme-desk{position:relative;border:0;overflow:visible;border-radius:3.2%/5.1%;padding:1.45% 1.45% 2.2%;background:#060607;
 box-shadow:0 0 0 1.5px #b9bcc2,0 0 0 2.5px #8d9096,inset 0 0 0 1px #1d1e21,0 60px 80px -55px rgba(5,8,14,.8)}
.laptop .frame>img,.laptop .theme-desk>img{display:block;border-radius:1.6%/2.6% 1.6%/2.6% 0 0;width:100%}
.laptop .frame::after,.laptop .theme-desk::after{content:"";position:absolute;inset:1.45% 1.45% 2.2%;border-radius:1.6%/2.6% 1.6%/2.6% 0 0;pointer-events:none;
 background:linear-gradient(118deg,rgba(255,255,255,.075) 0,rgba(255,255,255,.02) 34%,transparent 34.2%)}
.laptop-base{position:relative;margin:0 -5.6%;height:0;padding-bottom:2.15%;border-radius:0 0 46% 46%/0 0 100% 100%;
 background:linear-gradient(180deg,#e9ebee 0,#d3d6db 22%,#b9bdc3 60%,#8f939a 100%);
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px rgba(0,0,0,.25),0 26px 32px -20px rgba(5,8,14,.6)}
.laptop-base::before{content:"";position:absolute;left:50%;top:0;width:13.5%;height:46%;transform:translateX(-50%);border-radius:0 0 14px 14px/0 0 100% 100%;
 background:linear-gradient(180deg,#a3a7ae,#c7cad0);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.laptop-base::after{content:"";position:absolute;left:5.6%;right:5.6%;top:-2px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#2b2c30,#55575c)}
/* celular: moldura com espessura igual em volta toda (medida pela largura do aparelho), aro de titânio e botões laterais */
.iphone{position:relative;container-type:inline-size}
.iphone .scr{position:relative;background:#000;padding:3.1cqw;border-radius:16.5cqw;
 box-shadow:0 0 0 1px #3c3d42,0 0 0 2.5px #74767c,0 0 0 3.5px #2a2b2f,0 40px 60px -26px rgba(5,8,14,.75)}
.iphone .scr img{display:block;width:100%;height:auto;aspect-ratio:585/1266;object-fit:cover;border:0;border-radius:13.4cqw}
.iphone::before{content:"";position:absolute;right:-5px;top:25%;width:3px;height:11%;border-radius:0 3px 3px 0;background:#5f6166}
.iphone::after{content:"";position:absolute;left:-5px;top:16%;width:3px;height:4%;border-radius:3px 0 0 3px;background:#5f6166;box-shadow:0 7cqw 0 #5f6166,0 19cqw 0 #5f6166,0 31cqw 0 #5f6166}
.phones figure .iphone{width:100%}

/* ===================== marketplace ===================== */
.market-sec{background:var(--paper);position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* pacotes sugeridos */
.mp-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}
.mp-pack{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:14px;position:relative}
.mp-pack.feat{border-color:var(--ink);box-shadow:0 24px 40px -30px rgba(11,16,24,.5)}
.mp-pack .tag{position:absolute;top:-11px;left:22px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px}
.mp-pack h3{font-size:1.25rem}
.mp-pack p{color:var(--muted);font-size:.95rem}
.mp-pack .n{font:650 2rem var(--display);letter-spacing:-.02em;line-height:1}
.mp-pack .n small{font:500 .9rem var(--body);color:var(--muted);margin-left:6px;letter-spacing:0}
.mp-pack ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.mp-pack li{font-size:.8rem;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--ink)}
.mp-pack .btn{margin-top:auto;padding:11px 18px;font-size:.93rem}
.mp-pack .btn.on{background:var(--ink);border-color:var(--ink);color:#fff}

/* grade + proposta */
.mp-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.mp-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.mp-cats{display:flex;flex-wrap:wrap;gap:6px}
.mp-cats button{font:600 .88rem var(--body);padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.mp-cats button span{font-weight:500;color:#9AA1AE;font-size:.82rem}
.mp-cats button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.mp-cats button[aria-pressed=true] span{color:#B3B9C6}
.mp-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px;max-width:420px}
.mp-search svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
.mp-search input{border:0;background:none;font:500 .95rem var(--body);padding:11px 0;color:var(--ink);width:100%;outline:none}
.mp-search:focus-within{box-shadow:0 0 0 3px rgba(201,74,6,.2);border-color:var(--uv)}
.mp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-content:start;transition:border-color .2s,box-shadow .2s}
.mp-card:hover{border-color:#C3C8D2;box-shadow:0 16px 30px -24px rgba(11,16,24,.45)}
.mp-card[hidden]{display:none}
.mp-card.on{border-color:var(--uv);box-shadow:0 0 0 1px var(--uv)}
.mp-ic{width:42px;height:42px;border-radius:11px;background:var(--uv-soft);display:grid;place-items:center;flex:none;grid-row:span 2}
.mp-ic svg{width:22px;height:22px;fill:none;stroke:var(--uv);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mp-ic-lg{width:52px;height:52px;border-radius:14px}.mp-ic-lg svg{width:26px;height:26px}
.mp-card h3{font-size:1.06rem;align-self:end}
.mp-card .cat{font-size:.8rem;color:var(--muted);font-weight:600}
.mp-card p{grid-column:1/-1;color:var(--muted);font-size:.93rem;line-height:1.5;margin-top:10px}
.mp-card .dep{grid-column:1/-1;font-size:.82rem;color:var(--muted);margin-top:6px}
.mp-card .dep b{color:var(--ink);font-weight:600}
.mp-foot{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.mp-badge{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:#E7F6EF;color:#0D6B47;white-space:nowrap}
.mp-badge.add{background:var(--uv-soft);color:var(--uv)}
.mp-acts{display:flex;gap:6px;align-items:center}
.mp-more{font:600 .86rem var(--body);background:none;border:0;color:var(--ink);cursor:pointer;padding:7px 8px;border-radius:8px}
.mp-more:hover{background:var(--paper)}
.mp-add{font:600 .86rem var(--body);border:1px solid var(--uv);color:var(--uv);background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}
.mp-add[aria-pressed=true]{background:var(--uv);color:#fff}
.mp-add-lg{padding:11px 20px;font-size:.95rem}
.mp-empty{color:var(--muted);padding:30px 0}

.mp-cart{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:12px}
.mp-cart h3{font-size:1.2rem}
.mp-core{font-size:.9rem;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}
.mp-core b{color:#0D6B47}
.mp-picked{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:340px;overflow:auto}
.mp-picked li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.92rem;padding:7px 0;border-bottom:1px solid var(--paper)}
.mp-picked button{border:0;background:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;width:28px;height:28px;border-radius:8px;flex:none}
.mp-picked button:hover{background:var(--paper);color:var(--ink)}
.mp-cart-empty{font-size:.9rem;color:var(--muted)}
.mp-cart-actions{display:flex;gap:8px;align-items:center;margin-top:4px}
.mp-cart-actions .btn{flex:1;padding:12px 16px;font-size:.93rem}
.mp-clear{font:600 .86rem var(--body);background:none;border:0;color:var(--muted);cursor:pointer;padding:8px}
.mp-clear:hover{color:var(--ink)}
.mp-cart-note{font-size:.8rem;color:var(--muted);line-height:1.45}

/* barra no celular */
.mk-tray{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(11,16,24,.96);backdrop-filter:blur(10px);color:#fff;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.mk-tray.show{transform:none}
.mk-tray .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.mk-tray p{font-size:.92rem}
.mk-tray .btn{padding:9px 16px;font-size:.88rem;flex:none}

/* ficha do módulo */
.mp-drawer{border:0;padding:0;margin:0 0 0 auto;height:100%;max-height:100%;width:min(620px,100vw);max-width:100vw;background:#fff;box-shadow:-30px 0 60px -20px rgba(0,0,0,.4);overflow:auto}
.mp-drawer[open]{animation:drw .4s cubic-bezier(.2,.7,.2,1)}
@keyframes drw{from{transform:translateX(40px);opacity:0}}
.mp-drawer::backdrop{background:rgba(8,10,16,.55);backdrop-filter:blur(2px)}
.mp-drawer>*{margin-left:32px;margin-right:32px}
.mp-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--ink);margin:0}
.mp-d-head{display:flex;gap:16px;align-items:center;margin-top:34px;padding-right:50px}
.mp-d-cat{font-size:.82rem;color:var(--muted);font-weight:600}
.mp-d-head h3{font-size:1.6rem;margin-top:2px}
.mp-d-text{color:var(--muted);margin-top:16px;font-size:1rem}
.mp-d-shot{margin:24px 18px 26px}
.mp-d-shot:empty{display:none}
.mp-drawer h4{font:650 1rem var(--display);margin-top:6px;margin-bottom:10px}
.mp-d-list{list-style:none;padding:0;margin-top:0;display:grid;gap:10px}
.mp-d-list li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:.97rem}
.mp-d-list li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--uv-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C94A06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.mp-d-dep{font-size:.92rem;background:var(--paper);border-radius:10px;padding:12px 14px;margin-top:18px}
.mp-d-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 32px;margin:26px 0 0}

@media (max-width:1000px){
 .mp-layout{grid-template-columns:minmax(0,1fr)}
 .mp-cart{display:none}
 .mp-packs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
 .mp-grid{grid-template-columns:minmax(0,1fr)}
 .mp-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 .mp-cats button{flex:none;white-space:nowrap}
 .mp-search{max-width:none}
 .mp-drawer>*{margin-left:20px;margin-right:20px}
 .mp-d-foot{padding:14px 20px}
 .mp-d-shot{margin:20px 0}
}

/* ===================== especificações ===================== */
.specs-sec{background:#fff}
.specs{margin:0;border-top:2px solid var(--ink)}
.specs div{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.specs dt{font:650 1.02rem var(--display)}
.specs dd{margin:0;color:var(--muted)}

/* rodapé */
footer{padding:64px 0 36px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-grid h4{margin:0 0 12px;color:#fff;font:600 .95rem var(--body)}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot-grid a{text-decoration:none;color:#9AA1AE}
.foot-grid a:hover{color:#fff}
.foot-grid p{max-width:36ch;margin-top:12px}
.foot-legal{display:grid;gap:8px;padding-top:24px;font-size:.86rem}
.contact-mods{background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:10px 14px;font-size:.9rem;color:var(--muted)}
.contact-mods strong{color:var(--ink)}

@media (max-width:1000px){
 .themes{grid-template-columns:minmax(0,1fr)}
 .theme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .theme-list{grid-template-columns:minmax(0,1fr)}
 .theme-list small{display:none}
 .theme-list{display:flex;overflow-x:auto;border:0;gap:8px;padding-bottom:6px;scrollbar-width:none}
 .theme-list button{flex:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;gap:8px}
 .theme-list button[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
 .wf{width:40px;height:28px;padding:2px}
 .palettes{padding:14px}
 .pal-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
 .pal-row button{flex:none}
 .theme-list button::before{display:none}
 .sw{width:28px;height:28px}
 .theme-laptop{margin-right:0}
 .iphone.theme-phone{position:relative;width:50%;margin:-130px 4px 0 auto;display:block}
 .theme-stage{padding-bottom:0}
 .mk-grid{grid-template-columns:minmax(0,1fr)}
 .mk-search{min-width:0;width:100%}
 .mk-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
 .mk-cats button{flex:none;white-space:nowrap}
 .mk-names{display:none}
 .mk-tray .wrap{gap:10px}
 .mk-tray p{white-space:normal;font-size:.88rem;line-height:1.3}
 .mk-tray .btn{padding:9px 14px;font-size:.86rem}
 .specs div{grid-template-columns:minmax(0,1fr);gap:4px}
 .foot-grid{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:1180px){
 .nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;padding:14px 28px 20px;gap:10px;margin:0}
 .nav.open{display:flex}
 .menu-btn{display:block}
}
@media (max-width:1000px){
 .hero-grid,.sec-head,.split,.contact{grid-template-columns:minmax(0,1fr)}
 .sec-head .lede{justify-self:start}
 .games{grid-template-columns:repeat(4,1fr)}
 .steps,.integr{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grow-list{grid-template-columns:minmax(0,1fr)}
 .nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;padding:14px 28px 20px;gap:10px;margin:0}
 .nav.open{display:flex}
 .menu-btn{display:block}
 .top .btn{display:none}
 .modules a{grid-template-columns:minmax(0,1fr) auto}
 .modules a span{grid-column:1/-1;grid-row:2}
}
@media (max-width:640px){
 body{font-size:16px}
 .wrap{padding:0 20px}
 .hero{padding:40px 0 56px}
 .sec{padding:68px 0}
 .facts dl{grid-template-columns:repeat(2,1fr)}
 .facts dl div{padding:20px 16px;border-top:1px solid var(--line)}
 .facts dl div:nth-child(odd){border-left:0;padding-left:0}
 .facts dl div:nth-child(-n+2){border-top:0}
 .mock-body{grid-template-columns:minmax(0,1fr)}
 .mock-nav i:nth-child(n+2){display:none}
 .phones{grid-template-columns:repeat(2,1fr)}
 .games{grid-template-columns:repeat(3,1fr);gap:8px}
 .duo,.steps,.integr{grid-template-columns:minmax(0,1fr)}
 .form .row{grid-template-columns:minmax(0,1fr)}
 .tabs,.filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
 .tabs button,.filter button{white-space:nowrap;flex:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* =====================================================================
   SITE AIGAMING — camada nova (cabeçalho, topo, vitrine, páginas)
   ===================================================================== */
:root{--carbon:#0A0D12;--graph:#12161E;--graph-2:#1A1F2A;--steel:#8C95A8;--signal:#FD5A06;--signal-ink:#140600;--cool:#F4F5F7}
body{background:var(--cool)}
.btn-signal{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}
.btn-signal:hover{background:#FF7A33;border-color:#FF7A33}
.btn-line{border:1.5px solid rgba(255,255,255,.28);color:#fff;background:transparent}
.btn-line:hover{background:#fff;color:var(--carbon);border-color:#fff}
.dark{background:var(--carbon)}

/* ---------- cabeçalho ---------- */
.nt{position:fixed;left:0;right:0;top:0;z-index:60;background:rgba(10,13,18,.72);backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);border-bottom:1px solid rgba(255,255,255,.07);color:#fff;transition:background .3s}
.nt.scrolled{background:rgba(10,13,18,.94)}
.nt-in{display:flex;align-items:center;gap:26px;height:72px}
.nt .logo img{height:30px}
.nt-nav{display:flex;align-items:center;gap:4px;margin-left:14px}
.nt-nav>a,.dd-btn{font:500 .96rem var(--body);color:#D6DAE3;text-decoration:none;background:none;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nt-nav>a:hover,.dd-btn:hover,.dd-btn[aria-expanded=true]{color:#fff;background:rgba(255,255,255,.06)}
.nt-nav>a[aria-current=page],.dd-btn.cur{color:#fff}
.dd-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}
.dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.dd{position:relative}
.dd-panel{position:absolute;left:-12px;top:calc(100% + 14px);width:600px;background:#11151C;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:12px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.dd-panel.one{width:380px;grid-template-columns:1fr}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:12px;border-radius:12px;text-decoration:none;color:#fff}
.dd-item:hover{background:rgba(255,255,255,.05)}
.dd-item .ic{width:40px;height:40px;border-radius:11px;background:rgba(253,90,6,.12);display:grid;place-items:center}
.dd-item .ic svg{width:21px;height:21px;fill:none;stroke:var(--signal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dd-item strong{display:block;font:600 1rem var(--display);letter-spacing:-.01em}
.dd-item small{display:block;color:var(--steel);font-size:.86rem;line-height:1.4;margin-top:2px}
.dd-feat{grid-column:2;grid-row:1/span 3;border-radius:12px;overflow:hidden;background:var(--graph-2);text-decoration:none;color:#fff;display:flex;flex-direction:column}
.dd-feat img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.dd-feat span{padding:12px 14px;font-size:.88rem;color:#AEB5C4}
.dd-feat strong{display:block;color:#fff;font-family:var(--display);font-size:1rem;margin-bottom:2px}
.nt-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.nt .lang{background:transparent;border-color:rgba(255,255,255,.18)}
.nt .lang button{color:#AEB5C4}
.nt .lang button[aria-pressed=true]{background:#fff;color:var(--carbon)}
.nt .btn{padding:10px 18px;font-size:.93rem;white-space:nowrap}
.nt-menu{display:none;background:none;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:8px 12px;font:600 .93rem var(--body);cursor:pointer}
.progress{z-index:70}

/* ---------- topo da página inicial ---------- */
.hh{position:relative;background:var(--carbon);color:#fff;padding:150px 0 0;overflow:hidden;isolation:isolate}
.hh-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;position:relative}
.hh h1{font-size:clamp(2.7rem,5.4vw,5rem);line-height:.98;letter-spacing:-.035em;color:#fff;font-weight:700}
.hh .lede{color:#B6BDCB;margin:26px 0 34px;max-width:46ch}
.hh .cta-row .btn,.ph .cta-row .btn,.cta-band .cta-row .btn{padding:15px 24px}
.hh-note{margin-top:22px;font-size:.88rem;color:#7E879A;max-width:50ch}
.arc{position:absolute;z-index:-1;pointer-events:none;right:-16vw;top:210px;width:min(1250px,96vw);height:auto;overflow:visible}
.arc path{fill:none;stroke-linecap:round}
.arc .a1{stroke:var(--signal);stroke-width:30}
.arc .a2{stroke:rgba(253,90,6,.4);stroke-width:2}
.arc .a3{stroke:rgba(255,255,255,.07);stroke-width:1.5}
.motion .arc .a1{stroke-dasharray:1800;stroke-dashoffset:1800;animation:arcDraw 1.8s .25s cubic-bezier(.65,0,.2,1) forwards}
.motion .arc .a2{stroke-dasharray:2000;stroke-dashoffset:2000;animation:arcDraw 2.2s .5s cubic-bezier(.65,0,.2,1) forwards}
@keyframes arcDraw{to{stroke-dashoffset:0}}
.hh-stage{position:relative;padding:10px 0 70px 50px;perspective:1800px;margin-right:-140px}
.hh-stage .iphone,.ph-stage .iphone{position:absolute;left:0;bottom:30px;width:24%;z-index:2}
.motion .hh-stage .laptop{animation:rise 1.2s .55s cubic-bezier(.2,.8,.2,1) both}
.motion .hh-stage .iphone{animation:rise 1.2s .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translate3d(0,60px,0) rotateX(14deg)}}
.motion .hh h1,.motion .hh .lede,.motion .hh .cta-row,.motion .hh-note{animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) both}
.motion .hh .lede{animation-delay:.12s}.motion .hh .cta-row{animation-delay:.22s}.motion .hh-note{animation-delay:.32s}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}}

/* faixa ao vivo */
.tk{position:relative;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#0C1016;display:flex;align-items:stretch;overflow:hidden}
.tk-lbl{flex:none;display:flex;align-items:center;gap:10px;padding:0 22px;font-size:.84rem;color:#AEB5C4;border-right:1px solid rgba(255,255,255,.08);background:var(--carbon);z-index:1}
.tk-lbl i{width:8px;height:8px;border-radius:50%;background:#FF4D5E;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,94,.6)}70%{box-shadow:0 0 0 8px rgba(255,77,94,0)}100%{box-shadow:0 0 0 0 rgba(255,77,94,0)}}
.tk-view{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.tk-track{display:flex;width:max-content;animation:tk 80s linear infinite}
.tk:hover .tk-track{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}
.tk-it{display:flex;align-items:center;gap:14px;padding:14px 26px;border-right:1px solid rgba(255,255,255,.06);white-space:nowrap;font-size:.92rem;color:#D6DAE3}
.tk-it .min{color:#FF6B78;font-weight:700;font-size:.82rem}
.tk-it .hr{color:var(--steel);font-size:.82rem}
.tk-it .sc{font:700 1rem var(--display);color:#fff;font-variant-numeric:tabular-nums}
.tk-it .od{display:flex;gap:6px}
.tk-it .od b{min-width:64px;text-align:center;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.06);font-weight:700;font-variant-numeric:tabular-nums;transition:background .5s,color .5s}
.tk-it .od b small{color:#7E879A;font-weight:600;margin-right:5px;font-size:.75rem}
.tk-it .od b.up{background:rgba(18,184,120,.22);color:#4BE3A6}
.tk-it .od b.dn{background:rgba(255,77,94,.2);color:#FF8592}

/* números */
.kpis{background:var(--carbon);color:#fff;padding:64px 0 96px}
.kpis dl{display:grid;grid-template-columns:repeat(5,1fr);margin:0}
.kpis dl>div{padding:4px 26px;border-left:1px solid rgba(255,255,255,.1)}
.kpis dl>div:first-child{border-left:0;padding-left:0}
.kpis dt{font:650 clamp(2.4rem,4vw,3.4rem) var(--display);letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.kpis dd{margin:10px 0 0;color:var(--steel);font-size:.94rem;max-width:22ch}

/* vitrine de produtos */
.bento-sec{background:var(--carbon);color:#fff;padding:10px 0 120px}
.bento-sec .lede{color:#B6BDCB}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(260px,auto);gap:16px}
.bx{position:relative;background:var(--graph);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:30px;overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;isolation:isolate;transition:border-color .3s}
.bx:hover{border-color:rgba(253,90,6,.5)}
.bx h3{font-size:1.5rem;max-width:20ch;color:#fff}
.bx p{color:#AEB5C4;margin-top:10px;max-width:42ch;font-size:.98rem}
.bx .go{margin-top:18px;font-weight:600;color:var(--signal);display:inline-flex;gap:8px;align-items:center}
.bx .go svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}
.bx:hover .go svg{transform:translateX(4px)}
.bx-a{grid-column:span 4;grid-row:span 2;padding-bottom:0}
.bx .shot{flex:1;display:flex;align-items:flex-end;margin-top:26px}
.bx .shot img{width:100%;display:block;border:1px solid rgba(255,255,255,.08);border-bottom:0;box-shadow:0 -20px 60px -20px rgba(0,0,0,.6)}
.bx-a .shot{margin-left:70px;margin-right:-30px}
.bx-a .shot img{border-radius:14px 0 0 0;border-right:0}
.bx-b{grid-column:span 2;grid-row:span 2}
.fan{position:relative;flex:1;min-height:250px;margin-top:20px}
.fan img{position:absolute;width:48%;bottom:6px;border-radius:14px;box-shadow:0 30px 50px -20px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fan img:nth-child(1){left:0;transform:rotate(-11deg) translateY(10px)}
.fan img:nth-child(2){left:26%;transform:translateY(-16px);z-index:2}
.fan img:nth-child(3){right:0;transform:rotate(11deg) translateY(10px)}
.bx-b:hover .fan img:nth-child(1){transform:rotate(-16deg) translate(-6px,6px)}
.bx-b:hover .fan img:nth-child(3){transform:rotate(16deg) translate(6px,6px)}
.bx-b:hover .fan img:nth-child(2){transform:translateY(-26px)}
.bx-c,.bx-d{grid-column:span 3;padding-right:0;padding-bottom:0}
.bx-c .shot img,.bx-d .shot img{border-radius:12px 0 0 0;border-right:0}
.bx-c>:not(.shot),.bx-d>:not(.shot){padding-right:30px}
.bx-e,.bx-f{grid-column:span 3}
.bx-e .strip{display:flex;gap:10px;margin-top:22px}
.bx-e .strip img{flex:1;min-width:0;border-radius:8px;border:1px solid rgba(255,255,255,.1);aspect-ratio:16/10;object-fit:cover;object-position:top}
.bx-f .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.bx-f .chips span{font-size:.85rem;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:#D6DAE3;border:1px solid rgba(255,255,255,.08)}
.bx-f .chips span.on{background:rgba(253,90,6,.14);border-color:rgba(253,90,6,.4);color:#FFB48A}

/* demonstração de marca */
.brand-sec{background:var(--cool);padding:120px 0}
.brand-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.brand-grid h2{margin-bottom:22px}
.ticks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:12px;color:var(--muted)}
.ticks li::before{content:"";width:20px;height:20px;margin-top:3px;border-radius:50%;background:#FFE6D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C94A06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.ticks li strong{color:var(--ink);font-weight:600}

/* faixa de layouts */
.lay-sec{background:#fff;padding:110px 0}
.lay-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.lay-card{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:12px}
.lay-card .pic{border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/11;background:#0D1119}
.lay-card .pic img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lay-card:hover .pic img{transform:scale(1.04)}
.lay-card strong{font:650 1.05rem var(--display)}
.lay-card small{color:var(--muted);font-size:.9rem;display:block;margin-top:2px}
.lay-card .live{display:inline-block;margin-left:8px;font:600 .72rem var(--body);color:#0D6B47;background:#E7F6EF;padding:2px 8px;border-radius:999px;vertical-align:2px}

/* celular e seções escuras genéricas */
.mob-sec,.phones-sec{background:var(--carbon);color:#fff;padding:120px 0}
.mob-sec .lede,.phones-sec .lede{color:#B6BDCB}

/* passos */
.steps-sec{background:var(--cool);padding:110px 0}
.steps-sec .steps li{border-top-color:var(--ink)}
.steps-sec .steps li::before{color:var(--signal)}
.steps-sec .steps p{color:var(--muted)}
.steps-sec .steps h3{color:var(--ink)}
.motion .steps-sec .steps li::after{background:var(--ink)}

/* chamada final */
.cta-band{position:relative;background:var(--carbon);color:#fff;padding:130px 0;overflow:hidden;isolation:isolate}
.cta-band .arc{left:auto;right:-30vw;top:auto;bottom:-560px;width:min(1250px,105vw)}
.cta-band .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:40px;align-items:end}
.cta-band h2{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1;letter-spacing:-.03em;max-width:16ch}
.cta-band p{color:#B6BDCB;margin-top:18px;max-width:50ch}

/* topo das páginas internas */
.ph{position:relative;background:var(--carbon);color:#fff;padding:150px 0 100px;overflow:hidden;isolation:isolate}
.ph .arc{top:auto;bottom:-420px;right:-22vw;width:min(1100px,95vw)}
.ph-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:56px;align-items:center}
.ph-grid.solo{grid-template-columns:minmax(0,1fr);max-width:860px}
.crumb{font-size:.88rem;color:var(--steel);margin-bottom:18px}
.crumb a{color:#D6DAE3;text-decoration:none}.crumb a:hover{color:#fff}
.ph h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1;letter-spacing:-.035em;color:#fff}
.ph .lede{color:#B6BDCB;margin:22px 0 30px;max-width:52ch}
.ph-stage{position:relative;perspective:1800px;padding:10px 0 30px 40px;margin-right:-110px}
.ph-stats{display:flex;flex-wrap:wrap;gap:34px;margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}
.ph-stats div{display:grid;gap:4px}
.ph-stats b{font:650 2rem var(--display);letter-spacing:-.03em;line-height:1}
.ph-stats span{color:var(--steel);font-size:.9rem}
.motion .ph-stage .laptop{animation:rise 1.1s .25s cubic-bezier(.2,.8,.2,1) both}
.motion .ph-stage .iphone{animation:rise 1.1s .45s cubic-bezier(.2,.8,.2,1) both}
.motion .ph h1,.motion .ph .lede,.motion .ph .cta-row,.motion .ph-stats{animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) both}
.motion .ph .lede{animation-delay:.1s}.motion .ph .cta-row,.motion .ph-stats{animation-delay:.2s}
.sec.light{background:#fff}

/* nota de regulação */
.reg-note{margin-top:28px;padding:14px 18px;border-radius:12px;background:#FFF4EC;border:1px solid #FFD9C2;color:#5A2A0D;font-size:.92rem;max-width:80ch}
.dark .reg-note{background:rgba(253,90,6,.08);border-color:rgba(253,90,6,.3);color:#FFC9A8}

/* rodapé */
footer{background:#06080C}

@media (max-width:1180px){
 .nt-nav{position:absolute;left:0;right:0;top:72px;height:calc(100vh - 72px);height:calc(100dvh - 72px);background:#0A0D12;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 20px 40px;overflow:auto;display:none}
 .nt-nav.open{display:flex}
 .nt-nav>a,.dd-btn{width:100%;justify-content:space-between;padding:16px 6px;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0}
 .dd-panel{position:static;width:auto;opacity:1;visibility:visible;transform:none;display:none;grid-template-columns:1fr;background:transparent;border:0;box-shadow:none;padding:6px 0 12px}
 .dd-panel.one{width:auto}
 .dd.open .dd-panel{display:grid}
 .dd-feat{display:none}
 .nt-menu{display:block}
 .nt-r .btn{display:none}
}
@media (max-width:1000px){
 .hh{padding-top:120px}
 .hh-grid,.ph-grid,.brand-grid,.cta-band .wrap{grid-template-columns:minmax(0,1fr)}
 .hh-stage,.ph-stage{margin-right:0}
 .kpis dl{grid-template-columns:repeat(3,1fr);row-gap:30px}
 .kpis dl>div:nth-child(4){border-left:0;padding-left:0}
 .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bx-a,.bx-b,.bx-c,.bx-d,.bx-e,.bx-f{grid-column:span 2;grid-row:auto}
 .lay-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ph{padding-top:120px}
}
@media (max-width:640px){
 .nt-in{height:64px;gap:12px}.nt .logo img{height:24px}.nt-nav{top:64px;height:calc(100vh - 64px);height:calc(100dvh - 64px)}
 .nt .lang button{padding:6px 9px}
 .hh{padding-top:96px}
 .hh h1{font-size:2.6rem}
 .arc{width:170vw;right:-80vw;top:600px}
 .ph .arc,.cta-band .arc{bottom:-300px}
 .hh-stage{padding:0 0 40px 20px}.hh-stage .iphone,.ph-stage .iphone{width:30%;bottom:16px}
 .tk-lbl{padding:0 12px}.tk-lbl span{display:none}
 .kpis{padding:44px 0 64px}
 .kpis dl{grid-template-columns:repeat(2,1fr)}
 .kpis dl>div{border-left:0;padding-left:0}
 .bx{padding:24px}.bx-a .shot{margin-left:24px;margin-right:-24px}
 .bx-c>:not(.shot),.bx-d>:not(.shot){padding-right:24px}
 .lay-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-sec,.lay-sec,.mob-sec,.steps-sec,.cta-band,.phones-sec{padding:76px 0}
 .ph{padding:96px 0 64px}
 .ph-stage{padding-left:18px}
}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}.arc path{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

/* perguntas frequentes */
.faq-sec{background:#fff;padding:110px 0}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.faq-head{position:sticky;top:110px}
.faq-head h2{margin-bottom:18px}
.faq-head .btn{margin-top:26px}
.faq-list{border-top:1px solid var(--ink)}
.faq-it{border-bottom:1px solid var(--line);position:relative;transition:background .25s}
.faq-it[open]{background:var(--cool);border-radius:0 0 14px 14px}
.faq-it[open]::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--signal)}
.faq-it[open] summary,.faq-it[open] p{padding-left:22px}
.faq-it summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 16px 22px 0;transition:padding .25s;font:600 1.12rem var(--display);letter-spacing:-.01em;color:var(--ink)}
.faq-it summary::-webkit-details-marker{display:none}
.faq-it summary:hover{color:var(--uv)}
.faq-it summary i{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);position:relative;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s}
.faq-it summary i::before,.faq-it summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;margin:-.9px 0 0 -6px;background:var(--ink);border-radius:2px}
.faq-it summary i::after{transform:rotate(90deg);transition:transform .3s}
.faq-it[open] summary i{background:var(--signal);border-color:var(--signal)}
.faq-it[open] summary i::before,.faq-it[open] summary i::after{background:#fff}
.faq-it[open] summary i::after{transform:rotate(0)}
.faq-it p{color:var(--muted);padding:0 50px 24px 0;max-width:70ch;line-height:1.65}
.motion .faq-it[open] p{animation:fadeUp .4s cubic-bezier(.2,.7,.2,1)}
@media (max-width:1000px){.faq-grid{grid-template-columns:minmax(0,1fr);gap:30px}.faq-head{position:static}}
@media (max-width:640px){.faq-sec{padding:76px 0}.faq-it summary{font-size:1.02rem;padding:18px 0}.faq-it p{padding-right:0}}

/* ===== checkout ===== */
.pg-checkout{background:var(--paper)}
.co-top{background:var(--carbon);color:#fff}
.co-top-in{display:flex;align-items:center;gap:20px;height:72px}
.co-top .logo img{height:26px;width:auto;display:block}
.co-secure{display:inline-flex;align-items:center;gap:7px;color:var(--steel);font-size:.92rem;padding-left:18px;border-left:1px solid rgba(255,255,255,.14)}
.co-secure svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.co-top .nt-r{margin-left:auto;display:flex;align-items:center;gap:16px}
.co-back{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.co-back:hover{color:var(--signal)}
.co-demo{background:#FFF1E8;border-bottom:1px solid #FFD3BA;color:#5A2200;font-size:.95rem;padding:10px 0}
.co-wrap{padding-top:36px;padding-bottom:80px}
.co-steps{list-style:none;margin:0 0 28px;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.co-steps li{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem}
.co-steps li+li::before{content:"";width:34px;height:1.5px;background:var(--line);margin-right:2px}
.co-steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font-weight:700;font-size:.85rem;background:#fff}
.co-steps b{font-weight:600}
.co-steps li.cur{color:var(--text)}
.co-steps li.cur span{background:var(--carbon);border-color:var(--carbon);color:#fff}
.co-steps li.done span{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}
.co-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.co-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px}
.co-panel h1{font-size:clamp(1.8rem,3vw,2.4rem)}
.co-panel h2{font-size:1.6rem}
.co-lede{color:var(--muted);margin:10px 0 26px;max-width:62ch}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:.92rem;font-weight:600;color:var(--text)}
.fld input,.fld select{font:400 1rem var(--body);color:var(--text);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--carbon);background:#fff;box-shadow:0 0 0 3px rgba(253,90,6,.18)}
.fld input[aria-invalid=true]{border-color:#C62828;background:#FFF6F6}
.co-pay{border:0;padding:0;margin:26px 0 0}
.co-pay legend{font:650 1.05rem var(--display);margin-bottom:10px;padding:0}
.co-opt{display:flex;gap:14px;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-md);padding:16px 18px;cursor:pointer}
.co-opt.sel{border-color:var(--carbon);box-shadow:inset 0 0 0 1px var(--carbon)}
.co-opt input{accent-color:var(--signal);width:18px;height:18px;margin:0}
.co-opt b{display:block}
.co-opt small{color:var(--muted);font-size:.9rem}
.co-opt-ic{width:40px;height:40px;border-radius:50%;background:var(--signal);display:grid;place-items:center;flex:none}
.co-opt-ic svg{width:22px;height:22px;fill:none;stroke:var(--signal-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.co-check{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;font-size:.95rem;color:var(--text);cursor:pointer}
.co-check input{accent-color:var(--signal);width:18px;height:18px;margin:2px 0 0;flex:none}
.co-err{color:#B71C1C;font-weight:600;margin:14px 0 0}
.co-go{margin-top:24px;width:100%}
.btn:focus-visible,.co-copy:focus-visible,.co-back:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.co-ghost{border-color:var(--line);color:var(--text);background:#fff}
.co-ghost:hover{border-color:var(--carbon)}
/* pagamento */
.co-pay-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.co-timer{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.92rem;color:var(--muted)}
.co-timer b{color:var(--text);font-variant-numeric:tabular-nums}
.co-timer.low b{color:#C62828}
.co-pay-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;margin-top:24px;align-items:start}
.co-qr{position:relative;border:1px solid var(--line);border-radius:var(--r-md);padding:10px;background:#fff}
.co-qr img{width:100%;height:auto;display:block}
.co-qr-tag{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);white-space:nowrap;background:var(--carbon);color:#fff;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px}
.co-btc{margin:0;display:flex;align-items:baseline;gap:8px;font:650 clamp(1.9rem,3.6vw,2.6rem) var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.co-btc .sym{color:var(--signal)}
.co-sats{margin:6px 0 18px;color:var(--muted);font-variant-numeric:tabular-nums}
.co-row,.co-addr{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.95rem}
.co-row>span,.co-addr>span{color:var(--muted);width:78px;flex:none}
.co-addr code{font:500 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;flex:1;min-width:0}
.co-copy{display:inline-flex;gap:6px;align-items:center;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:600 .85rem var(--body);cursor:pointer;color:var(--text)}
.co-copy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.co-copy.ok{border-color:#2E7D32;color:#2E7D32}
.co-rate{margin:12px 0 0;font-size:.88rem;color:var(--muted)}
.co-status{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0}
.co-status li{display:flex;gap:14px;position:relative;padding-bottom:18px}
.co-status li:last-child{padding-bottom:0}
.co-status li:not(:last-child)::after{content:"";position:absolute;left:9px;top:22px;bottom:2px;width:2px;background:var(--line)}
.co-status li.done:not(:last-child)::after{background:var(--signal)}
.co-status i{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:#fff;flex:none;margin-top:2px;box-sizing:border-box}
.co-status li.cur i{border-color:var(--signal);box-shadow:0 0 0 4px rgba(253,90,6,.15)}
.motion .co-status li.cur i{animation:coPulse 1.4s ease-in-out infinite}
.co-status li.done i{background:var(--signal);border-color:var(--signal)}
.co-status b{display:block;font-weight:600}
.co-status small{color:var(--muted);font-size:.9rem}
.co-status li:not(.cur):not(.done){color:var(--muted)}
@keyframes coPulse{50%{box-shadow:0 0 0 8px rgba(253,90,6,0)}}
.co-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.co-actions .btn[disabled]{opacity:.55;cursor:wait}
.co-expired{margin-top:22px;background:#FFF6F6;border:1px solid #F3C4C4;border-radius:var(--r-md);padding:16px 18px}
.co-expired p{margin:0 0 12px}
/* confirmação */
.co-done{text-align:left}
.co-ok{width:56px;height:56px;border-radius:50%;background:var(--signal);display:grid;place-items:center;margin-bottom:18px}
.co-ok svg{width:30px;height:30px;fill:none;stroke:var(--signal-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.motion .co-done:not([hidden]) .co-ok{animation:coPop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes coPop{from{transform:scale(.4);opacity:0}}
.co-done .co-lede{margin-bottom:8px}
.co-sim-note{background:#FFF1E8;border:1px solid #FFD3BA;color:#5A2200;border-radius:var(--r-sm);padding:10px 14px;font-size:.92rem;margin:0 0 26px}
.co-done h3{font-size:1.15rem;margin-bottom:12px}
.co-next{margin:0;padding:0;list-style:none;counter-reset:n;display:grid;gap:12px}
.co-next li{counter-increment:n;display:grid;grid-template-columns:30px 1fr;column-gap:12px}
.co-next li::before{content:counter(n);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:.85rem}
.co-next span{color:var(--muted);font-size:.95rem}
/* resumo */
.co-sum{background:var(--carbon);color:#fff;border-radius:var(--r-lg);padding:30px;position:sticky;top:24px}
.co-sum h2{font-size:1.2rem;margin-bottom:20px}
.co-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.co-item small{display:block;color:var(--steel);font-size:.88rem;margin-top:2px}
.co-item>span{font-weight:600;white-space:nowrap}
.co-mods{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:7px;font-size:.9rem;color:#C9CFDA}
.co-mods li{padding-left:18px;position:relative}
.co-mods li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--signal)}
.co-tot{margin:20px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:10px}
.co-tot div{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}
.co-tot dt{color:var(--steel)}
.co-tot dd{margin:0;text-align:right}
.co-tot .big{padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:1.15rem}
.co-tot .big dt{color:#fff;font-weight:600}
.co-tot .big dd{font:650 1.3rem var(--display)}
.co-tot .btc dd{color:var(--signal);font-weight:700;font-variant-numeric:tabular-nums}
.co-fine{margin:14px 0 0;font-size:.82rem;color:var(--steel)}
.co-foot{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:.88rem}
.co-foot p{margin:0}
/* preço no pacote do marketplace */
.mp-pack .price{font:650 1.15rem var(--display);color:var(--text)}
.mp-pack .price small{font:500 .85rem var(--body);color:var(--muted);margin-left:6px}
.mp-pack .btn-buy{margin-top:-4px}
@media (max-width:980px){.co-layout{grid-template-columns:1fr}.co-sum{position:static;order:-1}.co-mods{display:none}}
@media (max-width:640px){
 .co-top-in{height:60px;gap:12px}.co-secure{display:none}.co-back{font-size:.88rem}
 .co-top .logo img{height:22px}
 .co-wrap{padding-top:22px}
 .co-steps b{display:none}.co-steps li.cur b{display:inline}
 .co-steps li+li::before{width:18px}
 .co-panel{padding:22px 18px;border-radius:var(--r-md)}
 .co-grid{grid-template-columns:1fr}
 .co-pay-grid{grid-template-columns:1fr;gap:24px}
 .co-qr{max-width:200px;margin:0 auto}
 .co-actions .btn{width:100%}
 .co-sum{padding:22px 20px;border-radius:var(--r-md)}
}
@media (prefers-reduced-motion:reduce){.co-status li.cur i,.co-ok{animation:none!important}}

/* ===== provedor de jogos ===== */
.pv-sec{background:var(--carbon)}
.pv-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.pv-kicker{color:var(--signal);font-weight:600;margin:0 0 14px;font-size:1rem}
.pv-copy h2{font-size:clamp(2.2rem,4.4vw,3.6rem);color:#fff}
.pv-copy .lede{margin:18px 0 30px;color:#B3B9C6}
.pv-feats{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}
.pv-feats li{display:flex;gap:14px;align-items:flex-start}
.pv-ic{width:40px;height:40px;flex:none;border-radius:12px;background:rgba(253,90,6,.12);border:1px solid rgba(253,90,6,.28);display:grid;place-items:center}
.pv-ic svg{width:20px;height:20px;fill:none;stroke:var(--signal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pv-feats h3{font-size:1.02rem;margin:0 0 4px;color:#fff;font-family:var(--body);font-weight:650;letter-spacing:0}
.pv-feats p{margin:0;color:#9AA3B5;font-size:.93rem;line-height:1.5}
.pv-stage{position:relative;min-height:520px}
.pv-fan{list-style:none;margin:0;padding:0;position:relative;height:290px}
.pv-fan li{position:absolute;top:0;left:50%;width:180px;margin-left:-90px;border-radius:16px;overflow:hidden;box-shadow:0 30px 50px -20px rgba(0,0,0,.7);transform-origin:50% 120%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pv-fan img{display:block;width:100%;height:auto}
.pv-fan li:nth-child(1){transform:translateX(-190px) rotate(-14deg) translateY(30px);z-index:1}
.pv-fan li:nth-child(2){transform:translateX(-96px) rotate(-7deg) translateY(10px);z-index:2}
.pv-fan li:nth-child(3){transform:none;z-index:5}
.pv-fan li:nth-child(4){transform:translateX(96px) rotate(7deg) translateY(10px);z-index:2}
.pv-fan li:nth-child(5){transform:translateX(190px) rotate(14deg) translateY(30px);z-index:1}
.motion .pv-stage:not(.in) .pv-fan li{transform:translateY(40px) rotate(0);opacity:0}
.motion .pv-stage.in .pv-fan li{opacity:1;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .5s}
.motion .pv-stage.in .pv-fan li:nth-child(2),.motion .pv-stage.in .pv-fan li:nth-child(4){transition-delay:.08s}
.motion .pv-stage.in .pv-fan li:nth-child(1),.motion .pv-stage.in .pv-fan li:nth-child(5){transition-delay:.16s}
.pv-api{position:relative;z-index:6;margin:12px auto 0;max-width:470px;background:#11151D;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 30px 60px -24px rgba(0,0,0,.8);overflow:hidden}
.pv-api-top{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#161B25}
.pv-api-top span{width:9px;height:9px;border-radius:50%;background:#2B3242}
.pv-api-top b{margin-left:8px;font-weight:600;font-size:.82rem;color:#9AA3B5}
.pv-calls{list-style:none;margin:0;padding:8px 0}
.pv-calls li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;column-gap:10px;row-gap:1px;align-items:center;padding:8px 16px}
.pv-calls i{grid-row:span 2;font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;text-align:center;padding:4px 0;border-radius:6px}
.pv-calls i.out{background:rgba(253,90,6,.14);color:#FF9A61}
.pv-calls i.in{background:rgba(120,160,255,.12);color:#9DB7FF}
.pv-calls i.ok{background:rgba(70,200,130,.14);color:#6EE0A0;font-size:.85rem}
.pv-calls code{font:500 .86rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#E7EAF0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-calls small{grid-column:2;color:#7D8699;font-size:.8rem}
.pv-calls em{grid-row:span 2;grid-column:3;font:600 .75rem ui-monospace,Menlo,monospace;font-style:normal;color:#6EE0A0}
.motion .pv-stage .pv-calls li{opacity:.25;transition:opacity .4s}
.motion .pv-stage .pv-calls li.on{opacity:1}
.pv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:72px 0 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.pv-stats div{padding:26px 24px}
.pv-stats div+div{border-left:1px solid rgba(255,255,255,.12)}
.pv-stats dt{font:650 2.4rem var(--display);color:#fff;letter-spacing:-.02em;line-height:1}
.pv-stats dd{margin:8px 0 0;color:#9AA3B5;font-size:.95rem}
.pv-how{margin-top:64px}
.pv-how-h{font-size:1.5rem;color:#fff;margin-bottom:24px}
.pv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pv-steps li{display:flex;gap:16px;background:#12161E;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}
.pv-steps li>b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--signal);color:var(--signal-ink);display:grid;place-items:center;font-weight:700}
.pv-steps h3{font-size:1.08rem;margin:4px 0 6px;color:#fff}
.pv-steps p{margin:0;color:#9AA3B5;font-size:.94rem}
.pv-foot{margin-top:36px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:stretch}
.pv-model{margin:0;color:#C9CFDA;background:#12161E;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px}
.pv-model strong{color:#fff}
.pv-foot .reg-note{margin:0}
@media (max-width:1080px){.pv-grid{grid-template-columns:1fr;gap:40px}.pv-stage{min-height:0}}
@media (max-width:760px){
 .pv-feats{grid-template-columns:1fr}
 .pv-fan{height:215px}.pv-fan li{width:130px;margin-left:-65px}
 .pv-fan li:nth-child(1){transform:translateX(-120px) rotate(-14deg) translateY(26px)}
 .pv-fan li:nth-child(2){transform:translateX(-62px) rotate(-7deg) translateY(8px)}
 .pv-fan li:nth-child(4){transform:translateX(62px) rotate(7deg) translateY(8px)}
 .pv-fan li:nth-child(5){transform:translateX(120px) rotate(14deg) translateY(26px)}
 .pv-api{margin-top:8px}
 .pv-calls li{grid-template-columns:56px minmax(0,1fr) auto;padding:8px 12px}
 .pv-stats{grid-template-columns:1fr 1fr}.pv-stats div:nth-child(3){border-left:0}.pv-stats div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
 .pv-stats div{padding:20px 16px}.pv-stats dt{font-size:1.9rem}
 .pv-steps{grid-template-columns:1fr}
 .pv-foot{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pv-fan li{transition:none!important}}

/* ===== marketplace simplificado ===== */
.mk-sec{background:var(--paper)}
.mk-head{max-width:760px;margin-bottom:44px}
.mk-head h2{font-size:clamp(2.1rem,4vw,3.2rem)}
.mk-head .lede{margin-top:14px}
.mk-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.mk-pack{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px 28px;display:flex;flex-direction:column}
.mk-pack.feat{border:2px solid var(--carbon);box-shadow:0 30px 50px -36px rgba(10,13,18,.55)}
.mk-tag{position:absolute;top:-13px;left:26px;background:var(--carbon);color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:999px}
.mk-pack h3{font-size:1.4rem}
.mk-desc{color:var(--muted);font-size:.97rem;margin:10px 0 20px;min-height:4.6em}
.mk-n{margin:0 0 16px;display:flex;align-items:baseline;gap:8px}
.mk-n b{font:650 2.6rem var(--display);letter-spacing:-.03em;line-height:1;color:var(--text)}
.mk-n span{color:var(--muted);font-size:.95rem}
.mk-hl{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:9px}
.mk-hl li{display:flex;gap:10px;align-items:center;font-size:.97rem;color:var(--text)}
.mk-hl svg,.mk-tbl td.on svg{width:18px;height:18px;fill:none;stroke:var(--signal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mk-price{margin:auto 0 16px;padding-top:4px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mk-price b{font:650 1.35rem var(--display);color:var(--text)}
.mk-price span{color:var(--muted);font-size:.9rem}
.mk-cta{display:flex;flex-direction:column;gap:10px}
.mk-cta .btn{width:100%}
.mk-btn{border:1.5px solid var(--carbon);color:var(--carbon);background:transparent}
.mk-btn:hover{background:var(--carbon);color:#fff}
.mk-alt{border:0;background:none;font:600 .92rem var(--body);color:var(--text);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}
.mk-pack .btn:focus-visible,.mk-alt:focus-visible,.mk-row:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.mk-cmp{margin-top:64px}
.mk-cmp-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.mk-cmp-head h3{font-size:1.5rem}
.mk-cmp-head p{margin:0;color:var(--muted);font-size:.95rem}
.mk-tbl-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.mk-tbl{width:100%;border-collapse:collapse;font-size:.97rem}
.mk-tbl thead th{background:#fff;text-align:center;font:650 .95rem var(--body);color:var(--text);padding:16px 10px;border-bottom:1px solid var(--line)}
.mk-tbl thead th:first-child{text-align:left;padding-left:24px;width:46%}
.mk-tbl .short{display:none}
.mk-tbl tr.grp th{text-align:left;background:var(--paper);font:650 .82rem var(--body);color:var(--muted);padding:10px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-tbl tbody tr:not(.grp) th{text-align:left;font-weight:500;padding:0}
.mk-tbl tbody tr:not(.grp)+tr:not(.grp) th,.mk-tbl tbody tr:not(.grp)+tr:not(.grp) td{border-top:1px solid #EDEFF4}
.mk-row{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:13px 24px;cursor:pointer;color:var(--text)}
.mk-row svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;margin-left:auto;flex:none;transition:transform .2s}
.mk-row[aria-expanded=true] svg{transform:rotate(180deg)}
.mk-row:hover{background:#FAFBFC}
.mk-more{margin:0;padding:0 48px 14px 24px;color:var(--muted);font-size:.92rem;line-height:1.5}
.mk-dep{color:var(--text);font-weight:500}
.mk-tbl td{text-align:center;vertical-align:top;padding:13px 6px;width:18%}
.mk-tbl td.on svg{display:inline-block;vertical-align:middle}
.mk-tbl td.off{color:#C3C8D4}
.mk-tbl tbody td:nth-child(3){background:rgba(253,90,6,.035)}
.mk-tbl thead th:nth-child(3){background:#FFF6F0}
.mk-custom{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 28px}
.mk-custom p{margin:0;color:var(--muted)}
.mk-custom strong{color:var(--text)}
.btn-line-dark{border:1.5px solid var(--carbon);color:var(--carbon);background:transparent}
.btn-line-dark:hover{background:var(--carbon);color:#fff}
@media (max-width:980px){.mk-packs{grid-template-columns:1fr}.mk-desc{min-height:0}}
@media (max-width:640px){
 .mk-pack{padding:26px 20px 22px}
 .mk-tbl thead th{padding:12px 4px;font-size:.8rem}
 .mk-tbl thead th:first-child{padding-left:14px;width:52%}
 .mk-tbl .full{display:none}.mk-tbl .short{display:inline}
 .mk-row{padding:12px 14px;font-size:.92rem}
 .mk-more{padding:0 14px 12px}
 .mk-tbl tr.grp th{padding:9px 14px}
 .mk-tbl td{padding:12px 2px}
 .mk-custom{padding:20px}.mk-custom .btn{width:100%}
}

/* ===== IA que cria bets (v2: chat monocromático) ===== */
.ia{position:relative;background:#0B0C0E;color:#E6E7EA;padding-top:72px}
.ia-in{display:grid;grid-template-columns:minmax(400px,560px) minmax(0,1fr);height:calc(100vh - 72px);height:calc(100dvh - 72px);min-height:620px;max-height:1020px}
.ia-chat{display:flex;flex-direction:column;min-height:0;border-right:1px solid #1E2024;background:#0B0C0E}
.ia-top{display:flex;align-items:center;gap:10px;padding:14px 32px;font-size:.92rem}
.ia-mark{width:24px;height:24px;border-radius:7px;background:#F2F2F3;display:grid;place-items:center;flex:none}
.ia-mark svg,.ia-av svg{width:13px;height:13px;fill:#0B0C0E}.ia-mark img,.ia-av img{width:16px;height:16px;display:block}
.ia-top b{font-weight:600;color:#F2F2F3}
.ia-reset{margin-left:auto;background:none;border:1px solid #2A2C31;color:#A9ABB2;font:500 .84rem var(--body);cursor:pointer;padding:5px 11px;border-radius:999px}
.ia-reset:hover{color:#fff;border-color:#4A4D55}
.ia-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 32px 10px;scrollbar-width:thin;scrollbar-color:#2A2C31 transparent}
.ia-hello{padding-top:6vh}
.ia-hello[hidden]{display:none}
.ia-hello h1{font-size:clamp(1.9rem,2.8vw,2.5rem);line-height:1.05;letter-spacing:-.03em;color:#F2F2F3;margin:0 0 12px;font-weight:600}
.ia-hello>p{color:#8E9098;margin:0 0 26px;font-size:.98rem;line-height:1.55;max-width:40ch}
.ia-starts{list-style:none;margin:0;padding:0;border-top:1px solid #1E2024}
.ia-start{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #1E2024;color:#C9CBD1;font-size:.94rem;transition:color .15s,padding .15s}
.ia-start svg{width:16px;height:16px;fill:none;stroke:#5C5F67;stroke-width:1.8;flex:none;transition:stroke .15s,transform .15s}
.ia-start:hover{color:#fff;padding-left:6px}.ia-start:hover svg{stroke:#fff;transform:translateX(2px)}
.ia-start:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ia-log{display:flex;flex-direction:column;gap:18px}
.ia-msg{display:flex;gap:10px}
.ia-msg.me{justify-content:flex-end}
.ia-msg.me .ia-bub{background:#1A1B1F;color:#F2F2F3;border-radius:16px;padding:10px 15px;max-width:85%;font-size:1rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.ia-av{width:24px;height:24px;border-radius:7px;background:#F2F2F3;display:grid;place-items:center;flex:none;margin-top:1px}
.ia-msg.ai .ia-bub{color:#C9CBD1;font-size:1rem;line-height:1.6;min-width:0}
.ia-bub b{color:#fff;font-weight:600}
.ia-bub p{margin:0 0 10px}.ia-bub p:last-child{margin:0}
.ia-bub ul{margin:0 0 10px;padding-left:1.15em}.ia-bub ul:last-child{margin:0}.ia-bub li{margin:0 0 4px}.ia-bub li::marker{color:#6B6E76}
.ia-dots{display:inline-flex;gap:4px;padding:8px 0}
.ia-dots i{width:5px;height:5px;border-radius:50%;background:#5C5F67;animation:iaDot 1s infinite}
.ia-dots i:nth-child(2){animation-delay:.15s}.ia-dots i:nth-child(3){animation-delay:.3s}
@keyframes iaDot{30%{transform:translateY(-3px);background:#E6E7EA}}
.motion .ia-msg{animation:iaIn .25s ease-out both}
@keyframes iaIn{from{opacity:0;transform:translateY(4px)}}
.ia-sum{margin-top:10px;border:1px solid #2A2C31;border-radius:12px;padding:12px 14px}
.ia-sum dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:.88rem}
.ia-sum dt{color:#7C7F87}.ia-sum dd{margin:0;color:#F2F2F3;display:flex;align-items:center;gap:8px}
.ia-sum dd i{width:11px;height:11px;border-radius:3px;display:inline-block}
.ia-sum .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ia-sum .row a{font:600 .86rem var(--body);padding:8px 14px;border-radius:999px;text-decoration:none;border:1px solid #F2F2F3;color:#F2F2F3}
.ia-sum .row a:first-child{background:#F2F2F3;color:#0B0C0E}
.ia-dock{padding:8px 28px 14px;position:relative}
.ia-chips{display:flex;flex-wrap:wrap;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.ia-chips::-webkit-scrollbar{display:none}
.ia-chip{flex:none;border:1px solid #2A2C31;background:transparent;color:#B5B7BE;font:500 .84rem var(--body);padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}
.ia-chip:hover{border-color:#6A6D75;color:#fff}
.ia-chip.ia-pal{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px}
.ia-sw{width:22px;height:22px;border-radius:50%;overflow:hidden;display:inline-flex;transform:rotate(-45deg);box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.ia-sw i{flex:1;background:var(--pb)}
.ia-sw i+i{background:var(--pa)}
.ia-chip:focus-visible,.ia-tipbtn:focus-visible,.ia-send:focus-visible,.ia-dev button:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ia-form{background:#141518;border:1px solid #26282D;border-radius:18px;padding:10px 10px 8px 14px;transition:border-color .15s}
.ia-form:focus-within{border-color:#4A4D55}
.ia-form textarea{width:100%;background:none;border:0;resize:none;color:#F2F2F3;font:400 .98rem/1.45 var(--body);outline:none;max-height:120px;padding:2px 0}
.ia-form textarea::placeholder{color:#62656D}
.ia-form-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.ia-tipbtn{background:none;border:0;color:#7C7F87;padding:4px 2px;font:500 .84rem var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#3A3D44}
.ia-tipbtn:hover,.ia-tipbtn[aria-expanded=true]{color:#E6E7EA}
.ia-send{width:34px;height:34px;border-radius:50%;border:0;background:#F2F2F3;display:grid;place-items:center;cursor:pointer;transition:opacity .15s}
.ia-send svg{width:17px;height:17px;fill:none;stroke:#0B0C0E;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ia-send:disabled{opacity:.25;cursor:default}
.ia-note{margin:8px 2px 0;font-size:.74rem;color:#5C5F67;line-height:1.4}
.ia-tips{position:absolute;left:16px;right:16px;bottom:calc(100% - 4px);display:flex;flex-direction:column;max-height:min(420px,calc(100vh - 260px));background:#141518;border:1px solid #2A2C31;border-radius:14px;box-shadow:0 -20px 40px -20px rgba(0,0,0,.8);z-index:5;overflow:hidden}
.ia-tips[hidden]{display:none}
.ia-tips-h{display:flex;align-items:flex-start;gap:10px;padding:12px 10px 8px 14px;border-bottom:1px solid #1E2024}
.ia-tips-h p{margin:0;flex:1;color:#8E9198;font-size:.82rem;line-height:1.45}
.ia-tips-x{all:unset;cursor:pointer;flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#8E9198}
.ia-tips-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.ia-tips-x:hover{background:#1E2024;color:#fff}.ia-tips-x:focus-visible{outline:2px solid #F2F2F3}
.ia-tips-b{overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 14px}
.ia-tg>b{display:block;color:#7C7F87;font-weight:500;font-size:.76rem;padding:8px 6px 2px}
.ia-tg ul{list-style:none;margin:0;padding:0}
.ia-tg li button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;color:#E6E7EA;font-size:.86rem;line-height:1.35;padding:6px;border-radius:7px}
.ia-tg li button:hover{background:#1E2024}
.ia-tg li button:focus-visible{outline:2px solid #F2F2F3;outline-offset:-2px}
/* palco */
.ia-stage{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 24px 22px;background:#101114}
.ia-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.ia-steps{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.ia-steps li{font-size:.78rem;color:#62656D;padding:4px 9px 4px 7px;display:flex;align-items:center;gap:6px;border-radius:999px;transition:color .2s}
.ia-steps li::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid #4A4D55;transition:all .2s}
.ia-steps li.on{color:#E6E7EA}
.ia-steps li.on::before{background:#E6E7EA;border-color:#E6E7EA}
.ia-dev{display:flex;border:1px solid #26282D;border-radius:999px;padding:3px;flex:none}
.ia-dev button{border:0;background:none;color:#8E9098;font:500 .8rem var(--body);padding:4px 11px;border-radius:999px;cursor:pointer}
.ia-dev button[aria-pressed=true]{background:#F2F2F3;color:#0B0C0E}
.ia-canvas{flex:1;min-height:0;display:grid;place-items:center}
.ia-win{width:100%;height:100%;max-width:1080px;border-radius:12px;overflow:hidden;background:#0E1118;border:1px solid #26282D;box-shadow:0 30px 70px -30px rgba(0,0,0,.9);display:flex;flex-direction:column;transition:max-width .45s cubic-bezier(.2,.8,.2,1),border-radius .45s}
.ia-win[data-dev=phone]{max-width:320px;max-height:660px;border-radius:40px;border:9px solid #1B1C20;box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 1px #2A2C31}
.ia-chrome{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:#17181C;border-bottom:1px solid #222429;flex:none;position:relative}
.ia-chrome i{width:9px;height:9px;border-radius:50%;background:#2E3036}
.ia-url{margin:0 auto;display:flex;align-items:center;gap:6px;background:#0F1013;border-radius:7px;padding:3px 14px;font-size:.74rem;color:#A9ABB2;min-width:170px;justify-content:center}
.ia-url svg{width:11px;height:11px;fill:none;stroke:#62656D;stroke-width:2}
.ia-url b{font-weight:500}
.ia-feed{position:absolute;right:12px;font-size:.68rem;color:#62656D;display:flex;align-items:center;gap:5px}
.ia-feed::before{content:"";width:6px;height:6px;border-radius:50%;background:#3A3D44}
.ia-feed.live::before{background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.15)}
.ia-win[data-dev=phone] .ia-chrome{height:28px;justify-content:center}
.ia-win[data-dev=phone] .ia-chrome i,.ia-win[data-dev=phone] .ia-feed{display:none}
.ia-win[data-dev=phone] .ia-url{min-width:0;margin:0}
.ia-screen{flex:1;min-height:0;overflow:hidden;position:relative;background:#0c1d44}
.ia-frame{position:absolute;left:0;top:0;border:0;transform-origin:0 0;display:block;background:#0c1d44}
.ia-win.ia-pulse{animation:iaPulse .7s ease-out}@keyframes iaPulse{40%{box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 3px rgba(255,255,255,.35)}}
/* ---------- site de prévia (app) ---------- */
.pv{--a:#FD5A06;--ai:#140600;--bg:#0D1017;--sf:#151A23;--sf2:#1C2230;--tx:#F2F4F8;--mu:#8C95A8;--ln:rgba(255,255,255,.07);--hf:var(--display);--ok:#4ADE80;--bad:#F43F5E;
 position:absolute;inset:0;background:var(--bg);color:var(--tx);font:400 12px/1.4 var(--body);display:flex;flex-direction:column;overflow:hidden;transition:background .35s,color .35s}
.pv[data-theme=light]{--bg:#F4F5F8;--sf:#FFFFFF;--sf2:#EDEFF4;--tx:#10131A;--mu:#6B7385;--ln:rgba(10,13,18,.09);--ok:#15803D}
.pv[data-font=serif]{--hf:Georgia,"Times New Roman",serif}
.pv *{box-sizing:border-box}
.pv :where(button){font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;text-align:inherit}
.pv button:focus-visible{outline:2px solid var(--a);outline-offset:1px}
.p-hd{display:flex;align-items:center;gap:14px;padding:9px 14px;border-bottom:1px solid var(--ln);flex:none}
.p-logo{font:800 17px/1 var(--hf);letter-spacing:-.02em;font-style:italic;white-space:nowrap}
.pv[data-font=serif] .p-logo{font-style:normal;font-weight:700}
.pv[data-font=strong] .p-logo,.pv[data-font=strong] .p-h{text-transform:uppercase;font-style:normal;letter-spacing:.01em}
.p-logo span{color:var(--a)}
.p-nav{display:flex;gap:2px}
.p-nav button{color:var(--mu);padding:6px 9px;border-radius:7px;white-space:nowrap}
.p-nav button:hover{color:var(--tx)}
.p-nav button[aria-current=true]{color:var(--tx);background:var(--sf2)}
.p-hr{margin-left:auto;display:flex;gap:7px;align-items:center}
.p-bal{color:var(--ok);font-weight:700;background:var(--sf2);padding:6px 9px;border-radius:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.p-dep,.p-cta,.p-go{background:var(--a)!important;color:var(--ai)!important;font-weight:700!important;border-radius:8px!important;padding:7px 11px!important;white-space:nowrap;transition:filter .15s}
.p-dep:hover,.p-cta:hover,.p-go:hover{filter:brightness(1.08)}
.p-go:disabled{opacity:.45;cursor:default}
.p-wrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}
.p-wrap.side{grid-template-columns:120px minmax(0,1fr) 190px}
.p-wrap.slipcol{grid-template-columns:minmax(0,1fr) 190px}
.p-main{min-height:0;overflow-y:auto;padding:12px 14px 60px;display:grid;gap:12px;align-content:start;scrollbar-width:thin;scrollbar-color:var(--sf2) transparent}
.p-side{border-right:1px solid var(--ln);padding:12px 8px;overflow-y:auto;display:grid;gap:2px;align-content:start}
.p-side b{font:700 9.5px var(--body);color:var(--mu);margin:8px 6px 4px;letter-spacing:.02em}
.p-side button{text-align:left;padding:6px 7px;border-radius:7px;font-size:10.5px;display:flex;align-items:center;gap:7px}
.p-side button:hover{background:var(--sf2)}
.p-side button i{width:13px;height:13px;border-radius:50%;background:var(--sf2);border:1px solid var(--ln);flex:none}
.p-side button em{margin-left:auto;font-style:normal;background:var(--bad);color:#fff;border-radius:999px;font-size:8.5px;padding:0 5px;font-weight:700}
.p-slipcol{border-left:1px solid var(--ln);padding:12px 10px;overflow-y:auto}
.p-h{font:700 15px/1.1 var(--hf);margin:0}
.p-row-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.p-row-h b{font:700 12.5px var(--hf)}
.p-row-h button{color:var(--a);font-weight:600;font-size:10.5px}
.p-back{color:var(--mu);font-size:10.5px;justify-self:start}
.p-ban{position:relative;border-radius:12px;overflow:hidden;padding:16px;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 55%,#000),color-mix(in srgb,var(--a) 20%,var(--bg)) 60%,var(--sf));transition:background .35s}
.pv[data-theme=light] .p-ban{background:linear-gradient(120deg,color-mix(in srgb,var(--a) 85%,#fff),color-mix(in srgb,var(--a) 28%,#fff) 60%,#fff)}
.p-ban h4{font:800 19px/1.05 var(--hf);margin:0;color:#fff;max-width:62%}
.pv[data-theme=light] .p-ban h4{color:#10131A}
.p-ban p{margin:0;color:rgba(255,255,255,.82);max-width:56%;font-size:10.5px}
.pv[data-theme=light] .p-ban p{color:rgba(16,19,26,.72)}
.p-ban .p-cta{align-self:flex-start;margin-top:4px}
.p-ban::after{content:"";position:absolute;right:-30px;top:-30px;width:170px;height:170px;border-radius:50%;border:22px solid color-mix(in srgb,var(--a) 70%,#fff);opacity:.3;pointer-events:none}
.p-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.p-card{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:9px;display:grid;gap:6px}
.p-meta{display:flex;justify-content:space-between;gap:6px;color:var(--mu);font-size:9.5px}
.p-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-meta .lv{color:var(--bad);font-weight:700;white-space:nowrap}
.p-tm{font-weight:650;font-size:11px;display:grid;grid-template-columns:1fr auto 1fr;gap:6px;text-align:left;width:100%}
.p-tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-tm span:last-child{text-align:right}
.p-tm em{font-style:normal;color:var(--a);font-weight:800}
.p-tm:hover span{text-decoration:underline}
.p-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.p-o{background:var(--sf2)!important;border-radius:7px!important;padding:5px 0!important;text-align:center;font-weight:700!important;font-size:11px;font-variant-numeric:tabular-nums;transition:background .2s,color .2s,box-shadow .3s;position:relative}
.p-o small{display:block;font-weight:500;color:var(--mu);font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px}
.p-o:hover{box-shadow:inset 0 0 0 1px var(--a)}
.p-o.s{background:var(--a)!important;color:var(--ai)}
.p-o.s small{color:inherit;opacity:.75}
.p-o.up{box-shadow:inset 0 0 0 1.5px var(--ok)}.p-o.dn{box-shadow:inset 0 0 0 1.5px var(--bad)}
.p-o.up::after,.p-o.dn::after{content:"";position:absolute;right:4px;top:4px;border:3.5px solid transparent}
.p-o.up::after{border-bottom-color:var(--ok);top:1px}.p-o.dn::after{border-top-color:var(--bad);top:6px}
.p-list{background:var(--sf);border:1px solid var(--ln);border-radius:10px;overflow:hidden}
.p-li{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:5px;align-items:center;padding:7px 9px;border-top:1px solid var(--ln)}
.p-li:first-child{border-top:0}
.p-li>button:first-child{text-align:left;min-width:0}
.p-li>button:first-child>span{display:block;font-weight:600;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-li>button:first-child small{display:block;color:var(--mu);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-li>button:first-child:hover>span{text-decoration:underline}
.p-li .p-o{padding:5px 0!important;font-size:10.5px}
.p-li .p-o small{display:none}
.p-mk{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:9px;display:grid;gap:7px}
.p-mk h6{margin:0;font:650 11px var(--body)}
.p-mk .p-odds{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}
.p-mhead{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:8px}
.p-mhead .t{font-weight:700;font-size:12px;display:grid;justify-items:center;gap:5px}
.p-mhead .t i{width:32px;height:32px;border-radius:50%;background:var(--sf2);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;color:var(--a)}
.p-mhead .sc{font:800 22px var(--hf)}
.p-mhead .st{grid-column:1/-1;color:var(--mu);font-size:10px}
.p-tabs{display:flex;gap:5px;flex-wrap:wrap}
.p-tabs button{padding:5px 10px;border-radius:999px;border:1px solid var(--ln)!important;color:var(--mu);font-size:10.5px}
.p-tabs button[aria-pressed=true]{background:var(--tx);color:var(--bg);border-color:var(--tx)!important}
.p-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.p-games button{border-radius:9px;overflow:hidden;display:block;transition:transform .15s}
.p-games button:hover{transform:translateY(-2px)}
.p-games img{width:100%;aspect-ratio:300/402;object-fit:cover;display:block;background:var(--sf2)}
.p-slip{display:flex;flex-direction:column;gap:8px}
.p-slip h5{margin:0;font:700 12px var(--hf);display:flex;justify-content:space-between}
.p-slip h5 button{color:var(--mu);font:500 10px var(--body)}
.p-empty{color:var(--mu);font-size:10.5px;text-align:center;padding:16px 6px;border:1px dashed var(--ln);border-radius:10px}
.p-sel{background:var(--sf2);border-radius:8px;padding:7px;font-size:10px;display:grid;gap:2px;position:relative}
.p-sel b{display:flex;justify-content:space-between;gap:6px;font-size:10.5px;padding-right:12px}
.p-sel b em{font-style:normal;color:var(--a)}
.p-sel small{color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-sel .x{position:absolute;right:5px;top:4px;color:var(--mu);font-size:12px;line-height:1}
.p-stake{display:flex;align-items:center;gap:6px;background:var(--sf2);border-radius:8px;padding:5px 8px}
.p-stake span{color:var(--mu)}
.p-stake input{flex:1;min-width:0;background:none;border:0;color:var(--tx);font:700 12px var(--body);outline:none;text-align:right}
.p-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.p-quick button{background:var(--sf2);border-radius:6px;padding:4px 0;font-size:10px;font-weight:600}
.p-tot{display:flex;justify-content:space-between;color:var(--mu);font-size:10.5px}
.p-tot b{color:var(--tx);font-variant-numeric:tabular-nums}.p-tot.r b{color:var(--ok)}
.p-go{width:100%;text-align:center;padding:9px!important}
.p-pill{position:absolute;right:12px;bottom:12px;background:var(--a)!important;color:var(--ai)!important;font-weight:800!important;border-radius:999px!important;padding:8px 14px!important;box-shadow:0 10px 24px rgba(0,0,0,.4);z-index:6}
.p-sheet{position:absolute;inset:auto 0 0 0;max-height:78%;overflow-y:auto;background:var(--sf);border-top:1px solid var(--ln);border-radius:14px 14px 0 0;padding:12px;z-index:8;box-shadow:0 -20px 40px rgba(0,0,0,.4)}
.p-scrim{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:7}
.p-bet{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:10px;display:grid;gap:6px}
.p-bet .hd{display:flex;justify-content:space-between;align-items:center;font-weight:700}
.p-tag{font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--sf2);color:var(--mu)}
.p-tag.open{background:color-mix(in srgb,var(--a) 18%,transparent);color:var(--a)}
.p-tag.won,.p-tag.co{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.p-bet ul{margin:0;padding:0;list-style:none;display:grid;gap:3px;font-size:10px;color:var(--mu)}
.p-bet ul b{color:var(--tx);font-weight:600}
.p-bet .ft{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;gap:6px;flex-wrap:wrap}
.p-cobtn{border:1px solid var(--a)!important;color:var(--a);border-radius:7px;padding:5px 9px!important;font-weight:700}
.p-wal{display:grid;gap:10px;max-width:420px}
.p-wal .bal{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:12px}
.p-wal .bal small{color:var(--mu)}
.p-wal .bal b{display:block;font:800 22px var(--hf);color:var(--ok);font-variant-numeric:tabular-nums}
.p-amts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.p-amts button{background:var(--sf2);border-radius:8px;padding:8px 0;font-weight:700}
.p-amts button[aria-pressed=true]{background:var(--tx);color:var(--bg)}
.p-qr{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:12px}
.p-qr svg{width:120px;height:120px;background:#fff;border-radius:8px;padding:6px}
.p-qr code{font-size:9px;word-break:break-all;color:var(--mu);display:block;margin:6px 0}
.p-note{font-size:9.5px;color:var(--mu)}
.p-tx{background:var(--sf);border:1px solid var(--ln);border-radius:10px;overflow:hidden}
.p-tx div{display:flex;justify-content:space-between;padding:7px 10px;border-top:1px solid var(--ln);font-size:10.5px}
.p-tx div:first-child{border-top:0}
.p-tx em{font-style:normal;font-weight:700}.p-tx .pl{color:var(--ok)}
.p-in{background:var(--sf2);border:0;border-radius:8px;padding:8px 10px;color:var(--tx);font:500 11px var(--body);width:100%;outline:none}
.p-toast{position:absolute;left:50%;top:56px;transform:translateX(-50%);background:var(--tx);color:var(--bg);font-weight:700;padding:7px 14px;border-radius:999px;z-index:20;font-size:11px;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.motion .p-toast{animation:pvToast 2.2s ease both}
@keyframes pvToast{0%{opacity:0;transform:translate(-50%,-6px)}10%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.p-feat{display:flex;gap:5px;flex-wrap:wrap}
.p-feat span{font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--a) 16%,transparent);color:var(--a)}
.p-wheel{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%!important;background:conic-gradient(var(--a) 0 25%,#FFD24A 0 50%,var(--a) 0 75%,#fff 0)!important;box-shadow:0 8px 20px rgba(0,0,0,.4);border:3px solid var(--bg)!important;z-index:5}
.motion .p-wheel{animation:pvSpin 7s linear infinite}
@keyframes pvSpin{to{transform:rotate(1turn)}}
/* jogo */
.p-game{display:grid;gap:10px}
.p-ghd{display:flex;align-items:center;gap:10px}
.p-ghd img{width:38px;height:50px;object-fit:cover;border-radius:6px}
.p-ghd b{font:700 14px var(--hf)}.p-ghd small{display:block;color:var(--mu)}
.p-stage{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--a) 20%,var(--sf)),var(--sf));border:1px solid var(--ln);border-radius:12px;padding:14px;display:grid;place-items:center;min-height:210px;position:relative;overflow:hidden}
.p-ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.p-ctl .p-stake{width:130px}
.p-ctl .p-go{width:auto;flex:1;min-width:120px}
.p-res{font-weight:700;min-height:16px;text-align:center}
.p-res.w{color:var(--ok)}.p-res.l{color:var(--mu)}
.sl-grid{display:grid;grid-template-columns:repeat(3,64px);gap:6px}
.sl-c{height:64px;border-radius:10px;background:var(--bg);display:grid;place-items:center;font-size:32px;overflow:hidden;border:1px solid var(--ln)}
.sl-c.win{box-shadow:0 0 0 2px var(--a);background:color-mix(in srgb,var(--a) 14%,var(--bg))}
.sl-c.spin span{animation:slBlur .09s linear infinite}
@keyframes slBlur{50%{transform:translateY(-14px);opacity:.4}}
.cr-box{width:100%;height:190px;position:relative}
.cr-box canvas{width:100%;height:100%;display:block}
.cr-m{position:absolute;inset:0;display:grid;place-items:center;font:800 34px var(--hf);font-variant-numeric:tabular-nums;pointer-events:none}
.cr-m.bust{color:var(--bad)}.cr-m.out{color:var(--ok)}
.mn-grid{display:grid;grid-template-columns:repeat(5,38px);gap:5px}
.mn-grid button{height:38px;border-radius:8px;background:var(--bg)!important;border:1px solid var(--ln)!important;font-size:18px}
.mn-grid button:not(:disabled):hover{border-color:var(--a)!important}
.mn-grid button.ok{background:color-mix(in srgb,var(--ok) 22%,var(--bg))!important}
.mn-grid button.bomb{background:color-mix(in srgb,var(--bad) 30%,var(--bg))!important}
.dc-num{font:800 40px var(--hf);font-variant-numeric:tabular-nums}
.dc-range{width:100%;accent-color:var(--a)}
.dc-row{display:flex;justify-content:space-between;width:100%;font-size:10.5px;color:var(--mu);gap:8px}
.dc-row b{color:var(--tx)}
.pk-box{width:100%;height:210px}
.pk-box canvas{width:100%;height:100%;display:block}
.sc-grid{display:grid;grid-template-columns:repeat(3,62px);gap:6px}
.sc-grid button{height:52px;border-radius:9px;background:repeating-linear-gradient(45deg,#9CA3AF 0 6px,#B8BEC9 6px 12px)!important;color:#10131A;font-weight:800;font-size:11px}
.sc-grid button.on{background:var(--bg)!important;color:var(--tx);border:1px solid var(--ln)!important}
.sc-grid button.win{box-shadow:0 0 0 2px var(--a)}
.p-hist{display:flex;gap:4px;flex-wrap:wrap}
.p-hist span{font-size:9.5px;padding:2px 7px;border-radius:999px;background:var(--sf2);font-weight:700}
.p-hist span.w{color:var(--ok)}
/* layouts */
.L-ar .p-feature{border-radius:14px;padding:16px;background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--a) 35%,var(--sf)),var(--sf));border:1px solid var(--ln);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}
.L-ar .p-feature .t{display:grid;gap:5px;justify-items:center;font-weight:700;font-size:12px}
.L-ar .p-feature .t i{width:34px;height:34px;border-radius:50%;background:var(--sf2);display:grid;place-items:center;font-style:normal;font-size:10px;color:var(--a);border:2px solid var(--a)}
.L-ar .p-feature .sc{font:800 22px var(--hf)}
.L-ar .p-feature .p-odds{grid-column:1/-1;max-width:340px;margin:0 auto;width:100%}
.L-ar .p-feature .st{grid-column:1/-1;color:var(--mu);font-size:10px}
.L-pro .p-li{grid-template-columns:minmax(0,1fr) repeat(3,44px) 34px}
.L-pro .p-li .more{color:var(--mu);font-size:10px;text-align:center}
.L-pro .p-th{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px) 34px;gap:5px;padding:0 9px;color:var(--mu);font-size:9px;text-align:center}
.L-pro .p-th span:first-child{text-align:left}
.L-ed .p-date{color:var(--mu);font-size:10px}
.L-ed .p-big{font:700 30px/1 var(--hf);letter-spacing:-.02em}
.pv:not([data-font=serif]) .L-ed .p-big{font-family:Georgia,serif;font-style:italic}
.L-ed .p-list{background:none;border:0;border-top:1px solid var(--ln);border-radius:0}
.L-ed .p-li{padding:10px 2px}
.L-ed .p-li>button:first-child span{font:600 12.5px var(--hf)}
.L-ed .p-o{background:none!important;box-shadow:inset 0 0 0 1px var(--ln)}
.L-ed .p-o.s{background:var(--a)!important}
/* celular */
.p-tab{display:none}
.ia-win[data-dev=phone] .p-nav,.ia-win[data-dev=phone] .p-side,.ia-win[data-dev=phone] .p-slipcol,.ia-win[data-dev=phone] .p-th,.ia-win[data-dev=phone] .L-pro .p-li .more{display:none}
.ia-win[data-dev=phone] .p-wrap{grid-template-columns:minmax(0,1fr)!important}
.ia-win[data-dev=phone] .p-main{padding:10px 10px 70px}
.ia-win[data-dev=phone] .p-cards{grid-template-columns:minmax(0,1fr)}
.ia-win[data-dev=phone] .p-games{grid-template-columns:repeat(3,minmax(0,1fr))}
.ia-win[data-dev=phone] .L-pro .p-li{grid-template-columns:minmax(0,1fr) repeat(3,40px)}
.ia-win[data-dev=phone] .p-ban h4,.ia-win[data-dev=phone] .p-ban p{max-width:78%}
.ia-win[data-dev=phone] .p-hd{padding:8px 10px;gap:8px}
.ia-win[data-dev=phone] .p-logo{font-size:15px}
.ia-win[data-dev=phone] .p-bal{padding:5px 7px;font-size:10.5px}
.ia-win[data-dev=phone] .p-dep{padding:6px 8px!important}
.ia-win[data-dev=phone] .p-tab{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln);padding:6px 4px 9px;flex:none;text-align:center;font-size:9px}
.ia-win[data-dev=phone] .p-tab button{color:var(--mu);display:grid;justify-items:center;gap:3px}
.ia-win[data-dev=phone] .p-tab button::before{content:"";width:14px;height:14px;border-radius:5px;background:var(--sf2)}
.ia-win[data-dev=phone] .p-tab button[aria-current=true]{color:var(--a)}
.ia-win[data-dev=phone] .p-tab button[aria-current=true]::before{background:var(--a)}
.ia-win[data-dev=phone] .p-pill{bottom:58px}
.ia-win[data-dev=phone] .p-wheel{bottom:58px}
.ia-win[data-dev=phone] .p-qr{grid-template-columns:1fr;justify-items:center}
.ia-flash{animation:iaFlash 1.1s ease-out}
@keyframes iaFlash{35%{box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 55%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.ia-swap{animation:iaSwap .4s cubic-bezier(.2,.8,.2,1)}
@keyframes iaSwap{from{opacity:.3}}
@media (prefers-reduced-motion:reduce){.ia-flash,.ia-swap,.p-wheel,.sl-c.spin span{animation:none!important}}
@media (max-width:1180px){.ia-in{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}.ia-stage{padding:12px 14px 16px}.p-wrap.side{grid-template-columns:100px minmax(0,1fr) 170px}.p-wrap.slipcol{grid-template-columns:minmax(0,1fr) 170px}}
@media (max-width:900px){
 .ia{padding-top:64px}
 .ia-in{grid-template-columns:1fr;grid-template-rows:minmax(0,46%) minmax(0,54%);height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:600px;max-height:none}
 .ia-stage{order:-1;padding:8px 10px 8px;border-bottom:1px solid #1E2024}
 .ia-bar{margin-bottom:6px}.ia-steps{display:none}
 .ia-chat{border-right:0}.ia-top{display:none}
 .ia-hello{padding-top:0}.ia-hello h1{font-size:1.45rem;margin:4px 0 6px}.ia-hello>p{margin-bottom:10px;font-size:.88rem}
 .ia-start{padding:10px 2px;font-size:.88rem}
 .ia-scroll{padding:10px 14px 6px}.ia-dock{padding:6px 12px 10px}.ia-note{display:none}
 .ia-win[data-dev=phone]{max-width:250px;border-width:6px;border-radius:28px}
}

/* prévia só depois da 1ª mensagem, divisória ajustável, fechar e etiqueta para reabrir */
.ia .ia-in{grid-template-columns:var(--ia-w,clamp(400px,50%,820px)) 12px minmax(0,1fr);transition:grid-template-columns .4s cubic-bezier(.2,.8,.2,1)}
.ia.ia-drag .ia-in{transition:none}
.ia.ia-drag{cursor:col-resize;user-select:none}
.ia.ia-drag .ia-frame{pointer-events:none}
.ia .ia-chat{border-right:0}
.ia-split{position:relative;cursor:col-resize;background:#0B0C0E;touch-action:none;outline:0}
.ia-split::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#1E2024;transition:background .15s}
.ia-split i{position:absolute;left:50%;top:50%;width:4px;height:40px;margin:-20px 0 0 -2px;border-radius:4px;background:#2A2C31;transition:background .15s,height .15s}
.ia-split:hover::before,.ia.ia-drag .ia-split::before{background:#3A3D44}
.ia-split:hover i,.ia.ia-drag .ia-split i,.ia-split:focus-visible i{background:#E6E7EA;height:56px;margin-top:-28px}
.ia-split:focus-visible::before{background:#E6E7EA}
.ia-bar-r{display:flex;align-items:center;gap:8px}
.ia-close{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid #2A2C31;background:transparent;color:#B5B7BE;cursor:pointer}
.ia-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ia-close:hover{color:#fff;border-color:#6A6D75}
.ia-close:focus-visible,.ia-tab:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ia:not([data-pv=on]) .ia-in{grid-template-columns:minmax(0,1fr) 0 0}
.ia:not([data-pv=on]) :is(.ia-split,.ia-stage){display:none}
.ia:not([data-pv=on]) .ia-scroll>*{max-width:780px;margin-inline:auto}
.ia:not([data-pv=on]) .ia-dock{width:100%;max-width:836px;margin-inline:auto}
.ia:not([data-pv=on]) .ia-hello{padding-top:12vh}
.ia[data-pv=on] .ia-stage{animation:ia-in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ia-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.ia-tab{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;gap:8px;writing-mode:vertical-rl;padding:16px 9px;border:1px solid #2A2C31;border-right:0;border-radius:12px 0 0 12px;background:#141518;color:#E6E7EA;font:600 .86rem var(--body);cursor:pointer;box-shadow:-12px 0 30px -12px rgba(0,0,0,.8)}
.ia-tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transform:rotate(90deg)}
.ia-tab:hover{background:#1C1D21;color:#fff}
.ia-tab[hidden]{display:none}
@media (max-width:900px){
 .ia .ia-in{grid-template-columns:1fr}
 .ia[data-pv=on] .ia-in{grid-template-rows:minmax(0,46%) minmax(0,54%)}
 .ia:not([data-pv=on]) .ia-in{grid-template-rows:1fr}
 .ia-split{display:none!important}
 .ia-chips{flex-wrap:nowrap}
 .ia:not([data-pv=on]) .ia-hello{padding-top:2vh}
 .ia-tab{top:auto;bottom:calc(100% - 64px - 100dvh + 130px);writing-mode:horizontal-tb;transform:none;border-radius:999px;border-right:1px solid #2A2C31;padding:9px 14px;right:12px;top:76px;bottom:auto}
 .ia-tab svg{transform:none}
}

/* modo IA x modo editor */
.ia-mode{display:inline-flex;margin-left:12px;padding:3px;border-radius:999px;background:#141518;border:1px solid #23252A}
.ia-mode button{border:0;background:none;color:#9C9FA7;font:600 .82rem var(--body);padding:5px 13px;border-radius:999px;cursor:pointer}
.ia-mode button[aria-selected=true]{background:#F2F2F3;color:#0B0C0E}
.ia-mode button:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ia[data-mode=ed] :is(.ia-scroll,.ia-dock){display:none}
@media (max-width:900px){.ia-ed{padding:4px 14px 18px}.ia-mode{margin-left:auto}.ia-top{display:flex!important;padding:8px 14px}.ia-top>b{display:none}}

/* IA real: mensagens, logo e publicação */
.ia-err{color:#FF9B8A}
.ia-wait{display:flex;align-items:center;gap:10px;color:#C9CBD1}
.ia-spin{width:14px;height:14px;border-radius:50%;border:2px solid #3A3D44;border-top-color:#F2F2F3;animation:iaSpin .8s linear infinite;flex:none}
@keyframes iaSpin{to{transform:rotate(360deg)}}
.ia-logo-img{display:block;max-width:min(320px,100%);max-height:120px;margin-top:10px;padding:12px;border-radius:12px;background:repeating-conic-gradient(#1A1B1F 0 25%,#141518 0 50%) 0 0/16px 16px;border:1px solid #23252A}
.ia-pub{display:grid;gap:6px;margin-top:2px;padding:14px 16px;border:1px solid #2A2C31;border-radius:14px;background:#141518}
.ia-pub span{font:600 .9rem var(--body);color:#F2F2F3}
.ia-pub a{color:#fff;font:600 1.02rem var(--display);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ia-pub small{color:#8A8D95;font-size:.82rem}
@media (prefers-reduced-motion:reduce){.ia-spin{animation-duration:2.4s}}
.ia-msg.ai .ia-bub{max-width:100%}

/* ===== Editor (painel avançado) ===== */
.ia-ed{flex:1;min-height:0;overflow-y:auto;padding:0 24px 28px;scrollbar-width:thin;scrollbar-color:#2A2C31 transparent;--ed-line:#1F2125;--ed-in:#121316;--ed-bd:#2A2C31}
.ia-ed[hidden]{display:none}
.ed-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 0;background:#0B0C0E;border-bottom:1px solid var(--ed-line)}
.ed-hist{display:flex;gap:2px;padding:2px;border:1px solid var(--ed-bd);border-radius:9px}
.ed-hist button{width:30px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:#C9CBD1;cursor:pointer}
.ed-hist button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ed-hist button:hover:not(:disabled){background:#1C1D21;color:#fff}
.ed-hist button:disabled{opacity:.35;cursor:default}
.ed-status{flex:1;min-width:0;font-size:.8rem;color:#7C7F87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-status.ok{color:#9FE3B4}
.ed-link{border:0;background:none;color:#9C9FA7;font:500 .8rem var(--body);cursor:pointer;padding:6px 4px;text-decoration:underline;text-underline-offset:3px}
.ed-link:hover{color:#fff}
.ed-grp{border-bottom:1px solid var(--ed-line)}
.ed-grp>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 2px;cursor:pointer;user-select:none;border-radius:8px}
.ed-grp>summary::-webkit-details-marker{display:none}
.ed-grp>summary:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ed-ic{width:18px;height:18px;flex:none;fill:none;stroke:#8A8D95;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ed-grp>summary b{font:600 .92rem var(--display);color:#F2F2F3;letter-spacing:-.01em}
.ed-sum{flex:1;min-width:0;text-align:right;font-style:normal;font-size:.8rem;color:#7C7F87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-chev{width:16px;height:16px;flex:none;fill:none;stroke:#6A6D75;stroke-width:2;transition:transform .2s}
.ed-grp[open]>summary .ed-chev{transform:rotate(180deg)}
.ed-body{display:grid;gap:12px;padding:0 0 18px}
.ed-lab{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.78rem;font-weight:600;color:#9C9FA7;margin-bottom:-6px}
.ed-lab small{font-weight:500;color:#6A6D75;font-variant-numeric:tabular-nums}
.ed-fld{display:grid;gap:10px}
.ed-fld>input,.ed-gen input{width:100%;background:var(--ed-in);border:1px solid var(--ed-bd);color:#F2F2F3;border-radius:9px;padding:9px 12px;font:500 .9rem var(--body);min-width:0}
:is(.ed-fld>input,.ed-gen input,.ed-hexin input:not([type=color])):focus{outline:0;border-color:#8A8D95;box-shadow:0 0 0 3px rgba(242,242,243,.08)}
.ed-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ed-sp{flex:1}
.ed-logo-prev{height:92px;border-radius:12px;border:1px solid var(--ed-bd);display:grid;place-items:center;padding:14px;overflow:hidden;background:#0E1013;transition:background .2s}
.ed-logo-prev[data-bg=light]{background:#F3F4F6;border-color:#D9DCE1}
.ed-logo-prev img{max-width:100%;max-height:60px;object-fit:contain;transform-origin:center;transition:transform .15s}
.ed-logo-prev span{font:800 1.3rem var(--display);font-style:italic;color:#F2F2F3}
.ed-logo-prev[data-bg=light] span{color:#0B0C0E}
.ed-gen{display:flex;gap:8px}
.ed-gen input{flex:1}
.ed-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #F2F2F3;background:#F2F2F3;color:#0B0C0E;font:600 .82rem var(--body);padding:8px 14px;border-radius:9px;cursor:pointer;white-space:nowrap}
.ed-btn:hover{background:#fff;border-color:#fff}
.ed-btn.ghost{background:none;color:#D5D6DA;border-color:var(--ed-bd)}
.ed-btn.ghost:hover{border-color:#6A6D75;color:#fff;background:#141518}
.ed-btn:disabled{opacity:.5;cursor:default}
.ed-btn[hidden]{display:none}
.ed-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ed-btn:focus-within,.ed-btn:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ed-rng{display:grid;gap:8px}
.ed-rng-h{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:#9C9FA7}
.ed-rng-h label{flex:1}
.ed-rng-h output{font:600 .8rem var(--body);color:#F2F2F3;font-variant-numeric:tabular-nums;min-width:44px;text-align:right}
.ed-mini{border:1px solid var(--ed-bd);background:none;color:#9C9FA7;font:500 .72rem var(--body);padding:3px 8px;border-radius:6px;cursor:pointer}
.ed-mini:hover,.ed-mini[aria-pressed=true]{color:#fff;border-color:#6A6D75}
.ed-rng-c{display:flex;align-items:center;gap:8px}
.ed-step{width:30px;height:30px;flex:none;border:1px solid var(--ed-bd);border-radius:8px;background:var(--ed-in);color:#D5D6DA;font:500 1rem/1 var(--body);cursor:pointer}
.ed-step:hover{border-color:#6A6D75;color:#fff}
.ed-rng input[type=range]{flex:1;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,#F2F2F3 var(--p,50%),#2A2C31 var(--p,50%));cursor:pointer}
.ed-rng input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #0B0C0E;box-shadow:0 0 0 1px #6A6D75}
.ed-rng input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #0B0C0E;box-shadow:0 0 0 1px #6A6D75}
.ed-rng input[type=range]:focus-visible{outline:2px solid #F2F2F3;outline-offset:6px}
.ed-rng.auto input[type=range]{opacity:.45}
.ed-pals{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.ed-pals button{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:10px;border:1px solid var(--ed-bd);background:var(--ed-in);color:#D5D6DA;font:500 .82rem var(--body);cursor:pointer;text-align:left}
.ed-pals button:hover{border-color:#6A6D75;color:#fff}
.ed-pals button[aria-pressed=true]{border-color:#F2F2F3;color:#fff;box-shadow:inset 0 0 0 1px #F2F2F3}
.ed-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ed-hex{display:grid;gap:10px}
.ed-hexin{display:flex;align-items:center;gap:8px;background:var(--ed-in);border:1px solid var(--ed-bd);border-radius:9px;padding:4px 10px 4px 4px}
.ed-hexin:focus-within{border-color:#8A8D95}
.ed-hexin input[type=color]{width:30px;height:30px;padding:0;border:0;border-radius:7px;background:none;cursor:pointer;flex:none}
.ed-hexin input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ed-hexin input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:7px}
.ed-hexin input:not([type=color]){flex:1;min-width:0;border:0;background:none;color:#F2F2F3;font:500 .86rem ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;padding:6px 0}
.ed-hexin input.bad{color:#FF9B8A}
.ed-ctr{margin:0;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#9C9FA7}
.ed-ctr i{font-style:normal;font-weight:700;font-size:.72rem;padding:2px 7px;border-radius:999px;background:#1E3A2B;color:#9FE3B4}
.ed-ctr i.mid{background:#3A321A;color:#F2D58A}.ed-ctr i.low{background:#3D1F1F;color:#FF9B8A}
.ed-seg{display:flex;gap:3px;padding:3px;border-radius:10px;background:var(--ed-in);border:1px solid var(--ed-bd)}
.ed-seg button{flex:1;border:0;background:none;color:#A9ABB2;font:500 .82rem var(--body);padding:7px 8px;border-radius:7px;cursor:pointer;white-space:nowrap}
.ed-seg button:hover{color:#fff}
.ed-seg button[aria-pressed=true]{background:#2A2C31;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.ed-seg.sm button{padding:5px 10px;font-size:.78rem}
.ed-seg button:focus-visible,.ed-pals button:focus-visible,.ed-lay:focus-visible,.ed-go button:focus-visible,.ed-step:focus-visible,.ed-mini:focus-visible,.ed-link:focus-visible,.ed-primary:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ed-lays{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.ed-lay{display:grid;gap:7px;padding:8px;border:1px solid var(--ed-bd);border-radius:11px;background:var(--ed-in);color:#D5D6DA;font:500 .8rem var(--body);cursor:pointer;text-align:left}
.ed-lay:hover{border-color:#6A6D75;color:#fff}
.ed-lay[aria-pressed=true]{border-color:#F2F2F3;color:#fff;box-shadow:inset 0 0 0 1px #F2F2F3}
.ed-lay-t{position:relative;display:flex;gap:3px;height:50px;padding:4px;border-radius:6px;background:#0B0C0E}
.ed-lay-t i{display:block;border-radius:2px;background:#2E3036}
.ed-lay-t .s{width:16%}.ed-lay-t .m{flex:1}.ed-lay-t .r{width:22%}.ed-lay-t .r.thin{width:16%;background:none;border-left:1px solid #2E3036;border-radius:0}
.ed-lay-t .hb{position:absolute;left:4px;right:28%;top:4px;height:45%;background:#4A4D55}.ed-lay-t .hb+.m{margin-top:52%}
.ed-lay-t .rows{flex:1;background:repeating-linear-gradient(#2E3036 0 5px,transparent 5px 8px)}
.ed-lay-t .tiles{flex:1;background:repeating-linear-gradient(90deg,#2E3036 0 22%,transparent 22% 26%)}
.ed-lay-t .lines{flex:1;background:repeating-linear-gradient(transparent 0 8px,#2E3036 8px 9px)}
.ed-lay[aria-pressed=true] .ed-lay-t i:not(.r.thin){background:#5A5D66}
.ed-tgs{display:grid;border:1px solid var(--ed-bd);border-radius:11px;overflow:hidden}
.ed-tg{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;cursor:pointer;background:var(--ed-in)}
.ed-tg+.ed-tg{border-top:1px solid var(--ed-line)}
.ed-tg:hover{background:#16171A}
.ed-tg span{display:grid}.ed-tg b{font-weight:600;font-size:.86rem;color:#F2F2F3}.ed-tg small{font-size:.76rem;color:#7C7F87}
.ed-tg input{appearance:none;width:36px;height:20px;border-radius:999px;background:#2A2C31;position:relative;cursor:pointer;flex:none;transition:background .2s}
.ed-tg input::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#8A8D95;transition:transform .2s,background .2s}
.ed-tg input:checked{background:#F2F2F3}.ed-tg input:checked::after{transform:translateX(16px);background:#0B0C0E}
.ed-tg input:focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
.ed-go{display:flex;flex-wrap:wrap;gap:6px}
.ed-go button{border:1px solid var(--ed-bd);background:var(--ed-in);color:#D5D6DA;font:500 .8rem var(--body);padding:7px 12px;border-radius:8px;cursor:pointer}
.ed-go button:hover{border-color:#6A6D75;color:#fff}
.ed-help{margin:0;font-size:.82rem;color:#8A8D95}
.ed-slug{display:flex;align-items:center;min-width:0;background:var(--ed-in);border:1px solid var(--ed-bd);border-radius:9px;padding-left:12px}
.ed-slug b{font-weight:500;color:#7C7F87;font-size:.86rem;white-space:nowrap}
.ed-slug input{flex:1;min-width:0;border:0;background:none;color:#F2F2F3;padding:9px 12px 9px 1px;font:600 .9rem var(--body)}
.ed-slug input:focus{outline:0}
.ed-slug:focus-within{border-color:#8A8D95;box-shadow:0 0 0 3px rgba(242,242,243,.08)}
.ed-primary{width:100%;border:0;background:#F2F2F3;color:#0B0C0E;font:700 .9rem var(--body);padding:11px 16px;border-radius:10px;cursor:pointer}
.ed-primary:hover{background:#fff}
.ed-primary:disabled{opacity:.55;cursor:default}
.ed-msg{margin:0;font-size:.82rem;color:#9C9FA7}
.ed-msg:empty{display:none}
.ed-msg.err{color:#FF9B8A}
.ed-res{margin:0;padding:10px 12px;border-radius:10px;background:#122019;border:1px solid #1E3A2B;font-size:.84rem;color:#9FE3B4}
.ed-res a{color:#fff;font-weight:600;overflow-wrap:anywhere}
.ed-json{margin:0;max-height:220px;overflow:auto;padding:12px 14px;border-radius:10px;background:#0E0F12;border:1px solid var(--ed-line);color:#B5B7BE;font:500 .74rem/1.55 ui-monospace,Menlo,Consolas,monospace}
@media (max-width:900px){.ia-ed{padding:0 14px 18px}.ed-cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ed-chev,.ed-tg input,.ed-tg input::after,.ed-logo-prev img{transition:none}}

/* editor: visual avançado, banners e textos */
.ed-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ed-cols3 .ed-hexin{padding-right:6px}
.ed-cols3 .ed-hexin input:not([type=color]){font-size:.78rem}
.ed-lab .ed-mini{margin-left:auto}
.ed-sel{width:100%;appearance:none;background:var(--ed-in) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%238A8D95' stroke-width='2'/%3E%3C/svg%3E") right 10px center/16px no-repeat;border:1px solid var(--ed-bd);color:#F2F2F3;border-radius:9px;padding:9px 32px 9px 12px;font:500 .88rem var(--body);cursor:pointer}
.ed-sel:focus{outline:0;border-color:#8A8D95}
.ed-sel option{background:#141518}
.ed-chk{display:flex;align-items:center;gap:10px;font-size:.86rem;color:#D5D6DA;cursor:pointer}
.ed-chk input{width:18px;height:18px;accent-color:#F2F2F3;cursor:pointer}
.ed-seg.ed-dseg,.ed-seg.ed-hseg{flex-wrap:wrap}
.ed-seg.ed-dseg button{flex:1 1 auto;padding:6px 8px;font-size:.78rem}
.ed-slides{display:grid;gap:8px}
.ed-sl{border:1px solid var(--ed-bd);border-radius:11px;background:var(--ed-in);overflow:hidden}
.ed-sl.off{opacity:.55}
.ed-sl-h{display:flex;align-items:center;gap:10px;padding:8px}
.ed-sl-th{width:64px;height:38px;border-radius:6px;object-fit:cover;background:#0B0C0E;flex:none}
.ed-sl-h b{flex:1;min-width:0;font-size:.84rem;color:#F2F2F3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-sl-h b small{display:block;font-weight:500;color:#7C7F87;font-size:.72rem}
.ed-ib{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--ed-bd);border-radius:7px;background:none;color:#C9CBD1;cursor:pointer;flex:none;font:600 .9rem/1 var(--body)}
.ed-ib:hover:not(:disabled){border-color:#6A6D75;color:#fff}
.ed-ib:disabled{opacity:.3;cursor:default}
.ed-ib[aria-expanded=true]{background:#2A2C31;color:#fff}
.ed-sl .ed-tg{padding:0;background:none}
.ed-sl-b{display:grid;gap:10px;padding:4px 10px 12px;border-top:1px solid var(--ed-line)}
.ed-sl-b[hidden]{display:none}
.ed-sl-b textarea{width:100%;min-height:58px;resize:vertical;background:#0E0F12;border:1px solid var(--ed-bd);color:#F2F2F3;border-radius:9px;padding:8px 12px;font:500 .86rem/1.4 var(--body)}
.ed-sl-b textarea:focus,.ed-sl-b input:focus{outline:0;border-color:#8A8D95}
.ed-sl-b .ed-fld>input,.ed-sl-b .ed-gen input{background:#0E0F12}
.ed-add{justify-self:start}
.ed-rng[hidden],.ed-mini[hidden]{display:none}
.ed-tpick{display:grid;gap:10px;padding:12px;border:1px solid var(--ed-bd);border-radius:11px;background:var(--ed-in)}
.ed-tpick[hidden]{display:none}
.ed-torig{margin:0;font-size:.86rem;color:#C9CBD1}
.ed-tlist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ed-tlist li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 28px;align-items:center;gap:8px;font-size:.8rem;color:#8A8D95}
.ed-tlist li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-dot{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;border:1px solid rgba(255,255,255,.25);margin-right:2px}
.ed-el-h{display:grid;gap:2px}.ed-el-h b{font-size:.9rem;color:#F2F2F3}.ed-el-h code{font:500 .72rem ui-monospace,Menlo,monospace;color:#7C7F87;overflow-wrap:anywhere}
.ed-lab small{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ed-t-cur{display:grid;gap:10px}#ed-t-cur[hidden]{display:none}
.ed-blk{display:grid;gap:10px;padding:4px 10px 12px;border-top:1px solid var(--ed-line)}.ed-blk[hidden]{display:none}.ed-blk textarea{width:100%;min-height:58px;resize:vertical;background:#0E0F12;border:1px solid var(--ed-bd);color:#F2F2F3;border-radius:9px;padding:8px 12px;font:500 .86rem/1.4 var(--body)}
.ed-items{display:grid;gap:6px}.ed-items>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 28px;gap:6px}.ed-items input{min-width:0;background:#0E0F12;border:1px solid var(--ed-bd);color:#F2F2F3;border-radius:8px;padding:6px 10px;font:500 .82rem var(--body)}
.ed-tlist input{min-width:0;background:var(--ed-in);border:1px solid var(--ed-bd);color:#F2F2F3;border-radius:8px;padding:6px 10px;font:500 .84rem var(--body)}
.ed-tlist input:focus{outline:0;border-color:#8A8D95}
#ed-t-pick[aria-pressed=true]{background:#F2F2F3;color:#0B0C0E;border-color:#F2F2F3}
.ia[data-picking] .ia-win{outline:2px dashed #F2F2F3;outline-offset:3px}
:is(.ed-ib,.ed-chk input,.ed-sel):focus-visible{outline:2px solid #F2F2F3;outline-offset:2px}
@media (max-width:900px){.ed-cols3{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ia .ia-in{transition:none}.ia[data-pv=on] .ia-stage{animation:none}}

.nt-acc{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:7px 14px;font:600 .88rem var(--body);cursor:pointer;white-space:nowrap;max-width:180px}
.nt-acc:hover{border-color:rgba(255,255,255,.45)}.nt-acc:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nt-acc span:last-child{overflow:hidden;text-overflow:ellipsis}
.nt-acc-dot{display:none;width:8px;height:8px;border-radius:50%;background:#FD5A06;flex:none}
.nt-acc.on .nt-acc-dot{display:block}
.nt-r{position:relative}
.acc-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;background:#141518;border:1px solid #2A2C31;border-radius:14px;padding:8px;box-shadow:0 20px 40px -18px rgba(0,0,0,.8);z-index:60}
.acc-menu[hidden]{display:none}
.acc-who{margin:0;padding:8px 10px 10px;border-bottom:1px solid #23252A;display:grid;gap:2px}
.acc-who b{color:#fff;font-weight:600}.acc-who small{color:#8E9198;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}
.acc-mi{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;color:#E6E7EA;padding:9px 10px;border-radius:8px;font-size:.9rem}
.acc-mi:hover{background:#1E2024}.acc-mi:focus-visible{outline:2px solid #fff;outline-offset:-2px}.acc-mi[hidden]{display:none}
.acc-dlg{width:min(420px,calc(100vw - 32px));background:#111214;color:#E6E7EA;border:1px solid #2A2C31;border-radius:18px;padding:28px 26px 22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.acc-dlg::backdrop{background:rgba(5,6,8,.72);backdrop-filter:blur(3px)}
.acc-dlg h2{margin:0 0 6px;font-size:1.35rem;color:#fff;letter-spacing:-.01em}
.acc-sub{margin:0 0 18px;color:#9C9FA7;font-size:.9rem;line-height:1.5}
.acc-x{all:unset;cursor:pointer;position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#9C9FA7}
.acc-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.acc-x:hover{background:#1E2024;color:#fff}.acc-x:focus-visible{outline:2px solid #fff}
.acc-tabs{display:grid;grid-template-columns:1fr 1fr;background:#1A1B1F;border-radius:11px;padding:4px;margin-bottom:16px}
.acc-tabs button{all:unset;text-align:center;cursor:pointer;padding:8px;border-radius:8px;color:#9C9FA7;font-weight:600;font-size:.9rem}
.acc-tabs button[aria-selected=true]{background:#2A2C31;color:#fff}.acc-tabs button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.acc-fld{display:grid;gap:6px;margin-bottom:12px;font-size:.84rem;color:#B9BCC3}
.acc-fld[hidden]{display:none}
.acc-fld input{font:inherit;font-size:1rem;color:#fff;background:#0B0C0E;border:1px solid #2F3238;border-radius:10px;padding:11px 12px;outline:none}
.acc-fld input:focus{border-color:#FD5A06;box-shadow:0 0 0 3px rgba(253,90,6,.18)}
.acc-fld small{color:#7C7F87}.acc-fld small[hidden]{display:none}
.acc-msg{min-height:1.2em;margin:2px 0 10px;color:#FF8A7A;font-size:.86rem}
.acc-msg.ok{color:#7BE0A6}
.acc-go{width:100%;justify-content:center}
.acc-go[disabled]{opacity:.6;cursor:wait}
.acc-note{margin:14px 0 0;color:#7C7F87;font-size:.78rem;line-height:1.45;text-align:center}
.nt-nav .nt-acc-m{display:none}
@media (max-width:760px){.nt-r .nt-acc{display:none}.nt-nav .nt-acc-m{display:block}.acc-menu{position:fixed;left:16px;right:16px;top:70px}}
@media (min-width:1181px){.dd-panel:not(.one){width:720px;grid-template-columns:minmax(0,1fr) 250px;column-gap:10px}.dd-panel:not(.one) .dd-feat{grid-row:1/span 4;align-self:stretch}.dd-feat>span{display:block;padding:12px 14px 14px}.dd-feat>span>span{display:block;padding:0;line-height:1.4;white-space:normal}.dd-feat img{flex:none}}.nt-nav a,.nt-nav .dd-btn{white-space:nowrap}@media (min-width:1181px){.nt-in{gap:22px}.nt-nav{gap:2px}}.hh{padding-top:110px}.hh .hh-t{font-size:clamp(2.7rem,5.4vw,5rem);line-height:.98;letter-spacing:-.035em;color:#fff;font-weight:700}