:root{
  --bdf-green:#0f2312;
  --bdf-green-2:#17381d;
  --bdf-green-3:#244c27;
  --bdf-gold:#cda349;
  --bdf-gold-2:#f0d17a;
  --ink:#101510;
  --muted:#5d665d;
  --paper:#f7f4ee;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Arial Narrow",Arial,Helvetica,sans-serif;background:#ede9de;color:var(--ink);overflow-x:hidden}
a{text-decoration:none}.page-wrap{max-width:1360px;margin:0 auto;background:var(--paper);box-shadow:0 20px 80px rgba(0,0,0,.22);min-height:100vh;position:relative;overflow:hidden}
.brochure-top{position:relative;min-height:790px;background:#111;overflow:hidden;color:#fff}
.brochure-top:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,12,.98) 0%,rgba(10,25,12,.93) 34%,rgba(10,25,12,.36) 58%,rgba(10,25,12,.06) 100%);z-index:1}
.brochure-top:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(221,176,77,.22),transparent 28%),linear-gradient(135deg,rgba(0,0,0,.2),transparent 40%);z-index:2;pointer-events:none}
.hero-grid{position:relative;z-index:4;display:grid;grid-template-columns:1.06fr 1.14fr;gap:20px;min-height:790px;padding:48px 48px 0 48px}
.brand{display:flex;align-items:center;gap:24px;margin-bottom:60px}.brand img{width:145px;height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}.brand-line{width:1px;height:90px;background:linear-gradient(var(--bdf-gold),transparent)}.brand h1{font-size:47px;line-height:.97;margin:0;text-transform:uppercase;font-weight:900;letter-spacing:1px}.brand p{margin:10px 0 0;color:var(--bdf-gold-2);font-weight:700;letter-spacing:2px;font-style:italic;text-transform:uppercase}
.hero-title{margin-top:10px}.hero-title .current{display:block;font-size:92px;line-height:.86;font-weight:1000;letter-spacing:2px;text-transform:uppercase;text-shadow:0 9px 25px rgba(0,0,0,.42)}.hero-title .visitors{display:block;font-size:112px;line-height:.92;font-weight:1000;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#fff2a5 0%,#c99a34 45%,#9d721e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.subtitle{font-size:30px;letter-spacing:5px;font-weight:800;text-transform:uppercase;margin:12px 0 28px}.gold-rule{width:64px;height:5px;background:var(--bdf-gold);margin:0 0 24px}.hero-copy{font-size:24px;line-height:1.46;max-width:590px;color:#fff;margin-bottom:40px}

.hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1020px;position:relative;z-index:12}.poster-btn{border:0;border-radius:18px;padding:22px 24px;min-height:120px;color:#fff;display:flex;align-items:center;gap:22px;box-shadow:0 15px 35px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.23);position:relative;overflow:hidden;text-align:left;cursor:pointer;transition:.25s}.poster-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 32%,rgba(0,0,0,.12));pointer-events:none}.poster-btn:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(0,0,0,.35)}.register-btn{background:linear-gradient(135deg,#183c1d,#102411)}.permit-btn{background:linear-gradient(135deg,#b88624,#d0a041)}.poster-btn .btn-icon{width:72px;height:72px;border-radius:13px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);font-size:38px;flex:0 0 72px}.poster-btn strong{display:block;font-size:35px;line-height:1;text-transform:uppercase;letter-spacing:1px}.poster-btn span{display:block;color:#f4d36f;font-size:19px;margin-top:7px}.permit-btn span{color:#201909}.poster-btn .arrow{margin-left:auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(6,25,7,.8);color:#fff;font-size:31px;box-shadow:0 8px 18px rgba(0,0,0,.26)}
.hero-left{padding-bottom:40px}.hero-right{position:relative;min-height:690px}

.main-photo-panel{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;

    width:110%  !important;
    height:100% !important;

    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url('../img/hero1.JPG');

    border:none;
    clip-path:none;
    border-radius:0;
    overflow:hidden;
}

/* Premium multi-layer fade */
.main-photo-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:

    /* Heavy fade on the entire left */
    linear-gradient(
        to right,
        rgba(11,28,13,1) 0%,
        rgba(11,28,13,.96) 8%,
        rgba(11,28,13,.88) 15%,
        rgba(11,28,13,.70) 22%,
        rgba(11,28,13,.42) 32%,
        rgba(11,28,13,.18) 45%,
        rgba(11,28,13,0) 60%
    ),

    /* Strong top-left vignette */
    radial-gradient(
        circle at top left,
        rgba(11,28,13,1) 0,
        rgba(11,28,13,.95) 16%,
        rgba(11,28,13,.75) 30%,
        rgba(11,28,13,.45) 48%,
        rgba(11,28,13,0) 70%
    ),

    /* Slight top fade */
    linear-gradient(
        to bottom,
        rgba(11,28,13,.35),
        rgba(11,28,13,0) 28%
    );
}

/* subtle cinematic shading */
.main-photo-panel::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            ellipse at bottom right,
            rgba(0,0,0,.18),
            transparent 60%
        );
}

.main-photo-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,8,.18),transparent 55%)}

.stack-photo{position:absolute;right:0;width:270px;height:185px;border:6px solid rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(0,0,0,.38);background-size:cover;background-position:center}.stack-photo.one{top:100px;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%,0 25%);background-image:url('../img/hero2.JPG')}.stack-photo.two{top:322px;background-image:url('../img/hero3.JPG');clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}.stack-photo.three{top:540px;background-image:url('../img/hero4.JPG');clip-path:polygon(16% 0,100% 0,100% 100%,0 100%,0 23%)}.secure-badge{position:absolute;left:310px;bottom:115px;width:232px;height:232px;border-radius:50%;border:6px solid rgba(240,209,122,.84);background:radial-gradient(circle at 40% 25%,#2c5b2e,#0f2312 78%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 35px rgba(0,0,0,.45);z-index:5}.secure-badge i{font-size:45px;color:var(--bdf-gold-2);margin-bottom:6px}.secure-badge strong{font-size:27px;line-height:1.08;text-transform:uppercase}.secure-badge span{color:var(--bdf-gold-2);font-size:31px;font-weight:900;line-height:1.05;text-transform:uppercase}.diagonal-cut{position:absolute;z-index:3;left:33%;top:0;bottom:0;width:265px;background:linear-gradient(130deg,rgba(18,45,20,.98),rgba(18,45,20,.22));clip-path:polygon(0 0,100% 0,45% 100%,0 100%);border-right:4px solid var(--bdf-gold)}
.content-panel{position:relative;z-index:5;background:#fff;margin-top:-1px;padding:50px 44px 34px}.section-title{display:flex;align-items:center;gap:24px;justify-content:center;margin-bottom:30px}.section-title:before,.section-title:after{content:"";height:2px;background:linear-gradient(90deg,transparent,var(--bdf-gold),transparent);flex:1}.section-title h2{margin:0;text-transform:uppercase;color:#1b321d;font-weight:1000;font-size:36px;letter-spacing:1px}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid #eadfc8;padding-bottom:30px}.feature{text-align:center;padding:0 18px;border-right:2px dotted rgba(160,126,50,.62)}.feature:last-child{border-right:0}.feature .circle{width:86px;height:86px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#315d32,#102311);color:#fff;font-size:36px;box-shadow:0 10px 24px rgba(15,35,18,.28),inset 0 1px rgba(255,255,255,.3)}.feature h3{font-size:19px;line-height:1.1;text-transform:uppercase;font-weight:1000;margin:0 0 10px}.feature p{font-size:15px;line-height:1.35;margin:0;color:#333}.mid-grid{display:grid;grid-template-columns:.86fr .44fr 1fr;gap:34px;align-items:end;padding:42px 0 24px}.benefits{background:linear-gradient(135deg,rgba(16,40,18,.98),rgba(19,52,24,.94)),url('../img/footer.jpg') center/cover no-repeat;border-radius:17px;color:#fff;padding:32px 32px;min-height:360px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.benefits h3{color:var(--bdf-gold);font-size:27px;font-weight:1000;text-transform:uppercase;margin:0 0 22px}.benefits ul{list-style:none;margin:0;padding:0}.benefits li{display:flex;gap:14px;align-items:flex-start;margin:16px 0;font-size:17px;line-height:1.25}.benefits i{color:var(--bdf-gold-2);font-size:22px;margin-top:1px}.phone{height:372px;border-radius:36px;background:#111;border:9px solid #202020;box-shadow:0 18px 40px rgba(0,0,0,.35);padding:18px 16px;color:#111;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:82px;height:13px;border-radius:0 0 13px 13px;background:#070707}.phone-screen{height:100%;border-radius:26px;background:linear-gradient(180deg,#18391d 0 28%,#f8f6ee 28%);padding:28px 16px 16px;text-align:center}.phone-title{color:#fff;font-size:25px;line-height:1.1;font-weight:1000;text-transform:uppercase}.phone-title span{display:block;font-size:18px}.qr{width:145px;height:145px;margin:22px auto 12px;background:#fff;padding:8px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;border-radius:3px}.qr em{background:#111;display:block}.qr em:nth-child(2n){opacity:.1}.qr em:nth-child(3n),.qr em:nth-child(5n),.qr em:nth-child(7n){opacity:1}.phone p{font-size:14px;margin:6px 0}.phone-footer{position:absolute;left:0;right:0;bottom:0;background:#143218;color:#f1d176;padding:9px;font-size:11px;text-align:center;text-transform:uppercase}.dashboard-copy h3{font-size:32px;text-transform:uppercase;color:#244225;font-weight:1000;margin-bottom:8px}.dashboard-copy p{font-size:17px;color:#3d463d;margin-bottom:20px}.mock-laptop{height:320px;border-radius:12px 12px 0 0;background:#151a1d;padding:16px 16px 0;box-shadow:0 18px 45px rgba(0,0,0,.28);position:relative}.mock-screen{height:100%;background:#f5f3ee;border-radius:5px 5px 0 0;display:grid;grid-template-columns:92px 1fr;overflow:hidden}.side-nav{background:#172025;color:#cbd2ca;padding:14px 8px;font-size:11px}.side-nav div{padding:8px;border-radius:5px;margin-bottom:4px}.side-nav div:first-child{background:#253138;color:#fff}.dash{padding:16px}.dash h4{font-weight:900;font-size:17px;margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards div{background:#fff;border:1px solid #e8e2d7;border-radius:8px;padding:10px;font-size:10px}.cards strong{display:block;font-size:23px;color:#1d331e}.chart{height:92px;margin-top:14px;background:linear-gradient(180deg,#fff,#f1eee7);border:1px solid #e2dbcf;border-radius:8px;position:relative}.chart:after{content:"";position:absolute;left:12px;right:12px;bottom:20px;height:54px;background:linear-gradient(135deg,transparent 0 9%,#4c76ad 10% 12%,transparent 13% 24%,#4c76ad 25% 27%,transparent 28% 44%,#4c76ad 45% 47%,transparent 48% 64%,#4c76ad 65% 67%,transparent 68%);border-bottom:2px solid #d9d1c4}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#153419,#0d240f);border-radius:13px;color:#fff;margin-top:6px;box-shadow:0 12px 30px rgba(0,0,0,.24);overflow:hidden}.stat{display:flex;align-items:center;gap:15px;padding:22px 28px;border-right:1px solid rgba(232,204,124,.38)}.stat:last-child{border:0}.stat i{font-size:39px;color:var(--bdf-gold)}.stat strong{display:block;font-size:32px;color:var(--bdf-gold);line-height:1}.stat span{font-size:15px}.footer-panel{display:grid;grid-template-columns:1fr .9fr .7fr .54fr;gap:28px;align-items:center;background:#f8f6f1;padding:34px 44px 38px;border-top:1px solid #e1d9ca;position:relative}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:100px}.footer-brand strong{font-size:26px;text-transform:uppercase;display:block;line-height:1}.footer-brand span{color:#a77b26;font-style:italic;letter-spacing:2px;font-weight:700}.footer-slogan{border-left:3px solid var(--bdf-gold);padding-left:28px}.footer-slogan strong{font-size:26px;display:block;text-transform:uppercase}.footer-slogan em{font-style:normal;color:#b68628}.footer-slogan p{margin:8px 0 0;font-weight:800;text-transform:uppercase;font-size:13px}.contact-lines div{margin:9px 0;font-size:16px}.contact-lines i{width:26px;color:#101510}.botswana{background:linear-gradient(135deg,#c59737,#e1bc62);color:#fff;min-height:130px;clip-path:polygon(21% 0,100% 0,100% 100%,0 100%);display:grid;place-items:center;text-align:center;text-transform:uppercase;font-weight:900;padding-left:25px}.botswana i{font-size:34px;display:block}.modal-header{background:linear-gradient(135deg,#0f2312,#214c26);color:#fff}.modal-body{padding:0;background:#f7f4ee}.modal iframe{display:block;border:0;width:100%}.floating-help{position:fixed;right:22px;bottom:20px;z-index:1000;background:linear-gradient(135deg,#123018,#c79b3c);color:#fff;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 32px rgba(0,0,0,.3);font-size:27px}
@media(max-width:1200px){.hero-grid{grid-template-columns:1fr;padding:36px}.hero-right{min-height:520px}.main-photo-panel{left:0;right:230px}.secure-badge{left:auto;right:210px}.features{grid-template-columns:repeat(3,1fr);row-gap:34px}.feature:nth-child(3){border-right:0}.mid-grid{grid-template-columns:1fr 330px}.dashboard-copy{grid-column:1/-1}.footer-panel{grid-template-columns:1fr 1fr}.hero-buttons{grid-template-columns:1fr 1fr}.brochure-top{min-height:auto}.hero-grid{min-height:auto}}
@media(max-width:768px){.page-wrap{box-shadow:none}.brochure-top:before{background:linear-gradient(180deg,rgba(10,25,12,.98),rgba(10,25,12,.88)),url('../img/hero1.jpg') center/cover}.hero-grid{padding:26px 18px}.brand img{width:95px}.brand{gap:14px;margin-bottom:34px}.brand-line{height:68px}.brand h1{font-size:29px}.hero-title .current{font-size:58px}.hero-title .visitors{font-size:68px}.subtitle{font-size:20px;letter-spacing:2px}.hero-copy{font-size:18px}.hero-buttons{grid-template-columns:1fr}.poster-btn strong{font-size:25px}.poster-btn span{font-size:15px}.poster-btn .btn-icon{width:60px;height:60px;flex-basis:60px}.hero-right{display:none}.content-panel{padding:36px 18px}.features{grid-template-columns:1fr;border:0}.feature{border-right:0;border-bottom:1px dashed #c9b277;padding:18px 0}.feature:last-child{border:0}.mid-grid{grid-template-columns:1fr}.phone{max-width:300px;margin:0 auto}.stats-bar{grid-template-columns:1fr 1fr}.stat{padding:18px}.footer-panel{grid-template-columns:1fr;padding:28px 18px}.botswana{clip-path:none}.mock-laptop{height:260px}.cards{grid-template-columns:repeat(2,1fr)}}


/* === BROCHURE-EXACT FINISHING LAYER ===
   This layer tightens spacing, sizes, colours and button proportions to match
   the approved one-page brochure concept as closely as possible in live HTML. */
body{background:#d9d6ce;font-family:"Arial Narrow","Roboto Condensed","Oswald",Arial,Helvetica,sans-serif;}
.page-wrap{max-width:1188px;background:#fff;box-shadow:0 18px 70px rgba(0,0,0,.30);}
.brochure-top{min-height:690px;border:4px solid #07120a;border-bottom:0;}
.brochure-top:before{background:linear-gradient(90deg,rgba(9,28,12,.99) 0%,rgba(9,28,12,.95) 36%,rgba(9,28,12,.42) 57%,rgba(9,28,12,.08) 100%),url('../img/hero1.jpg') center/cover no-repeat;}
.hero-grid{min-height:690px;padding:38px 38px 0 38px;grid-template-columns:1.02fr 1.18fr;}
.brand{gap:20px;margin-bottom:42px}.brand img{width:128px}.brand-line{height:78px}.brand h1{font-size:43px;line-height:.96;letter-spacing:.5px}.brand p{font-size:15px;color:#f0cc66;letter-spacing:1.8px}
.hero-title .current{font-size:91px;line-height:.82;color:#fff;font-weight:1000;letter-spacing:1px}.hero-title .visitors{font-size:112px;line-height:.86;font-weight:1000;letter-spacing:1px;background:linear-gradient(180deg,#ffe892 0%,#d5aa42 48%,#9f7623 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:27px;letter-spacing:4px;margin:13px 0 22px;color:#fff}.gold-rule{width:52px;height:4px;margin-bottom:20px}.hero-copy{font-size:21px;line-height:1.47;max-width:540px;margin-bottom:34px;color:#fff}.diagonal-cut{left:34%;width:220px;border-right:3px solid #d1a143;background:linear-gradient(128deg,rgba(14,42,17,.99),rgba(14,42,17,.2));}
.hero-right{min-height:610px}.main-photo-panel{left:-45px;right:132px;top:4px;bottom:110px;border-left:3px solid #cfa244;border-right:5px solid #f9f8f4;background-image:url('../img/hero1.JPG')}.stack-photo{right:0;width:248px;height:165px;border:5px solid #fff}.stack-photo.one{top:84px}.stack-photo.two{top:282px}.stack-photo.three{top:478px}.secure-badge{left:258px;bottom:72px;width:212px;height:212px;border:5px solid #e0c06d}.secure-badge strong{font-size:24px}.secure-badge span{font-size:29px}.secure-badge i{font-size:40px}
.hero-buttons{left:38px;right:38px;bottom:-82px;display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:none;z-index:25}.poster-btn{height:112px;border-radius:14px;padding:18px 22px;border:1px solid rgba(255,255,255,.42)}.register-btn{background:linear-gradient(135deg,#143319 0%,#0d2510 72%,#234827 100%)}.permit-btn{background:linear-gradient(135deg,#b7892e 0%,#d4aa48 70%,#b68222 100%);color:#fff}.poster-btn .btn-icon{width:70px;height:70px;flex-basis:70px;border-radius:12px;font-size:38px}.poster-btn strong{font-size:32px;letter-spacing:.8px}.poster-btn span span{font-size:18px;color:#f2d162}.permit-btn span span{color:#2e2308}.poster-btn .arrow{width:52px;height:52px;font-size:30px;background:#0d260f;color:#fff}
.content-panel{padding:126px 38px 32px;background:#fff}.section-title{gap:20px;margin-bottom:25px}.section-title h2{font-size:33px;color:#1b341d}.features{padding-bottom:31px}.feature{padding:0 13px}.feature .circle{width:78px;height:78px;font-size:32px;margin-bottom:15px;background:radial-gradient(circle at 35% 18%,#37683a,#112814 72%)}.feature h3{font-size:18px;line-height:1.08;margin-bottom:9px;color:#111}.feature p{font-size:14px;line-height:1.33;color:#222}.mid-grid{grid-template-columns:.92fr .40fr 1.08fr;gap:26px;padding-top:38px;align-items:end}.benefits{min-height:336px;border-radius:12px;padding:28px 26px;background:linear-gradient(135deg,rgba(14,40,17,.99),rgba(18,54,24,.94)),url('../img/footer.jpg') center/cover no-repeat}.benefits h3{font-size:25px;color:#d6aa3f}.benefits li{font-size:16px;margin:14px 0}.phone{height:350px;border-radius:32px;border-width:8px}.dashboard-copy h3{font-size:31px;color:#183319}.dashboard-copy p{font-size:17px;line-height:1.38}.mock-laptop{height:248px;border-radius:16px}.mock-screen{border-width:10px}.stats-bar{margin-top:18px;border-radius:12px;height:91px;background:linear-gradient(90deg,#0e2a12,#1c421f,#0d260f);}.stat{padding:16px 23px}.stat i{font-size:41px;color:#d5a73f}.stat strong{font-size:29px;color:#d5a73f}.stat span{font-size:14px;color:#fff}.footer-panel{grid-template-columns:1.18fr .95fr .75fr .55fr;gap:20px;padding:28px 38px 0;background:#fff;min-height:122px}.footer-brand img{width:96px}.footer-brand strong{font-size:24px}.footer-brand span{font-size:13px;color:#bb8f2d}.footer-slogan{border-left:2px solid #b58a2c;padding-left:28px}.footer-slogan strong{font-size:22px}.footer-slogan em{color:#c59632;font-style:normal}.footer-slogan p{font-size:12px}.contact-lines{font-size:15px}.botswana{height:122px;background:#bd8d2c;color:#fff;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
@media(max-width:900px){.hero-buttons{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px}.content-panel{padding-top:42px}.brochure-top{min-height:auto}.hero-grid{min-height:auto}.hero-right{display:none}.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(even){border-right:0}.mid-grid{grid-template-columns:1fr}.footer-panel{grid-template-columns:1fr}.botswana{clip-path:none}}



/* === FINAL CTA BUTTON SIZE FIX - 50% SMALLER === */
.hero-buttons{
  position:absolute !important;
  left:38px !important;
  right:auto !important;
  bottom:18px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  max-width:620px !important;
  z-index:60 !important;
}

.poster-btn{
  width:300px !important;
  height:56px !important;
  min-height:56px !important;
  padding:8px 12px !important;
  border-radius:9px !important;
  gap:10px !important;
  flex:0 0 300px !important;
}

.poster-btn .btn-icon{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  border-radius:8px !important;
  font-size:19px !important;
  border-width:1px !important;
}

.poster-btn strong{
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:.4px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.poster-btn span{
  margin-top:0 !important;
}

.poster-btn span span{
  font-size:10px !important;
  line-height:1.15 !important;
  margin-top:3px !important;
  white-space:nowrap !important;
}

.poster-btn .arrow{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  font-size:15px !important;
  margin-left:auto !important;
}

.content-panel{
  padding-top:72px !important;
}

@media(max-width:900px){
  .hero-buttons{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:24px !important;
    max-width:100% !important;
    flex-wrap:wrap !important;
  }
  .poster-btn{
    width:100% !important;
    max-width:300px !important;
    flex:0 0 300px !important;
  }
  .content-panel{
    padding-top:42px !important;
  }
}

@media(max-width:420px){
  .poster-btn{
    width:100% !important;
    max-width:100% !important;
    flex:1 1 100% !important;
  }
}



/* === FLOATING KEY FEATURES BADGE === */
.hero-right .secure-badge{display:none!important;}

.keyfeature-badge{
    position:relative!important;
    width:150px!important;
    height:150px!important;
    margin:-75px auto 30px auto!important;
    border-radius:50%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    background:radial-gradient(circle at 35% 25%,#3c7b42,#15391a 72%,#0d2311 100%)!important;
    border:4px solid rgba(240,210,120,.95)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.28),0 8px 20px rgba(205,163,73,.25),inset 0 2px 6px rgba(255,255,255,.25)!important;
    z-index:999!important;
    animation:badgeFloat 4s ease-in-out infinite;
}
.keyfeature-badge::before{
    content:"";
    position:absolute;
    top:12px;left:20px;right:20px;
    height:38px;
    border-radius:50%;
    background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,0));
}
.keyfeature-badge i{font-size:30px!important;color:#f5d36b!important;margin-bottom:6px;}
.keyfeature-badge strong{font-size:16px!important;color:#fff!important;font-weight:800!important;text-transform:uppercase;line-height:1.1;}
.keyfeature-badge span{font-size:20px!important;font-weight:900!important;color:#f5d36b!important;text-transform:uppercase;line-height:1;}
@keyframes badgeFloat{
0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
@media(max-width:900px){
.keyfeature-badge{width:132px!important;height:132px!important;margin:10px auto 20px auto!important;}
}
.keyfeature-badge i{font-size:25px !important;}
  .keyfeature-badge strong{font-size:14px !important;}
  .keyfeature-badge span{font-size:18px !important;}
  .content-panel{padding-top:34px !important;}
}


/* === MOVE KEY FEATURES SECTION UP === */
.section-title{
    margin-top:-35px !important;
    margin-bottom:18px !important;
}
.features{
    margin-top:-12px !important;
}
.mid-grid{
    margin-top:-20px !important;
    padding-top:18px !important;
}
.stats-bar{
    margin-top:0 !important;
}


/* === FINAL EMPTY SPACE REDUCTION - 80% UPWARD COMPRESSION ===
   Reduces the white gap between hero and Key Features, while moving
   Key Features and all following items upward. */
.content-panel{
    padding-top:10px !important;
}

.keyfeature-badge{
    margin:-82px auto -58px auto !important;
    position:relative !important;
    z-index:999 !important;
}

.section-title{
    margin-top:0 !important;
    margin-bottom:12px !important;
    transform:translateY(-48px) !important;
    position:relative !important;
    z-index:40 !important;
}

.features{
    margin-top:-48px !important;
    padding-bottom:18px !important;
    position:relative !important;
    z-index:35 !important;
}

.feature .circle{
    margin-bottom:10px !important;
}

.mid-grid{
    margin-top:-32px !important;
    padding-top:12px !important;
}

.stats-bar{
    margin-top:-4px !important;
}

@media(max-width:900px){
    .content-panel{
        padding-top:18px !important;
    }
    .keyfeature-badge{
        margin:-20px auto 8px auto !important;
    }
    .section-title{
        transform:none !important;
        margin-top:0 !important;
        margin-bottom:14px !important;
    }
    .features{
        margin-top:0 !important;
    }
    .mid-grid{
        margin-top:0 !important;
        padding-top:16px !important;
    }
}


/* === ADJUSTMENT: MOVE KEY FEATURES DOWN ~40% === */
.section-title{
    transform:translateY(-28px) !important;
    margin-bottom:18px !important;
}
.features{
    margin-top:-28px !important;
}
.mid-grid{
    margin-top:-16px !important;
    padding-top:18px !important;
}
.stats-bar{
    margin-top:8px !important;
}
@media(max-width:900px){
 .section-title{transform:none !important;}
 .features,.mid-grid{margin-top:0 !important;}
}


/* === FINE TUNE: MOVE KEY FEATURES DOWN ANOTHER 15% === */
.section-title{
    transform:translateY(-18px) !important;
}
.features{
    margin-top:-18px !important;
}
.mid-grid{
    margin-top:-8px !important;
    padding-top:22px !important;
}


/* === PREMIUM SOFT LEFT BLEND OVERRIDE === */
.hero-right{left:34% !important;}

.main-photo-panel::before{
content:""!important;
position:absolute!important;
inset:0!important;
pointer-events:none!important;
background:
radial-gradient(ellipse at 0% 0%,
rgba(9,28,12,.78) 0%,
rgba(9,28,12,.58) 18%,
rgba(9,28,12,.34) 36%,
rgba(9,28,12,.14) 55%,
rgba(9,28,12,0) 78%),
linear-gradient(90deg,
rgba(9,28,12,.72) 0%,
rgba(9,28,12,.52) 12%,
rgba(9,28,12,.30) 26%,
rgba(9,28,12,.14) 40%,
rgba(9,28,12,.05) 54%,
rgba(9,28,12,0) 68%),
linear-gradient(180deg,
rgba(9,28,12,.18) 0%,
rgba(9,28,12,.08) 22%,
rgba(9,28,12,0) 48%)!important;
z-index:2!important;
}

.main-photo-panel::after{
content:""!important;
position:absolute!important;
inset:0!important;
pointer-events:none!important;
background:
linear-gradient(90deg,rgba(255,255,255,.03),transparent 30%),
radial-gradient(circle at 70% 45%,rgba(255,210,120,.05),transparent 40%),
radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.10),transparent 55%)!important;
}

.diagonal-cut{
display:block!important;
opacity:.12!important;
background:linear-gradient(125deg,rgba(25,60,28,.35),rgba(25,60,28,0))!important;
border-right:1px solid rgba(205,163,73,.25)!important;
}


/* ===== FULL HERO BACKGROUND SLIDER ===== */
.brochure-top{
    position:relative;
}
.brochure-top::before{
    transition:opacity .9s ease-in-out;
}
.brochure-top .hero-slide{
    position:absolute;
    inset:0;
    z-index:0;
    background:url('../img/hero1.jpg') center center/cover no-repeat;
    opacity:1;
    transition:opacity .9s ease-in-out;
}
.hero-grid,.diagonal-cut{position:relative;z-index:2;}


/* === FINAL WORKING FULL HERO SECTION SLIDER === */
.brochure-top{
    position:relative !important;
    overflow:hidden !important;
    background:#07190a !important;
}

/* remove all fixed image backgrounds from old pseudo layers */
.brochure-top::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    background:
        linear-gradient(90deg,
            rgba(9,28,12,.98) 0%,
            rgba(9,28,12,.94) 34%,
            rgba(9,28,12,.52) 58%,
            rgba(9,28,12,.12) 100%
        ) !important;
    pointer-events:none !important;
}

.brochure-top::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    background:
        radial-gradient(circle at 25% 20%,rgba(221,176,77,.22),transparent 28%),
        linear-gradient(135deg,rgba(0,0,0,.20),transparent 40%) !important;
    pointer-events:none !important;
}

/* actual slider image layers */
.hero-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    opacity:0 !important;
    transform:scale(1.03);
    transition:opacity 1.2s ease-in-out, transform 6s ease-in-out !important;
    will-change:opacity,transform;
}

.hero-bg.is-active{
    opacity:1 !important;
    transform:scale(1.08);
}

.hero-bg-a{
    background-image:url('../img/hero1.jpg') !important;
}

.hero-bg-b{
    background-image:url('../img/hero3.jpg') !important;
}

 

/* ensure all hero content stays above the slider */
.diagonal-cut{
    z-index:4 !important;
}

.hero-grid{
    position:relative !important;
    z-index:5 !important;
}

.hero-left,
.hero-buttons{
    position:relative !important;
    z-index:8 !important;
}


/* === VISITOR-FOCUSED JOURNEY PANEL === */
.visitor-journey .cards div{
    min-height:74px;
}
.visitor-journey .cards strong{
    font-size:16px !important;
    line-height:1.1;
    margin-top:8px;
    text-transform:uppercase;
}
.visitor-steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    align-items:center;
    padding:14px 10px;
    height:auto !important;
    min-height:92px;
}
.visitor-steps:after{
    display:none !important;
}
.visitor-steps span{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:52px;
    border-radius:8px;
    background:#fff;
    border:1px solid #e4dccd;
    font-size:11px;
    font-weight:800;
    color:#183319;
    text-transform:uppercase;
    padding:6px;
}
@media(max-width:768px){
    .visitor-steps{
        grid-template-columns:1fr 1fr;
    }
}


/* === PROPER VISITOR QR PHONE CARD === */
.visitor-pass-card{
    height:350px !important;
    max-width:250px !important;
    margin:1px !important;
    padding:14px 14px 0 !important;
    border-width:8px !important;
}
.visitor-pass-card .phone-screen{
    padding:24px 13px 42px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
}
.visitor-pass-card .phone-title{
    font-size:22px !important;
    line-height:1 !important;
    margin-bottom:4px !important;
}
.visitor-pass-card .phone-title span{
    font-size:15px !important;
    margin-top:4px !important;
}
.visitor-qr-wrap{
    width:100px !important;
    height:100px !important;
    margin: 4px !important;
    background:#fff !important;
    border-radius:14px !important;
    padding:8px !important;
    box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.visitor-qr-wrap img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    display:block !important;
}
.pass-details{
    width:100% !important;
    text-align:center !important;
    background:rgba(255,255,255,.78) !important;
    border:1px solid #e2dbcf !important;
    border-radius:12px !important;
    padding:7px 8px !important;
}
.pass-details p{
    margin:2px 0 !important;
    font-size:11px !important;
    line-height:1.18 !important;
    color:#172018 !important;
}
.pass-details p strong{
    font-size:13px !important;
    color:#143218 !important;
    text-transform:uppercase !important;
}
.visitor-pass-card .phone-footer{
    padding:7px !important;
    font-size:10px !important;
}
@media(max-width:768px){
    .visitor-pass-card{
        max-width:260px !important;
        height:360px !important;
    }
}