:root{
  --deep:#0b2d25;
  --deep-2:#123d32;
  --green:#245d4e;
  --green-2:#367763;
  --sage:#91a892;
  --sand:#eee5ce;
  --sand-2:#f8f4ea;
  --gold:#c5a45a;
  --ink:#17362e;
  --text:#34413d;
  --muted:#69766f;
  --line:#d9e1dc;
  --white:#fff;
  --shadow:0 22px 64px rgba(11,45,37,.14);
  --shadow-soft:0 12px 38px rgba(11,45,37,.09);
  --radius:24px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}
img,video{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 42px));margin:auto}
.section{padding:112px 0}
.section-sm{padding:72px 0}
.soft{background:var(--sand-2)}
.deep{background:var(--deep);color:#d8e5df}
.deep h1,.deep h2,.deep h3{color:#fff}
h1,h2,h3{color:var(--ink);line-height:1.06;margin:0 0 18px}
h1{font-size:clamp(3.2rem,7.2vw,6.6rem);letter-spacing:-.06em}
h2{font-size:clamp(2.15rem,4.4vw,4.15rem);letter-spacing:-.045em}
h3{font-size:1.4rem}
p{margin:0 0 1rem}
.lead{font-size:1.21rem;color:var(--muted);max-width:780px}
.deep .lead{color:#c8d7d1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--green-2);font-size:.74rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}
.grid{display:grid;gap:27px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:1.04fr .96fr;gap:66px;align-items:center}
.top{background:#07241d;color:#d0ded8;padding:8px 0;font-size:.82rem}
.top .container{display:flex;justify-content:space-between;gap:20px}
.header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,54,46,.08)}
.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:900}
.mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.7rem;letter-spacing:.08em}
.brand small{display:block;color:var(--muted);font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}
.links{display:flex;align-items:center;gap:20px;font-weight:800;font-size:.88rem}
.links a:hover,.links a.active{color:var(--green-2)}
.toggle{display:none;background:none;border:0;font-size:1.5rem;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-weight:900;transition:.2s ease;cursor:pointer}
.primary{background:var(--gold);color:var(--ink)}
.primary:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(197,164,90,.35)}
.outline{border-color:var(--green);color:var(--green);background:transparent}
.outline:hover{background:var(--green);color:#fff}
.ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.04)}
.ghost:hover{background:#fff;color:var(--deep)}
.row{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.hero{min-height:770px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--deep)}
.hero-video,.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,35,28,.64),rgba(7,35,28,.34) 52%,rgba(7,35,28,.06))}
.hero-content{padding:110px 0}
.hero h1{color:#fff;max-width:1060px}
.hero p{font-size:1.26rem;color:#dce9e4;max-width:770px}
.pagehero{padding:125px 0 86px;background:linear-gradient(135deg,#143e34,#092b23);color:#fff}
.pagehero.media-hero{position:relative;isolation:isolate;overflow:hidden}
.pagehero.media-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.pagehero.media-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,35,28,.9),rgba(7,35,28,.5))}
.pagehero h1{font-size:clamp(3.1rem,6vw,5.35rem);color:#fff}
.pagehero p{font-size:1.2rem;color:#cad9d3;max-width:800px}
.reputation-hero:before{background-image:url("../images/large-background-2.png")}
.tech-hero:before{background-image:url("../images/large-background-2.png")}
.card,.benefit,.step,.tech-card,.case-card,.review-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s ease}
.card:hover,.benefit:hover,.tech-card:hover,.case-card:hover,.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.media{aspect-ratio:4/3;overflow:hidden;background:#dce6e1}
.media img{width:100%;height:100%;object-fit:cover}
.body{padding:27px}
.benefit,.tech-card{padding:29px}
.benefit p,.tech-card p{color:var(--muted)}
.frame{position:relative;overflow:hidden;border-radius:29px;background:#dce6e1;box-shadow:var(--shadow)}
.frame img{width:100%;height:100%;object-fit:cover}
.checks{display:grid;gap:14px;margin:26px 0}
.check{display:grid;grid-template-columns:25px 1fr;gap:10px;align-items:start}
.check:before{content:"✓";display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#dcebe5;color:var(--green);font-size:.8rem;font-weight:900}
.step{padding:28px}
.num{font-size:3.9rem;font-weight:900;line-height:1;color:var(--sand);margin-bottom:10px}
.metric-strip{position:relative;z-index:3;margin-top:-54px}
.metric{padding:26px;border:1px solid rgba(23,54,46,.08);border-radius:21px;background:#fff;box-shadow:var(--shadow)}
.metric strong{display:block;color:var(--green);font-size:1.75rem;line-height:1.1}
.metric span{color:var(--muted);font-size:.88rem}
.quote{padding:22px 25px;border-left:4px solid var(--gold);border-radius:0 17px 17px 0;background:var(--sand-2)}
.badges{display:flex;gap:10px;flex-wrap:wrap}
.badge{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);font-size:.77rem;font-weight:900}
.formbox{padding:34px;border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:var(--shadow)}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.field label{display:block;margin-bottom:6px;color:var(--ink);font-size:.82rem;font-weight:900}
.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #ccd8d2;border-radius:13px;background:#fff}
.field textarea{min-height:135px;resize:vertical}
.full{grid-column:1/-1}
.result{
    margin-top:24px;
    padding:32px;
    background:#ffffff;
    border:2px solid #c5a45a;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.result strong{
    display:block;
    font-size:3rem;
    line-height:1;
    font-weight:800;
    color:#17362e;
    margin-bottom:18px;
    letter-spacing:-0.03em;
}

.result span{
    display:block;
    font-size:1rem;
    color:#66736d;
    line-height:1.5;
}
.notice{font-size:.76rem;color:var(--muted)}
.section-problems{background-image:linear-gradient(rgba(250,250,248,.85),rgba(250,250,248,.85)),url("../images/aerial-golf-course.png");background-size:cover;background-position:center}
.performance-panel{padding:36px;border:1px solid var(--line);border-radius:29px;background:#fff;box-shadow:var(--shadow)}
.performance-number{color:var(--green);font-size:clamp(4rem,9vw,7.2rem);font-weight:900;line-height:.92}
.performance-unit{color:var(--muted);font-size:1rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.scale{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:var(--line)}
.scale-item{padding:26px;background:#fff}
.scale-item strong{display:block;color:var(--ink);font-size:1.35rem}
.scale-item span{color:var(--muted);font-size:.84rem}
.scale-item.featured{background:var(--deep);color:#fff}
.scale-item.featured strong,.scale-item.featured span{color:#fff}
.spec-table{width:100%;overflow:hidden;border-collapse:collapse;border:1px solid var(--line);border-radius:20px;background:#fff}
.spec-table th,.spec-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.spec-table th{background:var(--sand-2);color:var(--ink);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.spec-table tr:last-child td{border-bottom:0}
.ambassador{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;padding:31px;border:1px solid var(--line);border-radius:25px;background:#fff}
.ambassador img{width:150px;height:150px;object-fit:contain}
.editorial-intro{max-width:900px;margin:auto;text-align:center}
.editorial-intro .lead{margin-left:auto;margin-right:auto}
.pullquote{max-width:1060px;margin:auto;text-align:center;color:var(--ink);font-size:clamp(2rem,4.3vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1.08}
.pullquote span{color:var(--green)}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.journey-item{padding:24px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.journey-item strong{display:block;color:#fff;font-size:1.05rem}
.journey-item span{color:#bfd0c9;font-size:.85rem}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.review-card{padding:28px;position:relative}
.review-card:before{content:"“";display:block;color:var(--gold);font-family:Georgia,serif;font-size:5rem;line-height:.7;margin-bottom:16px}
.review-card blockquote{margin:0 0 20px;color:var(--ink);font-family:Georgia,serif;font-size:1.28rem;line-height:1.45}
.review-source{padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}
.review-source strong{display:block;color:var(--green);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.story-band{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:center;overflow:hidden;color:#fff}
.story-band:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("../images/aerial-golf-course.png");background-size:cover;background-position:center}
.story-band:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,35,28,.84),rgba(7,35,28,.36))}
.story-band h2{color:#fff;max-width:850px}
.story-band p{color:#d7e5df;max-width:700px;font-size:1.18rem}
.experience-stack{display:grid;gap:18px}
.experience-row{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}
.experience-row:last-child{border-bottom:0}
.experience-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--sand-2);color:var(--green);font-size:1.25rem;font-weight:900}
.revenue-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.revenue-step{padding:25px;border-radius:21px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.revenue-step span{display:block;color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.revenue-step strong{display:block;margin-top:8px;color:var(--ink);font-size:1.2rem}
.footer{padding:68px 0 29px;background:#07271f;color:#cbdad4}
.footer h3{color:#fff}
.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:31px}
.footer a{display:block;margin:7px 0;color:#c6d6cf}
.bottom{display:flex;justify-content:space-between;gap:20px;margin-top:43px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);font-size:.82rem}
@media(max-width:1040px){
 .links{display:none;position:absolute;top:86px;left:20px;right:20px;flex-direction:column;align-items:flex-start;padding:23px;border-radius:19px;background:#fff;box-shadow:var(--shadow)}
 .links.open{display:flex}.toggle{display:block}.g4,.g3,.review-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.footergrid{grid-template-columns:repeat(2,1fr)}.scale{grid-template-columns:repeat(2,1fr)}.journey{grid-template-columns:repeat(3,1fr)}.revenue-chain{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:690px){
 .container{width:min(var(--max),calc(100% - 28px))}.section{padding:78px 0}.g2,.g3,.g4,.review-grid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.hero{min-height:690px}.hero:after{background:linear-gradient(rgba(7,35,28,.76),rgba(7,35,28,.42))}.metric-strip{margin-top:-28px}.footergrid{grid-template-columns:1fr}.bottom,.top .container{flex-direction:column}.scale,.journey,.revenue-chain{grid-template-columns:1fr}.ambassador{grid-template-columns:1fr;text-align:center}.ambassador img{margin:auto}.experience-row{grid-template-columns:52px 1fr}.experience-icon{width:48px;height:48px}
}
/* =========================================================
   BUNKERLINER HEADER BRANDING
   ========================================================= */

.bunkerliner-brand {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
}

.bunkerliner-logo-mark {
  display: block;
  width: 96px;
  height: 58px;
  object-fit: contain;
  flex-shrink: 0;
}

.bunkerliner-brand-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}

.bunkerliner-brand-name {
  display: block;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
}

.brand-dark {
  color: #17362e;
}

.brand-green {
  color: #4f8b2c;
}

.bunkerliner-tagline {
  display: block;
  margin-top: 8px;
  color: #56635d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Allow slightly more room for the new logo */
.nav {
  min-height: 104px;
}

/* Prevent the navigation from becoming too widely spaced */
.links {
  gap: 18px;
}

/* Tablet */
@media (max-width: 1100px) {
  .bunkerliner-logo-mark {
    width: 78px;
    height: 48px;
  }

  .bunkerliner-brand-name {
    font-size: 1.65rem;
  }

  .bunkerliner-tagline {
    font-size: 0.57rem;
    letter-spacing: 0.1em;
  }
}

/* Mobile */
@media (max-width: 690px) {
  .nav {
    min-height: 82px;
  }

  .bunkerliner-brand {
    gap: 10px;
  }

  .bunkerliner-logo-mark {
    width: 62px;
    height: 40px;
  }

  .bunkerliner-brand-name {
    font-size: 1.35rem;
  }

  .bunkerliner-tagline {
    margin-top: 5px;
    font-size: 0.48rem;
    letter-spacing: 0.075em;
  }
}

/* Very narrow mobile screens */
@media (max-width: 410px) {
  .bunkerliner-logo-mark {
    width: 52px;
    height: 34px;
  }

  .bunkerliner-brand-name {
    font-size: 1.15rem;
  }

  .bunkerliner-tagline {
    font-size: 0.42rem;
  }
}