/* ============================================
   MISAL HUB — FRANCHISE PAGE STYLESHEET
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
  --gold:      #C8960A;
  --gold-dark: #A67800;
  --gold-lt:   #E8B020;
  --gold-bg:   #B8860B;
  --red:       #C8291A;
  --green:     #5CB85C;
  --olive:     #6B7A2A;
  --dark:      #1A0A00;
  --text:      #2C1A00;
  --text-lt:   #6B4A20;
  --cream:     #FFF9F0;
  --cream-2:   #FFF3DE;
  --white:     #FFFFFF;
  --border:    rgba(200,150,10,0.2);
  --shadow:    0 10px 40px rgba(0,0,0,0.09);
  --shadow-lg: 0 24px 70px rgba(0,0,0,0.14);
  --r:         16px;
  --r-sm:      10px;
  --t:         0.28s cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;background:#fff;color:var(--text);line-height:1.7;overflow-x:hidden;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--cream);}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.gold{color:var(--gold);}

.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.22;color:var(--dark);}
.section-hd{text-align:center;margin-bottom:56px;}
.section-sub{color:var(--text-lt);margin-top:10px;font-size:0.95rem;}
.pill-tag{display:inline-flex;align-items:center;background:rgba(200,150,10,0.1);border:1px solid rgba(200,150,10,0.3);color:var(--gold);padding:5px 16px;border-radius:50px;font-size:0.73rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;}
.gold-divider{height:4px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-size:0.88rem;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 6px 22px rgba(200,150,10,0.4);}
.btn-gold:hover{background:var(--gold-lt);transform:translateY(-2px);}
.btn-outline-gold-dark{background:transparent;color:var(--gold-dark);border:2px solid var(--gold-dark);padding:11px 28px;}
.btn-outline-gold-dark:hover{background:var(--gold-dark);color:#fff;transform:translateY(-2px);}
.btn-franchise{background:var(--gold);color:#fff;padding:9px 22px;border-radius:6px;font-size:0.82rem;font-weight:700;text-decoration:none;transition:all var(--t);}
.btn-franchise:hover{background:var(--gold-lt);transform:translateY(-2px);}
.full-w{width:100%;justify-content:center;}

/* IMAGE PLACEHOLDER */
.img-placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,#f5ead0,#f5ead0 10px,#fdf4e3 10px,#fdf4e3 20px);border:2px dashed var(--gold);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:8px;position:relative;overflow:hidden;}
.img-placeholder::before{content:attr(data-label);position:absolute;top:8px;left:50%;transform:translateX(-50%);background:var(--gold);color:#fff;font-size:0.65rem;font-weight:700;padding:3px 10px;border-radius:50px;white-space:nowrap;}
.ph-icon{font-size:3rem;margin-top:24px;}
.ph-text{font-size:0.88rem;font-weight:700;color:var(--text);}
.ph-hint{font-size:0.7rem;color:var(--text-lt);font-style:italic;}

/* TOPBAR */
.topbar{background:var(--dark);padding:7px 0;font-size:0.75rem;color:rgba(255,255,255,0.65);}
.topbar-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.open-live{color:#4ade80;font-weight:600;}

/* NAVBAR */
.navbar{position:sticky;top:0;z-index:1000;background:var(--gold-bg);box-shadow:0 3px 20px rgba(0,0,0,0.2);transition:all var(--t);}
.navbar.scrolled{background:rgba(184,134,11,0.97);backdrop-filter:blur(12px);}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;gap:16px;}
.nav-links{display:flex;list-style:none;align-items:center;gap:4px;}
.nav-left{justify-content:flex-end;}
.nav-right{justify-content:flex-start;gap:6px;}
.nav-links a{text-decoration:none;color:rgba(255,255,255,0.88);font-size:0.86rem;font-weight:500;padding:7px 13px;border-radius:6px;transition:all var(--t);}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,0.15);}
.nav-logo{display:flex;align-items:center;justify-content:center;text-decoration:none;}
.nav-logo img{height:56px;width:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.4);box-shadow:0 4px 16px rgba(0,0,0,0.3);transition:all var(--t);}
.nav-logo img:hover{transform:scale(1.05);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all var(--t);}
.mobile-drawer{display:none;flex-direction:column;background:var(--gold-dark);padding-bottom:12px;}
.mobile-drawer a{text-decoration:none;color:rgba(255,255,255,0.88);font-size:0.9rem;font-weight:500;padding:13px 24px;border-bottom:1px solid rgba(255,255,255,0.08);transition:all var(--t);}
.mobile-drawer a:hover,.mobile-drawer a.active{background:rgba(255,255,255,0.1);color:#fff;}
.mobile-drawer .drawer-cta{margin:12px 24px 0;background:var(--gold-lt);border-radius:8px;text-align:center;border:none;}
.mobile-drawer.open{display:flex;}

/* ===== MASCOT BANNER ===== */
.mascot-banner{display:flex;align-items:stretch;min-height:320px;background:#f5f5f5;overflow:hidden;position:relative;}
.mb-title-block{background:var(--red);min-width:280px;display:flex;flex-direction:column;justify-content:center;padding:40px 36px;position:relative;z-index:2;flex-shrink:0;}
.mb-title-block::after{content:'';position:absolute;top:0;bottom:0;right:-30px;width:60px;background:var(--red);clip-path:polygon(0 0,0 100%,100% 100%);}
.mb-breadcrumb{font-size:0.78rem;color:rgba(255,255,255,0.7);margin-bottom:14px;}
.mb-breadcrumb a{color:#fff;text-decoration:none;}
.mb-breadcrumb a:hover{text-decoration:underline;}
.mb-breadcrumb span{color:var(--gold-lt);font-weight:600;}
.mb-heading{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:800;color:#fff;line-height:1.1;border-left:4px solid var(--gold-lt);padding-left:16px;}
.mb-stage{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:16px 40px 0;background:#fff;overflow:hidden;gap:0;}
.mb-circle{position:absolute;border-radius:50%;bottom:-60px;opacity:0.85;}
.c-yellow{width:340px;height:340px;background:#FFD700;left:28%;}
.c-green{width:250px;height:250px;background:var(--green);left:48%;}
.c-red{width:200px;height:200px;background:var(--red);left:60%;}

.mascot-char{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 16px;animation:mascotEntry 0.7s cubic-bezier(0.34,1.56,0.64,1) both;}
.mc1{animation-delay:0.1s;}.mc2{animation-delay:0.2s;}.mc3{animation-delay:0.3s;}.mc4{animation-delay:0.4s;}.mc5{animation-delay:0.5s;}
@keyframes mascotEntry{from{opacity:0;transform:translateY(60px) scale(0.6);}to{opacity:1;transform:translateY(0) scale(1);}}
.mc-emoji{font-size:4rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.25));animation:mascotBob 2.5s ease-in-out infinite;display:block;margin-bottom:6px;}
.mc1 .mc-emoji{animation-delay:0s;font-size:5rem;}
.mc2 .mc-emoji{animation-delay:0.3s;}.mc3 .mc-emoji{animation-delay:0.6s;}.mc4 .mc-emoji{animation-delay:0.9s;}.mc5 .mc-emoji{animation-delay:1.2s;}
@keyframes mascotBob{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-12px) rotate(2deg);}}
.mc-label{display:flex;flex-direction:column;align-items:center;line-height:1.1;}
.mc-mr{font-size:0.72rem;font-weight:600;color:var(--text-lt);}
.mc-name{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:800;line-height:1;}
.mc-name.boss{color:var(--red);font-size:1.7rem;}.mc-name.buddy{color:var(--dark);}.mc-name.crux{color:var(--olive);}.mc-name.spuddy{color:#8B4513;}.mc-name.onino{color:#7B2D8B;}
.mc-sub{font-size:0.62rem;color:rgba(0,0,0,0.4);font-weight:500;margin-top:2px;letter-spacing:0.5px;text-transform:uppercase;}

/* Shop illustration */
.mb-shop{position:relative;z-index:2;margin-left:20px;display:flex;flex-direction:column;align-items:center;animation:mascotEntry 0.7s ease 0.6s both;}
.shop-sign{background:var(--dark);color:var(--gold-lt);font-size:0.75rem;font-weight:700;padding:6px 14px;border-radius:4px;margin-bottom:0;text-align:center;white-space:nowrap;}
.shop-awning{width:160px;height:24px;background:repeating-linear-gradient(90deg,var(--red) 0,var(--red) 14px,#fff 14px,#fff 28px);border-radius:0 0 8px 8px;margin-bottom:0;}
.shop-body{width:160px;height:100px;background:#f0e8d0;border:2px solid #c8aa60;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 12px 0;position:relative;}
.shop-window{width:36px;height:40px;background:#b8d4f0;border:2px solid #8090a0;border-radius:4px 4px 0 0;margin-bottom:0;}
.shop-door{width:30px;height:55px;background:#8B4513;border:2px solid #5a2d0c;border-radius:4px 4px 0 0;position:absolute;bottom:0;}
.shop-lamp{position:absolute;font-size:1.4rem;}
.lamp-l{left:-24px;bottom:20px;}.lamp-r{right:-24px;bottom:20px;}

/* ===== PITCH SECTION ===== */
.pitch-section{padding:90px 0;background:#fff;}
.pitch-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.pitch-tagline{font-weight:700;color:var(--gold-dark);font-size:0.88rem;letter-spacing:1px;text-transform:uppercase;margin:4px 0 18px;}
.pitch-copy p{color:var(--text-lt);font-size:0.93rem;margin-bottom:16px;line-height:1.8;}
.pitch-stats{display:flex;align-items:center;gap:0;background:var(--cream);border-radius:var(--r);padding:20px 0;margin:28px 0;border:1px solid var(--border);}
.ps-item{flex:1;text-align:center;}
.ps-n{display:block;font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:800;color:var(--gold-dark);}
.ps-l{font-size:0.72rem;color:var(--text-lt);font-weight:500;}
.ps-div{width:1px;height:40px;background:var(--border);}

.pv-card{background:var(--cream);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;}
.pv-top{padding:24px 24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;}
.pvc-logo img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);margin-bottom:12px;}
.pvc-tag{font-size:1rem;font-weight:700;color:var(--dark);line-height:1.4;}
.pvc-sub{font-size:0.78rem;color:var(--text-lt);margin-top:6px;font-weight:500;}
.pv-img-placeholder{height:220px;}
.pv-img-placeholder.img-placeholder{border-radius:0;border:none;border-top:1px dashed var(--gold);}
.pv-badge{position:absolute;top:-16px;right:-16px;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 18px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);font-size:1.5rem;}
.pv-badge div strong{display:block;font-size:0.82rem;color:var(--dark);}
.pv-badge div small{font-size:0.7rem;color:var(--text-lt);}

/* ===== PARTNER WITH US ===== */
.partner-section{padding:90px 0;background:#fff;}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.partner-card{background:var(--cream);border-radius:var(--r);padding:28px 24px;border:1px solid var(--border);position:relative;overflow:hidden;transition:all var(--t);}
.partner-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gold);}
.pc-wide{grid-column:span 2;background:linear-gradient(135deg,var(--cream),#fff8e8);border-color:rgba(200,150,10,0.3);}
.pc-dot{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:rgba(200,150,10,0.08);transition:all var(--t);}
.partner-card:hover .pc-dot{transform:scale(1.5);}
.pc-icon{font-size:2.4rem;margin-bottom:14px;display:block;}
.partner-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:800;color:var(--dark);margin-bottom:10px;line-height:1.3;}
.partner-card p{font-size:0.82rem;color:var(--text-lt);line-height:1.75;}

/* ===== WHY SECTION — 6 CARDS ===== */
.why-section{padding:90px 0;background:var(--cream);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.why-card{background:#fff;border-radius:var(--r);padding:32px 26px;border:1px solid rgba(0,0,0,0.07);box-shadow:var(--shadow);transition:all var(--t);text-align:center;}
.why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
.wc-icon-wrap{width:80px;height:80px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 18px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
.gold-bg{background:var(--gold);}
.red-bg{background:var(--red);}
.olive-bg{background:var(--olive);}
.why-card h3{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--dark);margin-bottom:6px;}
.why-card > p{font-size:0.75rem;color:var(--gold-dark);font-weight:600;margin-bottom:14px;letter-spacing:0.3px;}
.why-card ul{list-style:none;text-align:left;display:flex;flex-direction:column;gap:7px;}
.why-card ul li{font-size:0.82rem;color:var(--text-lt);padding-left:4px;}
.why-card ul li::before{content:'›';color:var(--gold);margin-right:6px;font-weight:700;}

/* ===== SHINES SECTION ===== */
.shines-section{padding:90px 0;background:#fff;}
.shines-layout{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;margin-bottom:24px;align-items:start;}
.shine-card{background:#fff;border:1.5px solid rgba(200,150,10,0.25);border-radius:var(--r);padding:28px 24px;text-align:center;transition:all var(--t);}
.shine-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold);}
.sc-icon{font-size:2.2rem;margin-bottom:12px;}
.shine-card h4{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--dark);margin-bottom:10px;}
.shine-card p{font-size:0.83rem;color:var(--text-lt);line-height:1.7;}
.shine-centre .img-placeholder{min-height:260px;border-radius:var(--r);}
.shines-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

/* ===== MODELS SECTION ===== */
.models-section{padding:90px 0;background:var(--cream);}
.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.model-card{background:#fff;border-radius:var(--r);padding:36px 28px;border:1px solid rgba(0,0,0,0.08);box-shadow:var(--shadow);transition:all var(--t);text-align:center;position:relative;}
.model-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
.model-card.featured{border:2px solid var(--gold);background:linear-gradient(160deg,#fffbf0,#fff8e8);}
.mc-ribbon{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--gold-dark);color:#fff;font-size:0.65rem;font-weight:700;padding:4px 16px;border-radius:0 0 8px 8px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;}
.mc-ribbon.popular{background:var(--red);}
.mc-ribbon.premium{background:var(--olive);}
.mc-icon{font-size:3rem;margin:24px 0 10px;}
.model-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--dark);margin-bottom:8px;}
.mc-price{font-size:1.6rem;font-weight:800;color:var(--gold-dark);font-family:'Playfair Display',serif;margin-bottom:20px;}
.model-card ul{list-style:none;text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.model-card ul li{font-size:0.83rem;color:var(--text-lt);}

/* ===== PROCESS SECTION ===== */
.process-section{padding:90px 0;background:#fff;}
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
.ps-step{text-align:center;padding:0 12px;position:relative;}
.pss-num{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:800;color:rgba(200,150,10,0.15);line-height:1;}
.pss-icon{font-size:2.5rem;margin:8px 0;display:block;}
.ps-step h4{font-size:0.9rem;font-weight:700;color:var(--dark);margin-bottom:8px;}
.ps-step p{font-size:0.78rem;color:var(--text-lt);line-height:1.6;}
.pss-arrow{position:absolute;top:50px;right:-16px;font-size:1.6rem;color:var(--gold);font-weight:700;z-index:2;}
.pss-arrow.last{display:none;}

/* ===== APPLY SECTION ===== */
.apply-section{background:var(--cream);}
.apply-grid{display:grid;grid-template-columns:1fr 1fr;min-height:700px;}

.apply-image{position:relative;overflow:hidden;}
.apply-ph{border-radius:0;border:none;min-height:700px;}

/* colored arcs behind image */
.arc{position:absolute;border-radius:50%;pointer-events:none;}
.arc-red{width:500px;height:500px;background:var(--red);bottom:-150px;right:-100px;opacity:0.9;}
.arc-amber{width:400px;height:400px;background:#E8820A;bottom:-100px;right:-60px;opacity:0.8;}
.arc-yellow{width:300px;height:300px;background:#FFD700;bottom:-60px;right:-20px;opacity:0.75;}

/* floating mascots on apply image */
.apply-mascot{position:absolute;z-index:10;font-size:3rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.3));}
.am1{bottom:30%;right:18%;animation:mascotBob 3s ease-in-out infinite;font-size:4rem;}
.am2{bottom:15%;right:35%;animation:mascotBob 4s ease-in-out infinite reverse;}
.am3{bottom:22%;right:5%;animation:mascotBob 2.5s ease-in-out infinite;}

.apply-form-wrap{background:var(--cream-2);display:flex;align-items:center;justify-content:center;padding:60px 40px;}
.apply-form-card{width:100%;max-width:540px;}
.apply-form-card .section-title{margin-bottom:6px;}
.form-sub{font-size:0.83rem;color:var(--text-lt);margin-bottom:28px;}

.apply-form-card form{display:flex;flex-direction:column;gap:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-field{display:flex;flex-direction:column;gap:5px;}
.form-field label{font-size:0.78rem;font-weight:600;color:var(--text);}
.apply-form-card input,
.apply-form-card select,
.apply-form-card textarea{
  width:100%;padding:11px 15px;
  border:1.5px solid rgba(200,150,10,0.3);border-radius:8px;
  font-family:'Poppins',sans-serif;font-size:0.86rem;
  color:var(--text);background:#fff;outline:none;
  transition:border-color var(--t),box-shadow var(--t);resize:vertical;
}
.apply-form-card input:focus,
.apply-form-card select:focus,
.apply-form-card textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,150,10,0.08);}
.time-row{display:flex;gap:8px;}
.time-row select{flex:1;padding:11px 8px;}
.submit-btn{margin-top:6px;font-size:0.95rem;padding:14px 28px;}
.form-note{font-size:0.78rem;color:var(--text-lt);text-align:center;margin-top:10px;}
.form-note a{color:var(--gold-dark);font-weight:600;text-decoration:none;}
.form-note a:hover{text-decoration:underline;}

/* ===== FOOTER ===== */
.footer-gold{background:linear-gradient(145deg,var(--gold-bg),var(--gold-dark));padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.3);margin-bottom:16px;}
.footer-brand p{color:rgba(255,255,255,0.55);font-size:0.83rem;line-height:1.7;margin-bottom:20px;}
.footer-socials{display:flex;gap:10px;}
.fs-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:700;text-decoration:none;transition:all var(--t);color:#fff;}
.fb-btn{background:#3b5998;}.ig-btn{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366);}.yt-btn{background:#ff0000;}
.fs-btn:hover{transform:translateY(-3px) scale(1.1);}
.footer-col h5{color:#fff;font-size:0.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col ul li,.footer-col ul a{color:rgba(255,255,255,0.55);font-size:0.82rem;line-height:1.6;text-decoration:none;}
.footer-col ul a:hover{color:var(--gold-lt);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 0;text-align:center;}
.footer-bottom p{color:rgba(255,255,255,0.35);font-size:0.77rem;}

/* WhatsApp & ScrollTop */
.wa-float{position:fixed;bottom:28px;right:28px;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 24px rgba(37,211,102,0.45);text-decoration:none;z-index:999;animation:floatPop 3s ease-in-out infinite;}
.wa-float:hover{transform:scale(1.12);}
@keyframes floatPop{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.scroll-top{position:fixed;bottom:90px;right:28px;width:40px;height:40px;background:var(--gold);color:#fff;border:none;border-radius:50%;font-size:1rem;font-weight:700;cursor:pointer;z-index:999;opacity:0;transform:translateY(10px);transition:all var(--t);}
.scroll-top.visible{opacity:1;transform:translateY(0);}
.scroll-top:hover{background:var(--gold-lt);transform:translateY(-2px);}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.65s var(--t),transform 0.65s var(--t);}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .partner-grid{grid-template-columns:1fr 1fr;}
  .pc-wide{grid-column:span 2;}
  .mascot-banner{flex-direction:column;min-height:auto;}
  .mb-title-block{min-width:100%;padding:24px;}.mb-title-block::after{display:none;}
  .mb-stage{flex-wrap:wrap;padding:16px;justify-content:center;gap:0;}
  .mc-emoji{font-size:3rem !important;}.mc-name.boss{font-size:1.3rem !important;}
  .mb-shop{display:none;}
  .pitch-grid{grid-template-columns:1fr;gap:44px;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .shines-layout{grid-template-columns:1fr 1fr;}.shine-centre{grid-column:span 2;order:-1;}
  .shines-bottom{grid-template-columns:1fr 1fr;}
  .models-grid{grid-template-columns:1fr 1fr;}
  .process-steps{grid-template-columns:1fr 1fr;gap:24px;}
  .pss-arrow{display:none;}
  .apply-grid{grid-template-columns:1fr;}
  .apply-image{min-height:300px;}
  .apply-ph{min-height:300px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .partner-grid{grid-template-columns:1fr;}
  .pc-wide{grid-column:span 1;}
  .nav-left,.nav-right{display:none;}
  .hamburger{display:flex;}.btn-franchise{display:none;}
  .nav-inner{grid-template-columns:auto 1fr auto;}
  .why-grid{grid-template-columns:1fr;}
  .shines-layout{grid-template-columns:1fr;}
  .shine-centre{order:0;}
  .shines-bottom{grid-template-columns:1fr;}
  .models-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .form-row{grid-template-columns:1fr;}
  .apply-form-wrap{padding:40px 24px;}
  .topbar-inner{flex-direction:column;text-align:center;gap:4px;}
  .pitch-stats{flex-wrap:wrap;}
}
@media(max-width:480px){
  .mb-heading{font-size:1.8rem;}
  .section-title{font-size:1.7rem;}
  .mascot-char{padding:0 8px;}
}

/* ===== BANNER WITH LOGO (replaces mascot banner) ===== */
.fr-banner{background:linear-gradient(135deg,#1B0D05,#3B1E0F);padding:64px 0;border-bottom:1px solid rgba(255,138,31,0.28);}
.fr-banner-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;}
.fr-banner .mb-breadcrumb{margin-bottom:14px;font-size:0.78rem;}
.fr-banner-title{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1;margin-bottom:14px;}
.fr-banner-title em{font-style:italic;}
.fr-banner-sub{max-width:480px;margin-bottom:26px;font-size:1rem;}
.fr-banner-logo{display:flex;justify-content:center;}
.fr-banner-logo img{width:min(300px,70vw);height:min(300px,70vw);border-radius:50%;object-fit:cover;border:3px solid #FF8A1F;box-shadow:0 20px 60px rgba(0,0,0,0.5);}

.pv-logo-block{padding:48px 24px;}
.pv-logo-block .pvc-logo img{width:120px;height:120px;}

.why-grid-5{display:flex;flex-wrap:wrap;justify-content:center;}
.why-grid-5 .why-card{flex:0 1 calc(33.333% - 16px);min-width:260px;}
.wc-icon-wrap{background:#4B2913;border:1.5px solid #FF8A1F;box-shadow:none;}
.wc-icon-wrap span{font-size:0.95rem;font-weight:700;color:#FF8A1F;letter-spacing:1px;text-transform:uppercase;}
.pc-icon{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:800;color:rgba(255,138,31,0.55);}

.shines-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}

.apply-logo-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:700px;background:linear-gradient(160deg,#3B1E0F,#1B0D05);}
.apply-logo-panel img{width:min(280px,60vw);height:min(280px,60vw);border-radius:50%;object-fit:cover;border:3px solid #FF8A1F;box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.apply-logo-panel p{font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;text-align:center;line-height:1.2;color:#FF8A1F;}
.apply-logo-panel p span{font-family:'Poppins',sans-serif;font-size:0.9rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#E9A066;}
.wa-float svg{display:block;}

@media(max-width:1024px){
  .fr-banner-grid{grid-template-columns:1fr;text-align:center;}
  .fr-banner-sub{margin-left:auto;margin-right:auto;}
  .shines-grid{grid-template-columns:1fr 1fr;}
  .apply-logo-panel{min-height:320px;}
}
@media(max-width:768px){
  .shines-grid{grid-template-columns:1fr;}
  .why-grid-5 .why-card{flex-basis:100%;}
}