/* Caixa Cheia public website, 2026. Isolated from resident and admin UIs. */
.cc-public{background:#f6fbff;color:#103955}
.cc-public .site-shell{background:#f6fbff}
.cc-public .topbar{max-width:1300px;min-height:86px;padding:17px 24px;gap:25px}
.cc-public .brand{font-size:23px;letter-spacing:-.8px;font-weight:800}
.cc-public .brand b{color:#078bba}
.cc-public .brand-mark{background:linear-gradient(150deg,#d9fcf7,#daecff);color:#047eac;border-radius:14px;height:46px;width:46px}
.cc-public .brand small{font-size:9px;letter-spacing:2.3px}
.cc-public .main-content{width:min(1300px,100%);padding:0 24px 44px}
.cc-public .nav{gap:23px;font-size:13px;color:#31546a}
.cc-public .nav a:not(.cc-public-nav-cta){font-weight:700}
.cc-public .nav a:hover,.cc-public .nav a:focus-visible{color:#008faf}
.cc-public .cc-public-nav-cta{border:0;border-radius:12px;background:linear-gradient(120deg,#079dd4,#06b2c8);box-shadow:0 10px 25px #047da727;color:#fff;font-weight:800;padding:13px 21px;min-height:44px}
.cc-public .footer{max-width:1300px;border-top:1px solid #dceaf0;padding:27px 24px 35px;color:#6e8696;align-items:center}
.cc-public .footer a{color:#157b97;font-weight:700}
.cc-landing{--cc-navy:#072e48;--cc-sky:#068dd0;--cc-cyan:#05c5d0;--cc-mint:#7af1d9;--cc-ink:#0b344e;--cc-line:#d7e8ef;--cc-muted:#58778a}
.cc-landing .cc-public-btn{min-height:53px;padding:14px 25px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:9px;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;white-space:normal;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;line-height:1.2}
.cc-landing .cc-public-btn:hover{transform:translateY(-2px)}
.cc-landing .cc-public-btn:focus-visible,.cc-public .cc-public-nav-cta:focus-visible{outline:3px solid #ffcd62;outline-offset:3px}
.cc-landing .cc-public-primary{background:linear-gradient(125deg,#02a4dc,#058aca);color:#fff;box-shadow:0 15px 30px #048ec438}
.cc-landing .cc-public-outline{border-color:#ffffffa8;background:#fff2;color:#fff}
.cc-landing .cc-public-outline-dark{border-color:#95cddd;background:#fff;color:#086b8b}
.cc-landing .cc-secondary-btn{background:#effbfe;border-color:#bce3ec;color:#087e9e}
.cc-landing .cc-section-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:2px;color:#078eaa;margin-bottom:12px}
.cc-landing [hidden]{display:none!important}
.cc-new-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);align-items:center;min-height:535px;padding:53px clamp(30px,5vw,66px);overflow:hidden;border-radius:28px;background:linear-gradient(118deg,#06354f 5%,#055b84 58%,#079dc2 100%);box-shadow:0 29px 55px -35px #006d9d85}
.cc-new-hero-glow{position:absolute;z-index:-1;width:700px;height:700px;border-radius:50%;right:-300px;top:-350px;background:radial-gradient(circle,#50e4e54e,transparent 68%)}
.cc-new-hero-copy{position:relative;z-index:2;max-width:650px}
.cc-kicker{display:inline-flex;align-items:center;gap:10px;background:#ffffff15;border:1px solid #c4ffff32;border-radius:30px;padding:10px 14px;color:#bbfff3;font-size:10px;letter-spacing:1.5px;font-weight:900}
.cc-kicker-dot{height:8px;width:8px;background:#71ffe0;border-radius:50%;box-shadow:0 0 0 5px #80fedd28}
.cc-new-hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.07;letter-spacing:-2.8px;font-weight:900;color:white;margin:25px 0 20px}
.cc-new-hero h1 span{color:#7cf5db}
.cc-new-hero .cc-hero-lead{font-size:clamp(15px,1.45vw,17px);line-height:1.76;color:#e5f9fd;max-width:590px;margin:0}
.cc-new-hero .cc-hero-lead strong{color:#fff}
.cc-new-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 23px}
.cc-new-hero-actions .cc-public-primary{background:linear-gradient(110deg,#06b3e6,#00a8c9);box-shadow:0 13px 24px #02476488}
.cc-hero-support{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#d8f7fc;font-size:11px;font-weight:700;line-height:1.65}
.cc-mini-check{color:#81fbd4;font-weight:900}
.cc-mini-separator{width:4px;height:4px;border-radius:50%;background:#7be8e8;opacity:.9;margin:0 2px}
.cc-install-feedback{min-height:16px;color:#c2f9fc;font-size:12px;line-height:1.6;margin:13px 0 0;max-width:570px}
.cc-new-hero-visual{position:relative;min-height:428px;display:grid;place-items:center;isolation:isolate}
.cc-new-circle{position:absolute;border:1px solid #a1f2ef3d;aspect-ratio:1;border-radius:50%;z-index:-1}
.cc-new-circle-one{width:400px}.cc-new-circle-two{width:515px;opacity:.8}
.cc-hero-bottom-shine{position:absolute;bottom:-120px;right:-120px;height:240px;width:430px;background:radial-gradient(ellipse,#a4fff638,transparent 73%);z-index:-1}
.cc-demo-phone{width:253px;height:462px;max-width:100%;border-radius:39px;border:9px solid #0a293b;background:#fbfeff;box-shadow:0 24px 0 -15px #2c7994aa,0 40px 75px #03253e99;transform:rotate(7deg);position:relative;overflow:hidden}
.cc-demo-phone::after{content:"";position:absolute;inset:0;border-radius:29px;box-shadow:inset 0 0 0 2px #ffffffb3;pointer-events:none}
.cc-demo-camera{height:16px;width:78px;background:#0a293b;position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 12px 12px;z-index:3}
.cc-demo-body{padding:27px 17px 0;height:100%;color:#0c3850}
.cc-demo-header{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:25px}
.cc-demo-header strong{display:block}.cc-demo-header small{display:block;font-size:7px;letter-spacing:1.2px;text-transform:uppercase;color:#7893a5;font-weight:700}
.cc-demo-logo{font-size:23px;color:#079cc2;display:grid;place-items:center;background:#e4f9fc;width:35px;height:35px;border-radius:11px}
.cc-demo-label{font-size:8px;letter-spacing:1.2px;color:#698b98;font-weight:800;display:block;margin-bottom:10px}
.cc-demo-active{display:flex;align-items:center;gap:10px;padding:16px 12px;border-radius:16px;background:linear-gradient(125deg,#079c9a,#01b77f);color:#fff;box-shadow:0 13px 22px #08a88744}
.cc-demo-active span:last-child{min-width:0}
.cc-demo-water{display:grid;place-items:center;background:#ffffff37;width:40px;height:40px;border-radius:50%;font-size:20px;flex:none}
.cc-demo-active strong{display:block;font-size:16px;margin:2px 0}.cc-demo-active small{display:block;font-size:9px}
.cc-demo-subtitle{font-size:12px;font-weight:900;margin:23px 0 12px}
.cc-demo-line{display:flex;align-items:center;gap:10px;background:#f4f9fb;padding:9px;border-radius:11px;margin-bottom:8px;font-size:11px;font-weight:800}
.cc-demo-line small{display:block;margin-top:3px;color:#75909f;font-weight:500;font-size:9px}
.cc-demo-status{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;font-weight:900}
.cc-green{color:#039c7a;background:#d9faeb}.cc-gold{color:#b27a10;background:#fff2c9}.cc-blue{color:#0a83bb;background:#dfeffc}
.cc-demo-bottom{display:flex;justify-content:space-around;gap:5px;font-size:9px;font-weight:800;color:#5d8195;margin-top:19px;padding-top:13px;border-top:1px solid #e2edf1}
.cc-floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:12px;box-shadow:0 14px 35px #02375666;background:#ffffff;color:#175576;font-size:10px;font-weight:850;white-space:nowrap}
.cc-floating-note>span{color:#08a784;font-size:19px}
.cc-note-left{left:-8px;top:26%}.cc-note-right{right:-10px;bottom:23%}
.cc-benefit-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:2;margin:-3px 0 64px;background:#fff;border:1px solid #dbeef3;border-radius:0 0 23px 23px;padding:23px 29px;box-shadow:0 19px 35px #0b52750d}
.cc-benefit-band>div{display:flex;gap:12px;align-items:center}
.cc-benefit-band strong{display:block;font-size:13px;color:#0f3951;margin-bottom:5px}
.cc-benefit-band small{display:block;color:#6c8797;font-size:11px;line-height:1.6}
.cc-benefit-icon{display:grid;place-items:center;background:linear-gradient(145deg,#dcfff0,#d6f8ff);border-radius:15px;color:#078b9e;font-size:24px;font-weight:900;width:50px;height:50px;flex:none}
.cc-story-heading{text-align:center;max-width:740px;margin:0 auto 29px}
.cc-story-heading h2,.cc-real-life h2,.cc-install-section h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.5px;line-height:1.15;color:#0a344e;margin:0 0 16px;font-weight:900}
.cc-story-heading h2 span,.cc-real-life h2 span{color:#078fbd}
.cc-story-heading p,.cc-real-life-panel>p{font-size:14px;line-height:1.8;color:#617e91;margin:0}
.cc-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.cc-how-card{background:#fff;border:1px solid #deebf0;border-radius:20px;padding:27px;box-shadow:0 14px 29px #0b506b0c;display:flex;flex-direction:column;min-height:266px}
.cc-how-icon{display:flex;align-items:center;justify-content:space-between;padding:0 15px;max-width:105px;height:52px;border-radius:14px;font-size:19px;font-weight:900}
.cc-how-icon span{font-size:22px}
.cc-how-blue{background:#e3f5ff;color:#057cb6}.cc-how-mint{background:#dffbf1;color:#079977}.cc-how-gold{background:#fff3d4;color:#be7f0e}
.cc-how-card h3{font-size:19px;color:#103b51;margin:21px 0 10px;letter-spacing:-.45px}
.cc-how-card p{color:#658093;font-size:13px;line-height:1.75;margin:0 0 15px}
.cc-how-caption{margin-top:auto;padding-top:10px;color:#0b8aa5;font-size:11px;font-weight:850}
.cc-how-disclaimer{margin:17px auto 0;text-align:center;font-size:11px;color:#738b99;max-width:860px;line-height:1.75}
.cc-real-life{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid #d7e8ef;background:#fff;border-radius:25px;margin:69px 0}
.cc-real-life-panel{padding:clamp(26px,4.4vw,55px)}
.cc-real-life-panel>p{max-width:555px}
.cc-advantage-list{display:grid;gap:15px;margin:27px 0}
.cc-advantage-list>div{display:flex;align-items:start;gap:12px}
.cc-advantage-list>div>span{width:28px;height:28px;border-radius:50%;background:#d6faee;display:grid;place-items:center;color:#0a9f7d;font-weight:900;flex:none;font-size:13px}
.cc-advantage-list p{margin:0}
.cc-advantage-list strong{display:block;color:#143e54;font-size:13px;margin:1px 0 4px}
.cc-advantage-list small{display:block;color:#678798;font-size:11px;line-height:1.65}
.cc-community-art{background:linear-gradient(145deg,#dafff7,#c3f4ff 58%,#97e5f3);position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate}
.cc-community-cloud{position:absolute;background:#ffffff90;width:270px;height:270px;border-radius:50%;z-index:-1}
.cc-cloud-one{top:-120px;left:-75px}.cc-cloud-two{right:-90px;bottom:-115px}
.cc-community-visual{position:relative;display:flex;align-items:center;justify-content:center;width:min(90%,430px);height:300px}
.cc-community-large-icon{display:grid;place-items:center;font-size:87px;width:190px;height:190px;border-radius:50%;background:#ffffff7a;box-shadow:0 15px 50px #0f94ab29;border:1px solid #fff}
.cc-message{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 17px;border-radius:15px;box-shadow:0 13px 24px #127b9242;z-index:2}
.cc-message>span{display:grid;place-items:center;height:35px;width:35px;background:#defaf1;color:#07a67c;border-radius:12px;font-size:18px;font-weight:900}
.cc-message strong{font-size:12px;display:block;color:#15455a;white-space:nowrap}
.cc-message small{display:block;font-size:10px;margin-top:4px;color:#79909d}
.cc-message-one{top:0;left:0;transform:rotate(-3deg)}
.cc-message-two{right:0;bottom:21px;transform:rotate(3deg)}
.cc-community-art-caption{position:absolute;bottom:-10px;color:#0b7183;font-weight:850;font-size:14px;text-align:center}
.cc-install-section{display:grid;grid-template-columns:70px 1fr minmax(200px,260px);align-items:center;gap:26px;border-radius:25px;padding:40px 43px;background:linear-gradient(117deg,#082c47,#075778 67%,#018aab);color:#fff;margin:0 0 25px;box-shadow:0 25px 44px -32px #07597c88}
.cc-install-section .cc-section-kicker{color:#84f6e6}
.cc-install-section h2{color:#fff;font-size:clamp(26px,2.8vw,37px)}
.cc-install-section h2 span{color:#85f5dd}
.cc-install-section p{font-size:13px;line-height:1.75;color:#daf3fa;margin:0}
.cc-install-icon{background:#ffffff1c;border:1px solid #c9fff435;width:68px;height:68px;display:grid;place-items:center;border-radius:19px;color:#9bf2ec;font-size:46px;font-weight:900;align-self:start}
.cc-install-instructions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}
.cc-install-instructions>span{font-size:11px;color:#d9f5fb;line-height:1.65}
.cc-install-instructions strong{display:block;color:#a6ffed;font-size:12px}
.cc-install-side{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.cc-install-side-note{color:#d0f3f7;text-align:center;font-size:11px;line-height:1.55}
.cc-login-small{color:#b7f6ed;font-size:12px;font-weight:700;text-align:center;text-decoration:underline;text-underline-offset:4px}
.cc-community-join{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid #d5e9f0;border-radius:20px;background:#ecf9fd}
.cc-community-join h2{font-size:25px;color:#143f56;margin:0 0 10px;letter-spacing:-.7px}
.cc-community-join p{font-size:13px;line-height:1.75;color:#617e91;margin:0;max-width:670px}
.cc-request-pending{font-size:12px;color:#537688;border-radius:13px;padding:13px 15px;border:1px solid #bedde8;background:#fff;white-space:nowrap;font-weight:800}
.cc-bottom-cta{text-align:center;padding:62px 18px 35px}
.cc-bottom-cta h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1.1px;color:#0b3851;margin:0 0 9px}
.cc-bottom-cta p{font-size:13px;color:#628092;line-height:1.7;margin:0 0 23px}
@media(max-width:1050px){
 .cc-public .topbar{max-width:1180px}
 .cc-new-hero{grid-template-columns:1.15fr .85fr;padding:44px 35px}
 .cc-note-left{left:0}.cc-note-right{right:-8px}
 .cc-public .nav{gap:14px}
 .cc-real-life-panel{padding:32px}
}
@media(max-width:830px){
 .cc-new-hero{grid-template-columns:1fr;gap:30px;padding:43px 32px}
 .cc-new-hero-copy{max-width:720px}
 .cc-new-hero-visual{min-height:385px}
 .cc-demo-phone{transform:rotate(3deg)}
 .cc-benefit-band{grid-template-columns:1fr 1fr}
 .cc-how-grid{grid-template-columns:1fr;gap:11px}
 .cc-how-card{min-height:0}
 .cc-real-life{grid-template-columns:1fr}
 .cc-community-art{min-height:335px}
 .cc-install-section{grid-template-columns:60px 1fr;gap:18px}
 .cc-install-side{grid-column:2;align-items:flex-start}
 .cc-install-side-note{text-align:left}
 .cc-public .nav{gap:9px}
}
@media(max-width:600px){
 .cc-public .topbar{display:flex;align-items:flex-start;flex-wrap:wrap;gap:13px;padding:15px}
 .cc-public .brand{font-size:18px}
 .cc-public .brand-mark{width:39px;height:39px}
 .cc-public .brand small{font-size:7px}
 .cc-public .nav{width:100%;display:flex;gap:8px;align-items:center;justify-content:flex-start;margin:0;flex-wrap:wrap}
 .cc-public .nav a{font-size:11px}
 .cc-public .cc-public-nav-cta{padding:9px 13px;min-height:37px}
 .cc-public .main-content{padding:0 12px 34px}
 .cc-new-hero{padding:33px 23px;border-radius:22px}
 .cc-new-hero h1{font-size:clamp(38px,9vw,52px);letter-spacing:-1.7px}
 .cc-new-hero .cc-hero-lead{font-size:14px}
 .cc-new-hero-actions{flex-direction:column;align-items:stretch}
 .cc-new-hero-actions .cc-public-btn{width:100%}
 .cc-hero-support{gap:7px}
 .cc-new-hero-visual{min-height:370px;overflow:hidden}
 .cc-demo-phone{width:219px;height:404px;border-width:7px;transform:rotate(2deg)}
 .cc-demo-body{padding:25px 14px 0}
 .cc-demo-active{padding:12px 9px}
 .cc-demo-line{padding:7px}
 .cc-new-circle-one{width:280px}.cc-new-circle-two{width:410px}
 .cc-floating-note{font-size:8px;padding:9px;white-space:normal;max-width:130px}
 .cc-note-left{left:0;top:21%}.cc-note-right{right:0;bottom:18%}
 .cc-benefit-band{padding:19px;grid-template-columns:1fr;gap:17px;margin-bottom:48px;border-radius:0 0 19px 19px}
 .cc-benefit-icon{height:42px;width:42px}
 .cc-story-heading h2,.cc-real-life h2{font-size:30px}
 .cc-how-card{padding:23px}
 .cc-real-life{margin:43px 0}
 .cc-real-life-panel{padding:25px 20px}
 .cc-community-art{min-height:305px}
 .cc-community-visual{width:94%}
 .cc-community-large-icon{width:160px;height:160px;font-size:65px}
 .cc-message{padding:10px}
 .cc-message strong{font-size:10px}
 .cc-message small{font-size:8px}
 .cc-install-section{padding:27px 22px;grid-template-columns:1fr}
 .cc-install-icon{width:57px;height:57px;font-size:36px}
 .cc-install-instructions{grid-template-columns:1fr}
 .cc-install-side{grid-column:1}
 .cc-install-cta{width:100%}
 .cc-install-section h2{font-size:30px}
 .cc-community-join{display:block;padding:24px}
 .cc-community-join .cc-public-btn,.cc-request-pending{display:flex;margin-top:19px;width:100%;white-space:normal;justify-content:center;text-align:center}
 .cc-bottom-cta{padding:43px 5px 20px}
 .cc-bottom-cta .cc-public-btn{width:100%}
 .cc-public .footer{padding:22px 17px 25px}
}
@media(prefers-reduced-motion:reduce){.cc-landing .cc-public-btn{transition:none}.cc-landing .cc-public-btn:hover{transform:none}}


/* ---- Caixa Cheia | Vibrant landing identity ---- */
/* All selectors are scoped to .cc-public so app and admin stay unchanged. */
body.cc-public {
  background:
    radial-gradient(ellipse 750px 760px at -7% 9%, #63d7fa78 0%, #a6ecff47 49%, transparent 85%),
    radial-gradient(ellipse 770px 820px at 107% 23%, #29f5d66e 0%, #b1fbef3c 53%, transparent 88%),
    radial-gradient(ellipse 950px 790px at -9% 60%, #9fa9ff3f 0%, #b6e9ff50 45%, transparent 83%),
    radial-gradient(ellipse 870px 680px at 109% 84%, #54dff37a 0%, #b7f8ff3d 56%, transparent 88%),
    linear-gradient(145deg, #e8f8ff 0%, #f4fbff 30%, #eaffff 65%, #ebf5ff 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: clip;
}
body.cc-public::before,
body.cc-public::after{
  content: "";
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  filter:blur(7px);
  z-index:0;
  opacity:.65;
}
body.cc-public::before{
  top:8vh;
  left:-235px;
  width:min(510px,56vw);
  height:min(510px,56vw);
  background:radial-gradient(circle at 43% 45%,#41e2f878 0%,#65bfff3a 48%,transparent 71%);
  animation:cc-side-breathe 10s ease-in-out infinite alternate;
}
body.cc-public::after{
  top:48vh;
  right:-230px;
  width:min(550px,62vw);
  height:min(550px,62vw);
  background:radial-gradient(circle at 54% 45%,#57ffc68a,#6edaf635 50%,transparent 76%);
  animation:cc-side-breathe 12s ease-in-out infinite alternate-reverse;
}
.cc-public .site-shell {
  background:transparent !important;
  position:relative;
  z-index:1;
}
.cc-public .topbar{
  background:linear-gradient(110deg,#ffffffef,#f1fffdde 58%,#dbf6ffeb);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid #bceaf3cc;
  border-radius:20px;
  box-shadow:0 8px 32px #0378a21e, inset 0 1px #fff;
  margin:12px auto 16px;
  padding:17px 26px;
}
.cc-public .brand-mark{
  background:linear-gradient(135deg,#06b5df,#0ccdaf);
  color:#fff;
  box-shadow:0 7px 18px #12b5cf51;
}
.cc-public .brand b{color:#00aabd}
.cc-public .nav a:not(.cc-public-nav-cta):hover{
  color:#009abb;
  text-shadow:0 0 12px #00c8d133;
}
.cc-public .cc-public-nav-cta{
  color:#fff;
  background:linear-gradient(116deg,#06addf,#09ccbf 92%);
  border:1px solid #ffffff77;
  box-shadow:0 0 0 5px #11c8df1c, 0 10px 28px #009ac254;
  animation:cc-main-pulse 3.5s ease-in-out infinite;
  cursor:pointer;
  transition:transform .2s ease, filter .2s ease;
}
.cc-public .cc-public-nav-cta:hover{
  filter:brightness(1.09);
  transform:translateY(-2px);
}
.cc-public .footer{
  margin-top:8px;
  background:#ffffffa6;
  box-shadow:0 -9px 27px #1aafe00c;
  border:1px solid #cce9f3;
  border-radius:18px;
  gap:14px;
}
.cc-landing .cc-public-primary{
  color:#fff;
  border:1px solid #ffffff77;
  background:linear-gradient(115deg,#00b5f2 0%,#04a5e4 42%,#00d3bc 100%);
  background-size:220% 100%;
  box-shadow:0 0 0 6px #02d2d41b,0 13px 31px #00b4d866, inset 0 1px #ffffff80;
  animation:cc-main-pulse 3.5s ease-in-out infinite, cc-cta-gradient 7.5s ease-in-out infinite;
  text-shadow:0 1px 1px #064d7480;
}
.cc-new-hero-actions .cc-public-primary{
  background:linear-gradient(116deg,#03acee,#05b4eb 48%,#02dec8);
  background-size:220% 100%;
  box-shadow:0 0 0 6px #9efdf42b,0 15px 36px #04384b88;
}
.cc-landing .cc-public-primary:hover{
  filter:brightness(1.09) saturate(1.18);
  box-shadow:0 0 0 9px #07d1e330,0 16px 38px #00acd46b;
  transform:translateY(-3px);
}
.cc-landing .cc-public-btn{
  border-radius:14px;
  font-weight:900;
  letter-spacing:.1px;
}
.cc-landing .cc-public-outline{
  background:#ffffff1e;
  border:1px solid #ffffffd1;
  box-shadow:inset 0 1px #ffffff60;
  backdrop-filter:blur(7px);
}
.cc-landing .cc-public-outline:hover{
  background:#ffffff36;
  color:#fff;
}
.cc-new-hero{
  border:1px solid #6befff99;
  background:
    radial-gradient(circle at 91% 8%,#4afff27a,transparent 33%),
    radial-gradient(circle at 100% 95%,#1edff08c,transparent 43%),
    radial-gradient(circle at 16% 94%,#155ada75,transparent 49%),
    linear-gradient(122deg,#05273f 0%,#063f6a 40%,#0678a7 75%,#0ac1d1 100%);
  box-shadow:0 27px 65px #006aa64f, 0 0 0 5px #b2f8ff51,inset 0 1px #bffaff6b;
}
.cc-new-hero::before{
  content:"";
  position:absolute;
  pointer-events:none;
  width:570px;height:570px;
  border:1px solid #b7ffff33;
  border-radius:50%;
  top:-365px;left:-235px;
  box-shadow:0 0 0 100px #9fefff0c,0 0 0 185px #bffaff0b;
}
.cc-new-hero::after{
  content:"";
  position:absolute;
  height:160px;
  width:480px;
  pointer-events:none;
  background:radial-gradient(ellipse,#81fff67c 0%,transparent 65%);
  bottom:-124px;left:26%;
  opacity:.63;
  filter:blur(6px);
}
.cc-new-hero h1{
  text-shadow:0 5px 29px #001e395c;
  letter-spacing:-2.65px;
}
.cc-new-hero h1 span{
  color:#91ffe1;
  text-shadow:0 0 31px #18f5df5f;
}
.cc-kicker{
  background:#61f5e32b;
  border:1px solid #affff48a;
  color:#bcfff1;
  box-shadow:inset 0 0 20px #88ffeb18,0 0 22px #39ffd321;
}
.cc-kicker-dot{animation:cc-small-glow 2.8s ease-in-out infinite}
.cc-new-circle-one{
  border-color:#9effef6b;
  box-shadow:0 0 60px #2bfff334;
}
.cc-new-circle-two{
  border-color:#b2fff450;
  box-shadow:0 0 0 33px #c7fff014;
}
.cc-new-hero-visual .cc-demo-phone{
  box-shadow:0 34px 64px #01233faa,0 0 60px #5ffff461,0 0 0 5px #8cfff92a;
  animation:cc-phone-float 6s ease-in-out infinite;
}
.cc-demo-active{
  background:linear-gradient(117deg,#05a995,#00d68e);
  box-shadow:0 14px 26px #00c79a63;
}
.cc-floating-note{
  border:1px solid #ffffffbd;
  box-shadow:0 16px 35px #02375652,0 0 33px #54fff751;
  animation:cc-note-float 5s ease-in-out infinite;
}
.cc-note-right{animation-delay:-2.2s}
.cc-benefit-band{
  border:1px solid #b2edf2;
  border-top:0;
  background:linear-gradient(102deg,#e9fff8 0%,#ffffff 31%,#edfaff 65%,#e5fffa 100%);
  box-shadow:0 20px 45px #00a8c82e;
}
.cc-benefit-icon{
  color:#087fa1;
  background:linear-gradient(135deg,#a7fff0,#9eeeff);
  box-shadow:0 5px 17px #00c7c932;
}
.cc-story-section{
  position:relative;
  padding:35px 26px 45px;
  border-radius:28px;
  background:linear-gradient(142deg,#ffffffbe,#e9fdffe0 49%,#eafff5b8);
  border:1px solid #c8eef2;
  box-shadow:0 20px 45px #01aacc16;
}
.cc-story-heading h2 span,
.cc-real-life h2 span{
  color:#00a6c7;
  text-shadow:0 0 24px #55edd436;
}
.cc-section-kicker{
  color:#078ea6;
  letter-spacing:2.5px;
}
.cc-how-grid{gap:19px}
.cc-how-card{
  border:1px solid #c1eaf1;
  border-top:4px solid #06aede;
  background:linear-gradient(164deg,#ffffff 0%,#f1fdff 100%);
  box-shadow:0 15px 35px #00a6cf20;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.cc-how-card:nth-child(2){
  border-top-color:#09cda9;
  background:linear-gradient(164deg,#ffffff,#effff9);
}
.cc-how-card:nth-child(3){
  border-top-color:#ffb43f;
  background:linear-gradient(164deg,#ffffff,#fffaf0);
}
.cc-how-card:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 45px #00a7ca2f;
  border-color:#81d9e9;
}
.cc-how-icon{
  box-shadow:0 6px 16px #00a2cb19;
}
.cc-how-card h3{font-weight:900}
.cc-how-caption{color:#078eaa}
.cc-real-life{
  border:1px solid #95e6f2;
  box-shadow:0 28px 50px #07a5c523,0 0 0 5px #ccfffa6b;
}
.cc-real-life-panel{
  background:linear-gradient(145deg,#ffffff 15%,#f1fdff 75%,#e6fff5 120%);
}
.cc-advantage-list>div>span{
  background:linear-gradient(140deg,#91f7d5,#d7fff0);
  box-shadow:0 0 0 4px #93f7da29;
}
.cc-landing .cc-secondary-btn{
  background:linear-gradient(118deg,#03a8d1,#00b7ae);
  color:#fff;
  box-shadow:0 13px 28px #00a0c541;
}
.cc-landing .cc-secondary-btn:hover{color:#fff}
.cc-community-art{
  background:
    radial-gradient(circle at 35% 35%,#ffffff9e,transparent 39%),
    radial-gradient(circle at 80% 80%,#48e9c583,transparent 44%),
    linear-gradient(150deg,#b8fdf0 0%,#94f2f7 60%,#79cfff 100%);
}
.cc-community-large-icon{
  background:linear-gradient(130deg,#ffffffe8,#a1ffffb9);
  border:2px solid #ffffff;
  box-shadow:0 0 0 16px #ffffff3e,0 25px 65px #05a4c04f;
  animation:cc-side-breathe 7s ease-in-out infinite alternate;
}
.cc-message{border:1px solid #c5f8ed;box-shadow:0 16px 35px #028b9a4a}
.cc-message-one{animation:cc-note-float 5.5s ease-in-out infinite}
.cc-message-two{animation:cc-note-float 5.5s ease-in-out -2.7s infinite}
.cc-install-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #59fff3a1;
  background:
    radial-gradient(circle at 90% 10%,#41fbe272,transparent 28%),
    radial-gradient(circle at 3% 87%,#057bff61,transparent 46%),
    linear-gradient(120deg,#052e50 0%,#055482 57%,#04a6bf 100%);
  box-shadow:0 28px 60px #038bb54c,0 0 0 5px #a0ffeb47;
}
.cc-install-section::before{
  content:"";
  position:absolute;
  width:320px;height:320px;
  border:1px solid #ccfff74a;border-radius:50%;
  top:-180px;right:-80px;
  box-shadow:0 0 0 65px #cafff80c,0 0 0 130px #cafff809;
  pointer-events:none;z-index:-1;
}
.cc-install-icon{
  background:linear-gradient(145deg,#09baf5,#05e0b7);
  color:#fff;
  box-shadow:0 0 0 5px #c0fff130,0 0 25px #60ffdf75;
}
.cc-install-cta{
  min-height:59px!important;
  font-size:16px!important;
}
.cc-community-join{
  position:relative;
  border:1px solid #81e3eb;
  background:linear-gradient(110deg,#dafff7 0%,#e8fbff 58%,#c4f9ff 100%);
  box-shadow:0 17px 33px #00aac424;
}
.cc-request-pending{background:#ffffffd9;box-shadow:0 5px 13px #0f8dab12}
.cc-bottom-cta{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#06a0ce,#07c5c1 60%,#0ed39e);
  border-radius:25px;
  margin:32px 0 5px;
  padding:51px 26px 54px;
  border:1px solid #a6fff9;
  box-shadow:0 25px 55px #0da3c74f,0 0 0 5px #c8fff657;
}
.cc-bottom-cta::before{
  content:"";
  position:absolute;
  inset:-190px auto auto -90px;
  width:330px;height:330px;
  border:1px solid #e2fff754;border-radius:50%;
  box-shadow:0 0 0 45px #e2fff715,0 0 0 90px #e2fff711;
  pointer-events:none;
}
.cc-bottom-cta h2{color:#fff;text-shadow:0 3px 20px #0655816b}
.cc-bottom-cta p{color:#e8fffb;font-size:14px}
.cc-bottom-cta .cc-public-primary{
  color:#056d8a;
  border-color:#fff;
  background:linear-gradient(110deg,#ffffff,#c0ffeb);
  background-size:220% 100%;
  text-shadow:none;
  box-shadow:0 0 0 6px #ffffff32,0 17px 35px #06698059;
}
.cc-bottom-cta .cc-public-primary:hover{color:#045876}
.cc-public .footer strong{color:#077d9f}
@keyframes cc-main-pulse{
  0%,100%{box-shadow:0 0 0 4px #00d9ed1a,0 12px 25px #02afd04f}
  50%{box-shadow:0 0 0 9px #00d9ed2c,0 14px 35px #00bcd682,0 0 25px #00eadd30}
}
@keyframes cc-cta-gradient{
  0%,100%{background-position:5% center}
  50%{background-position:95% center}
}
@keyframes cc-phone-float{
  0%,100%{transform:translateY(0) rotate(7deg)}
  50%{transform:translateY(-11px) rotate(5.7deg)}
}
@keyframes cc-note-float{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}
@keyframes cc-side-breathe{
  from{transform:scale(1);opacity:.58}
  to{transform:scale(1.11);opacity:.85}
}
@keyframes cc-small-glow{
  0%,100%{box-shadow:0 0 0 4px #80fedd24}
  50%{box-shadow:0 0 0 8px #80fedd3e,0 0 20px #74ffe692}
}
@media(max-width:830px){
  .cc-new-hero-visual .cc-demo-phone{animation-name:cc-phone-float-mobile}
  @keyframes cc-phone-float-mobile{
    0%,100%{transform:translateY(0) rotate(3deg)}
    50%{transform:translateY(-9px) rotate(2deg)}
  }
}
@media(max-width:600px){
  .cc-public .topbar{margin:5px 7px 12px;border-radius:17px;padding:12px 13px}
  .cc-new-hero{box-shadow:0 15px 38px #037ba34c,0 0 0 3px #bafff745}
  .cc-story-section{padding:29px 13px 25px}
  .cc-how-card:hover{transform:none}
  .cc-benefit-band{box-shadow:0 13px 27px #05b4ce25}
  .cc-install-section{box-shadow:0 17px 35px #038bb54c,0 0 0 3px #a0ffeb38}
  .cc-bottom-cta{padding:37px 20px 42px;box-shadow:0 18px 36px #0da3c74f,0 0 0 3px #c8fff657}
}
@media(prefers-reduced-motion:reduce){
  body.cc-public::before,body.cc-public::after,
  .cc-public .cc-public-nav-cta,
  .cc-landing .cc-public-primary,
  .cc-new-hero-visual .cc-demo-phone,
  .cc-floating-note,.cc-message,
  .cc-community-large-icon,.cc-kicker-dot{
    animation:none!important;
    transform:none!important;
    translate:none!important;
  }
  .cc-how-card,.cc-public .cc-public-nav-cta{transition:none!important}
  .cc-how-card:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.cc-public .cc-landing .cc-public-primary:hover,
  body.cc-public .cc-public-nav-cta:hover{transform:none!important}
}