
/* Club Manager 360 — unified brand theme for all internal website pages.
   Base structural styles remain from site.css to preserve original content and layouts. */
:root{--ink:#f6f6ed;--forest:#07251b;--deep:#041a14;--forest2:#133b2d;--gold:#e4ba6b;--gold2:#f1d18f;--cream:#0b281e;--white:#fff;--line:#2b5140;--muted:#bfd0c4;--accent:#e4ba6b;--shadow:0 22px 60px #0005}
html{scroll-behavior:smooth}body{background:#061c16;color:#f6f6ef;font-family:'DM Sans',Arial,sans-serif}
.topbar{background:#061e18f5;border-bottom:1px solid #e4ba6b33}
.nav{min-height:82px}.nav-links a{color:#f3f4ed}.brand{color:#fff}
.btn-primary,.nav .btn-primary{background:linear-gradient(120deg,#d6a756,#f0ce89);color:#10241b;border-color:#edcb86}
.btn-outline{color:#f4f6ee;background:#08271e;border:1px solid #b8ba9b88}.nav .btn-outline{color:#fff}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 80% 30%,#1c533b 0%,#08291e 49%,#031811 100%);color:#fff;border-bottom:1px solid #d6ad5c33}
.page-hero:before{content:'';position:absolute;right:-90px;top:-210px;width:600px;height:600px;border:1px solid #d6ad5c55;border-radius:50%;box-shadow:0 0 0 72px #c9a8580b,0 0 0 150px #d6ad5c08;z-index:-1}
.page-hero .container{position:relative;z-index:1}.page-hero h1{color:#fff;max-width:970px;letter-spacing:-.055em}.page-hero .lead{color:#d7e2d8;max-width:850px}.page-hero .kicker,.eyebrow,.kicker{color:var(--gold)}
.section{background:#061d17;color:#f7f7ef}.section:nth-of-type(odd){background:#08271f}
.section-title h2,.detail-panel h2,.section h2{color:#f8f8f4}.muted,.section-title p,.detail-panel .muted{color:#bfd0c4}
.module-card,.detail-panel,.price-card,.contact-card,.faq-item,.feature-card,.step-card{background:linear-gradient(155deg,#123c2c,#09261d)!important;color:#f8f7f0!important;border:1px solid #aebd9247!important;box-shadow:0 14px 32px #0002;border-radius:15px}
.module-card:hover,.price-card:hover{border-color:#d5ab62!important;transform:translateY(-3px)}
.module-body h3,.detail-panel h2,.price-card h3,.module-card h3{color:#fff}
.module-body p,.module-card p,.price-card p,.detail-panel p,.price-card li,.faq-item p,.step-card p{color:#bfd0c5}
.module-card .arrow,.feature-list li::marker{color:#e4ba6b}
.icon-badge{background:#224d39;color:#e4ba6b}
.feature-list li{color:#e3eae2}.detail-image{border-radius:16px;overflow:hidden;border:1px solid #b4b18b55}.detail-image img{width:100%;height:100%;object-fit:cover}
.price-card.featured{background:linear-gradient(160deg,#1d5038,#0a281e)!important;border-color:#d5ac66!important}
.price,.price-card .price{color:#eac47c}.price small{color:#c7d1c8}.badge{background:#e4ba6b!important;color:#143022!important}
input,textarea,select{background:#f8faf7;color:#193127;border:1px solid #cdd6cb;border-radius:9px;padding:12px}
label{color:#e4ebe2}.form-note{color:#c8d2c8}
.footer{background:#031811;color:#e5ece3;border-top:1px solid #d9b76b33}.footer a,.footer p{color:#c0d0c3}.footer h4{color:#edca83}
/* legacy legal document CSS is inline; override colors and preserve TOC/paragraph/section hierarchy */
.legal-hero,.brand-legal-hero{background:radial-gradient(circle at 85% 10%,#1d553c,#08281e 60%,#041911)!important;border-bottom:1px solid #dab76a44!important;color:#fff}
.legal-hero h1{color:#fff}.legal-hero p{color:#d9e1da!important}
.legal-layout{background:#061d17}.legal-toc{background:#102f23!important;border-color:#b8a57052!important;color:#fff}.legal-toc a{color:#d3decf!important}.legal-toc a:hover{color:#edc979!important}
.legal-content{color:#dfe7dc!important}.legal-content h2,.legal-content h3{color:#fff!important}.legal-content section{border-color:#a9b9a14a!important}.legal-content a{color:#f0c878!important}
.legal-note{background:#183b2d!important;border-left-color:#e4ba6b!important;color:#eff2ea}.legal-actions a{color:#173125!important;border-color:#c59c5d!important;background:#e6bd72!important}
@media(max-width:780px){.page-hero h1{font-size:clamp(34px,8vw,58px)}.page-hero:before{width:340px;height:340px;right:-210px;top:-130px}.legal-layout{padding-top:30px}}

/* Shared showcase navigation/footer: preserve desktop geometry on interior pages. */
body.theme-white-corporate .header{background:#061e18f5;border-bottom:1px solid #e4ba6b33}
body.theme-white-corporate .header .shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
body.theme-white-corporate .header .logo img{width:57px;height:57px;object-fit:contain}
body.theme-white-corporate .footer{padding:0;background:#031811}
body.theme-white-corporate .footer-inner{padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;align-items:center}
body.theme-white-corporate .footer .logo img{width:43px;height:43px}
body.theme-white-corporate .footer .logo{min-width:0}
body.theme-white-corporate .footer a{display:inline-flex}
body.theme-white-corporate .footer .legal-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:0 0 20px}
@media(max-width:800px){body.theme-white-corporate .header .shell{width:calc(100% - 32px)}body.theme-white-corporate .header-inner{min-height:70px;flex-wrap:wrap;padding:10px 0}body.theme-white-corporate .navlinks{flex-wrap:wrap;gap:14px}body.theme-white-corporate .header .logo{min-width:0}}

/* Fix module upgrade CTA: dark theme type must never appear on white surface. */
body.theme-white-corporate .section .container > .cta {
  background: linear-gradient(115deg,#09271e 0%,#164633 100%) !important;
  color:#f9f7ef !important;
  border:1px solid rgba(228,186,107,.43) !important;
  border-radius:20px !important;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
  padding:clamp(26px,4vw,52px) !important;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
}
body.theme-white-corporate .section .cta h2 {
 color:#ffffff !important; opacity:1 !important; text-shadow:none !important;
 font-size:clamp(27px,3vw,42px);line-height:1.18;margin:0 0 12px;
}
body.theme-white-corporate .section .cta p {
 color:#dce8dd !important;opacity:1 !important;font-size:clamp(14px,1.25vw,17px);line-height:1.7;margin:0;
}
body.theme-white-corporate .section .cta .btn,
body.theme-white-corporate .section .cta a.btn-outline {
 color:#12271f !important;background:#e6bb70 !important;
 border:1px solid #edce8b !important;opacity:1 !important;
 font-weight:800;white-space:nowrap;
}
body.theme-white-corporate .section .cta .btn:hover {background:#f2d79c!important;}
@media(max-width:650px){body.theme-white-corporate .section .container > .cta {align-items:stretch;}body.theme-white-corporate .section .cta .btn{width:100%}}
