.cel{--cel-w:250px;--cel-borda:8px;width:var(--cel-w);aspect-ratio:9/19.5;border:var(--cel-borda) solid #16130f;background:#16130f;border-radius:40px;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #16130f73,0 12px 24px -12px #16130f4d}.cel img{width:100%;height:auto}.cel:after{content:"";background:#16130f;border-radius:999px;width:30%;height:18px;position:absolute;top:8px;left:50%;translate:-50%}.cb-capa .capa-titulo{font-size:clamp(3.2rem,16.5vw,10rem)}.cb-telefones{place-items:center;height:560px;margin-top:10px;display:grid;position:relative}.cb-arco{background:radial-gradient(70% 60% at 50% 30%, color-mix(in srgb, var(--accent) 38%, var(--surface)), var(--surface));border-radius:999px 999px 0 0;width:min(88vw,400px);height:86%;position:absolute;bottom:0;left:50%;translate:-50%}.cb-telefones .cel{transition:transform 1.4s var(--ease) .2s, opacity 1s ease .2s;position:absolute}.cel-frente{--cel-w:236px;opacity:0;z-index:2;transform:translate(28px,60px)rotate(3deg)}.cel-tras{--cel-w:210px;opacity:0;filter:saturate(.9);transform:translate(-40px,80px)rotate(-8deg)}.entrou .cel-frente{opacity:1;transform:translate(36px,10px)rotate(4deg)}.entrou .cel-tras{opacity:1;transition-delay:.35s;transform:translate(-74px,-4px)rotate(-7deg)}@media (width>=900px){.cb-capa .capa-titulo{margin-right:-55%;font-size:clamp(5rem,10.4vw,10.6rem)}.cb-telefones{height:min(80vh,720px);margin-top:0}.cb-arco{width:100%;height:88%}.cel-frente{--cel-w:290px}.cel-tras{--cel-w:250px}.entrou .cel-frente{transform:translate(60px,20px)rotate(4deg)}.entrou .cel-tras{transform:translate(-100px,-10px)rotate(-7deg)}}.cb-demos{gap:64px;display:grid}.cb-demo{color:inherit;gap:22px;text-decoration:none;display:grid}.cb-demo-palco{background:radial-gradient(70% 60% at 50% 30%, color-mix(in srgb, var(--demo-accent) 30%, var(--demo-bg)), color-mix(in srgb, var(--demo-accent) 10%, var(--demo-bg)));border-radius:999px 999px 0 0/220px 220px 0 0;place-items:center;padding:44px 0;display:grid;overflow:hidden}.cel-rola{--cel-w:240px}.cel-rola img{will-change:transform;transform:translate(0,0)}.cb-demo.visivel .cel-rola img{animation:22s cubic-bezier(.45,0,.55,1) .8s infinite alternate rola}@keyframes rola{to{transform:translate3d(0, calc(-100% + (var(--cel-w) - 2 * var(--cel-borda)) * 19.5 / 9), 0)}}.cb-demo-texto{justify-items:start;gap:10px;display:grid}.cb-demo h3{font:400 clamp(2.6rem, 11vw, 5rem)/.95 var(--serif)}.cb-demo-hook{font:italic 400 1.35rem/1.2 var(--serif);color:var(--muted)}.cb-demo .link{margin-top:6px}@media (hover:hover){.cb-demo:hover .cel-rola img{animation-duration:12s}.cb-demo .cel{transition:transform .6s var(--ease)}.cb-demo:hover .cel{transform:translateY(-8px)rotate(-1.5deg)}}@media (width>=900px){.cb-demos{gap:120px}.cb-demo{grid-template-columns:1fr 1fr;align-items:center;column-gap:80px}.cb-demo:nth-child(2n) .cb-demo-palco{order:2}.cb-demo-palco{border-radius:999px 999px 0 0/300px 300px 0 0;padding:64px 0}.cel-rola{--cel-w:280px}}.cb-compara{gap:44px;display:grid}.cb-lista{border-top:1px solid var(--line);margin:16px 0 0;padding:0;list-style:none}.cb-lista li{border-bottom:1px solid var(--line);font:400 clamp(1.35rem, 5.2vw, 1.9rem)/1.2 var(--serif);grid-template-columns:28px 1fr;padding:18px 0;display:grid}.cb-lista-hoje li{color:var(--muted)}.cb-lista-hoje li:before{content:"×";font-family:var(--sans);font-size:1rem;line-height:1.9}.cb-lista-cinebio li:before{content:"✦";color:var(--accent);font-size:.8rem;line-height:2.4}@media (width>=900px){.cb-compara{grid-template-columns:1fr 1fr;column-gap:80px}.cb-passos{grid-template-columns:repeat(3,1fr);column-gap:48px}}.cb-convite-grade{gap:56px;display:grid}.cb-campos{gap:22px;max-width:520px;margin:34px 0 28px;display:grid}.cb-campos label{gap:8px;display:grid}.cb-campos span{font:500 .66rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.cb-campos input{border:0;border-bottom:1px solid var(--text);width:100%;font:400 1.7rem/1.1 var(--serif);background:0 0;border-radius:0;padding:8px 0 12px}.cb-campos input::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent)}.cb-campos input:focus{border-bottom-color:var(--accent);outline:none}.cb-nota{color:var(--muted);margin-top:16px;font-size:.78rem}.cb-capa-dela{place-items:center;display:grid}.cb-capa-dela .cel{--cel-w:270px;background:var(--bg)}.cb-tela-dela{background:var(--bg);align-content:start;gap:10px;padding:40px 18px 18px;display:grid;position:absolute;inset:0}.cb-tela-topo{font:400 1.05rem/1 var(--serif);justify-content:space-between;align-items:center;display:flex}.cb-tela-btn{background:var(--text);color:var(--bg);font:500 .5rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:6px 10px}.cb-tela-dela .rotulo{margin-top:14px;font-size:.52rem}.cb-tela-titulo{font:400 2.6rem/.92 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}.cb-tela-titulo em{color:var(--accent)}.cb-tela-arco{background:radial-gradient(70% 60% at 50% 35%, color-mix(in srgb, var(--accent) 30%, var(--surface)), var(--surface));border-radius:999px 999px 0 0;height:210px;margin-top:-10px}.cb-tela-ig{color:var(--muted);font-size:.72rem}@media (width>=900px){.cb-convite-grade{grid-template-columns:1.1fr .9fr;align-items:center;column-gap:80px}.cb-capa-dela .cel{--cel-w:300px}}@media (prefers-reduced-motion:reduce){.cb-telefones .cel{opacity:1;transition:none}.cel-frente{transform:translate(36px,10px)rotate(4deg)}.cel-tras{transform:translate(-74px,-4px)rotate(-7deg)}.cb-demo.visivel .cel-rola img{animation:none}}
