@font-face{font-family:Source Sans;src:url('assets/source-sans-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Source Sans;src:url('assets/source-sans-semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--teal:#007a7a;--cyan:#0db4e6;--red:#e5362d;--ink:#0a3535;--muted:#4a6b6b;--pale:#e6f7f7;--dark:#003838;--yellow:#FFE100}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#fcfcf9;font-family:Source Sans,Arial,sans-serif;font-size:17px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:0}h1,h2,h3,p{margin:0}h2{font-size:clamp(34px,3.5vw,48px);font-weight:600;line-height:1.08;letter-spacing:-1.7px}h3{font-size:26px;line-height:1.2;letter-spacing:-.5px}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1184px;margin-inline:auto}.section{padding-block:88px}.skip-link{position:fixed;z-index:20;left:16px;top:-100px;padding:12px;background:white;color:var(--teal)}.skip-link:focus{top:12px}
/* header */
.header{background:white;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 rgba(0,20,40,.08)}.header-inner{min-height:98px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:22px}.brand span{font-size:17px;font-weight:600;border-left:1px solid #e0e0e0;padding-left:22px}.header nav{display:flex;gap:30px;margin-left:auto;font-size:16px}.header nav a:hover{color:var(--dark)}.menu-toggle{display:none}.header-cta-btn{min-height:46px;padding:11px 19px;font-size:15px;gap:18px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.lang-toggle{background:none;border:1.5px solid #d8d4a0;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:700;cursor:pointer;color:var(--ink);letter-spacing:.6px;transition:all .18s;font-family:inherit}.lang-toggle:hover{background:var(--yellow);border-color:var(--yellow)}.lang-toggle[data-lang="en"]{background:var(--yellow);border-color:var(--yellow)}
/* buttons */
.button{min-height:56px;display:inline-flex;justify-content:center;align-items:center;gap:36px;padding:14px 25px;border-radius:5px;font-size:18px;font-weight:600;transition:background .18s,transform .18s}.button>span{font-family:Arial,sans-serif;font-size:24px;line-height:1}.button:hover{transform:translateY(-2px)}.button-light{background:white;color:var(--teal);margin-top:30px}.button-light:hover{background:#d8f5f5}.button-teal{background:var(--teal);color:#fff}.button-teal:hover{background:#005f5f}.button-yellow{background:var(--yellow);color:var(--dark)}.button-yellow:hover{background:#FFF176}
/* hero */
.hero{position:relative;overflow:hidden;background:url(assets/hero-bg.png) right top/auto 100% no-repeat,#002f2f;color:white;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(0,15,15,1) 0%,rgba(0,20,20,.78) 42%,rgba(0,15,15,.18) 100%),linear-gradient(180deg,rgba(0,15,15,.18) 0%,rgba(0,20,20,.52) 60%,rgba(0,25,25,.93) 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;padding-block:76px 45px;min-height:720px}.hero-copy{padding-top:12px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px;line-height:1.5}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.teal{color:var(--teal)}.hero h1{margin-top:27px;line-height:.98}.hero-amount{display:flex;align-items:baseline;font-size:clamp(116px,12vw,160px);letter-spacing:-8px;font-weight:600}.hero-amount>span{font-size:.42em;letter-spacing:-3px;margin-left:12px}.hero-title{display:block;font-size:clamp(34px,3.65vw,49px);letter-spacing:-1.8px;margin-top:15px}.hero-lead{font-size:25px;margin-top:30px}.hero-description{color:#c8e8e8;line-height:1.55;margin-top:8px;font-size:18px;max-width:400px}.hero-copy .button-light{background:#9ef0f0;color:#002f2f;border-radius:6px;min-width:300px;margin-top:27px}.hero-copy .button-light:hover{background:#b8f5f5}.hero-note{display:flex;gap:8px;align-items:center;font-size:13px;color:#a0d4d4;margin-top:16px}.hero-note svg{stroke:var(--cyan);flex:none}
/* hero art */
.hero-art{align-self:end;padding:0;max-width:395px;margin-left:auto;width:100%;margin-top:225px}.art-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;font-size:9px;letter-spacing:1.7px;color:#a0c8c8;padding:0 10px}.hero-coupon-preview{display:block;width:100%;padding:0;background:none;transform:rotate(-6deg);transition:transform .25s;border-radius:13px;box-shadow:0 24px 55px rgba(0,21,21,.7)}.hero-coupon-preview:hover{transform:rotate(-3deg) translateY(-5px)}.hero-coupon-preview .coupon-svg{width:100%;border-radius:13px;display:block}.art-footer{display:flex;gap:12px;align-items:center;margin:27px 0 0 0;font-size:13px;color:#e0f5f5;line-height:1.3}.art-footer b{font-size:12px;color:#a0c8c8;font-weight:400}.round-arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:35px;height:35px;color:var(--cyan);font:23px Arial;background:rgba(255,255,255,.06)}
.hero-strip{border-top:1px solid rgba(255,255,255,.15);background:rgba(0,45,45,.65);backdrop-filter:blur(8px)}.hero-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:19px;font-size:14px}.hero-strip b{color:#7de0e0;font-size:12px;margin-right:12px}
/* coupon section */
.coupon-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-copy h2{margin-top:13px}.section-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:420px;margin-top:20px}.coupon-detail{display:flex;gap:16px;align-items:flex-start;margin-top:22px}.coupon-detail>span{font-size:25px;width:36px;color:var(--teal);line-height:1.2}.coupon-detail b{font-size:18px;font-weight:600}.coupon-detail p{font-size:16px;color:var(--muted);margin-top:2px}.section-copy .button{margin-top:28px}.coupon-display{border-radius:10px;background:var(--pale);padding:32px;min-width:0}.display-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#4a7a7a}.coupon-image{filter:drop-shadow(0 15px 20px rgba(0,60,60,.3));transform:rotate(-5deg);margin:40px auto 30px;display:block;width:100%}.download-link{display:flex;justify-content:space-between;border-top:1px solid #b0d5d5;padding-top:20px;font-size:16px;color:var(--teal);font-weight:600}.download-link span{font-size:23px}.download-link-btn{background:none;border:0;border-top:1px solid #b0d5d5;padding-top:20px;width:100%;display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:var(--teal)}.download-link-btn:hover{color:#005050}.fineprint{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.5;max-width:340px}
/* how section */
.how-section{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.section-heading h2{margin-top:12px}.section-heading>p{color:var(--muted);max-width:310px;font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.step{border-top:1px solid #b0cece;padding-top:23px}.step-number{font-size:37px;color:var(--teal);font-weight:600;letter-spacing:-1px}.step h3{margin-top:20px}.step p{color:var(--muted);margin-top:12px;max-width:280px;min-height:78px}.step-line{display:block;width:25px;height:2px;background:var(--cyan);margin-top:37px}
/* station section */
.station-section{display:flex;align-items:center;gap:40px;border-bottom:1px solid #c0dcdc;padding-block:56px}.station-art{width:250px;height:145px;flex-shrink:0;border-radius:10px;background:#0a6e73 url(assets/eni-station.svg) center/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,56,56,.2)}.station-section h2{font-size:32px;letter-spacing:-.8px;margin-top:10px}.station-section p:not(.eyebrow){color:var(--muted);margin-top:10px}.round-link{margin-left:auto;width:60px;height:60px;flex-shrink:0;border:1px solid #9ecece;border-radius:50%;display:grid;place-items:center;font:32px Arial;color:var(--teal);transition:background .18s}.round-link:hover{background:var(--pale)}
/* faq */
.faq-section{display:grid;grid-template-columns:1fr 1.45fr;gap:60px}.faq-section h2{margin-top:12px}details{border-bottom:1px solid #c0dcdc}details:first-child{border-top:1px solid #c0dcdc}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-size:19px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font:25px Arial;color:var(--teal);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:17px;padding:0 30px 22px 0}
/* footer */
footer{background:var(--dark);color:#fff;padding:40px 0 25px}.footer-top{display:flex;align-items:center;gap:30px}.footer-top p{font-size:25px;letter-spacing:-.5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;color:#90c0c0;font-size:12px}

@media(min-width:1440px){.hero-grid{padding-block:85px 60px;min-height:780px}.hero-art{margin-top:250px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header-inner{gap:24px}.brand span{display:none}.header nav{gap:22px}.hero-grid{gap:35px;min-height:680px;padding-top:55px}.hero-amount{font-size:130px}.hero-art{max-width:355px;margin-top:255px}.hero-copy .button-light{min-width:260px}.coupon-section{gap:40px}.section{padding-block:64px}.coupon-display{padding:24px}.station-section{gap:25px}.station-art{width:200px;height:130px}.section-heading{gap:32px}.section-heading>p{max-width:270px}.steps{gap:28px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-actions{gap:8px}.lang-toggle{padding:4px 10px;font-size:11px}.header-cta-btn{display:none!important}.section{padding-block:48px}.header-inner{min-height:78px;gap:18px}.brand img{width:90px}.brand span{display:none}.brand{gap:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:30px;height:42px;background:transparent;padding:3px;flex-shrink:0}.menu-toggle span{height:2px;background:var(--teal);width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none}.header nav.open{display:flex;position:absolute;left:0;right:0;top:78px;z-index:10;flex-direction:column;gap:0;background:white;box-shadow:0 12px 20px rgba(0,56,56,.15);padding:10px 20px 18px}.header nav a{padding:13px 0;border-top:1px solid #e0eeee}.hero{background:url(assets/hero-bg.png) right top/cover no-repeat,#002f2f}.hero:before{background:linear-gradient(to right,rgba(0,15,15,.88) 0%,rgba(0,15,15,.35) 55%,rgba(0,15,15,0) 100%),linear-gradient(180deg,rgba(0,15,15,.18) 0%,rgba(0,20,20,.55) 50%,rgba(0,25,25,.95) 100%)}.hero-grid{padding-top:41px;padding-bottom:27px;min-height:0;gap:35px;grid-template-columns:1fr}.hero-copy{padding-top:0}.hero h1{margin-top:27px}.hero-amount{font-size:133px;letter-spacing:-6px}.hero-title{font-size:38px;margin-top:13px}.hero-lead{font-size:22px;margin-top:26px}.hero-description{font-size:16px;max-width:290px}.hero-copy .button-light{min-width:0;margin-top:27px;width:100%;justify-content:space-between;padding-inline:22px}.hero-art{margin:0 auto;max-width:355px;padding:0 10px;width:100%}.art-caption{font-size:8px;margin-bottom:20px;padding:0 4px}.hero-coupon-preview{transform:rotate(-4deg);border-radius:10px}.art-footer{margin-top:23px;font-size:12px}.hero-strip .wrap{gap:14px;padding-block:17px;font-size:11px}.coupon-section{grid-template-columns:1fr;gap:32px}.section-copy>p:not(.eyebrow){font-size:17px;margin-top:17px}.section-copy .button{width:100%;justify-content:space-between}.coupon-detail{margin-top:18px}.coupon-display{padding:25px 22px}.coupon-image{margin-block:35px 30px}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:19px}.section-heading h2{max-width:300px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.step{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding-top:20px}.step-number{grid-row:1 / 4;font-size:30px;line-height:1.1}.step h3{margin-top:0;font-size:24px}.step p{min-height:0;max-width:none;margin-top:8px;font-size:16px}.step-line{display:none}.station-section{display:grid;grid-template-columns:1fr 50px;gap:22px;padding-block:40px}.station-art{width:100%;height:180px;max-height:none;grid-column:1 / 3;border-radius:6px}.station-section h2{font-size:28px}.station-section p:not(.eyebrow){font-size:16px}.round-link{width:48px;height:48px;font-size:26px}.faq-section{grid-template-columns:1fr;gap:27px}summary{font-size:17px;padding-block:19px}details p{font-size:16px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top img{width:90px}.footer-top p{font-size:20px}.footer-bottom{display:block;margin-top:25px;font-size:11px}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand span{display:none}.hero-amount{font-size:117px}.hero-title{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-copy .eyebrow{flex-wrap:nowrap;white-space:nowrap}

/* coupon section pump background */
.coupon-section{position:relative;overflow:hidden}
.coupon-pump-bg{position:absolute;right:-40px;bottom:-30px;height:95%;width:auto;max-width:55%;object-fit:contain;object-position:bottom right;pointer-events:none;z-index:0;opacity:.13;mix-blend-mode:multiply;filter:saturate(2) contrast(1.1)}
.coupon-section>*:not(.coupon-pump-bg){position:relative;z-index:1}
@media(max-width:700px){.coupon-pump-bg{height:70%;right:-20px;bottom:-10px;max-width:70%;opacity:.09}}
@media(max-width:360px){.coupon-pump-bg{height:60%;opacity:.07}}
