/* Caixa Cheia: tela de escolha, antes do login. */
body.cc-public-choice {
 background:
  radial-gradient(ellipse 620px 680px at -5% 17%,#83e5ff70,transparent 78%),
  radial-gradient(ellipse 750px 720px at 105% 25%,#8cffe477,transparent 76%),
  linear-gradient(144deg,#e9f8ff,#f4fcff 50%,#e8fff9);
 min-height:100vh;color:#113b54
}
.cc-public-choice .topbar{background:#ffffffdf;max-width:1200px;border:1px solid #c7e9f1;border-radius:18px;margin:14px auto 22px;box-shadow:0 9px 33px #007a9820}
.cc-public-choice .brand-mark{background:linear-gradient(135deg,#00b4d7,#0dd3b3);color:white;box-shadow:0 9px 19px #02acb346}
.cc-public-choice .main-content{width:min(1150px,100%);padding:0 20px 65px}
.cc-public-choice .footer{background:#ffffffa6;border:1px solid #c5eaf1;border-radius:16px;max-width:1150px}
.cc-choice{position:relative;isolation:isolate}
.cc-choice-top{text-align:center;max-width:805px;margin:0 auto 30px;padding-top:15px}
.cc-choice-kicker{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:35px;background:#d8fff7;border:1px solid #a3eadc;color:#078b9b;font-weight:900;font-size:10px;letter-spacing:1.9px}
.cc-choice-kicker>span{font-size:9px;color:#06b69e}
.cc-choice-top h1{font-size:clamp(33px,4.5vw,51px);line-height:1.14;font-weight:900;letter-spacing:-1.8px;margin:19px 0 13px;color:#073854}
.cc-choice-top h1 span{color:#00a8bd}
.cc-choice-top p{color:#53788d;font-size:15px;line-height:1.8;margin:0 auto;max-width:710px}
.cc-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.cc-choice-card{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:25px;padding:28px 30px 25px;border:1px solid #c6e8ef;background:#fff;box-shadow:0 24px 50px #087f9d1b}
.cc-choice-card::before{content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#09aee4,#05d7ba)}
.cc-choice-card.cc-choice-browser::before{background:linear-gradient(90deg,#2f9ac8,#85dcff)}
.cc-choice-install{background:linear-gradient(156deg,#ffffff 0%,#f0fffb 100%);border-color:#84dfe1;box-shadow:0 28px 64px #00b8b532,0 0 0 5px #ccfff48c}
.cc-choice-browser{background:linear-gradient(156deg,#fff 0%,#f4faff 100%)}
.cc-choice-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 17px}
.cc-choice-card-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#00a7e1,#04cdb5);box-shadow:0 8px 20px #05bcbc40}
.cc-choice-card-icon svg{height:34px;width:34px}
.cc-choice-browser .cc-choice-card-icon{background:linear-gradient(135deg,#147dae,#47bce9);box-shadow:0 8px 20px #2495bd32}
.cc-choice-chip{border:1px solid #afe8db;background:#dcfff5;color:#057d69;font-size:9px;font-weight:900;letter-spacing:.7px;padding:8px 10px;border-radius:30px}
.cc-choice-chip-blue{background:#e6f6ff;color:#1179a3;border-color:#b5def2}
.cc-choice-card h2{color:#0a3a51;font-size:25px;font-weight:900;letter-spacing:-.8px;margin:0 0 10px}
.cc-choice-card>p{font-size:13px;line-height:1.75;color:#617f90;min-height:70px;margin:0 0 18px}
.cc-choice-example{min-height:180px;height:180px;border:1px solid #bde6e6;border-radius:17px;background:radial-gradient(ellipse at 58% 20%,#fff,transparent 65%),linear-gradient(135deg,#bffbf0,#c7f4ff);display:grid;place-items:center;position:relative;overflow:hidden}
.cc-choice-screen{border-radius:18px;width:139px;height:157px;border:6px solid #153f56;box-shadow:0 15px 25px #05788f40;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:translateY(22px) rotate(-6deg);color:#146884}
.cc-choice-screen-icon{display:grid;place-items:center;background:linear-gradient(135deg,#00b7d9,#13d3ab);color:white;height:53px;width:53px;border-radius:15px;font-size:35px;font-weight:900;box-shadow:0 0 0 5px #dffbf3}
.cc-choice-screen strong{font-size:13px;margin-top:5px}.cc-choice-screen small{font-size:7px;letter-spacing:1px;color:#8d9daa}
.cc-choice-example-badge{position:absolute;right:11px;bottom:14px;font-size:10px;font-weight:900;border-radius:9px;padding:10px 12px;background:#fff;color:#0c756c;box-shadow:0 6px 17px #078b963a}
.cc-choice-example-badge span{color:#0ba380}
.cc-choice-browser-art{background:linear-gradient(140deg,#e0f4ff,#d4e8ff);border-color:#c7e6f2}
.cc-choice-browser-window{width:min(88%,315px);height:151px;background:#fff;border-radius:12px 12px 0 0;transform:translateY(20px);overflow:hidden;box-shadow:0 16px 26px #13618c35}
.cc-choice-browser-bar{height:26px;background:#eaf4fb;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#6ea6bd;font-size:10px}
.cc-choice-browser-bar small{font-size:9px}
.cc-choice-browser-content{padding:12px 15px;display:flex;flex-direction:column;gap:5px;align-items:start}
.cc-choice-browser-content>div{background:#d8f4fe;color:#048dae;font-size:22px;font-weight:900;height:34px;width:34px;border-radius:10px;display:grid;place-items:center}
.cc-choice-browser-content strong{font-size:11px;color:#18506a}.cc-choice-browser-content>span{color:#688aa3;font-size:9px}
.cc-choice-browser-line{display:block;width:90%;height:8px;border-radius:4px;background:#e8f1f6;margin-top:3px}
.cc-choice-browser-line.short{width:60%}
.cc-choice-benefits{display:grid;gap:11px;list-style:none;padding:0;margin:21px 0 22px;flex:1}
.cc-choice-benefits li{display:flex;gap:10px;align-items:start;font-size:12px;font-weight:650;line-height:1.5;color:#345c6c}
.cc-choice-benefits li>span{background:#d7faea;color:#008f71;border-radius:50%;height:20px;width:20px;flex:none;display:grid;place-items:center;font-size:12px}
.cc-choice-browser .cc-choice-benefits li>span{background:#e0f3ff;color:#0787b5}
.cc-choice-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px;margin-top:auto}
.cc-choice-button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;border:1px solid transparent;padding:17px 16px;border-radius:13px;font-size:15px;font-weight:900;min-height:55px;line-height:1.3;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.cc-choice-button:hover{transform:translateY(-2px)}
.cc-choice-button:focus-visible,.cc-choice-footer a:focus-visible,.cc-choice-small-link:focus-visible{outline:3px solid #e5b422;outline-offset:3px}
.cc-choice-primary{background:linear-gradient(120deg,#01a9e4,#05ccbc);color:white;box-shadow:0 0 0 5px #04cfda1d,0 12px 25px #00a8c04c}
.cc-choice-primary:hover{box-shadow:0 0 0 8px #04cfda2b,0 18px 31px #00a8c05a}
.cc-choice-secondary{background:linear-gradient(120deg,#0b76ab,#168ec2);color:white;box-shadow:0 12px 25px #0d86ba3d}
.cc-choice-feedback{font-size:11px;text-align:center;line-height:1.6;color:#4e7785;min-height:34px;margin:0}
.cc-choice-browser-feedback{color:#6f8997}
.cc-choice-small-link{text-align:center;color:#0685ac;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;margin:0 auto}
.cc-choice-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:21px auto 0;padding:18px 19px;border:1px solid #c9e9ee;background:#ffffffcc;border-radius:14px}
.cc-choice-footer>div{display:flex;gap:10px;align-items:center;color:#557989;font-size:12px;line-height:1.6}
.cc-choice-footer strong{color:#103f53}
.cc-choice-footer>a{font-size:12px;color:#0087a9;font-weight:850;white-space:nowrap}
.cc-choice [hidden]{display:none!important}
@media(max-width:820px){
 .cc-choice-grid{gap:14px}
 .cc-choice-card{padding:23px 20px}
 .cc-choice-card>p{min-height:95px}
 .cc-choice-card h2{font-size:22px}
 .cc-choice-chip{font-size:8px}
}
@media(max-width:650px){
 .cc-public-choice .topbar{margin:7px 11px 18px;padding:14px}
 .cc-public-choice .main-content{padding:0 13px 40px}
 .cc-choice-top{padding-top:6px;margin-bottom:22px}
 .cc-choice-top h1{font-size:34px}
 .cc-choice-top p{font-size:13px}
 .cc-choice-grid{grid-template-columns:1fr;gap:18px}
 .cc-choice-card{padding:24px 21px;border-radius:20px}
 .cc-choice-card>p{min-height:0}
 .cc-choice-footer{flex-direction:column;align-items:start}
 .cc-choice-example{height:164px;min-height:164px}
 .cc-choice-screen{transform:translateY(23px) rotate(-4deg)}
}
@media(prefers-reduced-motion:reduce){.cc-choice-button{transition:none}.cc-choice-button:hover{transform:none}}