/* Original Camfrog homepage layout, scoped to the home route. */
.cf-site:has(.cf-hero){--green:#60cd00;--green-btn:#60cd00;--green-deep:#58bd00}
.cf-site:has(.cf-hero) .cf-top{background:#17102e;border-color:#ffffff12;box-shadow:none}
.cf-site:has(.cf-hero) .cf-top .cf-top-inner{max-width:1240px;min-height:90px}
.cf-site:has(.cf-hero) .cf-brand img{content:url('/cf/logo_white.svg');width:160px!important;height:auto}
.cf-site:has(.cf-hero) .cf-top nav.cf-links a{color:#ddd!important;font-size:14px;font-weight:400}
.cf-site:has(.cf-hero) .cf-btn{border-radius:2px;box-shadow:none;transition:background .2s}
.cf-site:has(.cf-hero) .cf-btn-solid{background:#60cd00;border-color:#60cd00;color:#fff!important}
.cf-site:has(.cf-hero) .cf-btn-solid:hover{background:#53b600;border-color:#53b600}
.cf-site:has(.cf-hero) .cf-btn-ghost{border-color:#60cd00;background:transparent;color:#60cd00!important}
.cf-site:has(.cf-hero) .cf-hero{background:#40216a url('/assets/classic-original-background.webp') center top/cover no-repeat;padding:130px 24px 158px;overflow:visible;isolation:auto}
.cf-site:has(.cf-hero) .cf-hero:before,.cf-site:has(.cf-hero) .cf-hero:after{display:none}
.cf-site:has(.cf-hero) .cf-hero h1{font-size:clamp(28px,3.1vw,40px);font-weight:600;letter-spacing:0;line-height:1.35;max-width:1200px;margin:0 auto 78px;animation:none}
.cf-site:has(.cf-hero) .cf-live-count{color:#31db04!important;text-shadow:none}
.cf-site:has(.cf-hero) .cf-hero>.cf-btn{background:#60cd00;border-color:#60cd00;color:#fff!important;font-size:26px;padding:17px 32px;margin:0 auto;border-radius:2px}
.cf-site:has(.cf-hero) .cf-quotes{max-width:1120px;width:100%;gap:44px;margin:72px auto 0}
.cf-site:has(.cf-hero) .cf-quote{display:flex;flex-direction:column;align-items:center;text-align:center;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;backdrop-filter:none}
.cf-site:has(.cf-hero) .cf-quote img{width:70px;height:70px;margin-bottom:10px}
.cf-site:has(.cf-hero) .cf-quote p{font-size:16px;font-weight:400;line-height:1.6;color:#eee}
.cf-site:has(.cf-hero) .cf-quote span{font-size:13px;color:#c9b9df;margin-top:9px}
.cf-site:has(.cf-hero) .cf-band{background:#2bc642;padding:0 24px 70px;overflow:visible}
.cf-site:has(.cf-hero) .cf-original-notebook{position:relative;display:block;width:min(100%,1100px);height:auto;margin:-100px auto 58px;z-index:1}
.cf-site:has(.cf-hero) .cf-band-grid{max-width:1120px;width:100%;gap:50px;margin:0 auto}
.cf-site:has(.cf-hero) .cf-band-item img{width:110px;height:110px;margin-bottom:22px}
.cf-site:has(.cf-hero) .cf-band-item p{font-size:23px;font-weight:400;line-height:1.4;color:#fff}
.cf-site:has(.cf-hero) .cf-cta-strip{padding:50px 24px;background:#f5f5f5}
.cf-site:has(.cf-hero) .cf-cta-strip h2{font-weight:400;color:#666;font-size:26px}
.cf-site:has(.cf-hero) .cf-foot{background:#eee;border-color:#ddd}
@media(max-width:1200px){.cf-site:has(.cf-hero) .cf-top .cf-top-inner{min-height:72px}.cf-site:has(.cf-hero) .cf-top nav.cf-links{border-color:#ffffff1a}.cf-site:has(.cf-hero) .cf-hero{padding-top:85px}.cf-site:has(.cf-hero) .cf-hero h1{margin-bottom:56px}}
@media(max-width:700px){.cf-site:has(.cf-hero) .cf-hero{padding:58px 20px 100px}.cf-site:has(.cf-hero) .cf-hero h1{font-size:28px;margin-bottom:34px}.cf-site:has(.cf-hero) .cf-hero>.cf-btn{font-size:20px;padding:16px 24px}.cf-site:has(.cf-hero) .cf-quotes{grid-template-columns:1fr;gap:28px;margin-top:44px}.cf-site:has(.cf-hero) .cf-quote{flex-direction:row;text-align:left;gap:16px}.cf-site:has(.cf-hero) .cf-quote img{width:52px;height:52px;margin:0}.cf-site:has(.cf-hero) .cf-quote p{font-size:14px}.cf-site:has(.cf-hero) .cf-band{padding:0 20px 40px}.cf-site:has(.cf-hero) .cf-original-notebook{margin-top:-60px;margin-bottom:36px}.cf-site:has(.cf-hero) .cf-band-grid{grid-template-columns:1fr;gap:36px}.cf-site:has(.cf-hero) .cf-band-item img{width:82px;height:82px;margin-bottom:12px}.cf-site:has(.cf-hero) .cf-band-item p{font-size:21px}.cf-site:has(.cf-hero) .cf-brand img{width:125px!important}.cf-site:has(.cf-hero) .cf-top nav.cf-links a{font-size:12px}}

.cf-site:has(.cf-hero){font-family:"Open Sans","Segoe UI",Arial,sans-serif}
.cf-site:has(.cf-hero) .cf-hero h1{font-size:40px;line-height:49px;font-weight:600}
.cf-site:has(.cf-hero) .cf-hero>.cf-btn{font-size:28px;line-height:70px;height:70px;padding:0 32px}
.cf-site:has(.cf-hero) .cf-band{background:linear-gradient(125deg,#28c744,#1bb997);padding-bottom:110px}
.cf-site:has(.cf-hero) .cf-original-notebook{width:min(100%,1140px);margin-bottom:80px}
.cf-site:has(.cf-hero) .cf-band-grid{max-width:1200px;gap:20px}
.cf-site:has(.cf-hero) .cf-band-item img{width:200px;height:200px;margin-bottom:34px}
.cf-site:has(.cf-hero) .cf-band-item h2{font-size:18px;line-height:24px;font-weight:700;color:#fff;margin:0 0 16px}
.cf-site:has(.cf-hero) .cf-band-item p{font-size:14px;line-height:20px;font-weight:400;color:#c5f1d8;max-width:300px;margin:auto}
.cf-site:has(.cf-hero) .cf-original-trust{background:#f4f4f4;padding:64px 24px}
.cf-site:has(.cf-hero) .cf-original-trust>div{display:flex;align-items:center;justify-content:space-around;max-width:1100px;margin:auto;gap:30px;flex-wrap:wrap}
.cf-site:has(.cf-hero) .cf-original-trust img{height:40px;width:auto;max-width:180px;object-fit:contain}
@media(max-width:700px){.cf-site:has(.cf-hero) .cf-hero h1{font-size:28px;line-height:38px}.cf-site:has(.cf-hero) .cf-hero>.cf-btn{font-size:20px;line-height:58px;height:58px;padding:0 24px}.cf-site:has(.cf-hero) .cf-original-notebook{margin-bottom:45px}.cf-site:has(.cf-hero) .cf-band-grid{gap:45px}.cf-site:has(.cf-hero) .cf-band{padding-bottom:60px}.cf-site:has(.cf-hero) .cf-band-item img{width:160px;height:160px;margin-bottom:24px}}