/* Clear to Climb v1.4 — modern aviation design layer; all overrides are screen-only. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
@media screen {
 :root{--navy:#081e32;--navy2:#0d314e;--ink:#152c42;--blue:#107fca;--paper:#f3f6fa;--radius:20px;--shadow:0 18px 42px #152e440c}
 body{font-family:'Plus Jakarta Sans',sans-serif;background:radial-gradient(ellipse at 84% -10%,#d9efff 0,transparent 40%),#f5f7fa;color:var(--ink)}
 h1,h2,h3,.brand strong,.stat-card>strong{font-family:'Plus Jakarta Sans',sans-serif}
 .sidebar{background:linear-gradient(175deg,#041626,#0a2b45 78%,#123a54);border-right:1px solid #ffffff17}
 .sidebar:after{content:'WAYPOINT 01  /  FLY HIGHER';font-family:'Barlow Condensed',sans-serif;letter-spacing:.18em;font-size:10px;color:#567f9c;position:absolute;bottom:119px;left:25px}
 .sidebar-label{display:flex;justify-content:space-between;margin-left:13px;margin-right:12px}
 .side-call-sign{color:#2e7896;font-size:8px}
 .brand-mark{background:linear-gradient(140deg,#ffe6ae,#eead45);color:#0b3350;box-shadow:0 8px 22px #ec9f3444;border-radius:12px}
 .brand strong{font-size:13px;letter-spacing:.075em}.brand small{color:#72bbd3}
 .sidebar-flight-card{margin-top:29px;min-height:193px;background:radial-gradient(circle at 94% 12%,#4395af55,transparent 47%),linear-gradient(137deg,#153d59,#0a293f);border-color:#73a2c542}
 .sidebar-flight-card:after{border-style:dashed}
 .sidebar-flight-card span{color:#f6bd5d}.sidebar-flight-card strong{font-size:20px;line-height:1.16}
 .sidebar-bottom{padding-top:19px}.privacy-dot{background:#32e0bc}
 .main-content{max-width:none}
 .topbar{background:linear-gradient(90deg,transparent,#ffffff30);height:87px}
 .topbar-location{letter-spacing:.16em}.topbar-location b{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.1em}
 .account-pill{display:flex;align-items:center;gap:8px;min-height:36px;background:#e8f6fb;border:1px solid #c9e5f1;color:#23607f;border-radius:12px;padding:0 11px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
 .account-pill:hover,.account-pill[aria-expanded=true]{background:#d8f0f8;border-color:#6fbccf}
 .account-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e6a648;box-shadow:0 0 0 3px #e6a64824}
 .account-led.cloud{background:#24b98c;box-shadow:0 0 0 4px #24b98c22}
 .account-caret{font-size:15px}
 .account-panel{position:absolute;z-index:21;right:clamp(15px,3.5vw,65px);top:74px;width:min(345px,calc(100vw - 30px));background:white;border:1px solid #dce8f0;border-radius:19px;box-shadow:0 25px 65px #0c2b4440;padding:19px}
 .account-panel[hidden],.sync-banner[hidden]{display:none!important}
 .account-head{display:flex;align-items:center;gap:12px}.account-head-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#0d476e;background:#e1f4fc;font-size:22px}
 .account-head div{flex:1;min-width:0}.account-head b{display:block;font-size:13px}.account-head small{display:block;color:#7293a6;font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}
 .account-close{background:none;border:0;font-size:25px;color:#6e899a;cursor:pointer}
 .account-explain{font-size:12px;line-height:1.6;color:#647d91;margin:19px 0}
 .account-action,.account-secondary{width:100%;border:0;border-radius:11px;padding:12px 14px;font-weight:800;font-size:12px;cursor:pointer}
 .account-action{background:#116daf;color:white}.account-action:hover{background:#09568d}.account-secondary{background:#edf2f6;color:#496a80;margin-top:10px}
 .account-action[disabled]{background:#c5d8e5;cursor:not-allowed}
 .sync-banner{display:flex;align-items:center;gap:12px;background:#fdf8eb;border:1px solid #f5dda9;border-radius:13px;padding:13px 17px;margin:16px 0 -6px;color:#725426;font-size:11px;line-height:1.5}
 .sync-banner.cloud-ok{background:#eafaF5;border-color:#c7ead9;color:#21634f}.sync-banner.cloud-error{background:#fff0ed;border-color:#ffcec5;color:#974b40}
 .sync-banner p{flex:1;margin:0}.sync-banner button{border:0;color:white;background:#136d9f;border-radius:8px;padding:8px 12px;font-weight:800;font-size:10px;cursor:pointer}
 .sync-icon{font-size:18px}
 .flightdeck-hero{background:linear-gradient(112deg,#04192e 0%,#073451 59%,#0c6987 100%);box-shadow:0 25px 50px #0f425630;border-radius:25px;min-height:385px;grid-template-columns:minmax(0,1fr) minmax(270px,382px);border:1px solid #ffffff22}
 .flightdeck-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 52%,#5ddbf10c 53%,transparent 54%);pointer-events:none;z-index:-1}
 .hero-stars{background-image:linear-gradient(#f0fcff13 1px,transparent 1px),linear-gradient(90deg,#f0fcff13 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 14%,black);opacity:.5}
 .hero-welcome{font-family:'Barlow Condensed',sans-serif;letter-spacing:.16em;font-size:13px;color:#a6d8e5;margin:23px 0 5px}.hero-welcome span{color:#ffca79}
 .flightdeck-hero h1{font:800 clamp(39px,4.35vw,67px)/1.03 'Plus Jakarta Sans',sans-serif;letter-spacing:-.065em;max-width:650px}
 .flightdeck-hero h1 span{background:linear-gradient(90deg,#f4b853,#fff0ad);-webkit-background-clip:text;background-clip:text;color:transparent}
 .hero-subtitle{font-size:12px;line-height:1.85;max-width:450px;color:#b5d5e5}
 .hero-overline{color:#52dec6;letter-spacing:.13em}
 .hero-actions .primary-button{background:#ffca70;color:#123853;border-radius:12px;font-size:12px;box-shadow:0 5px 25px #ffbe4a40}
 .hero-actions .primary-button:hover{background:#ffe095}.hero-secondary-button{border-radius:12px}
 .hero-aircraft{position:absolute;width:650px;max-width:90%;right:5%;top:-75px;color:#65d4ec;z-index:-1;transform:rotate(1deg);pointer-events:none}
 .hero-flightline{position:absolute;bottom:16px;left:40px;right:42px;display:flex;justify-content:space-between;align-items:center;color:#93d4e5;font:600 10px 'Barlow Condensed',sans-serif;letter-spacing:.16em;opacity:.6}
 .flight-plan{background:linear-gradient(150deg,#f0faff1c,#4bc7e709);border-color:#9bcfe652;transform:rotate(1deg);box-shadow:0 27px 45px #00162955,inset 0 1px #ffffff23;backdrop-filter:blur(17px)}
 .plan-head{color:#e4f7fb}.plan-destination strong{color:#ffd082}
 .plan-foot{background:#e1a9561d!important;color:#ffda99!important}
 .section-caption{color:#728a9d;letter-spacing:.2em;font:700 11px 'Barlow Condensed',sans-serif}
 .stat-card{border:1px solid #e4eaf0;background:linear-gradient(180deg,white,#fbfdfe);border-radius:18px;box-shadow:0 8px 30px #2449660a;position:relative;overflow:hidden}
 .stat-card:before{content:'';position:absolute;top:0;left:25px;right:25px;height:3px;background:linear-gradient(90deg,#4dc8e4,#4dc8e400)}
 .stat-card:nth-child(2):before{background:linear-gradient(90deg,#27d1ad,transparent)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#edb45c,transparent)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#8c79ef,transparent)}
 .stat-card>strong{letter-spacing:-.05em}.stat-label{letter-spacing:.1em}
 .panel{border-radius:19px;border:1px solid #e3ebef;box-shadow:0 10px 35px #1c40500a}.panel-heading h2{letter-spacing:-.035em}
 .flight-path-panel{background:#fff;border:1px solid #dfe8ed;border-radius:20px;box-shadow:0 11px 32px #163b540a;padding:23px 27px;margin-bottom:24px;position:relative;overflow:hidden}
 .flight-path-panel:after{content:'CTC  /  ROUTE 001';font:600 50px 'Barlow Condensed',sans-serif;color:#0b84ba07;position:absolute;right:20px;top:0;pointer-events:none}
 .flight-path-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px;position:relative;z-index:1}.flight-path-intro .eyebrow{color:#1597b3}.flight-path-intro h2{font-size:21px;letter-spacing:-.04em;margin:6px 0 0}.flight-path-intro h2 span{color:#33b7b8}
 .path-counter{font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.14em;background:#e8f6fc;padding:8px 12px;color:#216f8f;border-radius:99px;white-space:nowrap}
 .path-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}.path-steps:before{content:'';position:absolute;top:18px;left:9%;right:9%;border-top:2px dashed #c0d9e4}
 .path-stop{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1;text-align:center;color:#7c98aa;position:relative}.path-stop .stop-dot{width:37px;height:37px;border:2px solid #d8e4ec;display:grid;place-items:center;background:#f6fafc;border-radius:50%;color:#8ca6b7;font-size:15px;box-shadow:0 0 0 6px white}
 .path-stop.done .stop-dot{background:#0f8eae;border-color:#0f8eae;color:white}.path-stop.next .stop-dot{background:#ffda92;border-color:#f3ba5b;color:#765018;box-shadow:0 0 0 5px #fff4dd}
 .path-stop strong{font-size:11px;font-weight:800;color:#536d82}.path-stop.done strong{color:#086788}.path-stop small{font-size:9px;color:#a1b2c2}.path-stop.next small{color:#bb8434}
 .path-tail{border-top:1px solid #e9eff3;padding-top:17px;margin-top:24px;display:flex;gap:14px;align-items:center}.path-tail>span{font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#7299ae}.path-signal{display:inline-block;background:#f8b75c;width:6px;height:6px;border-radius:50%;margin-right:5px}.path-tail strong{font-size:11px;color:#2a485d}.path-tail a{font-size:11px;font-weight:800;margin-left:auto;color:#177fae;text-decoration:none;white-space:nowrap}
 .path-disclaimer{font-size:9px;color:#8fa5b2;margin:13px 0 -6px}
 .support-hero{background:radial-gradient(ellipse at 83% 3%,#1399bb5c,transparent 50%),linear-gradient(130deg,#061d35,#0c5872);border-radius:22px}
 .page-heading h1{letter-spacing:-.06em}.license-card{background:linear-gradient(120deg,#041b32,#0d6683)}
 .footer-version{background:#dbeff8;color:#127a9f}
}
@media screen and (max-width:1270px){.flightdeck-hero{grid-template-columns:1fr}.flight-plan{max-width:510px}.hero-aircraft{top:70px;right:-11%;width:730px}.hero-flightline{display:none}}
@media screen and (max-width:760px){
 .sidebar:after{display:none}.sidebar{background:#061e32}
 .account-pill{min-height:34px;padding:0 9px}.account-pill #accountLabel{display:none}.account-caret{display:none}
 .account-panel{top:62px;right:13px}.sync-banner{margin:12px 0 0;align-items:flex-start;flex-wrap:wrap}.sync-banner p{flex:1 1 60%}.sync-banner button{margin-left:28px}
 .flightdeck-hero{border-radius:21px}.flightdeck-hero h1{font-size:clamp(40px,8vw,58px)}.hero-aircraft{top:4%;right:-25%;opacity:.7}.flight-plan{transform:none}
 .flight-path-panel{padding:21px 16px}.path-steps:before{top:16px}.path-stop .stop-dot{width:32px;height:32px;font-size:13px}.path-stop strong{font-size:9px}.path-stop small{font-size:8px}.path-tail{gap:8px;flex-wrap:wrap}.path-tail a{width:100%;margin-left:0}
}
@media screen and (max-width:440px){
 .flightdeck-hero h1{font-size:42px}.hero-aircraft{top:140px;right:-40%;opacity:.52}.path-counter{font-size:9px;padding:6px 8px}
 .flight-path-intro h2{font-size:17px}.flight-path-intro{margin-bottom:22px}.path-stop strong{font-size:8px}.path-stop small{font-size:7px}.path-stop{gap:5px}.path-steps:before{left:8%;right:8%}
}
@media screen and (prefers-reduced-motion:reduce){.flight-plan,.hero-aircraft{animation:none}}