:root{
  --bg:#06111c;
  --panel:#0b1d2c;
  --panel2:#0e2538;
  --line:#17354d;
  --text:#f3f8ff;
  --muted:#8fb2cf;
  --blue:#2c97ff;
  --cyan:#45d5ff;
  --green:#32d17d;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 30% 0%,#0c2235 0,#06111c 42%,#040a11 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%)}.orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none}.orb-a{width:420px;height:420px;background:#1678ff;top:-180px;right:-120px}.orb-b{width:360px;height:360px;background:#00c8ff;bottom:-160px;left:-100px}.shell{width:min(1500px,calc(100% - 36px));margin:auto;position:relative;z-index:1}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(143,178,207,.12)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-mark{font-size:34px;color:#5db8ff;transform:rotate(-12deg);display:inline-block}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:24px;letter-spacing:5px}.brand-copy small{color:var(--blue);margin-top:6px}.status-pill,.chip{border:1px solid var(--line);background:rgba(12,34,51,.75);border-radius:999px;padding:10px 14px;color:#cfe8fa;font-size:12px;letter-spacing:.5px}.status-pill i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 14px rgba(50,209,125,.9)}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center;padding:76px 0 42px}.eyebrow{display:inline-block;color:#55b8ff;font-size:12px;letter-spacing:2.4px;font-weight:700;margin-bottom:18px}.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;margin:0 0 24px;letter-spacing:-3px}.hero h1 span{color:#5cb9ff}.hero p{font-size:18px;line-height:1.65;color:#9ab9d2;max-width:700px;margin:0}.hero-actions{display:flex;gap:12px;margin:30px 0 34px}.hero-actions button{padding:14px 20px;border-radius:10px;border:1px solid var(--line);font-weight:700;cursor:pointer;font-size:14px}.primary{background:linear-gradient(135deg,#1987f2,#36b6ff);color:white;border:none!important;box-shadow:0 12px 34px rgba(25,135,242,.22)}.secondary{background:#0b1c2b;color:#d9efff}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stats div{border-top:1px solid rgba(143,178,207,.18);padding-top:13px}.mini-stats b{display:block;font-size:14px}.mini-stats span{display:block;color:#7898b3;font-size:12px;margin-top:4px}.preview{background:linear-gradient(145deg,rgba(13,31,47,.94),rgba(6,17,28,.98));border:1px solid #173b57;border-radius:24px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg)}.preview-top{display:flex;justify-content:flex-end;gap:8px;padding-bottom:14px}.chip{padding:7px 10px;font-size:10px}.chip.online{color:#b6f8d1}.preview-grid{display:grid;grid-template-columns:220px 1fr 220px;gap:12px;min-height:470px}.card{background:linear-gradient(180deg,#0d2233,#081725);border:1px solid #19394f;border-radius:15px;position:relative;overflow:hidden}.flight-card,.live-card{padding:18px}.muted{font-size:10px;color:#6e92ae;letter-spacing:1px}.flight-card h3{font-size:23px;margin:10px 0 24px}.flight-card h3 em{font-style:normal;font-size:10px;background:#123553;border:1px solid #1c4a6b;border-radius:999px;padding:5px 8px;float:right;color:#c6e9ff}.route{display:flex;align-items:center;justify-content:space-between;font-size:26px}.route span{color:#55b6ff}.progress{height:6px;background:#18344b;border-radius:6px;margin:24px 0 28px;position:relative}.progress span{display:block;width:56%;height:100%;background:linear-gradient(90deg,#1588ff,#65d4ff);border-radius:inherit}.progress i{position:absolute;left:54%;top:-12px;font-style:normal;font-size:24px;color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics small{color:#7194b0;font-size:9px}.metrics strong{font-size:13px;display:block;margin-top:5px}.map{background:radial-gradient(circle at 56% 48%,rgba(20,103,155,.32),transparent 24%),linear-gradient(135deg,#0b263b,#07131f);min-height:470px}.map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(115,182,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,182,232,.08) 1px,transparent 1px);background-size:42px 42px}.map:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 44%,rgba(6,14,22,.72) 44% 54%,transparent 54%)}.map-label{position:absolute;z-index:3;top:14px;left:14px;font-size:9px;color:#8ccaff;background:#07131f;border:1px solid #17405e;padding:7px 9px;border-radius:7px}.route-line{position:absolute;z-index:2;height:4px;width:72%;background:linear-gradient(90deg,#d742ff,#f466ff);left:13%;top:52%;transform:rotate(-12deg);border-radius:99px;box-shadow:0 0 16px rgba(230,78,255,.5)}.plane{position:absolute;z-index:4;left:57%;top:39%;font-size:34px;transform:rotate(-18deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.7))}.airport{position:absolute;z-index:4;background:#f6f8fb;color:#0b1a26;font-weight:800;font-size:11px;padding:8px 10px;border-radius:8px}.airport.a{right:10%;bottom:18%}.airport.b{left:10%;top:37%}.wp{position:absolute;z-index:4;font-size:10px;font-weight:800;color:#e7d6ff}.wp1{right:24%;top:48%}.wp2{left:48%;top:36%}.wp3{left:23%;top:41%}.card-title{font-weight:800;padding-bottom:14px;border-bottom:1px solid #173248}.card-title span{float:right;color:#a8f4c7;background:#0b6d45;border-radius:999px;padding:4px 7px;font-size:9px}.live-card ul{list-style:none;padding:0;margin:10px 0}.live-card li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #122d42;font-size:12px}.live-card li span{color:#82a7c2}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:34px 0 70px}.features article{background:rgba(9,25,39,.7);border:1px solid rgba(23,53,77,.9);border-radius:16px;padding:22px}.features article>span{color:#3ba9ff;font-size:11px;font-weight:800;letter-spacing:1px}.features h3{margin:12px 0 9px}.features p{margin:0;color:#7fa0ba;line-height:1.55;font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(143,178,207,.12);padding:24px 0 34px;color:#7798b2;font-size:12px}footer b{color:#dceefe;letter-spacing:2px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#0c2234;border:1px solid #24506f;color:#dff3ff;padding:13px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:20;box-shadow:0 14px 36px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1120px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero p{margin-inline:auto}.hero-actions{justify-content:center}.preview{transform:none}.preview-grid{grid-template-columns:200px 1fr}.live-card{display:none}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:min(100% - 22px,1500px)}.topbar{height:72px}.brand-copy strong{font-size:19px;letter-spacing:4px}.status-pill{padding:8px 10px;font-size:10px}.hero{padding:44px 0 24px;gap:28px}.hero h1{font-size:48px;letter-spacing:-2px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.mini-stats{grid-template-columns:1fr}.preview{padding:10px;border-radius:18px}.preview-top{justify-content:flex-start;overflow:auto}.preview-grid{grid-template-columns:1fr;min-height:auto}.flight-card{display:none}.map{min-height:420px}.features{grid-template-columns:1fr;padding-bottom:44px}footer{flex-direction:column;gap:8px;text-align:center}.toast{width:calc(100% - 30px);text-align:center}.airport.a{right:7%;bottom:15%}.airport.b{left:7%;top:38%}}


/* V1.1 — preview updated to match the actual DIMFLY app direction */
.app-preview{padding:12px!important;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)!important;border-radius:22px!important;overflow:hidden;background:linear-gradient(180deg,#07121f,#050b12)!important}
.mini-app-topbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.mini-brand{display:flex;align-items:center;gap:7px;font-size:12px}.mini-brand>span{font-size:18px;color:#6cb4ff;transform:rotate(-14deg)}.mini-brand b{letter-spacing:.12em;font-size:14px}.mini-brand small{display:block;color:#2f92ff;font-size:7px;margin-left:-2px}.mini-status{display:flex;gap:5px}.mini-status span{font-size:7px;color:#cfeede;background:#0d2133;border:1px solid #12324f;border-radius:999px;padding:5px 6px}
.mini-tabs{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:7px 0}.mini-tabs b{font-size:7px;font-weight:600;text-align:center;color:#9fb5c7;background:#091624;padding:7px 2px;border-radius:6px}.mini-tabs .active{background:#0d2c4b;color:#fff;box-shadow:inset 0 -1px 0 #1683ff}
.mini-layout{display:grid;grid-template-columns:150px minmax(280px,1fr) 150px;grid-template-areas:"f m l" "d fu de";gap:7px;min-height:405px}.mini-panel{background:linear-gradient(180deg,rgba(13,29,45,.98),rgba(7,18,29,.98));border:1px solid rgba(122,176,225,.13);border-radius:10px;overflow:hidden;color:#f5f7fb}.mini-flight{grid-area:f;padding:11px}.mini-map{grid-area:m;position:relative;min-height:300px;background:radial-gradient(circle at 58% 45%,rgba(16,72,111,.48),transparent 29%),linear-gradient(135deg,#071522,#0a1a29)}.mini-live{grid-area:l;padding:10px}.mini-descent{grid-area:d;padding:9px}.mini-fuel{grid-area:fu;padding:9px}.mini-destination{grid-area:de;padding:9px}
.mini-flight-head,.mini-title{display:flex;align-items:center;justify-content:space-between}.mini-flight-head strong{font-size:17px}.mini-flight-head em{font-style:normal;background:#12283b;border:1px solid #1d3850;padding:3px 5px;border-radius:999px;font-size:7px}.mini-airline{color:#8fa6ba;font-size:8px}.mini-route{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-top:16px}.mini-route span{color:#57a8ff}.mini-cities{display:flex;justify-content:space-between;color:#91a5b8;font-size:7px;margin-top:2px}.mini-progress{height:4px;background:#192b3e;border-radius:999px;margin:14px 0;position:relative}.mini-progress i{display:block;width:36%;height:100%;background:linear-gradient(90deg,#146dff,#4da7ff);border-radius:inherit}.mini-progress strong{position:absolute;left:33%;top:-10px;font-size:16px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:9px 0}.mini-kpis small,.mini-next small{display:block;color:#91a5b8;font-size:6px}.mini-kpis b{display:block;font-size:8px;margin-top:2px}.mini-next{border-top:1px solid #18314a;margin-top:9px;padding-top:7px}.mini-next>b{display:block;font-size:15px;margin:2px 0}.mini-next span{font-size:7px;display:flex;justify-content:space-between}.mini-next em{font-style:normal}
.mini-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(115,182,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(115,182,232,.07) 1px,transparent 1px);background-size:27px 27px}.mini-map:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 43%,rgba(4,12,20,.55) 43% 52%,transparent 52%)}.mini-map-badge,.mini-dark-badge{position:absolute;z-index:7;background:rgba(4,13,22,.88);border:1px solid #1b3954;border-radius:6px;padding:5px 6px;font-size:6px}.mini-map-badge{top:8px;left:8px}.mini-dark-badge{right:8px;bottom:8px;color:#70b7ff;font-weight:800;letter-spacing:.08em}.mini-map-svg{position:absolute;inset:0;z-index:3;width:100%;height:100%}.mini-path-shadow{fill:none;stroke:rgba(254,97,246,.18);stroke-width:16;stroke-linecap:round;filter:url(#routeGlow)}.mini-path-main{fill:none;stroke:url(#routeGrad);stroke-width:6;stroke-linecap:round;filter:url(#routeGlow)}.mini-path-dash{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:10 11}.mini-waypoint-dot circle{fill:#f8d4fd;stroke:#ffffff;stroke-opacity:.45;stroke-width:1}.mini-track-glow ellipse{fill:rgba(69,213,255,.18)}.mini-plane-icon{filter:url(#planeGlow)}.mini-plane-icon path{fill:#f5fbff;stroke:#87ceff;stroke-opacity:.55;stroke-width:2;stroke-linejoin:round}.mini-airport{position:absolute;z-index:8;background:#f2f6ff;color:#162033;padding:5px 7px;border-radius:6px;font-weight:900;font-size:7px;box-shadow:0 8px 18px rgba(0,0,0,.25)}.mini-lgav{right:8%;bottom:17%}.mini-lemd{left:8%;top:41%}.mini-wp{position:absolute;z-index:8;color:#ffd9fb;font-weight:800;font-size:6px;text-shadow:0 2px 5px #000}.mini-nipor{left:27%;top:42%}.mini-tolva{left:50%;top:34%}.mini-orsup{right:22%;top:48%}
.mini-title b,.mini-descent>b,.mini-destination>b{font-size:9px}.mini-title span{font-size:6px;color:#bff4d7;background:#0f6b45;padding:3px 5px;border-radius:999px}.mini-live dl{margin:8px 0}.mini-live dl div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mini-live dt{color:#91a5b8;font-size:7px}.mini-live dd{margin:0;font-size:7px;font-weight:700}.mini-phase{display:flex;justify-content:space-between;background:#0a1b2c;border:1px solid #17324e;border-radius:7px;padding:8px;font-size:7px;margin-top:9px}
.mini-descent>span{display:block;text-align:center;font-size:8px;margin:7px 0 0;color:#cbe1f5}.mini-descent svg{width:100%;height:70px}.mini-bars{height:86px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;padding:6px 10px 0}.mini-bars div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.mini-bars i{display:block;width:28px;background:linear-gradient(#2d8cff,#45bfd8);border-radius:5px 5px 1px 1px}.mini-bars small{font-size:6px;color:#91a5b8;margin-top:4px}.mini-segments{display:flex;gap:2px;background:#07111d;padding:3px;border-radius:6px;margin:7px 0}.mini-segments span{font-size:5px;color:#91a5b8;padding:4px 3px;border-radius:4px}.mini-segments .active{background:#0c4f8e;color:#fff}.mini-destination>strong{font-size:8px}.mini-destination p{font-size:6px;line-height:1.5;color:#91a5b8;margin:5px 0 0}
@media(max-width:1120px){.app-preview{transform:none!important}.mini-layout{grid-template-columns:130px 1fr 130px}}
@media(max-width:700px){.mini-status,.mini-tabs{display:none}.mini-app-topbar{height:34px}.mini-layout{grid-template-columns:1fr;grid-template-areas:"m" "f" "l" "d" "fu" "de";min-height:0}.mini-map{min-height:310px}.mini-flight,.mini-live,.mini-descent,.mini-fuel,.mini-destination{display:none}}

/* V1.2 — compact mobile presentation */
.preview-canvas{width:100%;transform-origin:top left}
@media(max-width:700px){
  .shell{width:calc(100% - 28px)}
  .topbar{height:64px}
  .brand-mark{font-size:28px}
  .brand-copy strong{font-size:18px;letter-spacing:3px}
  .brand-copy small{font-size:10px;margin-top:4px}
  .status-pill{font-size:9px;padding:7px 9px;white-space:nowrap}
  .hero{padding:32px 0 22px;gap:22px}
  .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:12px}
  .hero h1{font-size:42px;line-height:1.02;margin-bottom:18px}
  .hero p{font-size:14px;line-height:1.55}
  .hero-actions{margin:22px 0 22px;gap:9px}
  .hero-actions button{padding:13px 16px}
  .mini-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .mini-stats div{padding-top:10px;text-align:center}
  .mini-stats b{font-size:12px}.mini-stats span{font-size:10px;line-height:1.25}

  .app-preview{height:360px;padding:8px!important;border-radius:18px!important;overflow:hidden!important}
  .preview-canvas{width:900px;transform:scale(.72);transform-origin:top left}
  .mini-status,.mini-tabs{display:flex}
  .mini-app-topbar{height:42px}
  .mini-layout{grid-template-columns:150px minmax(430px,1fr) 150px;grid-template-areas:"f m l" "d fu de";min-height:405px;gap:7px}
  .mini-map{min-height:300px}
  .mini-flight,.mini-live,.mini-descent,.mini-fuel,.mini-destination{display:block}
  .features{padding-top:24px}
}
@media(max-width:420px){
  .hero h1{font-size:38px}
  .app-preview{height:300px}
  .preview-canvas{width:900px;transform:scale(.61)}
}


/* V1.4 — closer to final app preview + subtle live feel */
.mini-map{overflow:hidden}
.mini-map-footer{position:absolute;left:10px;bottom:9px;z-index:8;font-size:6px;color:#89a8c3;letter-spacing:.03em;background:rgba(4,13,22,.72);padding:4px 6px;border-radius:6px;border:1px solid rgba(43,84,117,.55)}
.mini-path-main{animation:routePulse 3.6s ease-in-out infinite alternate}
.mini-path-dash{animation:dashFlow 10s linear infinite;stroke-dashoffset:0}
.mini-plane-icon{animation:planePulse 2.6s ease-in-out infinite}
.mini-track-glow{animation:trackGlow 2.6s ease-in-out infinite}
.mini-waypoint-dot:nth-of-type(1){animation:wpBlink 3.2s ease-in-out infinite}.mini-waypoint-dot:nth-of-type(2){animation:wpBlink 3.2s ease-in-out 0.5s infinite}.mini-waypoint-dot:nth-of-type(3){animation:wpBlink 3.2s ease-in-out 1s infinite}
.mini-live-footer{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;font-size:6px;color:#91a5b8}.mini-live-footer b{color:#bff4d7;font-size:7px;letter-spacing:.05em}
.mini-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 30px rgba(0,0,0,.18)}
.app-preview{box-shadow:0 28px 80px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.04)!important}
.hero-copy p{max-width:680px}
@keyframes routePulse{0%{filter:url(#routeGlow);opacity:.92}100%{filter:url(#routeGlow);opacity:1}}
@keyframes dashFlow{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-120}}
@keyframes planePulse{0%,100%{transform:translate(602px,232px) rotate(-10deg) scale(1)}50%{transform:translate(602px,232px) rotate(-10deg) scale(1.035)}}
@keyframes trackGlow{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes wpBlink{0%,100%{opacity:.7}50%{opacity:1}}
@media(max-width:700px){.mini-map-footer{font-size:5px;padding:3px 5px;left:8px;bottom:8px}.app-preview{height:372px}.preview-canvas{transform:scale(.73)}}
@media(max-width:420px){.app-preview{height:312px}.preview-canvas{transform:scale(.62)}}


/* V1.5 — clearer aircraft icon */
.mini-track-glow ellipse{fill:rgba(69,213,255,.14)}
.mini-plane-icon{filter:url(#planeGlow);transform-box:fill-box;transform-origin:center;animation:planePulse 2.6s ease-in-out infinite}
.mini-plane-icon .plane-shape{fill:#f7fbff;stroke:#6fc5ff;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
@keyframes planePulse{0%,100%{opacity:1}50%{opacity:.92}}


/* V1.6 — airport ICAO labels placed at route ends */
.mini-airport{min-width:48px;text-align:center;letter-spacing:.06em}
.mini-lgav{left:4.5%;bottom:13%;right:auto;top:auto}
.mini-lemd{right:4.5%;top:16%;left:auto;bottom:auto}
.mini-route-path,.mini-map-svg{overflow:visible}
.mini-nipor{left:28%;top:46%}.mini-tolva{left:52%;top:35%}.mini-orsup{right:17%;top:41%}


/* V1.7 — exact route endpoints and plane alignment */
.mini-map-svg{position:absolute;inset:0;z-index:3;width:100%;height:100%}
.mini-svg-airport{z-index:9}
.mini-svg-airport rect{fill:#f2f6ff;stroke:rgba(255,255,255,.08);stroke-width:1.2;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.mini-svg-airport text{fill:#162033;font-size:11px;font-weight:900;text-anchor:middle;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.06em}
.mini-track-glow ellipse{fill:rgba(69,213,255,.14)}
.mini-plane-icon{filter:url(#planeGlow)}
.mini-plane-icon .plane-shape{fill:#f7fbff;stroke:#6fc5ff;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.mini-wp{z-index:8}
.mini-nipor{left:31%;top:47%}
.mini-tolva{left:54%;top:35%}
.mini-orsup{right:18%;top:40%}
/* hide old absolute airport css remnants if present */
.mini-airport{display:none}


/* V1.8 — mobile fit + cleaner white aircraft logo following route */
.mini-path-shadow{stroke-width:14}.mini-path-main{stroke-width:5}.mini-path-dash{stroke-width:1.4}
.mini-track-glow ellipse{fill:rgba(69,213,255,.12)}
.mini-plane-icon .plane-shape{fill:#ffffff;stroke:none}
.mini-svg-airport rect{fill:#f2f6ff;stroke:none}.mini-svg-airport text{font-size:11px;font-weight:900;letter-spacing:.06em}
.mini-map-footer{left:12px;bottom:10px}.mini-dark-badge{right:12px;bottom:10px}
.mini-nipor{left:29.2%;top:47%}.mini-tolva{left:53.3%;top:35.3%}.mini-orsup{right:15.2%;top:39%}
@media(max-width:700px){.hero{padding-top:22px}.hero h1{font-size:34px;line-height:1.03}.hero p{font-size:13px;line-height:1.5}.mini-stats{margin-top:2px}.app-preview{height:246px;padding:8px!important}.preview-canvas{width:980px;transform:scale(.34);transform-origin:top left}.mini-map-footer{font-size:4.8px}.mini-dark-badge,.mini-map-badge{font-size:5px;padding:4px 5px}.mini-tabs b{font-size:6px}}
@media(max-width:420px){.app-preview{height:228px}.preview-canvas{width:980px;transform:scale(.315)}.hero h1{font-size:31px}}


/* V1.9 — better mobile preview and clearer white plane logo */
.mini-plane-icon .plane-shape{fill:#ffffff;stroke:rgba(255,255,255,.18);stroke-width:1.3}
.mini-track-glow ellipse{fill:rgba(69,213,255,.10)}
.mini-path-main{stroke-width:5.5}
.mini-path-shadow{stroke-width:15}
@media (max-width:700px){
  .app-preview{height:auto !important; min-height:320px; padding:10px !important; border-radius:20px !important;}
  .preview-canvas{width:auto !important; transform:none !important; transform-origin:top left !important;}
  .mini-app-topbar{height:30px; padding:0 2px 6px}
  .mini-brand b{font-size:11px}.mini-brand small{font-size:6px}.mini-brand>span{font-size:14px}
  .mini-status span{font-size:6px; padding:4px 5px}
  .mini-tabs{display:none !important}
  .mini-layout{grid-template-columns:116px 1fr; grid-template-areas:"f m"; min-height:240px; gap:8px}
  .mini-flight{display:block !important; padding:9px}
  .mini-live,.mini-descent,.mini-fuel,.mini-destination{display:none !important}
  .mini-map{min-height:240px; border-radius:10px}
  .mini-flight-head strong{font-size:14px}
  .mini-route{font-size:14px; margin-top:12px}
  .mini-kpis{gap:3px; margin:7px 0}
  .mini-kpis small,.mini-next small{font-size:5px}
  .mini-kpis b{font-size:7px}
  .mini-next>b{font-size:12px}
  .mini-next span{font-size:6px}
  .mini-map-badge,.mini-dark-badge,.mini-map-footer{font-size:4.8px}
  .mini-map-footer{left:8px; bottom:8px}
  .mini-dark-badge{right:8px; bottom:8px}
  .mini-wp{font-size:5px}
}
@media (max-width:420px){
  .app-preview{min-height:292px}
  .mini-layout{grid-template-columns:106px 1fr; min-height:220px}
  .mini-map{min-height:220px}
  .mini-flight-head strong{font-size:13px}
  .mini-route{font-size:13px}
}


/* V2.0 — clearer airplane silhouette */
.mini-plane-icon .plane-shape{fill:#ffffff;stroke:rgba(79,185,255,.35);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.mini-track-glow ellipse{fill:rgba(69,213,255,.08)}
.mini-plane-icon{opacity:1}


/* V2.1 — visible airline/company logo in the flight card */
.mini-airline-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.mini-airline-row .mini-airline{margin:0}
.mini-airline-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(180deg,#0e2740,#0a1b2c);border:1px solid rgba(83,151,214,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.mini-airline-logo svg{width:18px;height:18px;display:block}
.mini-airline-logo svg path{fill:#7ec3ff}
@media (max-width:700px){
  .mini-airline-logo{width:22px;height:22px;border-radius:7px}
  .mini-airline-logo svg{width:15px;height:15px}
}


/* V2.2 — route-following aircraft orientation + more visible airline logo */
.mini-airline-row{justify-content:flex-start;gap:7px;margin-top:4px}
.mini-airline-logo{width:28px;height:28px;min-width:28px;border-radius:8px;background:linear-gradient(180deg,#12385b,#0a1d2d);border:1px solid rgba(93,176,255,.45);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 8px 20px rgba(0,0,0,.24)}
.mini-airline-logo svg{width:19px;height:19px}
.mini-airline-logo svg path{fill:#8ed0ff}
.mini-airline{font-size:8px;color:#9ab8cf}
@media (max-width:700px){
  .mini-airline-logo{width:24px;height:24px;min-width:24px}
  .mini-airline-logo svg{width:16px;height:16px}
}


/* V2.3 — more recognizable AEGEAN logo badge */
.mini-airline-row{justify-content:flex-start;gap:0;margin-top:5px}
.mini-airline-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px 4px 5px;border-radius:999px;background:linear-gradient(180deg,rgba(19,56,91,.9),rgba(10,29,45,.94));border:1px solid rgba(93,176,255,.4);box-shadow:0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)}
.mini-airline-logo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(93,176,255,.18)}
.mini-airline-logo svg{width:16px;height:16px;display:block}
.mini-airline-logo svg path{fill:#8ed0ff}
.mini-airline-wordmark{font-size:7px;font-weight:800;letter-spacing:.12em;color:#e9f6ff;line-height:1}
.mini-airline{display:none}
@media (max-width:700px){.mini-airline-badge{padding:3px 6px 3px 4px;gap:5px}.mini-airline-logo{width:21px;height:21px;min-width:21px}.mini-airline-logo svg{width:14px;height:14px}.mini-airline-wordmark{font-size:6px}}


/* V2.4 — real AEGEAN logo asset */
.mini-airline-logo.real-logo{background:transparent;border:none;box-shadow:none;width:28px;height:28px;min-width:28px;padding:0}
.mini-airline-logo.real-logo img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.25))}
@media (max-width:700px){.mini-airline-logo.real-logo{width:24px;height:24px;min-width:24px}}