:root{--blue: #27445e;--blue-gray: #334662;--green: #50b848;--seafoam: #009788;--gold: #a7844c;--orange: #fdc886;--violet: #73295c;--red: #c50000;--text: #384455;--text-soft: #656d74;--page-bg: #f2f5fb;--card-bg: #ffffff;--border: #c9d0df;--light: #d8dfe8;--light-gray: #e6e9ee;--shadow: 0 6px 24px rgba(33, 38, 48, .08);--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--page-bg);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:100px 24px 20px}.site-header{position:sticky;top:0;z-index:50;background:var(--light-gray);color:var(--text);box-shadow:0 2px 12px #2126301f}.site-header .container{display:flex;align-items:center;gap:24px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.brand{display:flex;align-items:center;gap:10px;color:var(--blue);font-weight:700;font-size:1.15rem;letter-spacing:.02em}.brand:hover{text-decoration:none}.brand img{width:28px;height:auto}.main-nav{display:flex;gap:26px;justify-content:center;align-items:center;margin-inline:auto;flex-wrap:wrap}.main-nav a{color:var(--text-soft);font-size:.95rem;font-weight:600;padding:8px 2px;border-bottom:2px solid transparent}.main-nav a:hover{color:var(--blue);text-decoration:none;border-bottom-color:#27445e73}.main-nav a[aria-current=page]{color:var(--blue);border-bottom-color:var(--gold)}.lang-dd{position:relative}.lang-dd-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-family:var(--font);font-weight:700;font-size:.8rem;cursor:pointer}.lang-dd-btn:hover{background:#f6f8fb}.lang-flag{width:22px;height:auto;border-radius:3px;border:1px solid rgba(33,38,48,.2)}.lang-dd-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);list-style:none;background:#fff;border-radius:10px;padding:6px;min-width:190px;box-shadow:0 10px 30px #21263040;z-index:60}.lang-dd.open .lang-dd-menu{display:block}.lang-dd-menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text);font-size:.9rem;font-weight:600}.lang-dd-menu a:hover{background:#eef3f8;text-decoration:none}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.burger span{display:block;width:22px;height:2px;background:var(--blue);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:860px){.burger{display:flex}.lang-dd{margin-left:auto}.main-nav{display:none;position:absolute;top:calc(100% + 4px);right:12px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px;min-width:210px;box-shadow:0 10px 30px #21263033;z-index:60}.main-nav.open{display:flex}.main-nav a{padding:10px 14px;border-bottom:none}.main-nav a:hover{background:#2126300f}}.hero{position:relative;isolation:isolate;background:linear-gradient(160deg,var(--blue) 0%,var(--blue-gray) 60%,#3a516f 100%);color:#fff;padding:0 0 120px}.hero-copy{position:relative}.bubbles{position:absolute;z-index:-1;right:-30px;bottom:64px;width:240px;height:420px;pointer-events:none}.bubbles span{position:absolute;bottom:0;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 32%,#ffffffd9 2%,#ffffff2e 40%,#ffffff0a 68%);border:1px solid rgba(255,255,255,.28);opacity:0;animation:bubble-rise var(--d) var(--dl) infinite ease-in}.bubbles span.gold{background:radial-gradient(circle at 32% 32%,#fdc886e6 2%,#a7844c59 45%,#a7844c0f 70%);border-color:#fdc88673}@keyframes bubble-rise{0%{transform:translateY(0) scale(.7);opacity:0}8%{opacity:1}80%{opacity:.9}to{transform:translateY(-440px) scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.bubbles span{animation:none;opacity:.5}}.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.hero h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;font-weight:800}.hero h1 em{color:var(--orange);font-style:normal}.hero p.lead{margin-top:16px;font-size:1.15rem;color:var(--light);max-width:34rem}.hero-ctas{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.fuel-chips{display:flex;gap:22px;margin-top:26px;flex-wrap:wrap;justify-content:flex-end}.fuel-chips .fuel-chip{background:none;border:none;padding:0;font-size:1.05rem}.fuel-icon{width:56px;height:56px;filter:brightness(0) invert(1)}.fuel-chip{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.app-frame{position:relative;max-width:380px;margin-inline:auto}.app-frame .device{position:relative;display:flex;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;padding:20px 12px;border-radius:48px;background:linear-gradient(145deg,#2a2f38,#171a20);box-shadow:0 22px 55px #00000080,inset 0 0 0 1.5px #ffffff24}.app-frame .device:after{content:"";position:absolute;top:30px;left:50%;width:92px;height:25px;transform:translate(-50%);background:#0b0d10;border-radius:999px}.app-frame .shot{border-radius:36px;overflow:hidden;background:#0f1218;height:500px;width:calc(500px * 420 / 910);max-width:100%}.app-frame .shot img{width:100%;height:100%;object-fit:cover;display:block}.app-frame .shot .placeholder{color:var(--light);text-align:center;padding:24px;font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 20px #50b84859}.btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-outline{background:transparent;color:var(--blue);border:2px solid var(--blue)}.section{padding:64px 0}.section-title{font-size:1.7rem;color:var(--blue);font-weight:800;margin-bottom:8px}.section-subtitle{color:var(--text-soft);max-width:46rem;margin-bottom:36px}.stats-strip{position:absolute;left:0;right:0;bottom:0;transform:translateY(50%);z-index:2}.stats-strip .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;background:var(--orange);border-radius:24px;padding:36px 40px;box-shadow:var(--shadow)}.stat .value{font-size:2rem;font-weight:800;color:var(--blue)}.stat .label{font-size:.95rem;color:var(--blue);opacity:.75}.hero+.section{padding-top:128px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card h3{color:var(--blue);font-size:1.1rem;margin-bottom:8px;display:flex;align-items:center;gap:10px}.card .icon{width:42px;height:42px;border-radius:10px;background:#eef3f8;display:flex;align-items:center;justify-content:center;flex:none}.card .icon img{width:24px;height:24px}.card p{font-size:.95rem;color:var(--text-soft)}.country-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.country-badge{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.country-badge img.flag{width:36px;height:auto;border-radius:4px;border:1px solid rgba(33,38,48,.15);flex:none}.country-badge .name{font-weight:600;font-size:.95rem}.prose{max-width:780px}.prose h1{font-size:1.9rem;color:var(--blue);margin-bottom:6px}.prose .updated{color:var(--text-soft);font-size:.9rem;margin-bottom:28px}.prose section{margin-bottom:32px}.prose h2{font-size:1.2rem;color:var(--blue);margin-bottom:10px}.prose p{margin-bottom:12px}.prose ul{margin:0 0 12px 22px}.prose li{margin-bottom:6px}.store-badges-wrap{position:relative;display:inline-block;max-width:100%}.store-badges-wrap .store-badges{filter:grayscale(1);opacity:.55;pointer-events:none;user-select:none}.store-soon-banner{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) rotate(-6deg);background:var(--red);color:#fff;font-size:1.15rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:10px 28px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 22px #00000059;pointer-events:none}.store-badges{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.store-badges img{height:48px;width:auto;display:block}.store-badges a{transition:transform .15s ease;display:inline-block}.store-badges a:hover{transform:translateY(-2px)}.cta-band{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-gray) 100%);color:#fff;border-radius:var(--radius);padding:48px;text-align:center}.cta-band h2{font-size:1.6rem;margin-bottom:10px}.cta-band p{color:var(--light);margin-bottom:24px}.site-footer{background:#212630;color:var(--light);margin-top:64px;padding:48px 0 32px;font-size:.92rem}.site-footer .container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.site-footer h4{color:#fff;margin-bottom:12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.site-footer ul{list-style:none}.site-footer li{margin-bottom:8px}.site-footer a{color:var(--light)}.site-footer a:hover{color:#fff}.site-footer .osm-credit{margin-top:36px;border-top:1px solid #383838;padding-top:18px;font-size:.85rem;color:#9aa3ad}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:12px}.footer-brand img{width:24px}@media(max-width:860px){.hero .container{grid-template-columns:1fr}.hero{padding-bottom:176px}.hero+.section{padding-top:176px}.stats-strip .container{padding:28px 24px}.site-footer .container{grid-template-columns:1fr}}