:root {--gold:#d4af37;--gold-light:#f0d98c;--gold-lighter:#f7e9bd;--gold-dark:#9c7c2e;--gold-darker:#a8802a;--navy:#081128;--navy-deep:#060d1d;--navy-mid:#0e1d44;--navy-light:#0a1530;--blue:#1e4fc4;--blue-light:#3d6ef0;--blue-bright:#4f83ff;--white:#ffffff;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.5);--text-dim:#9ca3af;--border-gold:rgba(212,175,55,0.12);--border-gold-hover:rgba(212,175,55,0.25);--success:#22c55e} * {margin:0;padding:0;box-sizing:border-box} html {scroll-behavior:smooth} body {font-family:'Inter',system-ui,sans-serif;color:var(--text-primary);background:var(--navy-deep);line-height:1.6;overflow-x:hidden} .icon-lucide {width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0} .icon-lucide-lg {width:32px;height:32px;stroke-width:1.5} .icon-lucide-sm {width:18px;height:18px;stroke-width:2} .icon-lucide-xs {width:14px;height:14px;stroke-width:2} ::-webkit-scrollbar {width:10px} ::-webkit-scrollbar-track {background:#060d1d} ::-webkit-scrollbar-thumb {background:linear-gradient(180deg,var(--blue),var(--gold));border-radius:5px} ::selection {background:rgba(212,175,55,0.35);color:#fff} header {position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(8,17,40,0.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border-gold)} nav {max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:80px} .logo {display:flex;align-items:center;gap:14px;text-decoration:none} .logo img {height:52px;width:auto;filter:drop-shadow(0 2px 12px rgba(212,175,55,0.25))} .logo-text {font-family:'Cinzel','Inter',serif;font-weight:700;font-size:1.15rem;color:var(--gold);letter-spacing:2px;line-height:1.2} .logo-text span {display:block;font-family:'Inter',system-ui,sans-serif;font-size:0.6rem;font-weight:500;color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase} .nav-links {display:flex;gap:2.5rem;list-style:none} .nav-links a {color:var(--text-secondary);text-decoration:none;font-size:0.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;position:relative;padding:6px 0;transition:color 0.3s} .nav-links a::after {content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:all 0.3s ease;transform:translateX(-50%)} .nav-links a:hover {color:var(--gold)} .nav-links a:hover::after {width:100%} .nav-links a.active {color:var(--gold)} .nav-links a.active::after {width:100%} .mobile-menu-btn {display:none;background:none;border:none;cursor:pointer;padding:8px} .mobile-menu-btn span {display:block;width:24px;height:2px;background:var(--gold);margin:5px 0;transition:0.3s} .hero {position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--navy);margin-top:80px} .hero-bg {position:absolute;inset:0;background:url('hero-stadium.jpg') center/cover no-repeat;opacity:0.35} .hero-mesh {position:absolute;inset:0;background:radial-gradient(55rem 26rem at 12% 0%,rgba(30,79,196,0.22),transparent 60%),radial-gradient(44rem 24rem at 88% 12%,rgba(212,175,55,0.1),transparent 60%),radial-gradient(48rem 26rem at 50% 100%,rgba(30,79,196,0.14),transparent 65%)} .hero-overlay {position:absolute;inset:0;background:linear-gradient(160deg,rgba(16,34,76,0.85) 0%,rgba(8,17,40,0.92) 50%,rgba(6,13,29,0.98) 100%)} .hero-content {position:relative;z-index:2;text-align:center;max-width:900px;padding:0 2rem;animation:fadeInUp 1s ease-out} .hero-badge {display:inline-flex;align-items:center;gap:8px;padding:10px 28px;background:rgba(212,175,55,0.08);border:1px solid rgba(212,175,55,0.25);color:var(--gold-light);font-size:0.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;border-radius:100px;margin-bottom:2rem;backdrop-filter:blur(8px)} .hero-badge .icon-lucide {stroke:var(--gold-light)} .hero h1 {font-family:'Cinzel','Inter',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 40px rgba(0,0,0,0.5)} .hero h1 span {background:linear-gradient(100deg,var(--gold-lighter),var(--gold) 45%,var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero p {font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;font-weight:300;line-height:1.7} .hero-cta-row {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap} .btn-gold {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(95deg,var(--gold-light),var(--gold) 45%,var(--gold-darker));color:var(--navy-deep);text-decoration:none;font-weight:800;font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase;border-radius:8px;transition:all 0.3s ease;box-shadow:0 8px 30px -4px rgba(212,175,55,0.35);border:none;cursor:pointer;position:relative;overflow:hidden} .btn-gold::before {content:'';position:absolute;inset:0;background:linear-gradient(95deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:transform 0.6s} .btn-gold:hover::before {transform:translateX(100%)} .btn-gold:hover {transform:translateY(-2px);box-shadow:0 12px 40px -4px rgba(212,175,55,0.5)} .btn-outline-gold {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:var(--gold);text-decoration:none;font-weight:700;font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase;border-radius:8px;border:1px solid rgba(212,175,55,0.35);transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden} .btn-outline-gold:hover {background:rgba(212,175,55,0.08);border-color:var(--gold);box-shadow:0 0 30px -8px rgba(212,175,55,0.3)} .scroll-indicator {position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2;animation:bounce 2s infinite;color:var(--gold);opacity:0.5} section {padding:100px 2rem;max-width:1280px;margin:0 auto} .section-header {text-align:center;margin-bottom:4rem} .section-header h2 {font-family:'Cinzel','Inter',serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem} .section-header h2 span {background:linear-gradient(100deg,var(--gold-lighter),var(--gold) 45%,var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .section-header p {color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;font-weight:300} .gold-rule {width:80px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.25rem auto 1.5rem;border-radius:2px} .overview {background:var(--navy-deep);max-width:100%;padding:100px 2rem;position:relative;overflow:hidden} .overview::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,0.2),transparent)} .overview-grid {max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center} .overview-text h3 {font-family:'Cinzel','Inter',serif;font-size:2rem;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.3} .overview-text h3 span {background:linear-gradient(100deg,var(--gold-lighter),var(--gold) 45%,var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .overview-text p {color:var(--text-secondary);margin-bottom:1.25rem;font-size:1.05rem;font-weight:300;line-height:1.8} .overview-text strong {color:var(--gold-light);font-weight:600} .overview-text ul {list-style:none;margin-top:1.5rem} .overview-text li {padding:0.6rem 0;padding-left:2rem;position:relative;color:var(--text-secondary);font-weight:400;line-height:1.7} .overview-text li::before {content:'';position:absolute;left:0;top:0.85rem;width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px rgba(212,175,55,0.4)} .overview-image {position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px -10px rgba(0,0,0,0.4)} .overview-image img {width:100%;height:100%;object-fit:cover;display:block} .overview-image::after {content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,79,196,0.15) 0%,transparent 60%);pointer-events:none} .benefits-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem} .benefit-card {background:rgba(14,29,68,0.5);border:1px solid var(--border-gold);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;backdrop-filter:blur(8px)} .benefit-card::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform 0.5s ease} .benefit-card:hover {transform:translateY(-6px);border-color:var(--border-gold-hover);box-shadow:0 20px 50px -10px rgba(0,0,0,0.3),0 0 44px -12px rgba(212,175,55,0.08)} .benefit-card:hover::before {transform:scaleX(1)} .benefit-icon {width:64px;height:64px;margin:0 auto 1.5rem;background:rgba(212,175,55,0.08);border:1px solid rgba(212,175,55,0.15);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:all 0.3s ease} .benefit-icon .icon-lucide {width:28px;height:28px;stroke:var(--gold)} .benefit-card:hover .benefit-icon {background:rgba(212,175,55,0.15);border-color:rgba(212,175,55,0.3);transform:scale(1.05)} .benefit-card h4 {font-family:'Cinzel','Inter',serif;font-size:1.15rem;color:var(--text-primary);margin-bottom:0.75rem;letter-spacing:0.5px} .benefit-card p {color:var(--text-secondary);font-size:0.95rem;line-height:1.7;font-weight:300} .investment {background:var(--navy);max-width:100%;padding:100px 2rem;position:relative} .investment::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,0.15),transparent)} .investment-mesh {position:absolute;inset:0;background:radial-gradient(55rem 26rem at 12% 0%,rgba(30,79,196,0.15),transparent 60%),radial-gradient(44rem 24rem at 88% 12%,rgba(212,175,55,0.06),transparent 60%);pointer-events:none} .investment-inner {max-width:1280px;margin:0 auto;position:relative;z-index:1} .investment .section-header h2 {color:var(--text-primary)} .investment .section-header p {color:var(--text-secondary)} .investment-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem} .invest-card {background:rgba(14,29,68,0.6);border:1px solid var(--border-gold);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;backdrop-filter:blur(8px)} .invest-card::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform 0.5s ease} .invest-card:hover {border-color:var(--border-gold-hover);transform:translateY(-4px);box-shadow:0 20px 50px -10px rgba(0,0,0,0.3),0 0 44px -12px rgba(212,175,55,0.08)} .invest-card:hover::before {transform:scaleX(1)} .invest-card .tag {display:inline-block;padding:6px 18px;background:rgba(212,175,55,0.08);color:var(--gold);font-size:0.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:100px;margin-bottom:1.5rem;border:1px solid rgba(212,175,55,0.15)} .invest-card h4 {font-family:'Cinzel','Inter',serif;font-size:1.4rem;color:var(--text-primary);margin-bottom:0.5rem;letter-spacing:0.5px} .invest-card .price {font-family:'Cinzel','Inter',serif;font-size:2.5rem;font-weight:800;background:linear-gradient(100deg,var(--gold-lighter),var(--gold) 45%,var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem} .invest-card .price span {font-family:'Inter',system-ui,sans-serif;font-size:0.9rem;font-weight:400;color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)} .invest-card ul {list-style:none;text-align:left;margin-bottom:2rem} .invest-card li {padding:0.7rem 0;color:var(--text-secondary);font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.04);display:flex;align-items:flex-start;gap:10px;line-height:1.5} .invest-card li .icon-lucide {width:16px;height:16px;stroke:var(--gold);margin-top:2px;flex-shrink:0} .invest-card .btn-gold,.invest-card .btn-outline-gold {width:100%;justify-content:center;padding:14px 24px;font-size:0.8rem} .faq {background:var(--navy-deep);max-width:100%;padding:100px 2rem;position:relative} .faq::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,0.15),transparent)} .faq-inner {max-width:850px;margin:0 auto} .faq-item {background:rgba(14,29,68,0.4);border:1px solid var(--border-gold);border-radius:12px;margin-bottom:0.75rem;overflow:hidden;transition:all 0.3s ease;backdrop-filter:blur(8px)} .faq-item:hover {border-color:var(--border-gold-hover)} .faq-item.faq-open {border-color:rgba(212,175,55,0.2);box-shadow:0 8px 30px -8px rgba(0,0,0,0.2)} .faq-question {width:100%;padding:1.5rem 2rem;background:none;border:none;text-align:left;font-family:'Inter',system-ui,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color 0.3s} .faq-question:hover {color:var(--gold)} .faq-question .icon-wrap {width:28px;height:28px;border-radius:50%;background:rgba(212,175,55,0.08);border:1px solid rgba(212,175,55,0.15);color:var(--gold);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;margin-left:1rem} .faq-question .icon-wrap .icon-lucide {stroke:var(--gold)} .faq-item.faq-open .faq-question .icon-wrap {background:var(--gold);border-color:var(--gold)} .faq-item.faq-open .faq-question .icon-wrap .icon-lucide {stroke:var(--navy-deep);transform:rotate(45deg)} .faq-answer {max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),padding 0.4s ease;padding:0 2rem} .faq-item.faq-open .faq-answer {max-height:600px;padding:0 2rem 1.5rem} .faq-answer p {color:var(--text-secondary);line-height:1.8;font-size:0.95rem;font-weight:300} .faq-answer strong {color:var(--gold-light)} .apply-section {background:var(--navy);max-width:100%;padding:100px 2rem;position:relative} .apply-section::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,0.15),transparent)} .apply-mesh {position:absolute;inset:0;background:radial-gradient(55rem 26rem at 12% 0%,rgba(30,79,196,0.12),transparent 60%),radial-gradient(44rem 24rem at 88% 12%,rgba(212,175,55,0.05),transparent 60%);pointer-events:none} .apply-inner {max-width:900px;margin:0 auto;position:relative;z-index:1} .form-container {background:rgba(14,29,68,0.5);border:1px solid var(--border-gold);border-radius:16px;padding:3rem;backdrop-filter:blur(12px);box-shadow:0 20px 60px -10px rgba(0,0,0,0.3)} .form-row {display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem} .form-group {margin-bottom:1.25rem} .form-group label {display:block;margin-bottom:0.5rem;font-weight:600;font-size:0.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px} .form-group label span {color:var(--gold);margin-left:2px} .form-group input,.form-group select,.form-group textarea {width:100%;padding:14px 18px;background:rgba(8,17,40,0.6);border:1px solid rgba(212,175,55,0.1);border-radius:10px;font-family:'Inter',system-ui,sans-serif;font-size:0.95rem;color:var(--text-primary);transition:all 0.3s ease} .form-group input::placeholder,.form-group textarea::placeholder {color:var(--text-muted)} .form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:rgba(212,175,55,0.4);box-shadow:0 0 0 3px rgba(212,175,55,0.08),0 0 20px -4px rgba(212,175,55,0.1);background:rgba(8,17,40,0.8)} .form-group textarea {resize:vertical;min-height:120px;line-height:1.6} .form-group select {cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center} .form-group select option {background:var(--navy-mid);color:var(--text-primary)} .form-note {font-size:0.8rem;color:var(--text-muted);margin-top:-0.5rem;margin-bottom:1.25rem} .form-submit {width:100%;padding:18px;background:linear-gradient(95deg,var(--gold-light),var(--gold) 45%,var(--gold-darker));color:var(--navy-deep);border:none;border-radius:10px;font-family:'Inter',system-ui,sans-serif;font-size:0.9rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 30px -4px rgba(212,175,55,0.35);position:relative;overflow:hidden} .form-submit::before {content:'';position:absolute;inset:0;background:linear-gradient(95deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:transform 0.6s} .form-submit:hover::before {transform:translateX(100%)} .form-submit:hover {transform:translateY(-2px);box-shadow:0 12px 40px -4px rgba(212,175,55,0.5)} .form-submit:disabled {opacity:0.6;cursor:not-allowed;transform:none} .form-success {display:none;text-align:center;padding:4rem 2rem} .form-success .icon-success {width:80px;height:80px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--success)} .form-success .icon-success .icon-lucide {stroke:var(--success);width:40px;height:40px} .form-success h3 {font-family:'Cinzel','Inter',serif;font-size:1.5rem;color:var(--text-primary);margin-bottom:0.75rem} .form-success p {color:var(--text-secondary);max-width:400px;margin:0 auto;font-weight:300} footer {background:var(--navy-deep);color:var(--text-primary);padding:70px 2rem 30px;position:relative} footer::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,0.15),transparent)} .footer-grid {max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem} .footer-brand img {height:70px;margin-bottom:1rem;filter:drop-shadow(0 2px 8px rgba(212,175,55,0.15))} .footer-brand p {color:var(--text-secondary);font-size:0.9rem;max-width:320px;font-weight:300;line-height:1.7} .footer-links h5 {font-family:'Cinzel','Inter',serif;color:var(--gold);font-size:0.95rem;margin-bottom:1.25rem;letter-spacing:1px} .footer-links ul {list-style:none} .footer-links li {margin-bottom:0.75rem} .footer-links a {color:var(--text-secondary);text-decoration:none;font-size:0.9rem;transition:color 0.3s;font-weight:400} .footer-links a:hover {color:var(--gold)} .footer-bottom {max-width:1280px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem} .footer-bottom p {color:var(--text-muted);font-size:0.8rem} @keyframes fadeInUp {from {opacity:0;transform:translateY(40px)} to {opacity:1;transform:translateY(0)} } @keyframes bounce {0%,20%,50%,80%,100% {transform:translateX(-50%) translateY(0)} 40% {transform:translateX(-50%) translateY(-10px)} 60% {transform:translateX(-50%) translateY(-5px)} } .reveal {opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)} .reveal.active {opacity:1;transform:translateY(0)} @media (max-width:900px) {.nav-links {display:none} .mobile-menu-btn {display:block} .overview-grid {grid-template-columns:1fr;gap:3rem} .form-row {grid-template-columns:1fr} .footer-grid {grid-template-columns:1fr 1fr} .hero-cta-row {flex-direction:column;align-items:center} .btn-gold,.btn-outline-gold {width:100%;max-width:320px;justify-content:center} .investment-cards {grid-template-columns:1fr} } @media (max-width:600px) {.footer-grid {grid-template-columns:1fr} .form-container {padding:2rem 1.25rem} section {padding:60px 1.25rem} .benefits-grid {grid-template-columns:1fr} .faq-question {padding:1.25rem 1.25rem;font-size:0.9rem} .faq-answer,.faq-item.faq-open .faq-answer {padding-left:1.25rem;padding-right:1.25rem} }

/* Typography sync with WMCL homepage */
html, body {
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button, input, select, textarea { font-family: 'Inter', system-ui, sans-serif; }
h1, h2, h3, h4, h5, h6, .logo-text, .section-header h2, .overview-text h3, .benefit-card h4, .tier-name, .faq-question, .form-success h3 {
  font-family: 'Cinzel', 'Inter', serif;
  letter-spacing: .02em;
}
.footer-credit a { color: var(--gold); text-decoration: none; font-weight: 600; }
.footer-credit a:hover { text-decoration: underline; }
.form-error { display:none; margin-top:18px; padding:14px 16px; border:1px solid rgba(239,68,68,.35); background:rgba(239,68,68,.08); border-radius:8px; color:#fecaca; font-size:.9rem; }

/* Final homepage-matched typography refinement: avoid the heavier franchise rendering */
body { font-weight: 400; }
.hero h1 { font-weight: 600; letter-spacing: 0; }
.hero p { font-weight: 400; }
.section-header h2, .overview-text h3 { font-weight: 600; letter-spacing: 0; }
.benefit-card h4, .tier-name, .form-success h3 { font-weight: 600; letter-spacing: 0; }
.faq-question { font-family:'Inter',system-ui,sans-serif; font-weight:500; letter-spacing:0; }
.hero-badge { font-weight:600; }
.btn-gold, .btn-outline-gold, .form-submit { font-weight:600; }


/* Functional mobile navigation */
@media (max-width:900px) {
  nav { position:relative; }
  .mobile-menu-btn { position:relative; z-index:1002; width:42px; height:42px; border-radius:8px; }
  .mobile-menu-btn:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
  .mobile-menu-btn.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .mobile-menu-btn.active span:nth-child(2) { opacity:0; transform:scaleX(0); }
  .mobile-menu-btn.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .nav-links {
    display:flex;
    position:absolute;
    top:80px;
    left:0;
    right:0;
    width:100%;
    flex-direction:column;
    gap:0;
    padding:10px 20px 18px;
    background:rgba(6,13,29,.98);
    border-top:1px solid rgba(212,175,55,.12);
    border-bottom:1px solid rgba(212,175,55,.18);
    box-shadow:0 18px 40px rgba(0,0,0,.35);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
    max-height:calc(100vh - 80px);
    overflow-y:auto;
  }
  .nav-links.open {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .nav-links li { width:100%; }
  .nav-links a {
    display:block;
    width:100%;
    padding:15px 4px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .nav-links li:last-child a { border-bottom:0; }
  body.mobile-menu-open { overflow:hidden; }
}
@media (max-width:480px) {
  nav { padding:0 1rem; }
  .logo { gap:8px; }
  .logo img { height:44px; }
  .logo-text { font-size:.95rem; letter-spacing:1.2px; }
  .logo-text span { font-size:.48rem; letter-spacing:1.5px; }
}

/* Franchise fee terms note */
.invest-card .price-asterisk{font-family:'Inter',system-ui,sans-serif;font-size:.38em;font-weight:500;vertical-align:super;margin-left:3px;-webkit-text-fill-color:var(--gold-light);color:var(--gold-light)}
.invest-card .tc-note{font-family:'Inter',system-ui,sans-serif;font-size:.68rem;font-weight:400;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:1.25rem;letter-spacing:.2px}


/* ===== Homepage typography parity + reliable FAQ accordion ===== */
/* Match the homepage's typography primitives exactly. */
html, body {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button, input, select, textarea, .nav-links a, .hero p, .section-header p,
.overview-text p, .overview-text li, .benefit-card p, .faq-question,
.faq-answer p, .form-group label, .form-note, .footer-brand p,
.footer-links a, .footer-bottom p {
  font-family: 'Inter', system-ui, sans-serif !important;
}
.hero h1, .section-header h2, .overview-text h3, .benefit-card h4,
.invest-card h4, .tier-name, .form-success h3, .footer-links h5, .logo-text {
  font-family: 'Cinzel', 'Inter', serif !important;
  letter-spacing: .02em !important;
}
/* Homepage uses normal/medium/semibold/bold weights; avoid synthetic heavy text. */
.hero h1 { font-weight: 700 !important; }
.section-header h2, .overview-text h3 { font-weight: 600 !important; }
.benefit-card h4, .invest-card h4, .tier-name, .form-success h3, .footer-links h5 { font-weight: 600 !important; }
.hero p, .section-header p, .overview-text p, .benefit-card p, .faq-answer p { font-weight: 400 !important; }
.faq-question { font-weight: 500 !important; letter-spacing: 0 !important; }

/* FAQ: closed by default, one item opens only when JS adds .faq-open. */
.faq-item .faq-answer {
  display: none !important;
  max-height: none !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.faq-item.faq-open .faq-answer {
  display: block !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 1.5rem !important;
}
.faq-item .faq-question .icon-wrap .icon-lucide {
  transform: rotate(0deg) !important;
  transition: transform .25s ease;
}
.faq-item.faq-open .faq-question .icon-wrap .icon-lucide {
  transform: rotate(45deg) !important;
}
@media (max-width:600px) {
  .faq-item.faq-open .faq-answer { padding-bottom: 1.25rem !important; }
}

/* Match homepage navigation */
.nav-links {align-items:center;gap:2rem;}
.nav-links a {font-size:0.9rem;font-weight:600;letter-spacing:0;text-transform:none;padding:10px 0;}
.nav-links a.nav-register {background:linear-gradient(95deg,var(--gold-light),var(--gold) 55%,var(--gold-darker));color:var(--navy-deep);padding:12px 26px;border-radius:999px;font-weight:700;min-width:162px;text-align:center;}
.nav-links a.nav-register::after {display:none;}
.nav-links a.nav-register:hover {color:var(--navy-deep);transform:translateY(-1px);box-shadow:0 8px 24px rgba(212,175,55,.22);}
@media (max-width:900px){.nav-links.open a.nav-register{margin-top:8px;width:100%;padding:13px 18px;text-align:center;border-bottom:0;}}

/* Homepage-matched franchise footer */
.home-style-footer .footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:5rem}
.footer-logo-row{display:flex;align-items:center;gap:14px;margin-bottom:1.1rem}
.home-style-footer .footer-brand .footer-logo-row img{height:64px;margin:0}
.footer-wmcl{font-family:'Cinzel','Inter',serif;font-size:1.45rem;color:var(--gold-light);letter-spacing:2px}
.footer-subtitle{font-size:.62rem;font-weight:700;letter-spacing:3px;color:var(--text-secondary)}
.home-style-footer .footer-links h5{color:#fff;font-size:1.1rem;font-weight:500}
.home-style-footer .footer-links li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.8rem}
.home-style-footer .media-partner{color:var(--gold-light);font-weight:600;padding-top:.4rem}
.footer-socials{display:flex;gap:12px;margin-top:1.5rem}
.footer-socials a{width:40px;height:40px;border:1px solid rgba(212,175,55,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;font-weight:600}
.footer-socials a:hover{color:var(--gold-light);border-color:var(--gold)}
.footer-tagline{color:#4f83ff!important;font-weight:600}
@media(max-width:900px){.home-style-footer .footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.home-style-footer .footer-brand{grid-column:1/-1}}
@media(max-width:600px){.home-style-footer .footer-grid{grid-template-columns:1fr}.home-style-footer .footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}}


/* Graphical guaranteed prize structure */
.prize-showcase{
  position:relative;
  padding:6.5rem 1.5rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 25%,rgba(212,175,55,.13),transparent 28%),
    radial-gradient(circle at 88% 20%,rgba(54,112,218,.13),transparent 30%),
    linear-gradient(180deg,#071329 0%,#061127 52%,#081a2a 100%);
  border-top:1px solid rgba(212,175,55,.18);
  border-bottom:1px solid rgba(212,175,55,.18);
}
.prize-showcase::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
}
.prize-showcase-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.prize-heading{margin-bottom:2.5rem}
.prize-kicker{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border:1px solid rgba(212,175,55,.35);border-radius:999px;color:var(--gold-light);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.25rem;background:rgba(212,175,55,.06)}
.prize-heading h2 span{color:var(--gold-light)}
.prize-podium{display:grid;grid-template-columns:1.15fr 1fr;gap:1.2rem;margin:0 auto 1.2rem;max-width:930px}
.prize-card{position:relative;min-height:300px;border:1px solid rgba(212,175,55,.32);border-radius:22px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,rgba(14,35,67,.96),rgba(5,15,34,.96));box-shadow:0 22px 60px rgba(0,0,0,.28);overflow:hidden}
.prize-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(35px);opacity:.16;bottom:-130px;background:var(--gold)}
.prize-card-winner{border-color:rgba(240,217,140,.7);box-shadow:0 25px 70px rgba(212,175,55,.13),0 22px 60px rgba(0,0,0,.32);transform:translateY(-8px)}
.prize-rank{position:absolute;top:1rem;left:1rem;padding:.38rem .7rem;border-radius:999px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35);color:var(--gold-light);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.prize-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-light);background:radial-gradient(circle,rgba(212,175,55,.2),rgba(212,175,55,.05));border:1px solid rgba(212,175,55,.3);margin-bottom:1.05rem}
.prize-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6}
.prize-card h3{font-family:'Cinzel','Inter',serif;font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 .6rem;letter-spacing:.03em}
.prize-amount{font-family:'Cinzel','Inter',serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;font-weight:700;color:var(--gold-light);text-shadow:0 0 24px rgba(212,175,55,.16)}
.prize-extra{font-size:1.08rem;font-weight:800;color:#fff;margin-top:.55rem;text-transform:uppercase;letter-spacing:.08em}
.prize-card p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.prize-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}
.mini-prize-card{min-height:185px;padding:1.2rem .75rem 1rem;border:1px solid rgba(212,175,55,.23);border-radius:16px;background:linear-gradient(180deg,rgba(14,34,64,.92),rgba(5,15,34,.94));text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.mini-prize-card:hover{transform:translateY(-5px);border-color:rgba(240,217,140,.55);box-shadow:0 14px 35px rgba(0,0,0,.25)}
.mini-prize-icon{font-size:1.75rem;line-height:1;margin-bottom:.8rem;filter:saturate(.85)}
.mini-prize-card h4{font-family:'Inter',sans-serif;color:#fff;font-size:.78rem;line-height:1.35;font-weight:600;margin:0 0 auto;min-height:2.2rem}
.mini-prize-card strong{display:block;color:var(--gold-light);font-family:'Cinzel','Inter',serif;font-size:1.28rem;line-height:1.2;margin-top:.85rem;font-weight:700}
.mini-prize-card span{display:block;color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;margin-top:.35rem}
.prize-footer-note{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.3rem;border-top:1px solid rgba(212,175,55,.18);padding-top:1.3rem}
.prize-footer-note span{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--text-secondary);font-size:.8rem;text-align:center}
.prize-footer-note svg{width:18px;height:18px;color:var(--gold-light);stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto}
@media(max-width:1050px){.prize-grid{grid-template-columns:repeat(4,1fr)}.prize-grid .mini-prize-card:last-child{grid-column:auto}}
@media(max-width:760px){.prize-showcase{padding:4.5rem 1rem}.prize-podium{grid-template-columns:1fr}.prize-card-winner{transform:none}.prize-card{min-height:260px}.prize-grid{grid-template-columns:repeat(2,1fr)}.prize-footer-note{grid-template-columns:1fr}.prize-footer-note span{justify-content:flex-start;text-align:left}}
@media(max-width:440px){.prize-grid{grid-template-columns:1fr}.mini-prize-card{min-height:150px}.prize-card{padding:1.5rem}.prize-amount{font-size:2.25rem}}

/* ===== Responsive prize banner — homepage visual parity ===== */
.prize-showcase-image{
  width:100%;
  max-width:none !important;
  margin:0 !important;
  padding:88px 2rem !important;
  background:
    radial-gradient(48rem 22rem at 12% 0%,rgba(30,79,196,.13),transparent 60%),
    radial-gradient(40rem 22rem at 88% 10%,rgba(212,175,55,.08),transparent 60%),
    var(--navy-deep) !important;
  border-top:1px solid rgba(212,175,55,.12);
  border-bottom:1px solid rgba(212,175,55,.12);
  overflow:hidden;
}
.prize-showcase-image-inner{
  width:min(1380px,100%);
  margin:0 auto;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.22);
  background:var(--navy);
  box-shadow:0 24px 65px rgba(0,0,0,.32),0 0 34px rgba(212,175,55,.05);
}
.prize-showcase-image picture{display:block;width:100%;}
.prize-showcase-image img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center;
}
/* Keep all surrounding Franchise typography/colours identical to Homepage. */
.prize-showcase-image,
.prize-showcase-image *{
  font-family:'Inter',system-ui,sans-serif;
}

@media (max-width:900px){
  .prize-showcase-image{padding:64px 1.25rem !important;}
  .prize-showcase-image-inner{border-radius:14px;}
}
@media (max-width:600px){
  .prize-showcase-image{padding:46px 0 !important;}
  .prize-showcase-image-inner{
    width:100%;
    border-left:0;
    border-right:0;
    border-radius:0;
  }
  .prize-showcase-image img{
    width:100%;
    height:auto;
  }
}
