:root{
  --bg:#06101d;--bg2:#081625;--panel:#0b1a2d;--panel2:rgba(12,27,46,.78);--ink:#f6f9ff;--muted:#a9b7ca;--soft:#7f8ea5;--line:rgba(166,193,224,.16);--line2:rgba(166,193,224,.28);--teal:#31e5c5;--teal2:#a5fff0;--blue:#7fc3ff;--green:#23d178;--amber:#ffd25d;--orange:#ff9f43;--shadow:0 28px 90px rgba(0,0,0,.42);--softShadow:0 18px 48px rgba(0,0,0,.28);--radius:28px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(1050px 640px at 92% -12%,rgba(49,229,197,.2),transparent 58%),radial-gradient(900px 560px at 0 8%,rgba(127,195,255,.14),transparent 54%),linear-gradient(180deg,#05101d 0%,#071727 44%,#07101c 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.18) 50%,transparent)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:50;background:rgba(4,10,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar .inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;border-radius:15px;box-shadow:0 14px 34px rgba(0,0,0,.38)}.brand strong{display:block;font-size:1rem;letter-spacing:-.02em}.brand span{display:block;color:var(--muted);font-size:.86rem}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:10px 12px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:.9rem;font-weight:850}.nav a:hover,.nav a.active{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.045)}.nav .nav-cta{border-color:rgba(49,229,197,.28);background:rgba(49,229,197,.1);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 18px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.045);box-shadow:var(--softShadow);font-weight:950;transition:.18s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(49,229,197,.36);background:rgba(255,255,255,.07)}.btn.primary{border-color:rgba(49,229,197,.35);background:linear-gradient(135deg,rgba(49,229,197,.24),rgba(127,195,255,.14))}.btn.ghost{box-shadow:none}.hero{padding:42px 0 30px}.hero-shell{position:relative;overflow:hidden;border-radius:38px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,19,34,.86),rgba(9,18,30,.66));box-shadow:var(--shadow)}.hero-shell:before{content:"";position:absolute;inset:-1px;background:radial-gradient(800px 560px at 78% 4%,rgba(49,229,197,.22),transparent 58%),radial-gradient(680px 440px at 8% 0,rgba(127,195,255,.18),transparent 56%);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:30px;align-items:center;padding:38px}.pill{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;border:1px solid rgba(49,229,197,.24);background:rgba(49,229,197,.08);color:var(--teal2);font-weight:950;font-size:.84rem}.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px rgba(49,229,197,.7)}h1{margin:18px 0 16px;font-size:clamp(2.65rem,5.8vw,5.55rem);line-height:.92;letter-spacing:-.07em;max-width:12ch}.gradient{background:linear-gradient(135deg,#fff 0%,var(--teal2) 48%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:64ch;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.mini-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.proof-card,.feature,.panel,.shot-card,.legal-card,.compare-card{border:1px solid var(--line);background:var(--panel2);border-radius:22px;box-shadow:var(--softShadow);backdrop-filter:blur(14px)}.proof-card{padding:13px}.proof-card strong{display:block;font-size:1.08rem;letter-spacing:-.03em}.proof-card span{display:block;color:var(--muted);font-size:.83rem;margin-top:4px;line-height:1.42}.phone-stage{position:relative;min-height:650px;border-radius:30px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:hidden}.phone-main{position:absolute;left:52%;top:50%;width:min(76%,340px);border-radius:34px;box-shadow:0 32px 90px rgba(0,0,0,.56);border:1px solid rgba(255,255,255,.12);transform:translate(-50%,-50%);animation:float 6s ease-in-out infinite alternate}@keyframes float{from{transform:translate(-50%,-50%) rotate(-.8deg)}to{transform:translate(-50%,-53%) rotate(1deg)}}.mini-shot{position:absolute;width:135px;border-radius:22px;border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(0,0,0,.45)}.mini-a{left:3%;top:4%;transform:rotate(-7deg)}.mini-b{right:1%;top:12%;transform:rotate(7deg)}.mini-c{left:4%;bottom:11%;transform:rotate(-5deg)}.saving-card{position:absolute;right:16px;bottom:16px;width:min(290px,78%);padding:17px;border-radius:23px;border:1px solid rgba(49,229,197,.22);background:rgba(7,14,25,.88);box-shadow:0 22px 58px rgba(0,0,0,.44);backdrop-filter:blur(12px)}.saving-card span{display:block;color:var(--teal2);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.saving-card strong{display:block;font-size:2.25rem;letter-spacing:-.06em;margin-top:6px}.saving-card p{margin:4px 0 0;color:var(--muted);font-size:.92rem;line-height:1.48}.section{padding:58px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-kicker{color:var(--teal2);font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.section h2{margin:7px 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.06em}.section-head p{margin:0;color:var(--muted);max-width:56ch;line-height:1.7}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:20px;min-height:250px;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;inset:-1px;background:radial-gradient(330px 220px at 80% 0,rgba(49,229,197,.13),transparent 62%);opacity:.8;pointer-events:none}.feature>*{position:relative}.icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(49,229,197,.18),rgba(127,195,255,.12));border:1px solid rgba(49,229,197,.2);color:var(--teal2);font-size:1.35rem;margin-bottom:15px}.feature h3,.panel h3,.legal-card h2,.compare-card h3{margin:0 0 9px;font-size:1.12rem;letter-spacing:-.02em}.feature p,.panel p,.legal-card p,.compare-card p,.legal-card li{margin:0;color:var(--muted);line-height:1.65}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chips span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.035);font-size:.8rem;font-weight:800}.stats-band{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px}.stat-big,.stat-small{border:1px solid var(--line);border-radius:24px;background:var(--panel2);box-shadow:var(--softShadow);padding:22px}.stat-big strong{display:block;font-size:clamp(2.3rem,5vw,4.6rem);letter-spacing:-.075em;line-height:.9}.stat-big p{color:var(--muted);line-height:1.65;margin:12px 0 0}.stat-small span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.stat-small strong{display:block;font-size:2.1rem;letter-spacing:-.06em;margin-top:8px}.stat-small em{font-style:normal;color:var(--soft);font-size:.86rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.panel{padding:24px}.decision-demo{display:grid;gap:12px}.station-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.station-row strong{display:block}.station-row span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}.price{font-weight:950;color:var(--teal2);font-size:1.24rem}.station-row.best{border-color:rgba(49,229,197,.35);background:linear-gradient(135deg,rgba(49,229,197,.12),rgba(127,195,255,.06))}.phone-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shot-card{overflow:hidden}.shot-card img{width:100%;height:360px;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.shot-card div{padding:16px}.shot-card h3{margin:0 0 6px}.shot-card p{margin:0;color:var(--muted);line-height:1.58}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-card{padding:24px}.compare-card ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}.compare-card li{padding:12px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:rgba(255,255,255,.035)}.highlight{border-color:rgba(49,229,197,.3);background:linear-gradient(135deg,rgba(49,229,197,.1),rgba(127,195,255,.06))}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.link-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);color:var(--muted);font-weight:850}.link-card:hover{color:var(--ink);border-color:rgba(49,229,197,.28)}.download{padding-bottom:72px}.download-card{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(49,229,197,.22);background:linear-gradient(135deg,rgba(49,229,197,.12),rgba(127,195,255,.07));box-shadow:var(--shadow);padding:34px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.download-card h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.8rem);line-height:.95;letter-spacing:-.06em}.download-card p{margin:0;color:var(--muted);line-height:1.7;max-width:68ch}.store-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.store{min-width:170px;display:block;text-align:left}.store small{display:block;color:var(--muted);font-weight:800}.store b{display:block;font-size:1rem}.footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted)}.footer .inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:var(--muted)}.footer a:hover{color:var(--ink)}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.legal-hero{padding:52px 0 24px}.legal-hero h1{max-width:900px;font-size:clamp(2.6rem,5vw,4.8rem)}.legal-grid{display:grid;gap:16px;margin-bottom:64px}.legal-card{padding:24px}.legal-card ul{margin:12px 0 0;padding-left:20px}.meta{display:inline-flex;border:1px solid rgba(49,229,197,.24);background:rgba(49,229,197,.08);color:var(--teal2);border-radius:999px;padding:9px 12px;font-weight:950;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.legal-card a{text-decoration:underline;text-decoration-color:rgba(49,229,197,.4)}@media(max-width:980px){.hero-grid,.split,.compare-grid,.download-card{grid-template-columns:1fr}.features,.phone-row,.link-grid{grid-template-columns:repeat(2,1fr)}.stats-band{grid-template-columns:1fr 1fr}.phone-stage{min-height:560px}.download-card .store-buttons{justify-content:flex-start}}@media(max-width:650px){.nav a:not(.nav-cta){display:none}.hero-grid{padding:24px}.mini-proof,.features,.phone-row,.stats-band,.link-grid{grid-template-columns:1fr}.phone-stage{min-height:520px}.mini-shot{width:105px}.section{padding:42px 0}.section-head{display:block}.section-head p{margin-top:12px}.footer .inner{display:block}.footer-links{margin-top:14px}.hero-actions .btn{width:100%}}


/* Postcode / outcode search */
.postcode-search{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:var(--softShadow);max-width:640px}
.postcode-search label{display:block;font-size:.82rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--teal2);margin-bottom:10px}
.postcode-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.postcode-row input{width:100%;min-height:52px;border-radius:17px;border:1px solid var(--line);background:rgba(3,10,18,.7);color:var(--ink);padding:0 15px;font:inherit;font-weight:800;outline:none}
.postcode-row input:focus{border-color:rgba(49,229,197,.5);box-shadow:0 0 0 4px rgba(49,229,197,.09)}
.postcode-search p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}

/* Generated public fuel pages */
.generated-page .kicker{color:var(--teal2);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:950;margin-bottom:12px}
.generated-page .summary{grid-template-columns:1.05fr .95fr;margin-top:24px}
.generated-page .grid{display:grid;gap:16px}.generated-page .cards-3{grid-template-columns:repeat(3,1fr)}.generated-page .cards-2{grid-template-columns:repeat(2,1fr)}
.generated-page .big-card,.generated-page .fuel-card,.generated-page .note,.generated-page .table-card,.generated-page .station-card,.generated-page .link-card{background:var(--panel2);border:1px solid var(--line);border-radius:28px;box-shadow:var(--softShadow);backdrop-filter:blur(14px)}
.generated-page .big-card{padding:28px}.generated-page .big-card strong{display:block;font-size:clamp(2.6rem,6vw,5.5rem);letter-spacing:-.08em;line-height:.9}.generated-page .big-card p,.generated-page .fuel-card p,.generated-page .note p,.generated-page .station-card p,.generated-page .link-card p{color:var(--muted);line-height:1.68}
.generated-page .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.generated-page .metric-grid div{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:14px}.generated-page .metric-grid b{display:block;font-size:1.35rem}.generated-page .metric-grid span{color:var(--muted);font-size:.86rem}
.generated-page .fuel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.generated-page .fuel-card{padding:18px}.generated-page .fuel-card span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:.8rem}.generated-page .fuel-card strong{display:block;font-size:2.35rem;letter-spacing:-.06em;margin:7px 0}.generated-page .trend{display:grid;grid-template-columns:auto auto auto auto auto auto;gap:5px 8px;align-items:center;color:var(--teal2)}.generated-page .trend small{color:var(--muted)}
.generated-page .table-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 48px}.generated-page .table-card{padding:18px;overflow:auto}.generated-page .table-card h2{margin:0 0 12px;font-size:1.15rem}.generated-page table{width:100%;border-collapse:collapse;min-width:560px}.generated-page th,.generated-page td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:right;color:var(--muted)}.generated-page th:first-child,.generated-page td:first-child{text-align:left;color:var(--ink)}.generated-page thead th{color:var(--teal2);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.generated-page .station-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.generated-page .station-card,.generated-page .note,.generated-page .link-card{padding:18px}.generated-page .station-card h3,.generated-page .note h3,.generated-page .link-card h3{margin:0 0 8px}.generated-page .price-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.generated-page .fineprint{font-size:.9rem;color:var(--muted)}.generated-page .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.generated-page .section h2{font-size:clamp(1.8rem,3.4vw,3rem)}
@media(max-width:980px){.generated-page .summary,.generated-page .fuel-grid,.generated-page .cards-3,.generated-page .cards-2,.generated-page .table-grid,.generated-page .metric-grid,.generated-page .station-grid{grid-template-columns:1fr}.generated-page .trend{grid-template-columns:auto auto}.postcode-row{grid-template-columns:1fr}.postcode-row .btn{width:100%}}


/* Generated page typography fix */
.generated-page h1{max-width:980px}
.generated-page .hero{padding-top:58px}
.generated-page .hero .lead{max-width:860px}
@media(max-width:650px){.generated-page h1{font-size:clamp(2.3rem,12vw,3.6rem)}}


.hero-store-badges{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;z-index:4}.store-badge-link{display:inline-flex;transition:transform .18s ease,filter .18s ease}.store-badge-link:hover{transform:translateY(-2px);filter:brightness(1.08)}.store-badge-link img{height:56px;width:auto;max-width:188px}.feature-icon{width:56px;height:56px;margin-bottom:15px;filter:drop-shadow(0 18px 34px rgba(49,229,197,.16))}.feature .icon{display:none}.phone-main{object-fit:cover}.mini-shot{object-fit:cover}.screenshot-section .shot-card img{object-position:top center}.panel h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.06em;margin:8px 0 14px}.legal-page .wrap.page-wrap{max-width:1040px;padding-top:34px}.legal-page .legal-hero{padding:34px 0 18px}.legal-page .legal-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);max-width:900px}.legal-page .legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.legal-page .legal-meta span,.legal-page .badge{font-size:.82rem;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--muted);font-weight:850}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start;margin:16px 0 64px}.toc{position:sticky;top:94px;border:1px solid var(--line);border-radius:20px;background:var(--panel2);box-shadow:var(--softShadow);padding:14px}.toc h2{font-size:.78rem;color:var(--teal2);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.toc a{display:block;color:var(--muted);padding:9px 10px;border-radius:12px;font-weight:800}.toc a:hover{background:rgba(255,255,255,.045);color:var(--ink)}.policy{display:grid;gap:14px}.policy-section{border:1px solid var(--line);border-radius:22px;background:var(--panel2);box-shadow:var(--softShadow);padding:22px}.policy-section h2,.policy-section h3{margin:0 0 10px;font-size:1.15rem}.policy-section p,.policy-section li{color:var(--muted);line-height:1.7}.policy-section a{text-decoration:underline;text-decoration-color:rgba(49,229,197,.45);text-underline-offset:3px}.callout{border:1px solid rgba(49,229,197,.24);background:rgba(49,229,197,.08);border-radius:16px;padding:14px;color:var(--teal2);font-weight:850;margin:12px 0}.faq-grid{display:grid;gap:14px}.faq-item{border:1px solid var(--line);border-radius:22px;background:var(--panel2);box-shadow:var(--softShadow);padding:22px}.faq-item h2{margin:0 0 10px;font-size:1.15rem}.faq-item p{margin:0;color:var(--muted);line-height:1.7}@media(max-width:980px){.legal-layout{grid-template-columns:1fr}.toc{position:relative;top:auto}.hero-store-badges{position:relative;left:auto;right:auto;bottom:auto;margin:18px auto 0}.phone-stage{padding-bottom:20px}.store-badge-link img{height:50px}}@media(max-width:650px){.store-badges,.store-buttons,.hero-store-badges{justify-content:flex-start}.store-badge-link img{height:48px}.phone-main{width:min(78%,310px)}.mini-shot{display:none}.legal-page .wrap.page-wrap{padding-left:18px;padding-right:18px}.legal-layout{margin-bottom:42px}}


.store-badge-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  transform:translateZ(0);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .2s ease;
  will-change:transform;
}
.store-badge-link img{height:42px;width:auto;max-width:none;display:block}
.store-badge-link:hover{
  transform:translateY(-3px) scale(1.035);
  filter:brightness(1.08);
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}
.store-badge-link:active{transform:translateY(-1px) scale(1.015)}
.hero-store-badges{gap:12px;align-items:center}
.download-card .store-buttons{align-items:center}

.device-frame{
  position:relative;
  display:block;
  border-radius:34px;
  padding:10px;
  background:linear-gradient(145deg,#0c121c,#03060a 55%,#151b25);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 32px 90px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.08);
  overflow:hidden;
}
.device-frame:before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
  z-index:3;
}
.device-speaker{
  position:absolute;
  top:16px;
  left:50%;
  width:74px;
  height:18px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(0,0,0,.78);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  z-index:4;
}
.device-frame img,
.device-frame .phone-main,
.device-frame .mini-shot{
  position:static!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:100%!important;
  display:block;
  object-fit:cover;
  object-position:top center;
  border:0!important;
  border-radius:25px!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}
.hero-device{
  position:absolute;
  left:52%;
  top:48%;
  width:min(74%,338px);
  height:590px;
  transform:translate(-50%,-50%);
  animation:deviceFloat 6.5s ease-in-out infinite alternate;
  z-index:2;
}
@keyframes deviceFloat{from{transform:translate(-50%,-50%) rotate(-.8deg)}to{transform:translate(-50%,-53%) rotate(1deg)}}
.mini-device{position:absolute;width:142px;height:292px;padding:6px;border-radius:22px;z-index:1;opacity:.95}
.mini-device:before{inset:3px;border-radius:19px}.mini-device .device-speaker{top:9px;width:42px;height:10px}.mini-device img{border-radius:17px!important}
.mini-a{left:3%;top:4%;transform:rotate(-7deg)}.mini-b{right:1%;top:12%;transform:rotate(7deg)}.mini-c{left:4%;bottom:12%;transform:rotate(-5deg)}
.gallery-device{width:min(100%,235px);height:480px;margin:18px auto 4px;padding:8px;border-radius:32px;background:linear-gradient(145deg,#0c121c,#02050a 58%,#141c29)}
.gallery-device .device-speaker{top:14px;width:62px;height:15px}.gallery-device img{border-radius:24px!important}
.shot-card{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.shot-card:hover{transform:translateY(-4px);border-color:rgba(49,229,197,.26);box-shadow:0 26px 70px rgba(0,0,0,.36)}.shot-card .device-frame{border-bottom:1px solid rgba(255,255,255,.08)}.shot-card>img{display:none}
@media(max-width:980px){.hero-device{position:relative;left:auto;top:auto;transform:none;animation:none;margin:18px auto 0;width:min(76%,330px);height:560px}.hero-store-badges{position:relative;left:auto;right:auto;bottom:auto;margin:18px auto 0}.mini-device{display:none}.phone-stage{min-height:auto;padding:24px 0 20px}.store-badge-link img{height:40px}.gallery-device{height:440px}}
@media(max-width:650px){.store-badge-link img{height:38px}.hero-store-badges,.store-buttons{justify-content:center}.hero-device{width:min(84%,310px);height:540px}.gallery-device{height:430px;width:min(88%,250px)}}
@media(prefers-reduced-motion:reduce){.store-badge-link,.shot-card{transition:none}.hero-device{animation:none}.store-badge-link:hover,.shot-card:hover{transform:none}}

.phone-stage.phone-stage-single{
  min-height:680px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:28px 0 24px;
}
.phone-stage-single .mini-device,
.phone-stage-single .mini-shot{display:none!important}
.phone-stage-single .hero-device.hero-carousel{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  animation:none!important;
  margin:0 auto!important;
  width:min(68%,318px)!important;
  height:auto!important;
  aspect-ratio:917 / 1845!important;
  overflow:hidden!important;
}
.hero-carousel.device-frame{padding:10px!important}
.hero-carousel .device-speaker{top:14px;width:68px;height:16px}
.hero-carousel .carousel-shot{
  position:absolute!important;
  inset:10px!important;
  width:calc(100% - 20px)!important;
  height:calc(100% - 20px)!important;
  max-width:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:25px!important;
  box-shadow:none!important;
  transform:none!important;
  background:#05070b;
  opacity:0;
  animation:heroCarouselFade 28s infinite ease-in-out both;
}
.hero-carousel .carousel-shot:nth-of-type(1){animation-delay:0s}
.hero-carousel .carousel-shot:nth-of-type(2){animation-delay:7s}
.hero-carousel .carousel-shot:nth-of-type(3){animation-delay:14s}
.hero-carousel .carousel-shot:nth-of-type(4){animation-delay:21s}
@keyframes heroCarouselFade{
  0%,20%{opacity:1}
  25%,95%{opacity:0}
  100%{opacity:1}
}
.phone-stage-single .hero-store-badges{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  display:flex!important;
  justify-content:center;
  align-items:center;
  gap:12px;
  z-index:5;
}
.gallery-device{height:auto!important;aspect-ratio:917 / 1845!important;overflow:hidden!important}
.gallery-device img{object-fit:contain!important;object-position:center center!important;background:#05070b!important}
.shot-card .device-frame{border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:980px){
  .phone-stage.phone-stage-single{min-height:auto;padding:24px 0 22px}
  .phone-stage-single .hero-device.hero-carousel{width:min(72%,305px)!important}
}
@media(max-width:650px){
  .phone-stage-single .hero-device.hero-carousel{width:min(82%,292px)!important}
  .phone-stage-single .hero-store-badges{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .hero-carousel .carousel-shot{animation:none!important;opacity:0!important}
  .hero-carousel .carousel-shot:first-of-type{opacity:1!important}
}


.phone-stage.phone-stage-single{
  min-height:680px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:28px 0 24px;
}
.phone-stage-single .hero-device.hero-carousel{
  position:relative!important;
  display:block!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  animation:none!important;
  margin:0 auto!important;
  width:min(70%,330px)!important;
  height:auto!important;
  aspect-ratio:917 / 1845!important;
  overflow:hidden!important;
  isolation:isolate;
  background:linear-gradient(145deg,#0c121c,#03060a 55%,#151b25)!important;
}
.hero-carousel.device-frame{padding:10px!important}
.hero-carousel.device-frame::before{z-index:5!important;pointer-events:none!important}
.hero-carousel .device-speaker{top:14px;width:68px;height:16px;z-index:7!important}
.hero-carousel .carousel-shot{
  position:absolute!important;
  inset:10px!important;
  width:calc(100% - 20px)!important;
  height:calc(100% - 20px)!important;
  max-width:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:25px!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  background:#05070b!important;
  opacity:0!important;
  z-index:1!important;
  transition:opacity 900ms ease!important;
  pointer-events:none;
}
.hero-carousel .carousel-shot:first-of-type,
.hero-carousel .carousel-shot.is-active{
  opacity:1!important;
  z-index:2!important;
}
.hero-store-badges,
.download-card .store-buttons{
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.phone-stage-single .hero-store-badges{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  justify-content:center!important;
  z-index:8!important;
}
.store-badge-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  transform:translateZ(0)!important;
  transition:transform .22s cubic-bezier(.2,.85,.25,1.2),filter .22s ease,box-shadow .22s ease!important;
  will-change:transform;
}
.store-badge-link img{
  display:block!important;
  height:46px!important;
  width:auto!important;
  max-width:none!important;
}
.store-badge-link:hover{
  transform:translateY(-3px) scale(1.045)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.32)!important;
}
.store-badge-link:active{transform:translateY(-1px) scale(1.018)!important}
.feature-icon{width:58px!important;height:58px!important;object-fit:contain!important;border:0!important;box-shadow:none!important;background:transparent!important}
@media(max-width:980px){
  .phone-stage.phone-stage-single{min-height:auto;padding:24px 0 22px}
  .phone-stage-single .hero-device.hero-carousel{width:min(74%,315px)!important}
  .store-badge-link img{height:42px!important}
}
@media(max-width:650px){
  .phone-stage-single .hero-device.hero-carousel{width:min(84%,292px)!important}
  .phone-stage-single .hero-store-badges,.store-buttons{justify-content:center!important}
  .store-badge-link img{height:40px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-carousel .carousel-shot{transition:none!important}
  .store-badge-link{transition:none!important}
  .store-badge-link:hover{transform:none!important;filter:none!important;box-shadow:none!important}
}


.hero-carousel .carousel-shot{
  opacity:0!important;
  z-index:1!important;
  transition:opacity 950ms ease-in-out!important;
  will-change:opacity;
}
.hero-carousel .carousel-shot:first-of-type{
  opacity:0!important;
  z-index:1!important;
}
.hero-carousel:not(.carousel-ready) .carousel-shot:first-of-type,
.hero-carousel .carousel-shot.is-active{
  opacity:1!important;
  z-index:2!important;
}
@media(prefers-reduced-motion:reduce){
  .hero-carousel .carousel-shot{transition:none!important}
  .hero-carousel .carousel-shot:first-of-type{opacity:1!important;z-index:2!important}
  .hero-carousel .carousel-shot:not(:first-of-type){opacity:0!important;z-index:1!important}
}

.smart-mode-section .smart-mode-grid{align-items:stretch}
.smart-copy-panel h2{font-size:clamp(2rem,4vw,3.4rem)}
.smart-copy-panel p{font-size:1.02rem;line-height:1.72}
.smart-decision-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(12,27,46,.86),rgba(6,13,24,.74))!important}
.smart-decision-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(420px 260px at 80% 0,rgba(49,229,197,.14),transparent 62%),radial-gradient(480px 300px at 12% 88%,rgba(127,195,255,.12),transparent 62%);pointer-events:none;z-index:0}
.smart-decision-panel>*{position:relative;z-index:1}
.decision-label{display:inline-flex!important;width:max-content;margin:0 0 6px!important;padding:5px 9px;border-radius:999px;border:1px solid rgba(166,193,224,.18);background:rgba(255,255,255,.045);color:var(--teal2)!important;font-size:.72rem!important;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.decision-note{margin:0;color:var(--muted);font-size:.95rem;line-height:1.62}
.near-best-skip-figure{margin:6px 0 0;border-radius:22px;border:1px solid rgba(166,193,224,.14);background:radial-gradient(420px 220px at 42% 38%,rgba(49,229,197,.1),transparent 62%),rgba(255,255,255,.025);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.near-best-skip-figure img{display:block;width:100%;height:auto;padding:10px 12px 0;filter:drop-shadow(0 22px 52px rgba(49,229,197,.16))}
.near-best-skip-figure figcaption{display:grid;gap:4px;padding:0 18px 18px;color:var(--muted);line-height:1.5}
.near-best-skip-figure figcaption span{color:var(--teal2);font-size:.74rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.near-best-skip-figure figcaption strong{color:var(--ink);font-size:1.05rem;letter-spacing:-.025em}
@media(max-width:650px){.near-best-skip-figure img{padding:8px 8px 0}.near-best-skip-figure figcaption{padding:0 14px 16px}}

.near-best-skip-figure{margin:16px 0 0;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.near-best-skip-figure img.smart-best-stop-visual{display:block;width:min(100%,640px);height:auto;margin:0 auto;padding:0;filter:drop-shadow(0 18px 40px rgba(7,20,35,.4)) drop-shadow(0 0 40px rgba(49,229,197,.12))}
@media(max-width:650px){.near-best-skip-figure{margin-top:14px}.near-best-skip-figure img.smart-best-stop-visual{width:100%}}


.smart-route-visual-section{
  padding:18px 0 18px;
}
.smart-route-visual{
  margin:0 auto;
  max-width:1040px;
  border:0;
  background:transparent;
  overflow:visible;
  position:relative;
}
.smart-route-visual::before{
  content:"";
  position:absolute;
  inset:18% 8% 4%;
  border-radius:999px;
  background:radial-gradient(closest-side, rgba(49,229,197,.16), rgba(127,195,255,.08), transparent 72%);
  filter:blur(22px);
  opacity:.75;
  pointer-events:none;
}
.smart-route-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:min(100%,1040px);
  height:auto;
  margin:0 auto;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.34)) drop-shadow(0 0 48px rgba(49,229,197,.10));
}
@media(max-width:980px){
  .smart-route-visual-section{padding:8px 0 10px}
  .smart-route-visual img{width:112%;max-width:none;margin-left:-6%}
}
@media(max-width:650px){
  .smart-route-visual-section{padding:0 0 4px}
  .smart-route-visual img{width:126%;margin-left:-13%}
}

.visual-story-section{padding-top:34px;padding-bottom:46px;position:relative}
.visual-story-section:before,.insight-visual-section:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 44px));height:1px;top:0;background:linear-gradient(90deg,transparent,rgba(49,229,197,.24),rgba(127,195,255,.18),transparent);pointer-events:none}
.visual-story-head{align-items:flex-end}
.promo-strip{display:grid;grid-template-columns:1.08fr .92fr .92fr;gap:16px;align-items:center}
.promo-card{position:relative;overflow:hidden;border:1px solid rgba(166,193,224,.16);border-radius:30px;background:linear-gradient(180deg,rgba(9,19,34,.88),rgba(4,10,18,.78));box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);min-height:560px;isolation:isolate;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.promo-card-large{min-height:640px}
.promo-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(460px 300px at 50% 15%,rgba(49,229,197,.10),transparent 64%),radial-gradient(520px 380px at 80% 72%,rgba(127,195,255,.10),transparent 62%);pointer-events:none;z-index:1}
.promo-card img{position:relative;z-index:2;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center top;filter:saturate(1.04) contrast(1.02)}
.promo-card:hover{transform:translateY(-4px);border-color:rgba(49,229,197,.34);box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 48px rgba(49,229,197,.08)}
.smart-route-promo{max-width:620px!important;border-radius:34px!important;padding:0!important}
.smart-route-promo:before{inset:10% 0 8%!important;background:radial-gradient(closest-side,rgba(49,229,197,.18),rgba(127,195,255,.10),transparent 72%)!important;filter:blur(34px)!important}
.smart-route-promo img{width:min(100%,620px)!important;border-radius:34px!important;box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 56px rgba(49,229,197,.11)!important}
.insight-visual-section{padding-top:62px;padding-bottom:56px;position:relative}
.insight-visual-grid{display:grid;grid-template-columns:.9fr .78fr .78fr;gap:16px;align-items:center}
.insight-copy{padding:30px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(12,27,46,.84),rgba(6,13,24,.74))!important}
.insight-copy:before{content:"";position:absolute;inset:-1px;background:radial-gradient(520px 340px at 18% 10%,rgba(49,229,197,.12),transparent 60%),radial-gradient(440px 300px at 84% 88%,rgba(127,195,255,.11),transparent 60%);pointer-events:none}
.insight-copy>*{position:relative;z-index:1}
.insight-copy h2{margin:9px 0 12px;font-size:clamp(2rem,4vw,3.35rem);line-height:.98;letter-spacing:-.06em}
.insight-poster{position:relative;overflow:hidden;margin:0;border-radius:32px;border:1px solid rgba(166,193,224,.16);background:rgba(7,14,25,.84);box-shadow:0 24px 80px rgba(0,0,0,.36)}
.insight-poster img{width:100%;height:620px;object-fit:cover;object-position:center top;filter:saturate(1.04) contrast(1.02)}
.insight-poster-main{transform:translateY(-18px)}
.insight-poster:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.02);pointer-events:none}
@media(max-width:1050px){.promo-strip{grid-template-columns:1fr 1fr}.promo-card-large{grid-column:1/-1;min-height:560px}.promo-card{min-height:560px}.insight-visual-grid{grid-template-columns:1fr 1fr}.insight-copy{grid-column:1/-1}.insight-poster img{height:560px}.insight-poster-main{transform:none}}
@media(max-width:760px){.visual-story-section,.insight-visual-section{padding-top:36px;padding-bottom:36px}.promo-strip,.insight-visual-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 22px 8px;margin:0 -22px}.promo-card,.promo-card-large,.insight-copy,.insight-poster{flex:0 0 min(84vw,360px);min-height:auto;scroll-snap-align:center}.promo-card img{height:auto;min-height:auto;aspect-ratio:941/1672;object-fit:cover}.insight-poster img{height:auto;aspect-ratio:941/1672;object-fit:cover}.insight-copy{min-height:420px;display:flex;flex-direction:column;justify-content:center}.smart-route-promo{max-width:390px!important}.smart-route-promo img{width:100%!important}.smart-route-visual-section{padding:18px 0 24px!important}}
@media(max-width:520px){.promo-card,.promo-card-large,.insight-copy,.insight-poster{flex-basis:86vw;border-radius:26px}.insight-copy{padding:24px}.visual-story-head{display:block}.promo-strip,.insight-visual-grid{padding-bottom:12px}.promo-card:hover{transform:none}}

.hero-redesign{padding:42px 0 34px!important;position:relative!important;}
.hero-redesign .wrap{max-width:1460px!important;}
.hero-redesign-shell{
  position:relative;overflow:hidden;border-radius:42px;border:1px solid rgba(166,193,224,.16);
  background:
    radial-gradient(900px 520px at 78% 34%,rgba(49,229,197,.18),transparent 62%),
    radial-gradient(780px 520px at 6% 2%,rgba(127,195,255,.13),transparent 58%),
    linear-gradient(180deg,rgba(5,15,28,.95),rgba(5,13,24,.9));
  box-shadow:0 32px 120px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);
  min-height:720px;
}
.hero-redesign-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;
  background:
    radial-gradient(520px 220px at 91% 60%,rgba(49,229,197,.16),transparent 68%),
    linear-gradient(120deg,transparent 0 48%,rgba(49,229,197,.08) 50%,transparent 57%);
}
.hero-redesign-shell:after{
  content:"";position:absolute;right:-4%;bottom:-18%;width:52%;height:42%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(49,229,197,.22),rgba(49,229,197,.07),transparent 72%);filter:blur(34px);opacity:.65;
}
.hero-redesign-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.12fr);gap:18px;align-items:center;padding:48px 56px 132px;min-height:720px;}
.hero-copy{max-width:620px;}
.hero-app-icon{width:118px;height:118px;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 42px rgba(49,229,197,.12);margin-bottom:38px;}
.hero-kicker{color:var(--teal2);font-weight:950;letter-spacing:.28em;text-transform:uppercase;font-size:.86rem;margin-bottom:28px;}
.hero-redesign h1{max-width:11ch;margin:0 0 22px;font-size:clamp(3.15rem,6.2vw,5.85rem);line-height:.94;letter-spacing:-.075em;}
.hero-redesign .lead{font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.58;color:#d6e1ed;max-width:58ch;}
.hero-feature-pills{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.hero-feature-pills span{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:999px;border:1px solid rgba(49,229,197,.38);background:rgba(3,12,22,.54);color:#f5fbff;font-size:1rem;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 42px rgba(0,0,0,.18);backdrop-filter:blur(14px);}
.hero-feature-pills img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(49,229,197,.38));}
.hero-store-badges-redesign{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin-top:32px!important;position:relative!important;z-index:10!important;}
.hero-store-badges-redesign .store-badge-link{position:relative;z-index:11;}
.hero-store-badges-redesign .store-badge-link img{height:47px!important;}
.hero-visual{position:absolute;z-index:1;right:-30px;top:-6px;width:min(58vw,920px);height:760px;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:none;}
.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:right top;filter:drop-shadow(0 38px 80px rgba(0,0,0,.5));}
.hero-bottom-proof{position:absolute;z-index:3;left:56px;right:56px;bottom:34px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(166,193,224,.15);border-radius:24px;background:rgba(7,20,35,.72);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden;}
.hero-bottom-proof div{display:grid;grid-template-columns:46px 1fr;column-gap:14px;align-items:center;padding:22px 26px;border-right:1px solid rgba(166,193,224,.12);}
.hero-bottom-proof div:last-child{border-right:0;}
.hero-bottom-proof img{grid-row:1/3;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(49,229,197,.28));}
.hero-bottom-proof strong{display:block;font-size:1.04rem;letter-spacing:-.02em;}
.hero-bottom-proof span{display:block;color:var(--muted);font-size:.92rem;margin-top:2px;line-height:1.35;}
.compact-search-section{padding:34px 0 42px!important;}
.compact-search-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:center;border:1px solid rgba(166,193,224,.14);border-radius:28px;background:linear-gradient(180deg,rgba(9,19,34,.78),rgba(7,15,27,.62));box-shadow:var(--softShadow);padding:24px!important;}
.compact-search-grid h2{margin:6px 0 8px;font-size:clamp(1.8rem,3.5vw,3.1rem);line-height:1;letter-spacing:-.06em;}
.compact-search-grid p{margin:0;color:var(--muted);line-height:1.62;}
.compact-postcode-search{margin:0!important;max-width:none!important;background:rgba(255,255,255,.035)!important;}
.story-section{position:relative;padding:58px 0!important;}
.story-section:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1180px,calc(100% - 44px));height:1px;background:linear-gradient(90deg,transparent,rgba(49,229,197,.22),rgba(127,195,255,.15),transparent);}
.story-section-tight{padding-top:42px!important;padding-bottom:42px!important;}
.story-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:30px;align-items:center;}
.story-row.reverse{grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);}
.story-row.reverse .story-card{order:1;}
.story-row.reverse .story-visual{order:2;}
.story-visual{position:relative;margin:0;border-radius:38px;min-height:520px;display:grid;place-items:center;overflow:visible;background:radial-gradient(520px 330px at 50% 50%,rgba(49,229,197,.13),rgba(127,195,255,.045),transparent 70%);}
.story-visual:before{content:"";position:absolute;inset:10% 6%;border-radius:999px;background:radial-gradient(closest-side,rgba(49,229,197,.16),transparent 72%);filter:blur(32px);opacity:.72;pointer-events:none;}
.story-visual img{position:relative;z-index:1;width:min(112%,860px);max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 30px 75px rgba(0,0,0,.35)) drop-shadow(0 0 34px rgba(49,229,197,.08));}
.story-visual-wide img{width:min(110%,820px);}
.station-visual img{width:min(116%,900px);}
.phone-alert-visual img{width:min(112%,820px);}
.car-visual img{width:min(110%,820px);}
.story-card{position:relative;overflow:hidden;border-radius:34px!important;padding:42px!important;background:linear-gradient(180deg,rgba(12,27,46,.88),rgba(6,13,24,.72))!important;}
.story-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(520px 340px at 18% 0,rgba(49,229,197,.12),transparent 62%),radial-gradient(440px 300px at 86% 92%,rgba(127,195,255,.10),transparent 64%);pointer-events:none;}
.story-card>*{position:relative;z-index:1;}
.story-card h2{margin:10px 0 18px;font-size:clamp(2.25rem,4.7vw,4.25rem);line-height:.96;letter-spacing:-.07em;}
.story-card p{font-size:1.05rem;line-height:1.72;color:#b9c8d8;}
.story-metric{margin-top:24px;border:1px solid rgba(49,229,197,.25);border-radius:24px;background:linear-gradient(135deg,rgba(49,229,197,.12),rgba(127,195,255,.055));padding:22px;}
.story-metric span{display:block;color:var(--teal2);font-size:.78rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.story-metric strong{display:block;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1;letter-spacing:-.06em;color:#efffff;}
.story-metric em{display:block;margin-top:9px;font-style:normal;color:var(--muted);line-height:1.45;}
.stats-section{padding-top:44px!important;}
@media(max-width:1180px){
  .hero-redesign-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);padding:42px 38px 126px;}
  .hero-visual{right:-90px;width:min(64vw,820px);}
  .hero-bottom-proof{left:38px;right:38px;}
  .hero-redesign h1{font-size:clamp(3rem,6vw,5.1rem);}
  .story-row,.story-row.reverse{grid-template-columns:1fr 1fr;gap:22px;}
  .story-card{padding:34px!important;}
}
@media(max-width:980px){
  .hero-redesign-shell{min-height:auto;border-radius:32px;}
  .hero-redesign-grid{display:flex;flex-direction:column;align-items:flex-start;padding:34px 28px 0;min-height:auto;}
  .hero-copy{max-width:700px;}
  .hero-app-icon{width:88px;height:88px;border-radius:22px;margin-bottom:26px;}
  .hero-visual{position:relative;right:auto;top:auto;width:112%;height:auto;margin:10px -6% -20px;align-self:center;}
  .hero-visual img{width:100%;height:auto;}
  .hero-bottom-proof{position:relative;left:auto;right:auto;bottom:auto;margin:0 22px 24px;grid-template-columns:1fr;}
  .hero-bottom-proof div{border-right:0;border-bottom:1px solid rgba(166,193,224,.12);padding:18px 20px;}
  .hero-bottom-proof div:last-child{border-bottom:0;}
  .compact-search-grid{grid-template-columns:1fr;}
  .story-row,.story-row.reverse{display:flex;flex-direction:column;gap:12px;}
  .story-row.reverse .story-card,.story-row.reverse .story-visual{order:initial;}
  .story-visual{width:100%;min-height:auto;padding:8px 0;}
  .story-visual img{width:min(108%,820px);}
  .station-visual img,.phone-alert-visual img,.car-visual img{width:min(112%,820px);}
}
@media(max-width:760px){
  .hero-redesign{padding:24px 0 24px!important;}
  .hero-redesign .wrap{padding:0 14px!important;}
  .hero-redesign-shell{border-radius:28px;}
  .hero-redesign-grid{padding:28px 20px 0;}
  .hero-kicker{font-size:.72rem;letter-spacing:.18em;margin-bottom:18px;}
  .hero-redesign h1{font-size:clamp(2.7rem,14vw,4.2rem);}
  .hero-feature-pills{gap:9px;margin-top:22px;}
  .hero-feature-pills span{padding:10px 13px;font-size:.9rem;}
  .hero-feature-pills img{width:20px;height:20px;}
  .hero-store-badges-redesign{justify-content:flex-start!important;gap:10px!important;margin-top:24px!important;}
  .hero-store-badges-redesign .store-badge-link img{height:40px!important;}
  .hero-visual{width:126%;margin-left:-13%;margin-right:-13%;}
  .compact-search-section{padding:18px 0 28px!important;}
  .compact-search-grid{border-radius:22px;padding:18px!important;}
  .story-section,.story-section-tight{padding:34px 0!important;}
  .story-card{border-radius:26px!important;padding:26px!important;}
  .story-card h2{font-size:clamp(2.05rem,10vw,3.2rem);}
  .story-visual img{width:124%;}
  .station-visual img{width:132%;}
  .phone-alert-visual img{width:128%;}
  .car-visual img{width:128%;}
}
@media(max-width:480px){
  .hero-store-badges-redesign .store-badge-link img{height:37px!important;}
  .hero-bottom-proof{margin:0 14px 18px;}
  .hero-bottom-proof div{grid-template-columns:38px 1fr;padding:16px;}
  .hero-bottom-proof img{width:28px;height:28px;}
}


html{background:#06101d!important;}
body{
  background:
    radial-gradient(1000px 620px at 82% 4%,rgba(35,255,232,.18),transparent 58%),
    radial-gradient(900px 680px at 7% 18%,rgba(45,126,174,.14),transparent 58%),
    radial-gradient(780px 620px at 78% 72%,rgba(49,229,197,.10),transparent 64%),
    linear-gradient(180deg,#061322 0%,#071725 44%,#06101d 100%)!important;
}
body:before{opacity:.12!important;mix-blend-mode:screen;}
main{position:relative;overflow:hidden;}
main:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 320px at 72% 18%,rgba(49,229,197,.11),transparent 72%),
    radial-gradient(760px 380px at 26% 48%,rgba(127,195,255,.08),transparent 76%),
    radial-gradient(620px 300px at 78% 84%,rgba(49,229,197,.08),transparent 78%);
  opacity:.9;
  z-index:0;
}
main>section{position:relative;z-index:1;}
.hero-redesign-shell{
  border-color:rgba(92,240,224,.18)!important;
  background:
    radial-gradient(900px 540px at 78% 28%,rgba(49,229,197,.20),transparent 64%),
    radial-gradient(780px 480px at 6% 5%,rgba(127,195,255,.12),transparent 60%),
    linear-gradient(180deg,rgba(4,15,27,.94),rgba(5,13,24,.84))!important;
  box-shadow:0 42px 140px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.hero-redesign-shell:before{
  opacity:.7!important;
  background:
    radial-gradient(680px 280px at 88% 58%,rgba(49,229,197,.18),transparent 72%),
    radial-gradient(640px 280px at 62% 22%,rgba(127,195,255,.08),transparent 70%),
    linear-gradient(120deg,transparent 0 44%,rgba(49,229,197,.07) 50%,transparent 58%)!important;
}
.hero-visual{
  right:-6px!important;
  top:14px!important;
  width:min(55vw,860px)!important;
  height:720px!important;
  align-items:center!important;
  isolation:isolate;
  -webkit-mask-image:radial-gradient(ellipse at 58% 48%,#000 58%,rgba(0,0,0,.82) 75%,transparent 100%);
  mask-image:radial-gradient(ellipse at 58% 48%,#000 58%,rgba(0,0,0,.82) 75%,transparent 100%);
}
.hero-visual:before{
  content:"";
  position:absolute;
  inset:8% -4% 4% 2%;
  z-index:0;
  border-radius:50%;
  background:radial-gradient(closest-side,rgba(49,229,197,.18),rgba(49,229,197,.07),transparent 74%);
  filter:blur(38px);
  opacity:.85;
}
.hero-visual img{
  position:relative;
  z-index:1;
  object-position:right center!important;
  filter:drop-shadow(0 44px 92px rgba(0,0,0,.48)) drop-shadow(0 0 34px rgba(49,229,197,.13))!important;
}
.story-section{overflow:hidden;padding:68px 0!important;background:transparent!important;}
.story-section:before{
  width:min(1240px,calc(100% - 44px))!important;
  background:linear-gradient(90deg,transparent,rgba(49,229,197,.18),rgba(127,195,255,.10),transparent)!important;
}
.story-section:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:min(980px,80vw);height:520px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  opacity:.42;
  background:radial-gradient(closest-side,rgba(49,229,197,.075),rgba(17,78,105,.045),transparent 78%);
  filter:blur(20px);
}
.story-row{position:relative;z-index:2;gap:clamp(8px,2.2vw,26px)!important;isolation:isolate;}
.story-card{
  z-index:3;
  border-color:rgba(166,193,224,.17)!important;
  background:
    radial-gradient(520px 300px at 18% 0,rgba(49,229,197,.12),transparent 64%),
    linear-gradient(180deg,rgba(12,27,46,.76),rgba(6,13,24,.62))!important;
  box-shadow:0 26px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px)!important;
}
.story-row:not(.reverse) .story-card{margin-left:-26px;}
.story-row.reverse .story-card{margin-right:-26px;}
.story-visual{
  z-index:1;
  min-height:540px!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  isolation:isolate;
  transform:translateZ(0);
}
.story-visual:before{
  content:"";
  position:absolute;
  inset:-14% -18%;
  z-index:0;
  border-radius:50%;
  background:
    radial-gradient(closest-side,rgba(49,229,197,.20),rgba(49,229,197,.075),transparent 72%),
    radial-gradient(closest-side at 42% 58%,rgba(127,195,255,.12),transparent 66%);
  filter:blur(38px);
  opacity:.88;
  pointer-events:none;
}
.story-visual:after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:7%;height:26%;
  z-index:0;
  border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,0,0,.52),rgba(0,0,0,.22),transparent 72%);
  filter:blur(28px);
  opacity:.8;
  pointer-events:none;
}
.story-visual img{
  position:relative;
  z-index:2;
  filter:drop-shadow(0 38px 82px rgba(0,0,0,.38)) drop-shadow(0 0 42px rgba(49,229,197,.12))!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 58%,rgba(0,0,0,.86) 76%,transparent 100%);
  mask-image:radial-gradient(ellipse at 50% 50%,#000 58%,rgba(0,0,0,.86) 76%,transparent 100%);
}
.story-visual-wide img{width:min(118%,890px)!important;}
.station-visual img{width:min(126%,960px)!important;}
.phone-alert-visual img{width:min(116%,850px)!important;}
.car-visual img{width:min(120%,900px)!important;}
.story-row:not(.reverse) .story-visual img{transform:translateX(-1.5%);}
.story-row.reverse .story-visual img{transform:translateX(1.5%);}
.station-visual img,.car-visual img{
  -webkit-mask-image:radial-gradient(ellipse at 52% 56%,#000 55%,rgba(0,0,0,.82) 73%,transparent 100%);
  mask-image:radial-gradient(ellipse at 52% 56%,#000 55%,rgba(0,0,0,.82) 73%,transparent 100%);
}
.compact-search-grid,.stats-band>*,.feature,.panel,.download-card{
  backdrop-filter:blur(16px);
}
@media(max-width:1180px){
  .hero-visual{right:-80px!important;width:min(64vw,820px)!important;}
  .story-row:not(.reverse) .story-card{margin-left:-18px;}
  .story-row.reverse .story-card{margin-right:-18px;}
  .story-visual{min-height:500px!important;}
}
@media(max-width:980px){
  .hero-visual{position:relative!important;right:auto!important;top:auto!important;width:112%!important;height:auto!important;margin:8px -6% -24px!important;}
  .hero-visual img{width:100%!important;height:auto!important;}
  .story-row:not(.reverse) .story-card,.story-row.reverse .story-card{margin-left:0!important;margin-right:0!important;}
  .story-visual{min-height:auto!important;padding:10px 0 0!important;}
  .story-visual:before{inset:-20% -18%;filter:blur(34px);}
  .story-visual:after{bottom:2%;height:24%;}
  .story-visual img{width:min(112%,820px)!important;}
  .station-visual img,.phone-alert-visual img,.car-visual img{width:min(118%,820px)!important;}
}
@media(max-width:760px){
  .story-section,.story-section-tight{padding:42px 0!important;}
  .hero-visual{width:128%!important;margin-left:-14%!important;margin-right:-14%!important;}
  .story-visual img{width:126%!important;}
  .station-visual img{width:136%!important;}
  .phone-alert-visual img{width:130%!important;}
  .car-visual img{width:130%!important;}
}

.story-visual:before{
  opacity:1!important;
  background:
    radial-gradient(closest-side,rgba(49,229,197,.24),rgba(49,229,197,.085),transparent 74%),
    radial-gradient(closest-side at 42% 58%,rgba(127,195,255,.13),transparent 68%)!important;
}
.story-visual img{
  -webkit-mask-image:radial-gradient(ellipse 88% 76% at 50% 52%,#000 54%,rgba(0,0,0,.82) 74%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 88% 76% at 50% 52%,#000 54%,rgba(0,0,0,.82) 74%,transparent 100%)!important;
}
.story-visual-wide img{
  -webkit-mask-image:radial-gradient(ellipse 86% 74% at 50% 52%,#000 52%,rgba(0,0,0,.78) 72%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 86% 74% at 50% 52%,#000 52%,rgba(0,0,0,.78) 72%,transparent 100%)!important;
}
.station-visual img{
  -webkit-mask-image:radial-gradient(ellipse 90% 78% at 56% 56%,#000 54%,rgba(0,0,0,.78) 73%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 90% 78% at 56% 56%,#000 54%,rgba(0,0,0,.78) 73%,transparent 100%)!important;
}
.car-visual img{
  -webkit-mask-image:radial-gradient(ellipse 88% 74% at 56% 56%,#000 50%,rgba(0,0,0,.76) 70%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 88% 74% at 56% 56%,#000 50%,rgba(0,0,0,.76) 70%,transparent 100%)!important;
}
.phone-alert-visual img{
  -webkit-mask-image:radial-gradient(ellipse 86% 82% at 50% 52%,#000 60%,rgba(0,0,0,.86) 78%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 86% 82% at 50% 52%,#000 60%,rgba(0,0,0,.86) 78%,transparent 100%)!important;
}

.hero-visual,
.hero-visual img,
.story-visual img,
.story-visual-wide img,
.station-visual img,
.car-visual img,
.phone-alert-visual img{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
}
.story-visual:before{
  opacity:.78!important;
  filter:blur(36px)!important;
}
.story-visual:after{
  opacity:.62!important;
  filter:blur(26px)!important;
}
.hero-visual:before{
  opacity:.7!important;
  filter:blur(34px)!important;
}

.hero-redesign{
  padding-top:34px!important;
}
.hero-redesign-shell{
  border-radius:44px!important;
  border-color:rgba(95,240,226,.20)!important;
  background:
    radial-gradient(900px 520px at 76% 30%,rgba(49,229,197,.16),transparent 62%),
    radial-gradient(720px 460px at 10% 8%,rgba(127,195,255,.10),transparent 60%),
    linear-gradient(135deg,rgba(7,21,36,.92),rgba(5,14,26,.84) 52%,rgba(4,12,22,.90))!important;
  box-shadow:0 38px 140px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.hero-redesign-shell:before{
  opacity:.58!important;
}
.hero-visual,
.hero-visual img,
.story-visual img,
.story-visual-wide img,
.station-visual img,
.car-visual img,
.phone-alert-visual img{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
}
.hero-visual img,
.story-visual img{
  filter:saturate(1.04) contrast(1.025) drop-shadow(0 38px 82px rgba(0,0,0,.40)) drop-shadow(0 0 34px rgba(49,229,197,.10))!important;
}
.story-visual{
  background:
    radial-gradient(660px 420px at 50% 52%,rgba(49,229,197,.13),rgba(42,150,180,.055) 44%,transparent 72%)!important;
}
.story-visual:before{
  inset:-8% -12%!important;
  opacity:.74!important;
  filter:blur(42px)!important;
  background:
    radial-gradient(closest-side,rgba(49,229,197,.20),rgba(49,229,197,.07),transparent 75%),
    radial-gradient(closest-side at 50% 58%,rgba(127,195,255,.08),transparent 72%)!important;
}
/* This is a foreground haze: it hides only the outer cut/matte edges while keeping the image body crisp. */
.story-visual:after{
  content:""!important;
  position:absolute!important;
  inset:-6% -8%!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  opacity:.72!important;
  filter:blur(0)!important;
  background:radial-gradient(ellipse 72% 62% at 50% 52%,
    transparent 0%,
    transparent 68%,
    rgba(6,18,31,.12) 78%,
    rgba(6,18,31,.38) 91%,
    rgba(6,18,31,.66) 100%)!important;
}
/* Route map has small labels near the edge, so the haze starts later. */
.story-visual-wide:after{
  inset:-7% -10%!important;
  opacity:.56!important;
  background:radial-gradient(ellipse 78% 66% at 50% 52%,
    transparent 0%,
    transparent 74%,
    rgba(6,18,31,.10) 83%,
    rgba(6,18,31,.32) 94%,
    rgba(6,18,31,.58) 100%)!important;
}
/* Petrol station/car visuals need more edge help, but keep the main board/car fully visible. */
.station-visual:after{
  inset:-5% -5%!important;
  opacity:.64!important;
  background:radial-gradient(ellipse 78% 70% at 58% 56%,
    transparent 0%,
    transparent 72%,
    rgba(6,18,31,.10) 82%,
    rgba(6,18,31,.33) 93%,
    rgba(6,18,31,.60) 100%)!important;
}
.car-visual:after{
  inset:-6% -8%!important;
  opacity:.58!important;
  background:radial-gradient(ellipse 78% 66% at 56% 56%,
    transparent 0%,
    transparent 74%,
    rgba(6,18,31,.10) 84%,
    rgba(6,18,31,.32) 94%,
    rgba(6,18,31,.58) 100%)!important;
}
.phone-alert-visual:after{
  inset:-8% -10%!important;
  opacity:.45!important;
  background:radial-gradient(ellipse 76% 70% at 50% 52%,
    transparent 0%,
    transparent 76%,
    rgba(6,18,31,.10) 86%,
    rgba(6,18,31,.34) 100%)!important;
}
.story-card{
  box-shadow:0 28px 90px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
@media(max-width:980px){
  .story-visual:after{inset:-8% -10%!important;opacity:.55!important;}
  .story-visual-wide:after,.station-visual:after,.car-visual:after,.phone-alert-visual:after{opacity:.48!important;}
}

body{
  background:
    radial-gradient(1050px 680px at 82% 4%,rgba(49,229,197,.17),transparent 58%),
    radial-gradient(860px 560px at 8% 14%,rgba(64,142,190,.18),transparent 56%),
    radial-gradient(760px 460px at 76% 56%,rgba(49,229,197,.085),transparent 62%),
    linear-gradient(180deg,#071525 0%,#081927 34%,#06131f 64%,#071321 100%)!important;
}
body:before{
  opacity:.12!important;
  background-image:
    linear-gradient(rgba(49,229,197,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,229,197,.035) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.20) 58%,transparent 100%)!important;
}
main{position:relative;overflow:hidden;isolation:isolate;}
main:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(620px 220px at 72% 11%,rgba(49,229,197,.10),transparent 66%),
    radial-gradient(740px 260px at 18% 33%,rgba(127,195,255,.075),transparent 68%),
    linear-gradient(120deg,transparent 0 42%,rgba(49,229,197,.028) 46%,transparent 51% 100%);
  opacity:.95;
}
.hero-redesign-shell{
  border-radius:42px!important;
  background:
    radial-gradient(780px 540px at 72% 36%,rgba(49,229,197,.18),transparent 62%),
    radial-gradient(640px 420px at 8% 0%,rgba(127,195,255,.12),transparent 60%),
    linear-gradient(135deg,rgba(8,24,38,.94),rgba(5,14,26,.88) 55%,rgba(4,12,22,.94))!important;
}
.hero-redesign-shell:after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%,transparent 82%,rgba(49,229,197,.08)),
    radial-gradient(600px 220px at 78% 54%,rgba(49,229,197,.14),transparent 72%)!important;
  opacity:.72!important;
}
.hero-visual:before{
  background-image:url('assets/hero-phone-stage-crop-blended.webp')!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:right top!important;
  inset:-2% -3% -2% -6%!important;
  filter:blur(22px) saturate(1.18)!important;
  opacity:.22!important;
  transform:scale(1.02)!important;
}
.hero-visual img{
  filter:saturate(1.04) contrast(1.025) drop-shadow(0 40px 95px rgba(0,0,0,.48)) drop-shadow(0 0 42px rgba(49,229,197,.12))!important;
}
.story-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:76px 0!important;
}
.story-section:before{
  content:"";
  position:absolute;
  inset:6px 0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(740px 360px at 28% 50%,rgba(49,229,197,.125),transparent 66%),
    radial-gradient(680px 330px at 76% 46%,rgba(66,139,190,.075),transparent 68%),
    linear-gradient(90deg,transparent,rgba(49,229,197,.03) 48%,transparent);
  opacity:.85;
}
.story-section.story-section-tight:before{
  background:
    radial-gradient(740px 360px at 72% 50%,rgba(49,229,197,.13),transparent 66%),
    radial-gradient(660px 320px at 22% 46%,rgba(66,139,190,.08),transparent 68%),
    linear-gradient(90deg,transparent,rgba(49,229,197,.026) 48%,transparent);
}
.story-row{align-items:center!important;}
.story-card.panel{
  background:
    radial-gradient(480px 260px at 0 0,rgba(49,229,197,.115),transparent 62%),
    linear-gradient(180deg,rgba(12,28,47,.90),rgba(8,18,32,.82))!important;
  border-color:rgba(161,218,255,.16)!important;
  box-shadow:0 30px 92px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.story-visual{
  --visual-url:none;
  --visual-glow-opacity:.30;
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(720px 430px at 50% 50%,rgba(49,229,197,.16),rgba(33,126,154,.075) 44%,transparent 76%)!important;
}
.story-visual-wide{--visual-url:url('assets/visual-route-map-smart-stop.webp');--visual-glow-opacity:.28;}
.station-visual{--visual-url:url('assets/visual-petrol-station-price-board-premium.webp');--visual-glow-opacity:.38;}
.phone-alert-visual{--visual-url:url('assets/visual-phone-price-alerts-premium.webp');--visual-glow-opacity:.26;}
.car-visual{--visual-url:url('assets/visual-route-savings-car.webp');--visual-glow-opacity:.32;}
.story-visual:before{
  content:""!important;
  position:absolute!important;
  inset:-11% -12%!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:44px!important;
  background-image:var(--visual-url)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  filter:blur(18px) saturate(1.18) contrast(1.05)!important;
  opacity:var(--visual-glow-opacity)!important;
  transform:scale(1.025)!important;
  mix-blend-mode:screen!important;
}
.story-visual:after{
  content:""!important;
  position:absolute!important;
  inset:-8% -9%!important;
  z-index:3!important;
  pointer-events:none!important;
  border-radius:50%!important;
  opacity:.22!important;
  filter:none!important;
  background:radial-gradient(ellipse 82% 72% at 50% 52%,
    transparent 0%,
    transparent 81%,
    rgba(7,20,33,.10) 89%,
    rgba(7,20,33,.22) 100%)!important;
}
.story-visual-wide:after{opacity:.16!important;background:radial-gradient(ellipse 84% 74% at 50% 52%,transparent 0%,transparent 83%,rgba(7,20,33,.09) 91%,rgba(7,20,33,.20) 100%)!important;}
.station-visual:after{opacity:.18!important;background:radial-gradient(ellipse 84% 76% at 57% 56%,transparent 0%,transparent 82%,rgba(7,20,33,.10) 90%,rgba(7,20,33,.23) 100%)!important;}
.car-visual:after{opacity:.18!important;background:radial-gradient(ellipse 84% 74% at 56% 56%,transparent 0%,transparent 82%,rgba(7,20,33,.09) 91%,rgba(7,20,33,.22) 100%)!important;}
.phone-alert-visual:after{opacity:.12!important;background:radial-gradient(ellipse 84% 76% at 50% 52%,transparent 0%,transparent 84%,rgba(7,20,33,.08) 93%,rgba(7,20,33,.18) 100%)!important;}
.story-visual img{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:saturate(1.05) contrast(1.035) drop-shadow(0 34px 76px rgba(0,0,0,.42)) drop-shadow(0 0 32px rgba(49,229,197,.10))!important;
}
.station-visual img{filter:saturate(1.05) contrast(1.035) drop-shadow(0 36px 84px rgba(0,0,0,.44)) drop-shadow(0 0 42px rgba(49,229,197,.12))!important;}
.car-visual img{filter:saturate(1.05) contrast(1.035) drop-shadow(0 34px 78px rgba(0,0,0,.42)) drop-shadow(0 0 36px rgba(49,229,197,.10))!important;}
@media(max-width:980px){
  .story-section{padding:54px 0!important;}
  .story-section:before{opacity:.72;}
  .story-visual:before{opacity:.22!important;filter:blur(16px) saturate(1.16)!important;}
  .story-visual:after{opacity:.14!important;}
}
@media(max-width:650px){
  .hero-redesign-shell{border-radius:30px!important;}
  .story-section{padding:44px 0!important;}
  .story-card.panel{border-radius:28px!important;}
}


.hero-redesign-shell{
  border-color:rgba(165,255,240,.095)!important;
  box-shadow:
    0 42px 120px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(49,229,197,.035)!important;
}
.hero-redesign-shell:before{
  opacity:.68!important;
}
.hero-redesign-shell:after{
  opacity:.55!important;
}
.hero-feature-pills span{
  border-color:rgba(165,255,240,.24)!important;
  background:linear-gradient(135deg,rgba(5,18,31,.68),rgba(10,32,48,.48))!important;
}
.hero-feature-pills img{
  width:25px!important;
  height:25px!important;
  filter:drop-shadow(0 0 13px rgba(49,229,197,.42))!important;
}
.hero-bottom-proof img,.feature-icon{
  transform:translateZ(0);
  filter:drop-shadow(0 0 14px rgba(49,229,197,.18))!important;
}

body{
  background:
    radial-gradient(980px 560px at 78% 8%,rgba(49,229,197,.16),transparent 62%),
    radial-gradient(760px 440px at 12% 22%,rgba(54,138,185,.15),transparent 58%),
    radial-gradient(900px 520px at 58% 74%,rgba(49,229,197,.075),transparent 64%),
    linear-gradient(180deg,#061321 0%,#081927 36%,#071420 70%,#06111d 100%)!important;
}
main:after{
  content:"";
  position:fixed;
  inset:-20% -10%;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(ellipse 35% 18% at 18% 18%,rgba(49,229,197,.08),transparent 70%),
    radial-gradient(ellipse 38% 20% at 88% 54%,rgba(127,195,255,.06),transparent 70%),
    conic-gradient(from 120deg at 70% 38%,transparent 0 22%,rgba(49,229,197,.035) 25%,transparent 30% 100%);
  filter:blur(12px);
  opacity:.85;
}
.story-section{
  padding:74px 0!important;
  background:
    linear-gradient(180deg,rgba(6,18,31,0),rgba(49,229,197,.018) 48%,rgba(6,18,31,0))!important;
}
.story-section:before{
  inset:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  border:0!important;
  background:
    radial-gradient(760px 380px at 26% 50%,rgba(49,229,197,.11),transparent 68%),
    radial-gradient(700px 350px at 74% 52%,rgba(72,146,194,.075),transparent 70%),
    linear-gradient(90deg,transparent 0%,rgba(49,229,197,.025) 50%,transparent 100%)!important;
  opacity:.82!important;
}
.story-section.story-section-tight:before{
  background:
    radial-gradient(820px 410px at 76% 52%,rgba(49,229,197,.12),transparent 68%),
    radial-gradient(700px 350px at 24% 48%,rgba(72,146,194,.07),transparent 70%),
    linear-gradient(90deg,transparent 0%,rgba(49,229,197,.023) 50%,transparent 100%)!important;
}
.story-row{
  gap:26px!important;
}
.story-visual{
  background:transparent!important;
  overflow:visible!important;
}
.story-visual:before{
  opacity:.16!important;
  filter:blur(20px) saturate(1.12) contrast(1.02)!important;
  mix-blend-mode:screen!important;
  transform:scale(1.035)!important;
}
.story-visual:after{
  opacity:.13!important;
  inset:-7% -8%!important;
  background:radial-gradient(ellipse 84% 76% at 50% 53%,
    transparent 0%,
    transparent 79%,
    rgba(7,20,33,.12) 89%,
    rgba(7,20,33,.27) 100%)!important;
}
.story-visual-wide:after{opacity:.12!important;}
.station-visual:after{opacity:.14!important;}
.phone-alert-visual:after{opacity:.08!important;}
.car-visual:after{opacity:.12!important;}
.story-visual img{
  filter:saturate(1.05) contrast(1.035) drop-shadow(0 36px 82px rgba(0,0,0,.40)) drop-shadow(0 0 34px rgba(49,229,197,.105))!important;
}
.story-card.panel{
  border-color:rgba(165,255,240,.115)!important;
  box-shadow:
    0 30px 92px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(49,229,197,.018)!important;
}
.story-card.panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(165,255,240,.06),transparent 32%,transparent 74%,rgba(127,195,255,.035));
  opacity:.75;
}
@media(max-width:980px){
  .story-section{padding:56px 0!important;}
  .story-row{gap:18px!important;}
  .story-visual:before{opacity:.13!important;}
  .story-visual:after{opacity:.09!important;}
}
@media(max-width:650px){
  .story-section{padding:44px 0!important;}
  .hero-redesign-shell{border-color:rgba(165,255,240,.08)!important;}
}

:root{
  --rf-canvas:#061420;
  --rf-canvas-2:#091c2b;
  --rf-card:rgba(9,22,38,.86);
}

body{
  background:
    radial-gradient(1050px 620px at 78% 6%,rgba(49,229,197,.18),transparent 62%),
    radial-gradient(820px 520px at 4% 18%,rgba(34,117,159,.18),transparent 58%),
    radial-gradient(920px 520px at 82% 76%,rgba(49,229,197,.075),transparent 66%),
    linear-gradient(180deg,#06121f 0%,#091b2a 34%,#071522 68%,#06101c 100%)!important;
}
body:before{
  opacity:.10!important;
  background-size:76px 76px!important;
}
main:before{
  background:
    radial-gradient(760px 250px at 78% 10%,rgba(49,229,197,.11),transparent 70%),
    radial-gradient(720px 260px at 14% 34%,rgba(127,195,255,.075),transparent 72%),
    linear-gradient(118deg,transparent 0 37%,rgba(49,229,197,.026) 43%,transparent 50% 100%)!important;
}
main:after{
  opacity:.62!important;
  filter:blur(18px)!important;
}

/* Keep the hero container, but make it read like glass/lighting rather than a hard outline. */
.hero-redesign-shell{
  border-color:rgba(165,255,240,.075)!important;
  background:
    radial-gradient(720px 460px at 78% 38%,rgba(49,229,197,.17),transparent 64%),
    radial-gradient(520px 360px at 8% 8%,rgba(91,179,221,.12),transparent 62%),
    linear-gradient(135deg,rgba(7,22,36,.92),rgba(5,13,24,.90) 56%,rgba(4,11,20,.94))!important;
  box-shadow:
    0 44px 128px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 0 1px rgba(49,229,197,.02)!important;
}
.hero-redesign-shell:after{opacity:.42!important;}

.hero-feature-pills img[src$="savings-pound.svg"]{transform:translateY(-.5px) scale(1.04);}
.hero-bottom-proof img[src$="savings-tag.svg"]{transform:scale(1.05) rotate(-4deg);}
.hero-bottom-proof img[src$="smart.svg"]{transform:translateY(-1px) scale(1.04);}

/* The story image area uses a three-layer composite:
   1) background atmosphere, 2) blurred duplicate underlay, 3) untouched crisp PNG. */
.story-section{
  padding:76px 0!important;
  background:
    linear-gradient(180deg,rgba(6,18,31,0),rgba(49,229,197,.014) 45%,rgba(6,18,31,0))!important;
}
.story-section:before{
  opacity:.72!important;
  background:
    radial-gradient(820px 420px at 25% 50%,rgba(49,229,197,.095),transparent 70%),
    radial-gradient(700px 350px at 74% 54%,rgba(86,159,205,.065),transparent 72%),
    linear-gradient(90deg,transparent 0%,rgba(49,229,197,.020) 50%,transparent 100%)!important;
}
.story-section.story-section-tight:before{
  background:
    radial-gradient(850px 420px at 76% 52%,rgba(49,229,197,.105),transparent 70%),
    radial-gradient(700px 350px at 23% 50%,rgba(86,159,205,.06),transparent 72%),
    linear-gradient(90deg,transparent 0%,rgba(49,229,197,.018) 50%,transparent 100%)!important;
}
.story-row{
  gap:clamp(28px,4.2vw,64px)!important;
}
.story-row:not(.reverse) .story-card,
.story-row.reverse .story-card{
  margin-left:0!important;
  margin-right:0!important;
}
.story-visual{
  min-height:500px!important;
  overflow:visible!important;
  background:
    radial-gradient(640px 390px at 50% 52%,rgba(49,229,197,.105),rgba(36,107,139,.052) 46%,transparent 74%)!important;
}
.story-visual:before{
  z-index:0!important;
  inset:-9% -8%!important;
  opacity:.20!important;
  filter:blur(20px) saturate(1.12) contrast(1.02)!important;
  mix-blend-mode:normal!important;
  transform:scale(1.025)!important;
}
.story-visual:after{
  z-index:1!important;
  inset:4% 2% 0 2%!important;
  border-radius:44px!important;
  opacity:.52!important;
  background:
    radial-gradient(ellipse 76% 48% at 50% 70%,rgba(0,0,0,.30),transparent 72%),
    radial-gradient(ellipse 70% 55% at 50% 50%,rgba(49,229,197,.055),transparent 76%)!important;
  filter:blur(18px)!important;
}
.story-visual img{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:drop-shadow(0 36px 86px rgba(0,0,0,.42)) drop-shadow(0 0 34px rgba(49,229,197,.12))!important;
}
.story-visual-wide img{width:min(106%,800px)!important;transform:translateX(-2%)!important;}
.station-visual img{width:min(104%,820px)!important;transform:translateX(5%)!important;}
.phone-alert-visual img{width:min(103%,780px)!important;transform:translateX(-1%)!important;}
.car-visual img{width:min(104%,790px)!important;transform:translateX(4%)!important;}
.station-visual:before{opacity:.24!important;}
.station-visual:after{opacity:.46!important;}
.car-visual:before{opacity:.18!important;}
.phone-alert-visual:before{opacity:.16!important;}
.story-card.panel{
  z-index:4!important;
  background:
    radial-gradient(520px 300px at 0 0,rgba(49,229,197,.105),transparent 64%),
    linear-gradient(180deg,rgba(12,28,48,.88),rgba(7,17,31,.82))!important;
  border-color:rgba(165,255,240,.105)!important;
}
.story-card.panel:after{opacity:.52!important;}

/* Give repeated section cards a softer, more cohesive premium look. */
.hero-feature-pills span,.hero-bottom-proof,.compact-search-grid,.feature,.panel,.stats-band>*,.download-card{
  box-shadow:
    0 28px 82px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.hero-feature-pills span,.chips span{
  backdrop-filter:blur(14px);
}

@media(max-width:1180px){
  .story-row{gap:28px!important;}
  .station-visual img{width:min(108%,820px)!important;transform:translateX(3%)!important;}
}
@media(max-width:980px){
  .story-section{padding:56px 0!important;}
  .story-visual{min-height:auto!important;background:radial-gradient(520px 320px at 50% 52%,rgba(49,229,197,.10),transparent 74%)!important;}
  .story-visual:before{opacity:.16!important;filter:blur(17px) saturate(1.1)!important;}
  .story-visual:after{opacity:.36!important;filter:blur(14px)!important;}
  .story-visual-wide img,.station-visual img,.phone-alert-visual img,.car-visual img{width:min(108%,820px)!important;transform:none!important;}
}
@media(max-width:650px){
  .hero-redesign-shell{border-color:rgba(165,255,240,.06)!important;}
  .story-section{padding:42px 0!important;}
  .story-visual img{width:118%!important;}
}


/* === Route & Fuel final polish v10 ===
   New generated homepage assets are now the primary source of glow.
   These overrides remove duplicated image underlays/ghosting and keep only soft lighting. */
.hero-feature-pills {
  display: none !important;
}

.hero-visual::before,
.hero-visual::after,
.story-visual::before,
.story-visual::after {
  background-image: none !important;
  content: none !important;
  display: none !important;
}

.hero-visual,
.story-visual {
  isolation: isolate;
}

.story-visual {
  background:
    radial-gradient(560px 360px at 50% 52%, rgba(49,229,197,.13), rgba(127,195,255,.04), transparent 72%) !important;
  overflow: visible !important;
}

.story-visual img {
  filter:
    drop-shadow(0 34px 82px rgba(0,0,0,.38))
    drop-shadow(0 0 20px rgba(49,229,197,.10)) !important;
  image-rendering: auto;
  transform: translateZ(0);
}

.hero-visual img {
  filter:
    drop-shadow(0 38px 82px rgba(0,0,0,.50))
    drop-shadow(0 0 22px rgba(49,229,197,.08)) !important;
  transform: translateZ(0);
}

.nav .nav-cta {
  border-color: rgba(49,229,197,.38) !important;
  background: linear-gradient(135deg, rgba(49,229,197,.18), rgba(127,195,255,.10)) !important;
  color: #f7fbff !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.nav .nav-cta:hover {
  border-color: rgba(49,229,197,.56) !important;
  background: linear-gradient(135deg, rgba(49,229,197,.26), rgba(127,195,255,.14)) !important;
}

@media (max-width: 760px) {
  .nav .nav-cta {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* === v11 transparency repair === */
.station-visual img {
  width: min(118%, 920px) !important;
}


/* === v13 premium comparison block === */
.compare-premium-section {
  position: relative;
  overflow: hidden;
}

.compare-premium-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(720px 420px at 50% 28%, rgba(49, 229, 197, .10), transparent 70%),
    radial-gradient(560px 360px at 15% 68%, rgba(127, 195, 255, .055), transparent 68%);
}

.compare-premium-section > .wrap {
  position: relative;
  z-index: 1;
}

.compare-head {
  margin-bottom: 24px;
}

.compare-head h2 {
  max-width: 780px;
}

.compare-head p {
  max-width: 620px;
}

.compare-premium-grid {
  gap: 22px !important;
  align-items: stretch;
}

.compare-card {
  position: relative;
  overflow: hidden;
}

.compare-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .9;
  background:
    radial-gradient(420px 240px at 18% 0%, rgba(49, 229, 197, .10), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
}

.compare-card > * {
  position: relative;
  z-index: 1;
}

.compare-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.compare-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(49,229,197,.34);
  background: rgba(49,229,197,.10);
  color: #b8fff0;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.compare-badge.muted {
  border-color: rgba(166,193,224,.17);
  background: rgba(255,255,255,.035);
  color: #aebed0;
}

.compare-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  border: 1px solid rgba(49,229,197,.34);
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), transparent 30%),
    linear-gradient(135deg, rgba(49,229,197,.25), rgba(127,195,255,.12));
  color: #ffffff;
  box-shadow: 0 18px 48px rgba(49,229,197,.10);
  font-size: 1.15rem;
  font-weight: 950;
}

.compare-icon.muted {
  border-color: rgba(166,193,224,.18);
  background: rgba(255,255,255,.045);
  color: #b8c4d1;
  box-shadow: none;
}

.compare-card h3 {
  font-size: clamp(1.6rem, 3vw, 2.7rem) !important;
  line-height: .95;
  letter-spacing: -.06em !important;
  margin-bottom: 12px !important;
}

.compare-card-copy {
  color: #c7d4e2 !important;
  max-width: 48ch;
  margin-bottom: 20px !important;
}

.compare-card ul {
  gap: 12px !important;
  margin-top: 0 !important;
}

.compare-card li {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 12px;
  align-items: start;
  padding: 15px 16px !important;
  min-height: 74px;
}

.compare-card li::before {
  content: "✓";
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(49,229,197,.38);
  background: rgba(49,229,197,.12);
  color: #7fffe8;
  font-weight: 950;
  box-shadow: 0 0 24px rgba(49,229,197,.12);
}

.compare-card-standard li::before {
  content: "—";
  border-color: rgba(166,193,224,.16);
  background: rgba(255,255,255,.035);
  color: #8fa0b2;
  box-shadow: none;
}

.compare-card li span {
  display: block;
  color: #f7fbff;
  font-weight: 950;
  line-height: 1.25;
}

.compare-card li em {
  display: block;
  margin-top: 3px;
  color: #93a5b8;
  font-size: .88rem;
  font-style: normal;
  line-height: 1.45;
}

.compare-card-premium {
  padding: 30px !important;
  border-radius: 30px !important;
  border-color: rgba(49,229,197,.38) !important;
  background:
    linear-gradient(145deg, rgba(49,229,197,.18), rgba(127,195,255,.07) 46%, rgba(7,18,32,.72)) !important;
  box-shadow:
    0 34px 100px rgba(0,0,0,.34),
    0 0 0 1px rgba(49,229,197,.055) inset,
    0 0 72px rgba(49,229,197,.08) !important;
}

.compare-card-premium::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255,255,255,.16), transparent 28%, transparent 70%, rgba(49,229,197,.10));
  opacity: .48;
}

.compare-card-standard {
  padding: 30px !important;
  border-radius: 30px !important;
  border-color: rgba(166,193,224,.13) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(7,18,32,.70)) !important;
}

.compare-card-standard h3 {
  color: #d7e2ee;
}

@media (max-width: 980px) {
  .compare-premium-grid {
    gap: 16px !important;
  }

  .compare-card-premium {
    order: -1;
  }
}

@media (max-width: 650px) {
  .compare-card-premium,
  .compare-card-standard {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .compare-card li {
    grid-template-columns: 28px 1fr;
    padding: 13px !important;
  }

  .compare-card li::before {
    width: 28px;
    height: 28px;
  }
}



/* === v14 homepage & public-page polish === */
.hero-trust-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 6px;
}

.hero-trust-line span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(49,229,197,.22);
  background: rgba(7,18,32,.46);
  color: #d8edf4;
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
  font-size: .9rem;
}

.hero-trust-line span::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #31e5c5, #7fc3ff);
  box-shadow: 0 0 16px rgba(49,229,197,.5);
  flex: 0 0 auto;
}

.screenshot-head {
  margin-bottom: 18px;
}

.app-preview-note {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(166,193,224,.12) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
}

.app-preview-note strong {
  display: block;
  color: #f7fbff;
  font-size: 1rem;
  letter-spacing: -.02em;
}

.app-preview-note span {
  display: block;
  color: #bfd0de;
  line-height: 1.6;
}

.screenshot-section .shot-card {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border: 1px solid rgba(166,193,224,.12);
}

.screenshot-section .shot-card p {
  color: #adc0cf;
}

.cta-band-section {
  padding-top: 8px !important;
}

.cta-band {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: 20px;
  align-items: center;
  padding: 28px 30px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(49,229,197,.24) !important;
  background:
    radial-gradient(540px 220px at 0% 0%, rgba(49,229,197,.16), transparent 70%),
    linear-gradient(135deg, rgba(14,29,47,.96), rgba(10,20,36,.96)) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.25);
}

.cta-band h2 {
  margin: 6px 0 10px !important;
}

.cta-band p {
  margin: 0;
  max-width: 58ch;
  color: #bfd0de;
  line-height: 1.7;
}

.cta-band-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.page-data-note {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(49,229,197,.18) !important;
  background: linear-gradient(135deg, rgba(49,229,197,.08), rgba(127,195,255,.04)) !important;
  max-width: 760px;
}

.page-data-note strong {
  color: #f7fbff;
  font-size: .98rem;
}

.page-data-note span {
  color: #bed0df;
  line-height: 1.65;
}

.page-link-panel {
  margin-top: 26px;
  padding: 22px !important;
  border-radius: 24px !important;
}

.mini-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

.mini-link-card {
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid rgba(166,193,224,.12);
  background: rgba(255,255,255,.035);
  color: #e6f0f8;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mini-link-card:hover {
  transform: translateY(-1px);
  border-color: rgba(49,229,197,.28);
  background: rgba(49,229,197,.06);
}

@media (max-width: 900px) {
  .cta-band {
    grid-template-columns: 1fr;
  }

  .cta-band-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .hero-trust-line {
    gap: 8px;
  }

  .hero-trust-line span {
    width: 100%;
    min-height: 42px;
  }

  .mini-link-grid {
    grid-template-columns: 1fr;
  }
}



/* === v15 cleanup fixes === */
.hero-trust-line {
  margin-top: 16px;
}
.hero-trust-line span {
  width: auto;
}

/* tighten story visuals and remove any remaining background layer feeling */
.story-visual img {
  filter:
    drop-shadow(0 30px 70px rgba(0,0,0,.34))
    drop-shadow(0 0 16px rgba(49,229,197,.08)) !important;
}

/* comparison cards: shorter, cleaner, and less tall */
.compare-premium-grid {
  gap: 18px !important;
}
.compare-card-copy {
  margin-bottom: 16px !important;
}
.compare-card ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px !important;
  margin: 0 !important;
}
.compare-card li {
  display: grid !important;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 14px 14px !important;
  min-height: 0 !important;
}
.compare-card li .compare-line {
  min-width: 0;
}
.compare-card li span {
  display: block;
  line-height: 1.25;
}
.compare-card li em {
  display: block;
  margin-top: 4px;
  line-height: 1.45;
  font-size: .86rem;
}
.compare-card h3 {
  font-size: clamp(1.6rem, 2.4vw, 2.3rem) !important;
}
.compare-card-premium,
.compare-card-standard {
  padding: 24px !important;
}
@media (max-width: 980px) {
  .compare-card ul {
    grid-template-columns: 1fr !important;
  }
}



/* === v16 launch-readiness pass: hero, buttons, footer, page wording layout === */

/* Hero: calmer spacing and stronger typography rhythm */
.hero-redesign {
  padding: 36px 0 44px !important;
}

.hero-redesign-shell {
  min-height: 690px !important;
  border-radius: 40px !important;
  overflow: hidden !important;
}

.hero-redesign-grid {
  grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr) !important;
  gap: 28px !important;
  padding: 64px 58px 150px !important;
  align-items: start !important;
}

.hero-copy {
  max-width: 620px !important;
  padding-top: 4px;
}

.hero-app-icon {
  width: 74px !important;
  height: 74px !important;
  border-radius: 20px !important;
  margin-bottom: 24px !important;
}

.hero-kicker {
  margin-bottom: 18px !important;
  color: #9ff7ea !important;
}

.hero-redesign h1 {
  max-width: 10.5ch;
  font-size: clamp(3.35rem, 5.7vw, 5.55rem) !important;
  line-height: .91 !important;
  letter-spacing: -.078em !important;
  margin-bottom: 20px !important;
}

.hero-redesign .lead {
  max-width: 52ch !important;
  font-size: clamp(1.05rem, 1.25vw, 1.18rem) !important;
  line-height: 1.62 !important;
  color: #dce8f3 !important;
}

.hero-trust-line {
  margin: 18px 0 0 !important;
}

.hero-trust-line span {
  min-height: 40px !important;
  padding: 0 15px !important;
  background: rgba(5, 17, 30, .58) !important;
  border-color: rgba(49,229,197,.24) !important;
}

.hero-store-badges-redesign {
  margin-top: 28px !important;
}

.hero-store-badges-redesign .store-badge-link img {
  height: 45px !important;
}

.hero-visual {
  right: -26px !important;
  top: 4px !important;
  width: min(56vw, 860px) !important;
  height: 700px !important;
}

.hero-bottom-proof {
  left: 48px !important;
  right: 48px !important;
  bottom: 30px !important;
  border-radius: 22px !important;
}

.hero-bottom-proof div {
  padding: 20px 24px !important;
}

.hero-bottom-proof strong {
  font-size: 1rem !important;
}

.hero-bottom-proof span {
  font-size: .9rem !important;
}

/* Buttons and CTAs: consistent sizing, radius and hover behaviour */
.btn,
.nav .nav-cta,
.store-badge-link {
  -webkit-tap-highlight-color: transparent;
}

.btn {
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  font-weight: 950 !important;
  letter-spacing: -.01em;
  border-color: rgba(166,193,224,.16) !important;
  background: rgba(255,255,255,.045) !important;
}

.btn.primary,
.nav .nav-cta {
  border-color: rgba(49,229,197,.42) !important;
  background:
    radial-gradient(120px 70px at 20% 0%, rgba(255,255,255,.14), transparent 60%),
    linear-gradient(135deg, rgba(49,229,197,.25), rgba(127,195,255,.13)) !important;
  color: #f8fdff !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22), 0 0 34px rgba(49,229,197,.06);
}

.btn.secondary {
  border-color: rgba(166,193,224,.18) !important;
  background: rgba(255,255,255,.04) !important;
  color: #dce8f3 !important;
}

.btn:hover,
.nav .nav-cta:hover {
  transform: translateY(-2px);
  border-color: rgba(49,229,197,.52) !important;
  background:
    radial-gradient(140px 80px at 20% 0%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(135deg, rgba(49,229,197,.31), rgba(127,195,255,.17)) !important;
}

.btn:focus-visible,
.nav a:focus-visible,
.store-badge-link:focus-visible,
.footer a:focus-visible {
  outline: 3px solid rgba(49,229,197,.35);
  outline-offset: 3px;
}

.store-badge-link {
  border-radius: 14px !important;
}

.store-badge-link img {
  display: block;
}

/* Public/link cards: consistent hover polish */
.link-card,
.mini-link-card {
  position: relative;
  overflow: hidden;
}

.link-card::after,
.mini-link-card::after {
  content: "→";
  position: absolute;
  right: 16px;
  opacity: .55;
  transition: transform .18s ease, opacity .18s ease;
}

.link-card:hover::after,
.mini-link-card:hover::after {
  transform: translateX(3px);
  opacity: .9;
}

/* Footer: premium structured footer */
.footer-premium {
  margin-top: 20px;
  border-top: 1px solid rgba(166,193,224,.12) !important;
  background:
    radial-gradient(620px 280px at 18% 0%, rgba(49,229,197,.08), transparent 72%),
    linear-gradient(180deg, rgba(6,17,31,.62), rgba(5,12,22,.84));
  padding: 0 !important;
}

.footer-main {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(180px, .5fr));
  gap: 32px;
  padding: 34px 0 26px;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #f7fbff !important;
}

.footer-brand img {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  box-shadow: 0 14px 34px rgba(0,0,0,.32);
}

.footer-brand strong {
  display: block;
  font-size: 1.02rem;
  letter-spacing: -.02em;
}

.footer-brand em {
  display: block;
  margin-top: 2px;
  color: #94a9bb;
  font-style: normal;
  font-size: .86rem;
}

.footer-brand-block p {
  max-width: 46ch;
  margin: 16px 0 12px;
  color: #aebfce;
  line-height: 1.65;
}

.footer-email {
  display: inline-flex;
  color: #b8fff0 !important;
  font-weight: 900;
}

.footer-nav-group {
  display: grid;
  gap: 9px;
  align-content: start;
}

.footer-nav-group strong {
  display: block;
  margin-bottom: 4px;
  color: #f7fbff;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .13em;
}

.footer-nav-group a {
  color: #aebfce !important;
  font-weight: 800;
}

.footer-nav-group a:hover {
  color: #f7fbff !important;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  padding: 18px 0 26px;
  border-top: 1px solid rgba(166,193,224,.10);
  color: #8799aa;
  font-size: .9rem;
}

/* Legal/support pages: cleaner hero and page rhythm */
.legal-page .wrap.page-wrap {
  max-width: 1080px !important;
  padding-top: 42px !important;
}

.legal-page .legal-hero {
  padding: 42px 0 24px !important;
}

.legal-page .legal-hero h1 {
  max-width: 880px !important;
  line-height: .94 !important;
  letter-spacing: -.07em !important;
}

.legal-page .legal-hero .lead {
  max-width: 760px !important;
  color: #c6d6e4 !important;
}

.legal-page .legal-meta {
  margin-top: 18px !important;
}

.legal-page .legal-meta span,
.legal-page .badge,
.legal-page .meta {
  border-color: rgba(49,229,197,.20) !important;
  background: rgba(49,229,197,.06) !important;
}

/* Mobile refinements */
@media (max-width: 1180px) {
  .hero-redesign-grid {
    padding: 54px 42px 148px !important;
  }

  .hero-redesign h1 {
    font-size: clamp(3rem, 5.8vw, 5rem) !important;
  }

  .hero-visual {
    right: -62px !important;
    width: min(60vw, 820px) !important;
  }
}

@media (max-width: 980px) {
  .hero-redesign-shell {
    min-height: auto !important;
  }

  .hero-redesign-grid {
    display: flex !important;
    flex-direction: column !important;
    padding: 38px 30px 0 !important;
  }

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

  .hero-redesign h1 {
    max-width: 11ch;
  }

  .hero-visual {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 112% !important;
    height: auto !important;
    margin: 10px -6% -18px !important;
  }

  .hero-bottom-proof {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 24px 26px !important;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
  }

  .footer-brand-block {
    grid-column: 1 / -1;
  }
}

@media (max-width: 650px) {
  .hero-redesign {
    padding: 22px 0 28px !important;
  }

  .hero-redesign-grid {
    padding: 28px 20px 0 !important;
  }

  .hero-app-icon {
    width: 66px !important;
    height: 66px !important;
    margin-bottom: 20px !important;
  }

  .hero-redesign h1 {
    font-size: clamp(2.75rem, 13vw, 4.05rem) !important;
    letter-spacing: -.075em !important;
  }

  .hero-redesign .lead {
    font-size: 1rem !important;
  }

  .hero-store-badges-redesign {
    gap: 10px !important;
  }

  .hero-store-badges-redesign .store-badge-link img {
    height: 39px !important;
  }

  .hero-bottom-proof {
    margin: 0 14px 18px !important;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 30px 0 22px;
  }

  .footer-bottom {
    display: grid;
  }

  .btn {
    width: 100%;
  }
}

/* === v17 image alpha/matte repair ===
   Repaired transparent PNGs for the phone-alert and petrol-station visuals remove the baked-in white matte.
   These tiny rendering hints keep the cutout edges smooth on dark backgrounds. */
.station-visual img,
.phone-alert-visual img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.nav a:not(.nav-cta){
  padding:8px 4px!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:color .18s ease, opacity .18s ease!important;
}
.nav a:not(.nav-cta):hover,
.nav a:not(.nav-cta):focus-visible,
.nav a:not(.nav-cta).active{
  color:var(--ink)!important;
  background:transparent!important;
  border-color:transparent!important;
}

.chips{
  gap:10px!important;
}
.chips span{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px 8px 28px!important;
  border-radius:14px!important;
  border:1px solid rgba(127,195,255,.14)!important;
  background:linear-gradient(135deg,rgba(10,24,40,.84),rgba(9,21,35,.62))!important;
  color:#dbe9f7!important;
  font-size:.78rem!important;
  font-weight:820!important;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.chips span::before{
  content:"";
  position:absolute;
  left:12px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-3.5px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--teal2),var(--teal));
  box-shadow:0 0 16px rgba(49,229,197,.48);
}

.story-visual{
  overflow:visible!important;
}
.story-visual picture{
  display:block;
  position:relative;
  z-index:2;
}
.story-visual::before{
  inset:-8% -8%!important;
  filter:blur(26px) saturate(1.18) contrast(1.02)!important;
  opacity:.32!important;
  transform:scale(1.035)!important;
}
.story-visual::after{
  inset:-2% -2% -4% -2%!important;
  border-radius:34px!important;
  opacity:1!important;
  background:
    linear-gradient(to bottom, rgba(3,25,38,0) 0%, rgba(3,25,38,0) 68%, rgba(3,25,38,.22) 84%, rgba(3,25,38,.68) 100%),
    radial-gradient(ellipse 84% 74% at 50% 52%, transparent 0%, transparent 80%, rgba(7,20,33,.08) 90%, rgba(7,20,33,.16) 100%)!important;
}
.story-visual img{
  position:relative!important;
  z-index:2!important;
  width:94%;
  max-width:940px;
  margin:0 auto;
  height:auto;
  image-rendering:-webkit-optimize-contrast;
  backface-visibility:hidden;
  transform:translateZ(0);
  filter:brightness(.97) saturate(1.03) contrast(1.02) drop-shadow(0 26px 56px rgba(0,0,0,.46)) drop-shadow(0 0 34px rgba(49,229,197,.11))!important;
}
.story-visual-wide img,
.car-visual img{
  width:96%;
}
.phone-alert-visual{--visual-url:url('assets/visual-phone-price-alerts-premium.webp')!important;}
.phone-alert-visual::before{
  opacity:.24!important;
}
.phone-alert-visual::after{
  background:
    linear-gradient(to bottom, rgba(3,25,38,0) 0%, rgba(3,25,38,0) 70%, rgba(3,25,38,.18) 86%, rgba(3,25,38,.54) 100%),
    radial-gradient(ellipse 84% 76% at 50% 52%, transparent 0%, transparent 83%, rgba(7,20,33,.07) 92%, rgba(7,20,33,.14) 100%)!important;
}
.phone-alert-visual img{
  width:88%!important;
  max-width:860px!important;
  margin:0 auto!important;
  transform:translateY(8px) translateZ(0)!important;
  filter:brightness(.96) saturate(1.03) contrast(1.01) drop-shadow(0 28px 58px rgba(0,0,0,.46)) drop-shadow(0 0 30px rgba(49,229,197,.1))!important;
}
.station-visual{--visual-url:url('assets/visual-petrol-station-price-board-premium.webp')!important;}
.station-visual::before{
  opacity:.34!important;
}
.station-visual::after{
  background:
    linear-gradient(to bottom, rgba(3,25,38,0) 0%, rgba(3,25,38,0) 68%, rgba(3,25,38,.28) 84%, rgba(3,25,38,.74) 100%),
    radial-gradient(ellipse 84% 76% at 57% 56%, transparent 0%, transparent 80%, rgba(7,20,33,.08) 90%, rgba(7,20,33,.18) 100%)!important;
}
.station-visual img{
  width:95%!important;
  max-width:980px!important;
  margin:0 auto!important;
  transform:translateY(18px) translateZ(0)!important;
  filter:brightness(.95) saturate(1.02) contrast(1.01) drop-shadow(0 28px 62px rgba(0,0,0,.52)) drop-shadow(0 0 36px rgba(49,229,197,.11))!important;
}

@media (max-width:980px){
  .story-visual img,
  .story-visual-wide img,
  .car-visual img,
  .station-visual img,
  .phone-alert-visual img{width:100%!important;max-width:none!important;transform:translateY(0) translateZ(0)!important;}
  .story-visual::before{inset:-6% -6%!important;filter:blur(22px) saturate(1.16)!important;}
  .story-visual::after{inset:-1% -1% -3% -1%!important;}
  .nav{gap:12px!important;}
}

.story-visual::before{
  background-image:none!important;
  background:
    radial-gradient(closest-side at 50% 52%,rgba(49,229,197,.20),rgba(49,229,197,.075) 42%,transparent 76%),
    radial-gradient(closest-side at 56% 60%,rgba(127,195,255,.075),transparent 72%)!important;
  mix-blend-mode:normal!important;
  opacity:.68!important;
  filter:blur(30px)!important;
  transform:none!important;
}
.station-visual{--visual-url:none!important;}
.station-visual::before{
  background:
    radial-gradient(closest-side at 58% 54%,rgba(49,229,197,.23),rgba(49,229,197,.085) 44%,transparent 78%),
    radial-gradient(closest-side at 60% 68%,rgba(127,195,255,.09),transparent 74%)!important;
  opacity:.72!important;
}
.station-visual::after{
  inset:auto -2% -3% -2%!important;
  height:28%!important;
  border-radius:0 0 34px 34px!important;
  opacity:.9!important;
  background:linear-gradient(to bottom,rgba(3,25,38,0),rgba(3,25,38,.18) 46%,rgba(3,25,38,.62) 100%)!important;
}
.station-visual img{
  width:108%!important;
  max-width:1100px!important;
  margin-left:-3%!important;
  margin-right:auto!important;
  transform:translateY(8px) translateZ(0)!important;
  filter:saturate(1.04) contrast(1.025) brightness(.98) drop-shadow(0 30px 68px rgba(0,0,0,.50)) drop-shadow(0 0 34px rgba(49,229,197,.12))!important;
}
.phone-alert-visual::before{
  background-image:none!important;
  background:
    radial-gradient(closest-side at 50% 52%,rgba(49,229,197,.18),rgba(49,229,197,.065) 44%,transparent 77%),
    radial-gradient(closest-side at 58% 58%,rgba(127,195,255,.07),transparent 74%)!important;
  opacity:.58!important;
}
.phone-alert-visual img{
  width:93%!important;
  max-width:910px!important;
}
@media(max-width:980px){
  .station-visual img{width:100%!important;margin-left:0!important;transform:translateY(0) translateZ(0)!important;}
  .station-visual::after{height:22%!important;}
}


.hero-trust-line span{
  letter-spacing:.01em;
}
.decision-engine-section{
  padding-top:34px!important;
}
.decision-engine{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:28px;
  align-items:center;
  padding:30px!important;
  border-radius:32px!important;
  background:
    radial-gradient(620px 360px at 78% 26%,rgba(49,229,197,.16),transparent 64%),
    linear-gradient(135deg,rgba(10,28,46,.92),rgba(6,16,30,.86))!important;
}
.decision-engine:before{
  content:"";
  position:absolute;
  inset:auto -14% -34% 28%;
  height:240px;
  pointer-events:none;
  background:radial-gradient(closest-side,rgba(49,229,197,.18),transparent 72%);
  filter:blur(18px);
}
.decision-copy,.saving-demo{position:relative;z-index:1}
.decision-copy h2{
  margin:8px 0 12px;
  font-size:clamp(2rem,4.2vw,4rem);
  line-height:.98;
  letter-spacing:-.065em;
}
.decision-copy p{
  margin:0;
  max-width:62ch;
  color:var(--muted);
  line-height:1.75;
}
.saving-demo{
  border:1px solid rgba(49,229,197,.24);
  border-radius:28px;
  padding:20px;
  background:
    radial-gradient(280px 220px at 100% 0,rgba(49,229,197,.13),transparent 62%),
    rgba(3,12,23,.62);
  box-shadow:0 26px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.saving-demo-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.saving-demo-top span{
  color:var(--teal2);
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
}
.saving-demo-top strong{
  color:#52f08e;
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:.9;
  letter-spacing:-.06em;
}
.saving-demo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.saving-demo-grid div{
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.04);
}
.saving-demo-grid span,
.trust-card > span,
.blog-card > span{
  display:block;
  color:var(--soft);
  font-size:.76rem;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.12em;
}
.saving-demo-grid strong{
  display:block;
  margin-top:5px;
  color:var(--ink);
  font-size:1.35rem;
  letter-spacing:-.04em;
}
.saving-demo-grid em{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-style:normal;
  font-size:.86rem;
  line-height:1.35;
}

.app-proof-section{
  position:relative;
  overflow:hidden;
}
.app-proof-section:before{
  content:"";
  position:absolute;
  inset:4% 0 auto;
  height:360px;
  background:
    radial-gradient(540px 250px at 50% 40%,rgba(49,229,197,.12),transparent 70%),
    radial-gradient(760px 320px at 88% 54%,rgba(127,195,255,.08),transparent 70%);
  pointer-events:none;
}
.app-proof-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,.72fr);
  gap:28px;
  align-items:center;
  padding:30px!important;
  border-radius:34px!important;
  background:
    radial-gradient(620px 360px at 82% 12%,rgba(49,229,197,.13),transparent 68%),
    linear-gradient(135deg,rgba(10,26,43,.92),rgba(5,15,27,.88))!important;
}
.app-proof-hero h3{
  margin:8px 0 12px;
  font-size:clamp(1.7rem,3.4vw,3rem);
  line-height:1;
  letter-spacing:-.055em;
}
.app-proof-hero p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
  max-width:58ch;
}
.app-proof-hero picture{
  position:relative;
  display:block;
  justify-self:center;
  width:min(330px,100%);
}
.app-proof-hero img{
  border-radius:32px;
  box-shadow:0 30px 90px rgba(0,0,0,.46),0 0 44px rgba(49,229,197,.12);
  border:1px solid rgba(255,255,255,.08);
}
.promo-screen-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.promo-screen-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(12,27,46,.80),rgba(7,17,30,.68));
  box-shadow:var(--softShadow);
}
.promo-screen-card img{
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:top center;
  border-bottom:1px solid var(--line);
}
.promo-screen-card div{
  padding:17px;
}
.promo-screen-card h3{
  margin:0 0 6px;
  font-size:1.02rem;
  letter-spacing:-.025em;
}
.promo-screen-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  font-size:.92rem;
}
.trust-grid,
.blog-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.trust-card{
  padding:22px!important;
  min-height:210px;
}
.trust-card > span{
  color:var(--teal2);
  margin-bottom:22px;
}
.trust-card h3,
.blog-card h3{
  margin:0 0 10px;
  letter-spacing:-.035em;
}
.trust-card p,
.blog-card p{
  margin:0;
  color:var(--muted);
  line-height:1.62;
}
.blog-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.blog-card{
  display:block;
  padding:24px!important;
  min-height:230px;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.blog-card:hover{
  transform:translateY(-3px);
  border-color:rgba(49,229,197,.32);
  background:
    radial-gradient(300px 160px at 100% 0,rgba(49,229,197,.11),transparent 70%),
    rgba(12,27,46,.78);
}
.blog-card > span{
  color:var(--teal2);
  margin-bottom:20px;
}
.blog-card h3{
  font-size:1.28rem;
  line-height:1.15;
}
.link-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
}

.page-hero{
  padding:70px 0 32px;
}
.page-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:38px;
  border:1px solid var(--line);
  background:
    radial-gradient(680px 420px at 78% 8%,rgba(49,229,197,.16),transparent 62%),
    linear-gradient(135deg,rgba(10,27,45,.92),rgba(5,15,27,.9));
  box-shadow:var(--shadow);
  padding:42px;
}
.page-hero-card h1{
  max-width:12ch;
  margin:10px 0 14px;
}
.page-hero-card p{
  margin:0;
  max-width:72ch;
  color:var(--muted);
  line-height:1.75;
  font-size:1.05rem;
}
.article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:20px;
  align-items:start;
}
.article-card{
  padding:30px!important;
}
.article-card h2{
  margin:26px 0 10px;
  font-size:clamp(1.6rem,3vw,2.35rem);
  line-height:1.05;
  letter-spacing:-.05em;
}
.article-card h2:first-child{margin-top:0}
.article-card h3{
  margin:22px 0 8px;
}
.article-card p,
.article-card li{
  color:var(--muted);
  line-height:1.75;
}
.article-card ul,
.article-card ol{padding-left:1.2rem}
.article-card strong{color:var(--ink)}
.article-side{
  position:sticky;
  top:96px;
  padding:22px!important;
}
.article-side a{
  display:block;
  color:var(--muted);
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
.article-side a:hover{color:var(--ink)}
.formula-card{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}
.formula-card div{
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.formula-card span{
  display:block;
  color:var(--soft);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:950;
}
.formula-card strong{
  display:block;
  margin-top:6px;
}
@media(max-width:980px){
  .decision-engine,
  .app-proof-hero,
  .article-layout{grid-template-columns:1fr}
  .promo-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-side{position:static}
}
@media(max-width:650px){
  .decision-engine,.app-proof-hero,.page-hero-card{padding:22px!important;border-radius:26px!important}
  .saving-demo-top{display:block}
  .saving-demo-top strong{margin-top:8px;display:block}
  .saving-demo-grid,.formula-card{grid-template-columns:1fr}
  .promo-screen-grid,.trust-grid,.blog-card-grid{grid-template-columns:1fr}
  .promo-screen-card img{height:auto}
  .app-proof-hero picture{width:min(280px,100%)}
}

.feature-clean-grid .feature{
  min-height:220px!important;
  padding-bottom:24px!important;
}
.feature-clean-grid .feature p{
  max-width:29ch;
}
.decision-small-note{
  margin-top:18px!important;
  padding:14px 16px;
  max-width:58ch!important;
  border:1px solid rgba(127,195,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  color:#d4e3f4!important;
  font-weight:760;
  line-height:1.55!important;
}
.saving-demo{
  border-color:rgba(127,195,255,.16)!important;
  background:
    radial-gradient(360px 240px at 100% 0,rgba(49,229,197,.085),transparent 66%),
    linear-gradient(180deg,rgba(10,26,43,.86),rgba(6,17,30,.76))!important;
  box-shadow:0 26px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.saving-demo-top strong{
  color:var(--teal2)!important;
  text-shadow:0 0 28px rgba(49,229,197,.18)!important;
  font-size:clamp(1.9rem,3.5vw,3.05rem)!important;
}
.saving-demo-grid div{
  background:rgba(255,255,255,.032)!important;
  border-color:rgba(166,193,224,.14)!important;
}
.app-proof-note{
  margin-top:18px!important;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(49,229,197,.22);
  background:rgba(49,229,197,.07);
  color:#dffdf8!important;
  font-weight:850;
}
.app-showcase-carousel{
  margin-top:18px;
  padding:28px!important;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(320px,1.05fr);
  gap:26px;
  align-items:center;
  overflow:hidden;
  border-radius:34px!important;
  background:
    radial-gradient(680px 360px at 78% 34%,rgba(49,229,197,.12),transparent 68%),
    linear-gradient(135deg,rgba(11,27,45,.88),rgba(5,15,27,.88))!important;
}
.carousel-copy h3{
  margin:8px 0 12px;
  font-size:clamp(1.65rem,3.2vw,2.8rem);
  line-height:1;
  letter-spacing:-.055em;
}
.carousel-copy p{
  color:var(--muted);
  line-height:1.72;
  margin:0;
}
.app-carousel-stage{
  position:relative;
  min-height:760px;
  display:grid;
  place-items:center;
}
.app-carousel-slides{
  position:relative;
  width:min(420px,100%);
  height:740px;
}
.app-carousel-slide{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  position:absolute;
  inset:0;
  opacity:0;
  transform:translateY(12px) scale(.985);
  transition:opacity .5s ease, transform .5s ease;
  pointer-events:none;
}
.app-carousel-slide.is-active{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.app-carousel-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:34px;
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.44)) drop-shadow(0 0 34px rgba(49,229,197,.10));
}
.app-carousel-slide span,
.app-carousel-slide strong{
  position:absolute;
  left:18px;
  right:18px;
  z-index:2;
  text-align:left;
}
.app-carousel-slide span{
  bottom:58px;
  color:var(--teal2);
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.12em;
  font-size:.68rem;
}
.app-carousel-slide strong{
  bottom:24px;
  color:#fff;
  font-size:1rem;
  letter-spacing:-.02em;
  text-shadow:0 2px 16px rgba(0,0,0,.58);
}
.carousel-control{
  position:absolute;
  top:50%;
  z-index:5;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(49,229,197,.28);
  background:rgba(5,16,28,.78);
  color:#fff;
  font-size:2rem;
  line-height:1;
  box-shadow:0 16px 36px rgba(0,0,0,.34);
  cursor:pointer;
}
.carousel-control:hover{background:rgba(49,229,197,.12);}
.carousel-control.prev{left:8px;}
.carousel-control.next{right:8px;}
.carousel-dots{
  display:flex;
  gap:7px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  grid-column:2;
  margin-top:-8px;
}
.carousel-dots button{
  width:8px;
  height:8px;
  border-radius:50%;
  border:0;
  padding:0;
  background:rgba(255,255,255,.28);
  cursor:pointer;
}
.carousel-dots button.is-active{
  width:22px;
  border-radius:999px;
  background:var(--teal);
  box-shadow:0 0 18px rgba(49,229,197,.45);
}
.app-lightbox[hidden]{display:none!important;}
.app-lightbox{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(1,8,16,.86);
  backdrop-filter:blur(12px);
}
.app-lightbox img{
  max-height:min(92vh,1050px);
  max-width:min(92vw,820px);
  object-fit:contain;
  border-radius:32px;
  box-shadow:0 38px 120px rgba(0,0,0,.62),0 0 48px rgba(49,229,197,.16);
}
.app-lightbox-close{
  position:absolute;
  top:22px;
  right:22px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:2rem;
  cursor:pointer;
}
.pricing-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
  gap:22px;
  align-items:center;
  padding:30px!important;
  border-radius:34px!important;
  background:
    radial-gradient(620px 300px at 94% 20%,rgba(49,229,197,.13),transparent 68%),
    linear-gradient(135deg,rgba(10,26,43,.88),rgba(5,15,27,.88))!important;
}
.pricing-card h2{
  margin:8px 0 12px;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:.98;
  letter-spacing:-.06em;
}
.pricing-card p{
  color:var(--muted);
  line-height:1.72;
  margin:0;
  max-width:68ch;
}
.pricing-points{
  display:grid;
  gap:10px;
}
.pricing-points div{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(166,193,224,.14);
  background:rgba(255,255,255,.035);
}
.pricing-points strong{
  display:block;
  color:var(--teal2);
  font-size:1.25rem;
  letter-spacing:-.03em;
}
.pricing-points span{
  display:block;
  color:var(--muted);
  margin-top:4px;
}
.blog-meta,
.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
}
.article-meta{margin:18px 0 0;}
.blog-meta em,
.article-meta span{
  font-style:normal;
  color:#c7d6e7;
  font-size:.76rem;
  font-weight:850;
  padding:7px 9px;
  border-radius:999px;
  border:1px solid rgba(166,193,224,.14);
  background:rgba(255,255,255,.035);
}
@media(max-width:980px){
  .app-showcase-carousel,
  .pricing-card{grid-template-columns:1fr;}
  .app-carousel-stage{min-height:680px;}
  .app-carousel-slides{height:660px;width:min(380px,100%);}
  .carousel-dots{grid-column:1;}
}
@media(max-width:650px){
  .app-showcase-carousel{padding:18px!important;}
  .app-carousel-stage{min-height:560px;}
  .app-carousel-slides{height:540px;}
  .carousel-control{width:40px;height:40px;font-size:1.6rem;}
  .carousel-control.prev{left:-4px;}
  .carousel-control.next{right:-4px;}
}

.hero-visual{
  isolation:isolate!important;
}
.hero-net-proof{
  position:absolute;
  right:4.5%;
  bottom:21%;
  z-index:6;
  width:min(250px,34%);
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(76,255,168,.34);
  background:linear-gradient(180deg,rgba(8,45,40,.90),rgba(5,22,34,.82));
  box-shadow:0 28px 72px rgba(0,0,0,.42),0 0 38px rgba(35,209,120,.16),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.hero-net-proof span,
.hero-net-proof em{
  display:block;
  color:#b9fff0;
  font-style:normal;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.hero-net-proof strong{
  display:block;
  margin:7px 0 4px;
  color:#57f48e;
  font-size:clamp(1.35rem,2.1vw,2.25rem);
  line-height:.95;
  letter-spacing:-.055em;
}
.hero-net-proof em{
  color:#d7e8f4;
  text-transform:none;
  letter-spacing:0;
  font-size:.86rem;
  font-weight:800;
}
.hero-net-note{
  position:absolute;
  right:19%;
  top:22%;
  z-index:6;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(49,229,197,.32);
  background:rgba(5,18,30,.76);
  color:#dffdf8;
  font-size:.82rem;
  font-weight:950;
  box-shadow:0 18px 38px rgba(0,0,0,.30),0 0 20px rgba(49,229,197,.14);
  backdrop-filter:blur(12px);
}
.helped-count-hook[hidden]{display:none!important;}

.app-pocket-card{
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)!important;
  min-height:360px;
}
.app-pocket-card > picture{display:none!important;}
.pocket-graphic{
  position:relative;
  min-height:310px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(49,229,197,.18);
  background:
    radial-gradient(260px 160px at 64% 20%,rgba(49,229,197,.20),transparent 70%),
    radial-gradient(320px 190px at 18% 88%,rgba(127,195,255,.12),transparent 72%),
    linear-gradient(145deg,rgba(6,22,34,.90),rgba(5,13,24,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 64px rgba(0,0,0,.26);
}
.pocket-graphic:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(49,229,197,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(49,229,197,.04) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.35;
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 72%);
}
.pocket-route{
  position:absolute;
  left:-12%;
  right:-10%;
  bottom:42px;
  height:120px;
  border:10px solid rgba(34,237,255,.72);
  border-left-color:transparent;
  border-top-color:transparent;
  border-radius:50%;
  transform:rotate(-8deg);
  filter:drop-shadow(0 0 20px rgba(34,237,255,.42));
}
.pocket-route:after{
  content:"";
  position:absolute;
  right:18%;
  top:-16px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 8px rgba(34,237,255,.35),0 0 24px rgba(34,237,255,.8);
}
.pocket-phone-card{
  position:absolute;
  right:24px;
  top:48px;
  width:min(240px,62%);
  padding:20px;
  border-radius:26px;
  border:1px solid rgba(76,255,168,.28);
  background:linear-gradient(180deg,rgba(9,53,44,.88),rgba(5,20,32,.86));
  box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 36px rgba(35,209,120,.14);
}
.pocket-phone-card span,.pocket-phone-card em{
  display:block;
  font-style:normal;
  color:#baffef;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.74rem;
}
.pocket-phone-card strong{
  display:block;
  margin:8px 0 5px;
  color:#58f28c;
  font-size:2.2rem;
  line-height:.94;
  letter-spacing:-.06em;
}
.pocket-phone-card em{
  color:#d3e4f3;
  text-transform:none;
  letter-spacing:0;
  font-size:.86rem;
  font-weight:800;
}
.pocket-stat{
  position:absolute;
  left:24px;
  padding:13px 14px;
  min-width:120px;
  border-radius:18px;
  border:1px solid rgba(166,193,224,.16);
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(10px);
}
.pocket-stat-a{top:58px;}
.pocket-stat-b{top:144px;left:48px;}
.pocket-stat strong{display:block;color:#fff;font-size:1.3rem;letter-spacing:-.03em;}
.pocket-stat span{display:block;color:var(--muted);font-size:.82rem;margin-top:2px;}
.pocket-free-badge{
  position:absolute;
  left:26px;
  bottom:24px;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(49,229,197,.28);
  background:rgba(49,229,197,.10);
  color:#e7fffb;
  font-weight:950;
  box-shadow:0 0 24px rgba(49,229,197,.12);
}

.blog-card > span{display:none!important;}
.blog-meta{margin:0 0 13px!important;display:block!important;}
.blog-meta em{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--teal2)!important;
  font-size:.78rem!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}
.article-meta{display:none!important;}
.article-meta-plain{
  margin:18px 0 0!important;
  color:#c7d6e7!important;
  font-size:.92rem!important;
  font-weight:760!important;
  line-height:1.5!important;
}


@media(max-width:980px){
  .hero-net-proof{right:6%;bottom:14%;width:min(260px,48%);}
  .hero-net-note{right:12%;top:18%;}
  .app-pocket-card{grid-template-columns:1fr!important;}
  .pocket-graphic{min-height:300px;}
}
@media(max-width:650px){
  .hero-net-proof{position:relative;right:auto;bottom:auto;width:auto;margin:0 18px 18px;}
  .hero-net-note{display:none;}
  .pocket-stat-b{left:24px;top:132px;}
  .pocket-phone-card{right:16px;width:62%;}
}

.hero-visual::before,
.hero-visual::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.hero-visual img{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
  filter:brightness(.99) saturate(1.04) contrast(1.02) drop-shadow(0 42px 96px rgba(0,0,0,.50)) drop-shadow(0 0 44px rgba(49,229,197,.12))!important;
}


/* Launch-ready CTA and fallback polish */
.store-badge-link.is-coming-soon{position:relative;align-items:center;justify-content:center;isolation:isolate;}
.store-badge-link.is-coming-soon span{position:absolute;right:-8px;top:-8px;padding:5px 8px;border-radius:999px;border:1px solid rgba(49,229,197,.38);background:rgba(7,17,31,.92);color:var(--teal2);font-size:.66rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,0,0,.32);}
.store-badge-link.is-coming-soon:hover span{background:rgba(49,229,197,.16);}
.area-preview-panel[hidden]{display:none!important;}
.area-preview-panel h2{margin:6px 0 10px;font-size:clamp(1.65rem,3vw,2.55rem);letter-spacing:-.04em;}
.area-preview-panel p{margin:0;color:var(--muted);line-height:1.7;max-width:72ch;}

/* === v28 launch-ready polish: cleaner free note, unique carousel, blog meta === */
.app-proof-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e8fffb!important;
  font-weight:860!important;
  line-height:1.55!important;
  max-width:62ch!important;
  box-shadow:none!important;
}
.app-proof-note::before{
  content:"";
  flex:0 0 9px;
  width:9px;
  height:9px;
  margin-top:.48em;
  border-radius:999px;
  background:linear-gradient(135deg,#9ff7ea,#31e5c5);
  box-shadow:0 0 18px rgba(49,229,197,.58),0 0 36px rgba(49,229,197,.20);
}
.pocket-free-badge{display:none!important;}

/* Lens flare overlays intentionally removed for cleaner launch visuals. */
.app-showcase-carousel{
  background:
    radial-gradient(760px 420px at 78% 34%,rgba(49,229,197,.13),transparent 68%),
    radial-gradient(460px 260px at 100% 9%,rgba(174,255,247,.055),transparent 68%),
    linear-gradient(135deg,rgba(11,27,45,.90),rgba(5,15,27,.90))!important;
}
.app-carousel-slide span{
  color:#9ff7ea!important;
}

.blog-card{
  display:flex!important;
  flex-direction:column!important;
}
.blog-card p{
  margin-bottom:18px!important;
}
.blog-meta{
  margin:auto 0 0!important;
  display:grid!important;
  gap:4px!important;
  align-items:start!important;
}
.blog-meta span,
.blog-meta em{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-style:normal!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
}
.blog-meta span{
  color:#9fb2c7!important;
  font-size:.78rem!important;
  font-weight:760!important;
}
.blog-meta em{
  color:var(--teal2)!important;
  font-size:.82rem!important;
  font-weight:950!important;
}