:root{--blue: #001e60;--blue-2: #00377b;--blue-3: #0a4d91;--orange: #f36c21;--orange-2: #ff8b42;--cream: #fff7f0;--ink: #111827;--muted: #64748b;--line: #e8edf4;--soft: #f5f8fc;--white: #ffffff;--success: #167c4d;--shadow: 0 20px 50px rgba(0, 30, 96, .09);--radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.top-strip{background:var(--blue);color:#ffffffe0;font-size:12px;letter-spacing:.03em}.top-strip-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-links{display:flex;gap:24px}.site-header{position:sticky;top:0;z-index:1000;background:#fffffff5;box-shadow:0 1px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand{display:inline-flex;align-items:center;gap:12px}.brand strong{display:block;color:var(--blue);font-family:Manrope,sans-serif;font-size:18px;line-height:1.15}.brand small{display:block;color:var(--orange);font-size:11px;font-weight:700;margin-top:4px;letter-spacing:.035em;text-transform:uppercase}.brand-mark{width:50px;height:50px;border-radius:50%;background:var(--blue);padding:5px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff2e}.brand-mark-inner{width:100%;height:100%;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:800;font-family:Manrope,sans-serif;font-size:13px}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.nav-links>a{position:relative;transition:color .2s ease}.nav-links>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transition:transform .2s ease}.nav-links>a:hover,.nav-links>a.active{color:var(--orange)}.nav-links>a.active:after{transform:scaleX(1)}.nav-cta{padding:11px 17px;color:#fff!important;background:var(--orange);border-radius:999px;box-shadow:0 8px 20px #f36c2138}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:25px;height:2px;margin:5px 0;background:var(--blue);border-radius:99px}.hero{min-height:675px;color:#fff;background:linear-gradient(118deg,var(--blue) 0%,#032c70 52%,#0a4d91 100%);overflow:hidden;position:relative;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:95px;background:#fff;clip-path:polygon(0 75%,100% 5%,100% 100%,0 100%)}.hero-accent{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero-accent-one{width:500px;height:500px;right:-180px;top:-160px;border:70px solid rgba(243,108,33,.2)}.hero-accent-two{width:200px;height:200px;left:48%;bottom:30px;background:#ffffff0a}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;padding:76px 0 125px;position:relative;z-index:2}.hero-copy h1,.page-hero h1{margin:13px 0 18px;font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.05}.hero-copy h1{font-size:clamp(44px,5vw,72px);max-width:720px}.hero-copy h1 span{color:var(--orange-2)}.hero-copy>p{max-width:640px;color:#ffffffc7;font-size:17px;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:currentColor;border-radius:2px}.eyebrow.light{color:#ff9e63}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;min-height:47px;padding:0 21px;align-items:center;justify-content:center;border-radius:12px;font-weight:750;font-size:14px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 13px 28px #f36c2140}.btn-ghost{border-color:#ffffff52;color:#fff;background:#ffffff0f}.btn-white{background:#fff;color:var(--blue)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 12px 28px #001e6026}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero-points{display:flex;gap:33px;margin-top:38px;flex-wrap:wrap}.hero-points div{padding-left:13px;border-left:2px solid var(--orange)}.hero-points strong,.hero-points span{display:block}.hero-points strong{font-size:14px}.hero-points span{color:#ffffff9e;font-size:12px;margin-top:2px}.station-visual{height:420px;position:relative;border-radius:35px;background:linear-gradient(180deg,#ffffff1f,#ffffff09);border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 70px #00000029;overflow:hidden}.station-visual:before{content:"";position:absolute;left:0;right:0;bottom:0;height:115px;background:#dbe1e9;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)}.station-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:#263b54}.sun-disc{position:absolute;width:95px;height:95px;right:35px;top:35px;border-radius:50%;background:#f36c21f2;box-shadow:0 0 0 22px #f36c211a}.station-sign{position:absolute;left:38px;top:48px;display:flex;gap:10px;align-items:center;z-index:3}.station-sign-round{width:40px;height:40px;border-radius:50%;background:var(--orange);border:5px solid white;box-shadow:0 0 0 4px var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800}.station-sign span{max-width:95px;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;line-height:1.15}.canopy{position:absolute;left:70px;right:55px;top:150px;height:60px;background:#fff;transform:skew(-7deg);z-index:4;border-radius:3px;box-shadow:0 14px 30px #00000021;overflow:hidden}.canopy-brand{color:var(--blue);font-weight:800;font-size:15px;padding:13px 18px 0;transform:skew(7deg)}.canopy-band{position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(90deg,var(--orange) 0 55%,var(--blue) 55%)}.canopy-post{position:absolute;width:13px;height:135px;top:205px;background:#e9edf3;z-index:3;box-shadow:inset 0 0 0 3px #c7d0dc}.post-one{left:118px}.post-two{right:100px}.pump{position:absolute;width:65px;height:100px;bottom:57px;background:#fff;border-radius:7px 7px 2px 2px;z-index:5;box-shadow:0 10px 20px #00000026;border-top:9px solid var(--blue)}.pump-one{left:180px}.pump-two{right:145px}.pump-screen{width:37px;height:20px;background:#263b54;margin:11px auto 8px;border:4px solid #e6e9ef}.pump-label{background:var(--orange);font-size:8px;font-weight:800;text-align:center;color:#fff;width:44px;margin:0 auto;padding:3px 0}.hose{position:absolute;width:26px;height:55px;border:4px solid #263b54;border-left-color:transparent;border-radius:0 20px 20px 0;right:-21px;top:33px}.road-line{position:absolute;left:70px;right:55px;bottom:25px;border-top:4px dashed rgba(255,255,255,.75);z-index:8}.trust-strip{margin-top:-48px;position:relative;z-index:8}.trust-grid{background:#fff;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #eef2f7}.trust-item{padding:24px 22px;display:flex;align-items:center;gap:13px;position:relative}.trust-item:not(:last-child):after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--line)}.mini-icon{width:39px;height:39px;background:var(--cream);color:var(--orange);border-radius:12px;display:grid;place-items:center;font-weight:800}.trust-item strong,.trust-item small{display:block}.trust-item strong{color:var(--blue);font-size:14px}.trust-item small{color:var(--muted);margin-top:2px;font-size:11px}.section{padding:92px 0}.soft-bg{background:var(--soft)}.section-heading{max-width:620px;margin-bottom:42px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.content-block h2,.gallery-help h2,.contact-info h2{margin:10px 0 12px;color:var(--blue);font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.12}.section-heading p,.content-block p,.gallery-help p,.contact-info>p{color:var(--muted);margin:0}.cards-grid{display:grid;gap:20px}.cards-grid.four{grid-template-columns:repeat(4,1fr)}.cards-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card,.value-card,.facility-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:28px;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover,.value-card:hover,.facility-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;background:#eef4ff;color:var(--blue);margin-bottom:19px}.feature-icon.fuel-icon{background:#fff0e6;color:var(--orange)}.feature-icon.diesel-icon{background:#eaf2ff;color:var(--blue-3)}.feature-card h3,.facility-card h3{color:var(--blue);margin:0 0 8px;font-family:Manrope,sans-serif}.feature-card p,.facility-card p{color:var(--muted);font-size:14px;margin:0}.station-feature-section{padding-top:65px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.photo-placeholder{position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#dce8f5,#f4f7fb);border:1px solid #dce3ec;min-height:360px;box-shadow:var(--shadow)}.outlet-photo:before{content:"";position:absolute;width:72%;height:22%;left:14%;top:33%;background:#fff;border-bottom:13px solid var(--orange);box-shadow:0 12px 25px #001e6024;transform:skew(-5deg)}.outlet-photo:after{content:"";position:absolute;left:18%;right:18%;bottom:27%;height:85px;border-left:14px solid var(--blue);border-right:14px solid var(--blue)}.photo-caption{position:absolute;left:20px;right:20px;bottom:18px;padding:14px 16px;border-radius:15px;background:#001e60eb;color:#fff}.photo-caption strong,.photo-caption span{display:block}.photo-caption span{font-size:11px;color:#ffffffa6;margin-top:3px}.content-block p+p{margin-top:15px}.check-list{list-style:none;padding:0;margin:23px 0;display:grid;gap:11px}.check-list li{position:relative;padding-left:29px;color:#334155}.check-list li:before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#eaf9f1;color:var(--success);display:grid;place-items:center;font-size:11px;font-weight:800}.text-link{color:var(--blue);font-weight:800;font-size:14px}.text-link span{color:var(--orange);margin-left:4px}.cta-band{background:linear-gradient(110deg,var(--orange),#ff8a40);color:#fff;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.12);border-radius:50%;right:-70px;top:-110px}.cta-band-inner{min-height:210px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:1}.cta-band h2{margin:8px 0 0;font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;max-width:690px;line-height:1.12}.cta-band .eyebrow.light{color:#fff;opacity:.82}.page-hero{padding:88px 0;background:linear-gradient(112deg,var(--blue),#064686);color:#fff;overflow:hidden;position:relative}.page-hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:65px solid rgba(243,108,33,.18);right:-125px;top:-165px}.page-hero.compact{padding:70px 0}.page-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}.page-hero h1{font-size:clamp(38px,4vw,58px);max-width:760px}.page-hero p{max-width:700px;margin:0;color:#ffffffb8}.page-hero-badge{min-width:190px;height:190px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:inset 0 0 0 18px #ffffff08}.page-hero-badge span{width:76px;height:76px;background:var(--orange);border-radius:50%;display:grid;place-items:center;font-family:Manrope;font-size:24px;font-weight:800;border:7px solid white;box-shadow:0 0 0 5px var(--blue)}.page-hero-badge small{margin-top:14px;font-size:10px;font-weight:800;max-width:120px;text-transform:uppercase;letter-spacing:.07em}.about-stat-panel{display:grid;gap:13px}.stat-card{padding:23px;border-radius:20px;background:var(--soft);display:grid;grid-template-columns:66px 1fr;column-gap:15px;align-items:center;border:1px solid var(--line)}.stat-card strong{grid-row:span 2;color:var(--orange);font-size:33px;font-family:Manrope}.stat-card span{color:var(--blue);font-weight:800}.stat-card p{margin:2px 0 0;color:var(--muted);font-size:13px}.value-card span{display:inline-block;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.1em}.value-card h3{color:var(--blue);font-family:Manrope;margin:12px 0 7px}.value-card p{color:var(--muted);margin:0;font-size:14px}.timeline-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.timeline-wrap .section-heading{margin:0}.timeline{border-left:2px solid #dce5ef;padding-left:34px;display:grid;gap:33px}.timeline-item{position:relative}.timeline-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--orange);left:-42px;top:6px;box-shadow:0 0 0 7px #fff0e6}.timeline-item strong{display:block;color:var(--blue);font-family:Manrope}.timeline-item p{margin:5px 0 0;color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border-radius:26px;padding:30px;color:#fff;min-height:360px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.product-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:35px solid rgba(255,255,255,.08);right:-55px;top:-35px}.product-card.petrol{background:linear-gradient(145deg,#e95d10,#fb8443)}.product-card.diesel{background:linear-gradient(145deg,var(--blue),#0b4f95)}.product-card.premium{background:linear-gradient(145deg,#171e2d,#394b66)}.product-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.product-top span{width:54px;height:54px;border-radius:16px;background:#ffffff26;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-family:Manrope;font-weight:800}.product-top small{text-transform:uppercase;letter-spacing:.08em;opacity:.68;font-weight:700}.product-card h3{font-family:Manrope;font-size:30px;margin:28px 0 7px;position:relative;z-index:1}.product-card p{color:#ffffffc7;font-size:14px;position:relative;z-index:1}.product-card ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:9px;position:relative;z-index:1}.product-card li{padding-left:21px;font-size:13px;position:relative}.product-card li:before{content:"\2713";position:absolute;left:0}.facility-icon{width:48px;height:48px;border-radius:15px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:800;margin-bottom:18px}.safety-panel{border-radius:30px;background:linear-gradient(145deg,#fff4eb,#fffaf6);border:1px solid #ffdcc5;padding:50px;min-height:320px;display:flex;flex-direction:column;justify-content:center}.safety-symbol{width:80px;height:80px;border-radius:50%;background:var(--orange);color:#fff;font-size:40px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 13px #ffe5d3}.safety-panel h3{color:var(--blue);font-size:26px;font-family:Manrope;margin:28px 0 7px}.safety-panel p{color:var(--muted);margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:245px;gap:18px}.gallery-item{margin:0;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(145deg,#d7e3f0,#f3f6fa);box-shadow:var(--shadow)}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item:before,.gallery-item:after{content:"";position:absolute}.gallery-item:before{left:14%;right:14%;top:35%;height:18%;background:#fff;border-bottom:10px solid var(--orange);transform:skew(-5deg);box-shadow:0 10px 20px #001e601f}.gallery-item:after{left:20%;right:20%;top:52%;height:33%;border-left:10px solid var(--blue);border-right:10px solid var(--blue)}.photo-two{background:linear-gradient(150deg,#e7eef7,#cad9ea)}.photo-three{background:linear-gradient(150deg,#e8f2e8,#d3e6d0)}.photo-four{background:linear-gradient(150deg,#dce5f3,#bccce1)}.photo-five{background:linear-gradient(150deg,#f4e4d9,#e8cdbb)}.photo-six{background:linear-gradient(150deg,#17273b,#345271)}.gallery-overlay{position:absolute;left:15px;right:15px;bottom:15px;z-index:5;padding:13px 15px;border-radius:14px;color:#fff;background:#001e60e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gallery-overlay strong,.gallery-overlay span{display:block}.gallery-overlay span{font-size:10px;margin-top:2px;color:#ffffff9e}.gallery-help{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.code-note{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.code-note strong{display:block;color:var(--blue)}.code-note code{display:inline-block;background:#0f172a;color:#d7e6ff;padding:8px 10px;border-radius:9px;margin:10px 0}.code-note p{font-size:14px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.contact-card{border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:flex-start;gap:13px;background:#fff}.contact-icon{flex:0 0 39px;height:39px;border-radius:12px;background:var(--cream);color:var(--orange);display:grid;place-items:center;font-weight:800}.contact-card small,.contact-card strong,.contact-card span{display:block}.contact-card small{color:var(--orange);text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:800}.contact-card strong{color:var(--blue);margin-top:3px;font-size:13px}.contact-card span{color:var(--muted);font-size:11px;margin-top:2px}.contact-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.enquiry-card{border-radius:28px;padding:32px;background:var(--soft);border:1px solid var(--line);box-shadow:var(--shadow)}.enquiry-card h3{color:var(--blue);font-family:Manrope;font-size:30px;margin:8px 0 22px}.enquiry-card form{display:grid;gap:15px}.enquiry-card label{color:#334155;font-size:12px;font-weight:700}.enquiry-card input,.enquiry-card textarea{width:100%;border:1px solid #d9e1eb;background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink);outline:none;margin-top:6px;resize:vertical}.enquiry-card input:focus,.enquiry-card textarea:focus{border-color:var(--blue-3);box-shadow:0 0 0 3px #0a4d9114}.form-note{margin:0;color:var(--muted);font-size:10px;text-align:center}.success-message{padding:35px 10px 20px;text-align:center}.success-message>div{width:62px;height:62px;border-radius:50%;background:#e3f7ed;color:var(--success);display:grid;place-items:center;margin:0 auto 15px;font-size:28px;font-weight:800}.success-message h4{color:var(--blue);margin:0 0 7px}.success-message p{color:var(--muted);font-size:13px}.text-button{border:0;background:none;color:var(--orange);font-weight:800}.map-section{padding:0 20px 90px}.map-placeholder{width:min(1180px,100%);margin:auto;min-height:390px;border-radius:28px;overflow:hidden;background:#e6edf5;position:relative;border:1px solid #d7e0ea}.map-roads{position:absolute;inset:0;background:linear-gradient(17deg,transparent 46%,white 47% 50%,transparent 51%),linear-gradient(103deg,transparent 40%,white 41% 44%,transparent 45%),linear-gradient(0deg,transparent 70%,rgba(255,255,255,.65) 71% 74%,transparent 75%)}.map-pin{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50% 50% 50% 0;background:var(--orange);rotate:-45deg;box-shadow:0 15px 35px #001e6040;border:7px solid white}.map-pin span{position:absolute;inset:0;display:grid;place-items:center;rotate:45deg;color:#fff;font-weight:800}.map-copy{position:absolute;left:25px;bottom:22px;max-width:370px;background:#ffffffed;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:15px 17px;box-shadow:var(--shadow)}.map-copy strong{color:var(--blue)}.map-copy p{margin:4px 0 0;color:var(--muted);font-size:12px}.site-footer{background:#071a3d;color:#ffffffb8;position:relative;padding-top:75px}.footer-wave{position:absolute;left:0;right:0;top:0;height:32px;background:var(--orange);clip-path:polygon(0 0,100% 0,100% 15%,70% 90%,30% 20%,0 80%)}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:70px;padding-bottom:46px}.footer-brand p{max-width:430px;font-size:13px;margin-top:20px}.footer-logo strong{color:#fff}.site-footer h3{color:#fff;margin:0 0 15px;font-family:Manrope;font-size:15px}.site-footer .footer-grid>div:not(:first-child) a,.site-footer .footer-grid>div:not(:first-child) p{display:block;font-size:13px;margin:8px 0}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);min-height:70px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px}.brand-note{max-width:620px;text-align:right}.floating-action{position:fixed;right:18px;z-index:900;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 9px 25px #0003;font-size:13px;font-weight:800}.floating-action.whatsapp{bottom:76px;background:#1e9b58}.floating-action.call{bottom:20px;background:var(--orange);font-size:20px}@media(max-width:1000px){.nav-links{gap:17px}.cards-grid.four,.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2):after{display:none}.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:span 2}.contact-grid{gap:35px}}@media(max-width:900px){.top-links{display:none}.menu-button{display:block}.nav-links{position:absolute;left:0;right:0;top:78px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 20px 35px #001e601f;padding:12px 20px 22px;border-top:1px solid var(--line)}.nav-links.open{display:flex}.nav-links>a{padding:11px 3px}.nav-links>a:after{display:none}.nav-cta{margin-top:8px;text-align:center}.hero-grid{grid-template-columns:1fr;padding-top:65px}.hero{min-height:auto}.station-visual{max-width:650px;width:100%;margin:auto}.split-grid,.timeline-wrap,.gallery-help,.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid{gap:50px}.page-hero-inner{align-items:flex-start}.page-hero-badge{display:none}.footer-grid{grid-template-columns:1.3fr 1fr}.footer-grid>div:last-child{grid-column:span 2}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.wide{grid-column:span 2}}@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.top-strip-inner{justify-content:center}.navbar{min-height:70px}.nav-links{top:70px}.brand-mark{width:44px;height:44px}.brand strong{font-size:16px}.hero-grid{padding:52px 0 110px;gap:38px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-points{gap:18px}.station-visual{height:320px}.canopy{left:38px;right:30px;top:125px}.canopy-post{top:180px;height:90px}.post-one{left:72px}.post-two{right:65px}.pump{bottom:56px;transform:scale(.8)}.pump-one{left:110px}.pump-two{right:85px}.sun-disc{width:65px;height:65px}.station-sign{top:32px;left:27px}.trust-strip{margin-top:-36px}.trust-grid{grid-template-columns:1fr}.trust-item:after{display:none!important}.trust-item:not(:last-child){border-bottom:1px solid var(--line)}.section{padding:68px 0}.cards-grid.four,.cards-grid.three,.product-grid,.contact-cards{grid-template-columns:1fr}.product-card:last-child{grid-column:auto}.photo-placeholder{min-height:290px}.cta-band-inner{min-height:260px;flex-direction:column;align-items:flex-start;justify-content:center}.page-hero,.page-hero.compact{padding:58px 0}.page-hero h1{font-size:38px}.stat-card{grid-template-columns:56px 1fr}.timeline-wrap{gap:20px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item.wide{grid-column:auto}.gallery-item.tall{grid-row:auto}.enquiry-card{padding:24px 20px}.contact-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding:20px 0}.brand-note{text-align:left}}