:root{--navy:#06162d;--navy2:#071b35;--maroon:#8c0f2d;--maroon2:#5f0a20;--gold:#d6a85a;--cream:#f8f5ef;--ink:#121a2b;--muted:#6b7280;--border:#e7e2dc;--shadow:0 16px 45px rgba(6,22,45,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.top-strip{height:32px;background:#041126;color:#fff;display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:0 44px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}.site-header{height:86px;position:sticky;top:0;z-index:50;background:#06162df7;color:#fff;display:flex;align-items:center;padding:0 44px;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand-mark{font-family:Playfair Display,serif;font-size:54px;letter-spacing:-12px;font-weight:800}.brand-mark span:first-child{color:#d52b4b}.brand-mark span:last-child{color:#f5f1e8}.brand strong{font-family:Playfair Display,serif;letter-spacing:7px;font-size:19px;display:block}.brand small{display:block;letter-spacing:3px;font-size:11px}.brand em{display:block;color:var(--gold);font-size:9px;font-style:normal;font-weight:800}.main-nav{display:flex;gap:30px;margin-left:auto;align-items:center}.main-nav a{font-size:13px;font-weight:800;text-transform:uppercase;position:relative}.main-nav a.active:after,.main-nav a:hover:after{content:"";height:3px;background:var(--maroon);left:0;right:0;bottom:-14px;position:absolute}.nav-cta{margin-left:28px;background:var(--maroon);padding:15px 24px;border-radius:5px;font-size:13px;font-weight:800;text-transform:uppercase}.menu-btn{display:none}.hero{min-height:640px;background:linear-gradient(110deg,#06162d 0%,#06162d 44%,#7b1029 44.3%,#7b1029 47%,#111 47.3%);color:#fff;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.hero-copy{padding:78px 44px 44px 50px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-weight:900;color:var(--gold);font-size:14px}.eyebrow.red{color:var(--maroon)}h1,h2{font-family:Playfair Display,serif;margin:0}h1{font-size:64px;line-height:.98;margin-top:18px;max-width:650px}h1 span{color:var(--gold)}.hero-sub{font-size:18px;line-height:1.7;max-width:590px;color:#e8eef8}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;max-width:625px;margin-top:32px}.hero-card{border:1px solid rgba(214,168,90,.62);border-radius:6px;padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:4px;color:#fff;background:rgba(255,255,255,.03)}.hero-card.primary{background:linear-gradient(135deg,var(--maroon),#b3123a);border-color:transparent}.hero-card b{font-size:14px;text-transform:uppercase}.hero-card small{grid-column:1;color:#dce6f3}.hero-card span{grid-row:1/3;grid-column:2;align-self:center;font-size:22px}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;color:#f0efe8;font-size:13px}.hero-visual{position:relative;min-height:640px}.office-card{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.14),transparent 25%),linear-gradient(180deg,#222831,#101214);overflow:hidden}.office-card:before{content:"";position:absolute;left:0;top:0;width:46%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.02));clip-path:polygon(0 0,72% 0,42% 100%,0 100%)}.office-card:after{content:"";position:absolute;left:12%;top:16%;width:47%;height:44%;background:linear-gradient(90deg,rgba(90,145,185,.65),rgba(255,184,107,.35));border:12px solid #202833;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.wall-logo{position:absolute;right:95px;top:120px;text-align:center}.wall-logo span{font-family:Playfair Display,serif;font-size:96px;font-weight:800;color:#e9edf4;text-shadow:-12px 0 0 #a41236}.wall-logo strong{display:block;font-family:Playfair Display,serif;letter-spacing:12px;font-size:48px}.wall-logo small{display:block;letter-spacing:6px;font-size:17px}.wall-logo em{color:var(--gold);font-style:normal;font-weight:900;font-size:13px}.reception{position:absolute;right:70px;bottom:75px;width:430px;height:105px;background:linear-gradient(145deg,#f4eee4,#8b714f);border-radius:8px;box-shadow:0 -8px 0 rgba(255,202,126,.75) inset}.plant{position:absolute;right:30px;bottom:74px;width:80px;height:160px;background:radial-gradient(ellipse at center,#265331 0 35%,transparent 36%)}.hero-badge{position:absolute;right:50px;bottom:50px;background:#06162d;border:2px solid var(--gold);border-radius:9px;text-transform:uppercase;padding:28px 38px;text-align:center;box-shadow:var(--shadow)}.hero-badge b{display:block;font-family:Playfair Display,serif;color:var(--gold);font-size:52px}.hero-badge span{display:block;font-weight:900;font-size:18px}.hero-badge small{color:#fff;font-weight:900;letter-spacing:2px}.section{padding:52px 44px}.section-title{margin-bottom:28px}.section-title.split{display:flex;justify-content:space-between;align-items:end}.section-title.center{text-align:center}.section-title h2{font-size:36px;color:#091a31}.outline-btn{border:1px solid var(--maroon);color:var(--maroon);padding:13px 23px;border-radius:4px;text-transform:uppercase;font-size:13px;font-weight:900}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 8px 26px rgba(10,18,34,.08);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-img{height:118px;background-size:cover;background-position:center}.img-registration{background-image:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=800&q=70')}.img-vat{background-image:url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=800&q=70')}.img-paye{background-image:url('https://images.unsplash.com/photo-1554224154-26032ffc0d07?auto=format&fit=crop&w=800&q=70')}.img-coida{background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=800&q=70')}.img-bee{background-image:url('https://images.unsplash.com/photo-1521791055366-0d553872125f?auto=format&fit=crop&w=800&q=70')}.img-returns{background-image:url('https://images.unsplash.com/photo-1586281380349-632531db7ed4?auto=format&fit=crop&w=800&q=70')}.img-tax{background-image:url('https://images.unsplash.com/photo-1554224154-22dec7ec8818?auto=format&fit=crop&w=800&q=70')}.img-accounting{background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=70')}.img-payroll{background-image:url('https://images.unsplash.com/photo-1565514020179-026b92b2d70b?auto=format&fit=crop&w=800&q=70')}.img-business{background-image:url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=800&q=70')}.img-tender{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=800&q=70')}.img-branding{background-image:url('https://images.unsplash.com/photo-1542744094-24638eff58bb?auto=format&fit=crop&w=800&q=70')}.service-body{padding:16px;position:relative}.service-body span{position:absolute;top:-20px;left:14px;background:var(--maroon);color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff}.service-body h3{font-size:15px;margin:12px 0 8px}.service-body p{font-size:12px;color:#475569;min-height:46px;line-height:1.5}.service-body a{display:block;border:1px solid #bd8b99;color:var(--maroon);padding:10px;text-align:center;border-radius:4px;text-transform:uppercase;font-size:10px;font-weight:900;margin-top:12px}.service-body a:hover{background:var(--maroon);color:#fff}.stats-band{background:#06162d;color:#fff;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:42px 44px}.stats-band div{text-align:center;border-right:1px solid rgba(255,255,255,.23);padding:0 28px}.stats-band div:last-child{border:0}.stats-band b{font-family:Playfair Display,serif;color:var(--gold);font-size:36px;display:block}.stats-band span{font-weight:800;font-size:15px}.stats-band p{font-size:12px;color:#d6dfec;line-height:1.6}.experts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.expert-card{display:grid;grid-template-columns:170px 1fr;background:#fff;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:12px;overflow:hidden}.portrait{min-height:245px;background-size:cover;background-position:center}.portrait-1{background-image:url('assets/naledi-profile.jpg')}.portrait-2{background-image:url('assets/rudzani-profile.jpg')}.portrait-3{background-image:url('assets/welheminah-profile.jpg')}.expert-card div:last-child{padding:22px}.expert-card h3{margin:0;font-family:Playfair Display,serif;font-size:22px}.expert-card b{color:var(--maroon);font-size:13px}.expert-card p{font-size:13px;line-height:1.6;color:#526071}.expert-card a{display:inline-block;background:var(--maroon);color:#fff;padding:11px 18px;border-radius:5px;text-transform:uppercase;font-size:12px;font-weight:900}.packages-section{background:linear-gradient(#fff,#fafafa)}.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.package-card{background:#fff;border:1px solid var(--border);padding:30px;border-radius:13px;box-shadow:0 10px 30px rgba(0,0,0,.08);position:relative}.package-card.featured{background:#06162d;color:#fff;border:3px solid var(--gold);transform:scale(1.03)}.tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--maroon);color:#fff;padding:7px 20px;border-radius:20px;text-transform:uppercase;font-size:11px;font-weight:900}.pkg-icon{background:var(--maroon);color:#fff;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:30px;margin-bottom:16px}.package-card h3{text-transform:uppercase;margin:0;font-size:20px}.package-card p,.package-card li{font-size:13px;color:#576275;line-height:1.8}.package-card.featured p,.package-card.featured li{color:#dbe3ef}.package-card ul{list-style:none;padding:0}.package-card li:before{content:"✓";color:var(--maroon);font-weight:900;margin-right:8px}.package-card.featured li:before{color:var(--gold)}.package-card small{text-transform:uppercase;color:#777}.package-card strong{display:block;color:var(--maroon);font-size:28px;margin:3px 0 18px}.package-card.featured strong{color:#fff}.package-card strong em{font-size:13px;font-style:normal}.package-card a{display:block;background:var(--maroon);color:#fff;text-align:center;padding:14px;border-radius:5px;font-weight:900;text-transform:uppercase}.package-card.featured a{background:var(--gold);color:#06162d}.portal-section{background:linear-gradient(110deg,#06162d,#081b36 58%,#6b0d25);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:54px 44px;overflow:hidden}.portal-copy h2{font-size:40px}.portal-copy p,.portal-copy li{color:#dde6f1;line-height:1.8}.portal-copy a{display:inline-block;background:var(--maroon);padding:15px 28px;border-radius:6px;font-weight:900;text-transform:uppercase;margin-top:10px}.portal-mockup{position:relative;min-height:360px}.laptop{background:#071326;border:8px solid #293443;border-radius:18px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.45);width:78%;margin-left:5%;height:330px}.screen-top{display:flex;justify-content:space-between}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.kpi-row div{background:#fff;color:#101828;border-radius:7px;padding:11px;font-size:11px}.kpi-row b{display:block;font-size:22px}.laptop table{width:100%;background:#fff;color:#1a2433;border-radius:7px;padding:10px;font-size:12px}.laptop th,.laptop td{text-align:left;padding:8px;border-bottom:1px solid #e7e7e7}.phone{position:absolute;right:20px;top:40px;width:150px;height:310px;background:#071326;border:8px solid #303b4c;border-radius:28px;padding:24px 16px;box-shadow:0 20px 60px rgba(0,0,0,.42)}.phone span{font-family:Playfair Display,serif;color:#e83a57;font-size:30px}.phone p{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;font-size:12px}.accreditations{display:flex;justify-content:center;gap:56px;align-items:center;padding:26px;background:#fff;font-weight:900;color:#42617d;font-size:22px}.footer{background:#06162d;color:#dce4f2;padding:45px 44px 20px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:34px}.footer h4{color:#fff;text-transform:uppercase;font-size:14px}.footer a,.footer p{display:block;color:#b9c5d4;font-size:13px;line-height:1.8}.footer-brand span{font-family:Playfair Display,serif;font-size:52px;color:#e83a57;margin-right:12px}.footer-brand strong{letter-spacing:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:24px;display:flex;justify-content:space-between;color:#aab7c7;font-size:12px}.whatsapp-float{position:fixed;right:24px;bottom:24px;background:#16a34a;color:#fff;padding:15px 22px;border-radius:999px;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.25);z-index:80}@media(max-width:1150px){.services-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-visual{display:none}.stats-band,.packages-grid{grid-template-columns:repeat(2,1fr)}.experts-grid{grid-template-columns:1fr}.portal-section{grid-template-columns:1fr}.main-nav{display:none}.menu-btn{display:block;margin-left:auto;background:transparent;color:#fff;border:0;font-size:26px}.nav-cta{display:none}}@media(max-width:700px){.top-strip{display:none}.site-header{padding:0 20px}.brand{min-width:auto}.brand strong{font-size:15px}.hero-copy{padding:45px 22px}.hero-actions,.stats-band,.packages-grid,.services-grid,.footer-grid{grid-template-columns:1fr}.stats-band div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:22px}.section,.portal-section{padding:42px 22px}h1{font-size:44px}.section-title.split{display:block}.outline-btn{display:inline-block;margin-top:18px}.accreditations{flex-wrap:wrap;gap:20px}.expert-card{grid-template-columns:1fr}.laptop{width:100%;margin:0}.phone{display:none}.footer-bottom{display:block}.hero-actions{max-width:100%}}


.real-logo{
height:90px;
width:auto;
object-fit:contain;
}

.real-hero-section{
position:relative;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
background:linear-gradient(90deg,#3a3a3a 0%, #151515 100%);
}

.real-hero-section::before{
content:'';
position:absolute;
left:-30px;
top:-60px;
width:90px;
height:120%;
background:#8f0f2b;
transform:rotate(10deg);
z-index:1;
}

.real-team-photo{
position:relative;
width:74%;
max-width:760px;
z-index:2;
object-fit:contain;
}

.premium-calculators{
padding:90px 60px;
background:linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);
}

.calc-title{
text-align:center;
margin-bottom:55px;
}

.calc-title span{
color:#b70f33;
font-weight:700;
letter-spacing:3px;
display:block;
margin-bottom:12px;
}

.calc-title h2{
font-size:58px;
font-weight:800;
color:#04142f;
}

.calc-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.calc-card{
background:#fff;
padding:35px;
border-radius:24px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.calc-icon{
font-size:42px;
margin-bottom:20px;
}

.calc-card h3{
font-size:28px;
margin-bottom:25px;
}

.calc-card input{
width:100%;
padding:18px;
margin-bottom:15px;
border-radius:12px;
border:1px solid #ddd;
font-size:16px;
}

.calc-card button{
width:100%;
padding:18px;
background:#b70f33;
color:white;
border:none;
border-radius:12px;
font-weight:700;
font-size:16px;
margin-bottom:20px;
cursor:pointer;
}

.calc-card p{
font-size:18px;
font-weight:600;
color:#04142f;
}

@media(max-width:1200px){
.calc-grid{
grid-template-columns:1fr;
}
}


/* PROFESSIONAL HERO IMAGE FIX */
.right-panel,
.hero-visual,
.real-hero-section{
position:relative !important;
overflow:hidden !important;
display:flex !important;
justify-content:center !important;
align-items:flex-end !important;
}

/* REAL TEAM PHOTO */
.real-team-photo,
.team-image{
position:absolute !important;
bottom:0 !important;
right:40px !important;
height:88% !important;
width:auto !important;
max-width:none !important;
object-fit:contain !important;
z-index:2 !important;
background:none !important;
}

/* KEEP TEXT ABOVE */
.left-panel{
position:relative !important;
z-index:5 !important;
}

/* HERO LOGO ON WALL */
.wall-logo{
position:absolute !important;
top:70px !important;
right:35px !important;
z-index:1 !important;
opacity:0.95 !important;
}

/* MAIN NAV LOGO */
.real-logo{
height:95px !important;
width:auto !important;
object-fit:contain !important;
}

/* SERVICE BOX */
.hero-badge,
.service-box{
position:absolute !important;
bottom:35px !important;
right:35px !important;
z-index:5 !important;
}


/* EXACT MOCKUP HERO FIX */
.hero{
height:760px !important;
overflow:hidden !important;
}

.right-panel,
.hero-visual,
.real-hero-section{
position:relative !important;
display:flex !important;
justify-content:flex-end !important;
align-items:flex-end !important;
overflow:hidden !important;
padding-right:120px !important;
}

/* TEAM IMAGE EXACTLY LIKE MOCKUP */
.real-team-photo,
.team-image{
position:absolute !important;
bottom:0 !important;
right:140px !important;
height:86% !important;
width:auto !important;
max-width:none !important;
object-fit:contain !important;
z-index:2 !important;
}

/* WALL LOGO EXACT POSITION */
.wall-logo{
position:absolute !important;
right:35px !important;
top:95px !important;
width:260px !important;
opacity:1 !important;
z-index:1 !important;
}

/* NAV LOGO */
.real-logo{
height:90px !important;
width:auto !important;
}

/* SERVICE BOX */
.hero-badge,
.service-box{
position:absolute !important;
bottom:35px !important;
right:25px !important;
z-index:5 !important;
}

/* LEFT SIDE TEXT */
.left-panel{
position:relative !important;
z-index:5 !important;
padding-top:60px !important;
}


/* Consultant profile picture clean fit only */
.portrait{
  background-size:cover !important;
  background-position:center top !important;
}
.portrait-1{background-position:center top !important;}
.portrait-2{background-position:center top !important;}
.portrait-3{background-position:center top !important;}


/* ===== FINAL HOMEPAGE + LOGO FIX AS REQUESTED ===== */

/* Header */
.site-header{height:96px !important;padding:0 34px 0 22px !important;align-items:center !important}
.brand{min-width:300px !important;display:flex !important;align-items:center !important}
.real-logo{height:112px !important;width:auto !important;display:block !important;object-fit:contain !important}

/* Hero area */
.hero{min-height:760px !important;grid-template-columns:1.02fr 1fr !important;overflow:hidden !important;background:#fff !important}
.hero-copy{position:relative !important;z-index:5 !important;padding:76px 44px 48px 52px !important;background:linear-gradient(90deg,#03193f 0%, #04183a 100%) !important}
.hero-copy h1{max-width:640px !important}
.hero-sub{max-width:600px !important}
.hero-actions{max-width:700px !important}

.hero-visual.real-hero-section{position:relative !important;overflow:hidden !important;min-height:760px !important;background:linear-gradient(180deg,#f0ede8 0%, #e5ddd4 100%) !important}
.hero-visual.real-hero-section::before{content:"" !important;position:absolute !important;left:-10px !important;top:-16px !important;width:110px !important;height:108% !important;background:linear-gradient(180deg,#d51d59 0%, #8f0e2b 100%) !important;transform:skewX(-12deg) !important;z-index:1 !important;opacity:.98 !important}

.real-team-photo{position:absolute !important;left:34% !important;bottom:0 !important;height:92% !important;width:auto !important;max-width:none !important;object-fit:contain !important;object-position:center bottom !important;z-index:2 !important;transform:none !important;filter:drop-shadow(0 14px 20px rgba(0,0,0,.10)) !important}
.hero-wall-logo{position:absolute !important;right:44px !important;top:54px !important;width:210px !important;height:auto !important;z-index:3 !important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18)) !important;opacity:.98 !important}
.hero-badge{position:absolute !important;right:28px !important;bottom:28px !important;z-index:4 !important}

/* Expert cards - keep design, improve portrait fit */
.experts-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:28px !important}
.expert-card{display:grid !important;grid-template-columns:190px 1fr !important;align-items:stretch !important}
.portrait{min-height:270px !important;background-size:cover !important;background-position:center top !important;background-repeat:no-repeat !important}
.expert-card div:last-child{padding:24px !important}
.expert-card h3{margin-bottom:6px !important}
.expert-card p{margin:14px 0 18px !important}

/* Responsive */
@media (max-width: 1400px){
  .real-team-photo{left:32% !important;height:90% !important}
  .hero-wall-logo{width:190px !important;right:34px !important}
}
@media (max-width: 1180px){
  .hero{grid-template-columns:1fr !important}
  .hero-visual.real-hero-section{min-height:620px !important}
  .real-team-photo{left:50% !important;transform:translateX(-50%) !important;height:90% !important}
  .hero-wall-logo{right:20px !important;top:22px !important;width:160px !important}
  .experts-grid{grid-template-columns:1fr !important}
}
@media (max-width: 760px){
  .site-header{height:auto !important;padding:14px 18px !important}
  .real-logo{height:84px !important}
  .hero-copy{padding:48px 24px !important}
  .hero-visual.real-hero-section{min-height:520px !important}
  .real-team-photo{height:84% !important}
  .hero-badge{right:18px !important;bottom:18px !important}
  .expert-card{grid-template-columns:1fr !important}
  .portrait{min-height:300px !important}
}



/* ===== HOMEPAGE POLISH FINAL - CONSULTANTS KEPT APPROVED ===== */

/* Header logo visible but neat */
.site-header{
  height: 96px !important;
  padding: 0 34px !important;
  background: #06162d !important;
}
.brand{
  min-width: 290px !important;
}
.site-header .real-logo{
  height: 110px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Hero layout like the approved mockup */
.hero{
  min-height: 760px !important;
  height: 760px !important;
  display: grid !important;
  grid-template-columns: 52% 48% !important;
  overflow: hidden !important;
  background: linear-gradient(110deg,#06162d 0%,#06162d 48%,#8f0f2b 48.3%,#8f0f2b 50.4%,#111 50.8%) !important;
}

.hero-copy{
  position: relative !important;
  z-index: 5 !important;
  padding: 78px 42px 42px 52px !important;
  background: transparent !important;
}

.hero-copy h1{
  font-size: 68px !important;
  line-height: 0.98 !important;
  max-width: 720px !important;
}

.hero-sub{
  max-width: 670px !important;
}

.hero-actions{
  max-width: 720px !important;
}

/* Right homepage image: full, clean, no awkward white gaps */
.hero-visual,
.real-hero-section{
  position: relative !important;
  min-height: 760px !important;
  height: 760px !important;
  overflow: hidden !important;
  background: #e7e2dc !important;
  display: block !important;
}

/* maroon stripe between text and photo */
.hero-visual::before,
.real-hero-section::before{
  content: "" !important;
  position: absolute !important;
  left: -44px !important;
  top: -30px !important;
  width: 100px !important;
  height: 115% !important;
  background: linear-gradient(180deg,#d51d59,#8f0f2b) !important;
  transform: skewX(-12deg) !important;
  z-index: 2 !important;
  opacity: .98 !important;
}

/* Team image fills the right section nicely and keeps the wall logo visible */
.real-team-photo{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  transform: none !important;
  filter: none !important;
  background: transparent !important;
}

/* Remove old duplicated floating logo completely */
.hero-wall-logo{
  display: none !important;
}

/* Keep the 120+ box visible */
.hero-badge{
  position: absolute !important;
  right: 28px !important;
  bottom: 28px !important;
  z-index: 4 !important;
  max-width: 330px !important;
}

/* Keep consultant images as approved */
.experts-grid{
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 28px !important;
}
.expert-card{
  display: grid !important;
  grid-template-columns: 190px 1fr !important;
  align-items: stretch !important;
}
.portrait{
  min-height: 300px !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

/* Responsive */
@media(max-width:1200px){
  .hero{
    grid-template-columns: 1fr !important;
    height: auto !important;
  }
  .hero-visual,
  .real-hero-section{
    height: 620px !important;
    min-height: 620px !important;
  }
  .real-team-photo{
    object-position: center center !important;
  }
  .experts-grid{
    grid-template-columns: 1fr !important;
  }
}
@media(max-width:760px){
  .site-header{
    height: auto !important;
    padding: 14px 20px !important;
  }
  .site-header .real-logo{
    height: 84px !important;
  }
  .hero-copy{
    padding: 48px 24px !important;
  }
  .hero-copy h1{
    font-size: 44px !important;
  }
  .hero-visual,
  .real-hero-section{
    height: 520px !important;
    min-height: 520px !important;
  }
  .expert-card{
    grid-template-columns: 1fr !important;
  }
}



/* ===== HEADER LOGO BIGGER + REMOVE HERO EXTRA LOGO ===== */
.site-header{
  height: 104px !important;
  padding: 0 34px !important;
  align-items: center !important;
}

.brand{
  min-width: 320px !important;
  display: flex !important;
  align-items: center !important;
}

.site-header .real-logo,
.real-logo{
  height: 132px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}

/* remove the extra logo on the homepage team picture */
.hero-wall-logo{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* keep nav aligned nicely with the bigger logo */
.main-nav{
  align-items: center !important;
}

@media (max-width: 760px){
  .site-header{
    height: auto !important;
    padding: 14px 20px !important;
  }
  .site-header .real-logo,
  .real-logo{
    height: 92px !important;
  }
}



/* ===== HOMEPAGE EXACT PICTURE + BIGGER PROFESSIONAL HEADER LOGO ===== */
.site-header{
  height: 112px !important;
  padding: 0 34px !important;
  align-items: center !important;
  background: #06162d !important;
}
.brand{
  min-width: 340px !important;
  display: flex !important;
  align-items: center !important;
}
.real-logo,
.site-header .real-logo{
  height: 148px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}

/* hero layout */
.hero{
  min-height: 760px !important;
  height: 760px !important;
  display: grid !important;
  grid-template-columns: 50% 50% !important;
  overflow: hidden !important;
  background: #ffffff !important;
}
.hero-copy{
  position: relative !important;
  z-index: 5 !important;
  padding: 72px 44px 42px 48px !important;
  background: linear-gradient(90deg,#051a42 0%, #051a42 100%) !important;
}
.hero-copy h1{
  font-size: 72px !important;
  line-height: 0.96 !important;
  max-width: 700px !important;
}
.hero-sub{max-width: 640px !important;}
.hero-actions{max-width: 720px !important;}

.hero-visual,
.real-hero-section{
  position: relative !important;
  min-height: 760px !important;
  height: 760px !important;
  background: #e7e2dc !important;
  overflow: hidden !important;
}
/* maroon divider stripe */
.hero-visual::before,
.real-hero-section::before{
  content: "" !important;
  position: absolute !important;
  left: -28px !important;
  top: -16px !important;
  width: 86px !important;
  height: 110% !important;
  background: linear-gradient(180deg,#d31c58 0%, #8d0e2d 100%) !important;
  transform: skewX(-12deg) !important;
  z-index: 2 !important;
}
/* use the approved team picture and crop it to match the mockup look */
.real-team-photo{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 58% center !important;
  z-index: 1 !important;
  transform: none !important;
}
/* remove any extra logo overlay from previous versions */
.hero-wall-logo{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.hero-badge{
  position: absolute !important;
  right: 26px !important;
  bottom: 26px !important;
  z-index: 4 !important;
}

@media (max-width: 1260px){
  .hero{grid-template-columns: 1fr !important; height: auto !important;}
  .hero-visual, .real-hero-section{height: 620px !important; min-height: 620px !important;}
}
@media (max-width: 760px){
  .site-header{height: auto !important; padding: 12px 18px !important;}
  .real-logo, .site-header .real-logo{height: 96px !important;}
  .hero-copy{padding: 46px 24px !important;}
  .hero-copy h1{font-size: 44px !important;}
  .hero-visual, .real-hero-section{height: 520px !important; min-height: 520px !important;}
}



/* FINAL PAYROLL SERVICES PICTURE FIX - local file */
.service-card .img-payroll,
.img-payroll{
  background-image:
    linear-gradient(135deg, rgba(6,22,45,.12), rgba(155,13,50,.10)),
    url('assets/payroll-service.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}


/* SERVICE DIVERSITY IMAGE UPDATE */
.service-card .img-registration, .img-registration,
.service-card .img-coida, .img-coida,
.service-card .img-bee, .img-bee{
  background-image: linear-gradient(135deg, rgba(6,22,45,.10), rgba(6,22,45,.10)), url('assets/service-compliance.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-vat, .img-vat,
.service-card .img-paye, .img-paye,
.service-card .img-tax, .img-tax,
.service-card .img-accounting, .img-accounting,
.service-card .img-returns, .img-returns{
  background-image: linear-gradient(135deg, rgba(6,22,45,.10), rgba(6,22,45,.10)), url('assets/service-accounting.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-payroll, .img-payroll{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(6,22,45,.08)), url('assets/service-payroll.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-business, .img-business,
.service-card .img-tender, .img-tender{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(6,22,45,.08)), url('assets/service-business.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-branding, .img-branding{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(6,22,45,.08)), url('assets/service-branding.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}


/* FINAL SERVICES WITH OUR CONSULTANTS */
.service-img{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-registration, .img-registration{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-registration.jpg') !important;
}
.service-card .img-vat, .img-vat{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-vat.jpg') !important;
}
.service-card .img-paye, .img-paye{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-paye.jpg') !important;
}
.service-card .img-coida, .img-coida{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-coida.jpg') !important;
}
.service-card .img-bee, .img-bee{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-bee.jpg') !important;
}
.service-card .img-returns, .img-returns{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-returns.jpg') !important;
}
.service-card .img-tax, .img-tax{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-tax.jpg') !important;
}
.service-card .img-accounting, .img-accounting{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-accounting.jpg') !important;
}
.service-card .img-payroll, .img-payroll{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-payroll.jpg') !important;
}
.service-card .img-business, .img-business{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-business.jpg') !important;
}
.service-card .img-tender, .img-tender{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-tender.jpg') !important;
}
.service-card .img-branding, .img-branding{
  background-image: linear-gradient(135deg, rgba(6,22,45,.08), rgba(155,13,50,.06)), url('assets/service-branding.jpg') !important;
}


/* FINAL APPROVED SERVICE IMAGES */
.service-img{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-registration, .img-registration{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-registration.jpg') !important;
}
.service-card .img-vat, .img-vat{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-vat.jpg') !important;
}
.service-card .img-paye, .img-paye{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-paye.jpg') !important;
}
.service-card .img-coida, .img-coida{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-coida.jpg') !important;
}
.service-card .img-bee, .img-bee{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-bee.jpg') !important;
}
.service-card .img-returns, .img-returns{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-returns.jpg') !important;
}
.service-card .img-tax, .img-tax{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-tax.jpg') !important;
}
.service-card .img-accounting, .img-accounting{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-accounting.jpg') !important;
}
.service-card .img-payroll, .img-payroll{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-payroll.jpg') !important;
}
.service-card .img-business, .img-business{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-business.jpg') !important;
}
.service-card .img-tender, .img-tender{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-tender.jpg') !important;
}
.service-card .img-branding, .img-branding{
  background-image: linear-gradient(135deg, rgba(6,22,45,.06), rgba(155,13,50,.05)), url('assets/service-branding.jpg') !important;
}


/* FINAL ALL APPROVED CONSULTANT SERVICE IMAGES */
.service-img{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-registration, .img-registration{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-registration.jpg') !important;
}
.service-card .img-vat, .img-vat{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-vat.jpg') !important;
}
.service-card .img-paye, .img-paye{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-paye.jpg') !important;
}
.service-card .img-coida, .img-coida{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-coida.jpg') !important;
}
.service-card .img-bee, .img-bee{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-bee.jpg') !important;
}
.service-card .img-returns, .img-returns{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-returns.jpg') !important;
}
.service-card .img-tax, .img-tax{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-tax.jpg') !important;
}
.service-card .img-accounting, .img-accounting{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-accounting.jpg') !important;
}
.service-card .img-payroll, .img-payroll{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-payroll.jpg') !important;
}
.service-card .img-business, .img-business{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-business.jpg') !important;
}
.service-card .img-tender, .img-tender{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-tender.jpg') !important;
}
.service-card .img-branding, .img-branding{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-branding.jpg') !important;
}


/* FINAL NO REPEATED SERVICE PICTURES */
.service-img{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.service-card .img-registration, .img-registration{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-registration.jpg') !important;
}
.service-card .img-vat, .img-vat{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-vat.jpg') !important;
}
.service-card .img-paye, .img-paye{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-paye.jpg') !important;
}
.service-card .img-coida, .img-coida{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-coida.jpg') !important;
}
.service-card .img-bee, .img-bee{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-bee.jpg') !important;
}
.service-card .img-returns, .img-returns{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-returns.jpg') !important;
}
.service-card .img-tax, .img-tax{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-tax.jpg') !important;
}
.service-card .img-accounting, .img-accounting{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-accounting.jpg') !important;
}
.service-card .img-payroll, .img-payroll{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-payroll.jpg') !important;
}
.service-card .img-business, .img-business{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-business.jpg') !important;
}
.service-card .img-tender, .img-tender{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-tender.jpg') !important;
}
.service-card .img-branding, .img-branding{
  background-image: linear-gradient(135deg, rgba(6,22,45,.05), rgba(155,13,50,.04)), url('assets/service-branding.jpg') !important;
}


/* FINAL HEADER LOGO ENLARGED */
.site-header{
  min-height: 118px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  align-items: center !important;
}
.brand{
  min-width: 360px !important;
  display: flex !important;
  align-items: center !important;
}
.site-header .real-logo,
.real-logo{
  height: 165px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}

/* keep mobile neat */
@media (max-width: 900px){
  .site-header{
    min-height: 96px !important;
  }
  .site-header .real-logo,
  .real-logo{
    height: 108px !important;
  }
}


/* FINAL LOGO VISIBILITY + BOOKING FORM */
.site-header{
  min-height: 132px !important;
  height: 132px !important;
  overflow: visible !important;
  padding: 8px 34px !important;
  align-items: center !important;
}
.brand{
  min-width: 390px !important;
  overflow: visible !important;
}
.site-header .real-logo,
.real-logo{
  height: 190px !important;
  width: auto !important;
  max-width: 340px !important;
  object-fit: contain !important;
  object-position: center left !important;
  display: block !important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.35)) !important;
}
/* Premium booking form */
.booking-section{
  padding: 90px 24px !important;
  background:
    radial-gradient(circle at top left, rgba(197,154,58,.18), transparent 34%),
    linear-gradient(135deg,#06162d 0%,#0a2246 58%,#07162d 100%) !important;
  color: #fff !important;
}
.booking-section .container{
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.booking-section .section-head{
  text-align: center !important;
  margin-bottom: 34px !important;
}
.booking-section .section-head span{
  color: #d7ad4a !important;
  font-weight: 800 !important;
  letter-spacing: .28em !important;
  font-size: 13px !important;
}
.booking-section .section-head h2{
  color: #fff !important;
  font-size: clamp(32px,4vw,52px) !important;
  margin: 12px 0 !important;
}
.booking-section .section-head p{
  color: rgba(255,255,255,.82) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}
.booking-form{
  background: rgba(255,255,255,.96) !important;
  color: #06162d !important;
  border: 1px solid rgba(215,173,74,.55) !important;
  border-radius: 28px !important;
  padding: 34px !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.35) !important;
}
.booking-form .form-grid{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 18px !important;
}
.booking-form label{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-weight: 800 !important;
  color: #06162d !important;
}
.booking-form input,
.booking-form select,
.booking-form textarea{
  width: 100% !important;
  border: 1px solid #d9dee8 !important;
  border-radius: 14px !important;
  padding: 14px 15px !important;
  font-size: 15px !important;
  color: #06162d !important;
  background: #fff !important;
  outline: none !important;
}
.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus{
  border-color: #c59a3a !important;
  box-shadow: 0 0 0 4px rgba(197,154,58,.16) !important;
}
.booking-form > label{
  margin-top: 18px !important;
}
.booking-actions{
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-top: 24px !important;
}
.booking-actions button,
.whatsapp-booking{
  border: 0 !important;
  border-radius: 14px !important;
  padding: 15px 22px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.booking-actions button{
  background: linear-gradient(135deg,#a50f36,#c81449) !important;
  color: #fff !important;
}
.whatsapp-booking{
  background: #16a34a !important;
  color: #fff !important;
}

@media (max-width: 900px){
  .site-header{
    min-height: 110px !important;
    height: auto !important;
  }
  .site-header .real-logo,
  .real-logo{
    height: 130px !important;
    max-width: 250px !important;
  }
  .brand{
    min-width: 250px !important;
  }
  .booking-form .form-grid{
    grid-template-columns: 1fr !important;
  }
}

.footer-brand-logo-wrap{margin-bottom:14px}.footer-brand-logo{width:170px !important;height:auto !important;display:block !important;object-fit:contain !important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)) !important}.footer .socials{margin-top:10px;color:#b9c5d4;letter-spacing:6px}


/* FINAL CLIENT PORTAL AND TRACK LINKS */
.top-link{
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.top-link:hover{
  color: #d7ad4a !important;
}

.portal-login-section,
.track-section{
  padding: 86px 24px !important;
  background: #f7f8fb !important;
  color: #06162d !important;
}

.track-section{
  background:
    radial-gradient(circle at top right, rgba(197,154,58,.14), transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f4f6fb 100%) !important;
}

.portal-login-section .container,
.track-section .container{
  max-width: 1120px !important;
  margin: 0 auto !important;
}

.portal-login-section .section-head,
.track-section .section-head{
  text-align: center !important;
  margin-bottom: 30px !important;
}

.portal-login-section .section-head span,
.track-section .section-head span{
  color: #a50f36 !important;
  font-weight: 900 !important;
  letter-spacing: .26em !important;
  font-size: 13px !important;
}

.portal-login-section .section-head h2,
.track-section .section-head h2{
  color: #06162d !important;
  font-size: clamp(32px,4vw,52px) !important;
  margin: 10px 0 !important;
}

.portal-login-section .section-head p,
.track-section .section-head p{
  color: #4b5b73 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.portal-login-form,
.track-form{
  background: #fff !important;
  border: 1px solid rgba(197,154,58,.45) !important;
  border-radius: 26px !important;
  padding: 32px !important;
  box-shadow: 0 24px 70px rgba(6,22,45,.12) !important;
}

.portal-login-form .form-grid,
.track-form .form-grid{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 18px !important;
}

.portal-login-form label,
.track-form label{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-weight: 900 !important;
  color: #06162d !important;
}

.portal-login-form input,
.track-form input,
.track-form select{
  border: 1px solid #d9dee8 !important;
  border-radius: 14px !important;
  padding: 15px !important;
  font-size: 15px !important;
  background: #fff !important;
  color: #06162d !important;
}

.form-note{
  margin-top: 16px !important;
  color: #68758a !important;
  font-size: 13px !important;
}

.track-result{
  margin-top: 22px !important;
  padding: 20px !important;
  border-radius: 18px !important;
  background: #06162d !important;
  color: #fff !important;
  border: 1px solid rgba(197,154,58,.55) !important;
  line-height: 1.7 !important;
}

@media(max-width: 800px){
  .portal-login-form .form-grid,
  .track-form .form-grid{
    grid-template-columns: 1fr !important;
  }
}


/* FINAL RESOURCES AND MORE PACKAGES */
.extra-package{
  position: relative !important;
}
.package-card .package-icon{
  width: 72px !important;
  height: 72px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #a50f36 !important;
  color: #fff !important;
  font-size: 30px !important;
  margin-bottom: 20px !important;
}
.package-card .price{
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #c59a3a !important;
  margin: 18px 0 !important;
}
.package-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg,#a50f36,#c81449) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 14px !important;
  padding: 13px 18px !important;
  font-weight: 900 !important;
}
.premium-package{
  background: linear-gradient(135deg,#06162d,#0b244f) !important;
  color: #fff !important;
  border: 2px solid #c59a3a !important;
}
.premium-package h3,
.premium-package li,
.premium-package p{
  color: #fff !important;
}

.resources-section{
  padding: 90px 24px !important;
  background:
    radial-gradient(circle at top left, rgba(197,154,58,.12), transparent 28%),
    linear-gradient(135deg,#f8fafc 0%,#ffffff 100%) !important;
}
.resources-section .container{
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.resources-section .section-head{
  text-align: center !important;
  margin-bottom: 36px !important;
}
.resources-section .section-head span{
  color: #a50f36 !important;
  font-weight: 900 !important;
  letter-spacing: .28em !important;
  font-size: 13px !important;
}
.resources-section .section-head h2{
  color: #06162d !important;
  font-size: clamp(32px,4vw,52px) !important;
  margin: 12px 0 !important;
}
.resources-section .section-head p{
  color: #526079 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}
.resources-grid{
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 24px !important;
}
.resource-card{
  background: #fff !important;
  border: 1px solid rgba(6,22,45,.10) !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 20px 55px rgba(6,22,45,.09) !important;
}
.resource-icon{
  width: 68px !important;
  height: 68px !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #06162d !important;
  color: #d7ad4a !important;
  font-size: 30px !important;
  margin-bottom: 18px !important;
}
.resource-card h3{
  color: #06162d !important;
  margin: 0 0 10px !important;
  font-size: 22px !important;
}
.resource-card p,
.resource-card li{
  color: #526079 !important;
  line-height: 1.7 !important;
}
.resource-card ul{
  margin: 12px 0 0 !important;
  padding-left: 20px !important;
}
.resource-card a{
  display: inline-flex !important;
  margin-top: 16px !important;
  color: #a50f36 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
.resource-card a:hover{
  color: #c59a3a !important;
}

@media(max-width: 1000px){
  .resources-grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width: 680px){
  .resources-grid{
    grid-template-columns: 1fr !important;
  }
}


/* FINAL SEPARATE FORM PAGES */
.simple-page-header{
  background:#06162d !important;
  min-height:120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:18px 42px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.simple-page-logo{
  width:190px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)) !important;
}
.back-home{
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  background:#a50f36 !important;
  padding:13px 18px !important;
  border-radius:12px !important;
}
.back-home:hover{
  background:#c59a3a !important;
  color:#06162d !important;
}
.simple-page-header + .portal-login-section,
.simple-page-header + .track-section,
.simple-page-header + .booking-section{
  min-height:calc(100vh - 120px) !important;
}

@media(max-width:700px){
  .simple-page-header{
    flex-direction:column !important;
    gap:14px !important;
    padding:18px !important;
  }
  .simple-page-logo{
    width:150px !important;
  }
}


/* FINAL STAFF LOGIN PORTAL */
.staff-login-header{
  background:#c59a3a !important;
  color:#06162d !important;
  padding:12px 16px !important;
  border-radius:12px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.top-separator{
  opacity:.45 !important;
  margin:0 8px !important;
}

.staff-login-section,
.staff-dashboard-section{
  padding:90px 24px !important;
  min-height:calc(100vh - 120px) !important;
  background:
    radial-gradient(circle at top left, rgba(197,154,58,.16), transparent 32%),
    linear-gradient(135deg,#06162d 0%,#0a2246 58%,#07162d 100%) !important;
  color:#fff !important;
}
.staff-login-section .container,
.staff-dashboard-section .container{
  max-width:1180px !important;
  margin:0 auto !important;
}
.staff-login-section .section-head,
.staff-dashboard-section .section-head{
  text-align:center !important;
  margin-bottom:34px !important;
}
.staff-login-section .section-head span,
.staff-dashboard-section .section-head span{
  color:#d7ad4a !important;
  font-weight:900 !important;
  letter-spacing:.28em !important;
  font-size:13px !important;
}
.staff-login-section .section-head h2,
.staff-dashboard-section .section-head h2{
  color:#fff !important;
  font-size:clamp(34px,4vw,56px) !important;
  margin:12px 0 !important;
}
.staff-login-section .section-head p,
.staff-dashboard-section .section-head p{
  color:rgba(255,255,255,.82) !important;
  max-width:760px !important;
  margin:0 auto !important;
}
.staff-login-form{
  background:rgba(255,255,255,.96) !important;
  color:#06162d !important;
  border:1px solid rgba(215,173,74,.55) !important;
  border-radius:28px !important;
  padding:34px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.35) !important;
}
.staff-login-form .form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.staff-login-form label{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  font-weight:900 !important;
  color:#06162d !important;
}
.staff-login-form input,
.staff-login-form select{
  width:100% !important;
  border:1px solid #d9dee8 !important;
  border-radius:14px !important;
  padding:15px !important;
  font-size:15px !important;
  color:#06162d !important;
  background:#fff !important;
}
.staff-dashboard-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}
.staff-card,
.staff-panel{
  background:rgba(255,255,255,.96) !important;
  color:#06162d !important;
  border-radius:24px !important;
  padding:26px !important;
  border:1px solid rgba(215,173,74,.45) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.22) !important;
}
.staff-card h3{
  margin:0 0 12px !important;
  color:#06162d !important;
}
.staff-card strong{
  font-size:44px !important;
  color:#a50f36 !important;
}
.staff-card p{
  color:#526079 !important;
}
.staff-panel{
  margin-top:24px !important;
}
.staff-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}
.staff-actions a{
  background:#a50f36 !important;
  color:#fff !important;
  text-decoration:none !important;
  padding:14px 18px !important;
  border-radius:14px !important;
  font-weight:900 !important;
}
.staff-actions a:hover{
  background:#c59a3a !important;
  color:#06162d !important;
}

@media(max-width:1000px){
  .staff-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:700px){
  .staff-login-form .form-grid,
  .staff-dashboard-grid{
    grid-template-columns:1fr !important;
  }
}


/* PHASE 3500 HOSTED SYSTEM - APP SCRIPT BACKEND ONLY */
.jjc-system-body{background:linear-gradient(135deg,#06162d,#7d0f31);min-height:100vh}
.jjc-login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 18%,rgba(213,166,70,.18),transparent 28%),linear-gradient(135deg,#06162d,#7d0f31)}
.jjc-login-card{width:min(1080px,95vw);display:grid;grid-template-columns:1fr 1.1fr;background:#fff;border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);border:2px solid #d5a646}
.jjc-login-brand{background:linear-gradient(145deg,#06162d,#8a0d31);color:#fff;padding:44px}.jjc-login-brand img{width:130px;margin-bottom:22px}.jjc-login-brand h1{font-family:Georgia,serif;font-size:46px;line-height:1;margin:10px 0}.jjc-login-brand p{color:rgba(255,255,255,.78);line-height:1.65}
.jjc-login-form{padding:44px}.jjc-login-form h2{font-family:Georgia,serif;font-size:38px;margin:0 0 12px;color:#06162d}.jjc-login-form input,.jjc-login-form select{width:100%;padding:15px;border:1px solid #d9dee8;border-radius:16px;margin:8px 0 16px;font-size:16px}
.jjc-btn{display:inline-block;border:0;background:linear-gradient(135deg,#a50f36,#b90f3d);color:#fff;border-radius:14px;padding:14px 20px;font-weight:900;cursor:pointer;text-decoration:none;margin:6px 6px 6px 0}.jjc-btn.full{width:100%}.jjc-btn.gold{background:linear-gradient(135deg,#d5a646,#f2d78b);color:#06162d}
.jjc-msg{padding:12px;border-radius:12px;margin:12px 0;font-weight:800}.jjc-ok{background:#e8fff2;color:#0d7a3a}.jjc-err{background:#ffe8ee;color:#a50f36}
.jjc-app{display:grid;grid-template-columns:300px 1fr;min-height:100vh;background:#f5f7fb;color:#06162d;font-family:Inter,Arial,sans-serif}
.jjc-side{background:linear-gradient(180deg,#06162d,#081a32);color:white;padding:22px;position:sticky;top:0;height:100vh;overflow:auto}.jjc-side img{width:88px;margin:0 auto 14px;display:block}.jjc-side h2{text-align:center;color:#d5a646;margin:8px 0}.jjc-side small{display:block;text-align:center;color:rgba(255,255,255,.72);margin-bottom:16px}
.jjc-side button,.jjc-side a{display:block;width:100%;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#fff;padding:12px 14px;margin:7px 0;font-weight:900;cursor:pointer;text-decoration:none}.jjc-side button.active{background:linear-gradient(135deg,#a50f36,#b90f3d)}
.jjc-main{padding:28px;overflow:auto}.jjc-hero{background:radial-gradient(circle at right,rgba(213,166,70,.18),transparent 34%),linear-gradient(135deg,#06162d,#8a0d31);color:#fff;border-radius:28px;padding:28px;margin-bottom:18px}.jjc-hero h1{font-family:Georgia,serif;font-size:42px;margin:0 0 8px}
.jjc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.jjc-card,.jjc-panel{background:#fff;border:1px solid #e7ecf3;border-radius:22px;padding:20px;box-shadow:0 14px 34px rgba(6,22,45,.08);margin-bottom:16px}.jjc-card span{color:#667085;font-weight:800;text-transform:uppercase;font-size:12px}.jjc-card strong{display:block;color:#a50f36;font-size:30px;margin-top:8px}
.jjc-tab{display:none}.jjc-tab.active{display:block}.jjc-tablewrap{overflow:auto}.jjc-table{width:100%;border-collapse:collapse;min-width:800px}.jjc-table th{background:#06162d;color:#fff;text-align:left;padding:11px}.jjc-table td{border-bottom:1px solid #edf1f6;padding:10px}.jjc-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.jjc-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:999}.jjc-modal.hidden{display:none}.jjc-modal .box{background:#fff;border-radius:24px;padding:24px;max-width:780px;width:94%;max-height:90vh;overflow:auto}
@media(max-width:900px){.jjc-login-card,.jjc-app{grid-template-columns:1fr}.jjc-login-brand{display:none}.jjc-side{height:auto;position:relative}.jjc-main{padding:18px}}