@property --num-hours{syntax:"<integer>";inherits:true;initial-value:0}@property --num-flights{syntax:"<integer>";inherits:true;initial-value:0}@property --num-landings{syntax:"<integer>";inherits:true;initial-value:0}@property --num-airfields{syntax:"<integer>";inherits:true;initial-value:0}@property --ring-progress{syntax:"<percentage>";inherits:true;initial-value:0%}@property --cockpit-hue{syntax:"<number>";inherits:true;initial-value:230}.cockpit-root{--cockpit-hue:230;isolation:isolate;color:#f8fafc;background:radial-gradient(ellipse 80% 100% at 50% 0%,hsl(calc(var(--cockpit-hue) + 24)80% 28%)0%,transparent 70%),linear-gradient(155deg,hsl(calc(var(--cockpit-hue) - 8)60% 14%)0%,hsl(calc(var(--cockpit-hue) + 12)70% 18%)50%,hsl(calc(var(--cockpit-hue) + 30)65% 12%)100%);opacity:1;border-radius:clamp(20px,2vw,28px);margin:0 0 24px;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);animation:24s linear infinite cockpit-hue-drift;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 40px 100px -30px #020617b3,0 8px 28px -8px #0f172a8c,inset 0 1px #ffffff14}@keyframes cockpit-hue-drift{0%{--cockpit-hue:220}25%{--cockpit-hue:245}50%{--cockpit-hue:270}75%{--cockpit-hue:240}to{--cockpit-hue:220}}.cockpit-aurora{z-index:-2;pointer-events:none;mix-blend-mode:screen;filter:blur(80px);opacity:.85;width:100%;height:100%;position:absolute;inset:-25%}.cockpit-aurora-1{background:radial-gradient(circle at 15% 30%,hsl(calc(var(--cockpit-hue) + 0)90% 60%)0%,transparent 55%);animation:26s ease-in-out infinite alternate cockpit-aurora-1}.cockpit-aurora-2{background:radial-gradient(circle at 85% 70%,hsl(calc(var(--cockpit-hue) + 50)90% 60%)0%,transparent 55%);animation:32s ease-in-out infinite alternate cockpit-aurora-2}.cockpit-aurora-3{background:radial-gradient(circle at 60% 20%,hsl(calc(var(--cockpit-hue) - 30)85% 55%)0%,transparent 50%);animation:38s ease-in-out infinite alternate cockpit-aurora-3}@keyframes cockpit-aurora-1{to{transform:translate(8%,5%)scale(1.1)}}@keyframes cockpit-aurora-2{to{transform:translate(-6%,-4%)scale(1.15)}}@keyframes cockpit-aurora-3{to{transform:translate(4%,-6%)scale(.95)}}@supports (animation-timeline:scroll(root)){.cockpit-aurora-2{animation:linear cockpit-aurora-pan;animation-timeline:scroll(root);animation-range:0 70vh}@keyframes cockpit-aurora-pan{to{transform:translate(-12%,8%)scale(1.2)}}}.cockpit-plane{z-index:-1;pointer-events:none;opacity:.7;filter:drop-shadow(0 0 18px #ffffff2e);position:absolute}.cockpit-plane-1{width:52px;height:52px;animation:48s linear infinite cockpit-plane-drift-1;top:18%;left:-6%;transform:rotate(38deg)}.cockpit-plane-2{opacity:.55;width:36px;height:36px;animation:64s linear infinite cockpit-plane-drift-2;top:64%;right:-6%;transform:rotate(216deg)}@keyframes cockpit-plane-drift-1{0%{transform:translate(-20%)rotate(38deg)}to{transform:translate(800%,8%)rotate(38deg)}}@keyframes cockpit-plane-drift-2{0%{transform:translate(20%)rotate(216deg)}to{transform:translate(-800%,-6%)rotate(216deg)}}.cockpit-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(20px,4vw,40px);display:flex}.cockpit-headline{anchor-name:--cockpit-headline}.cockpit-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#e2e8f0b3;margin:0 0 10px;font-size:11px;font-weight:700}.cockpit-name{letter-spacing:-.025em;text-wrap:balance;background:linear-gradient(115deg,#f8fafc 0%,hsl(calc(var(--cockpit-hue) + 30)90% 88%)50%,#e0e7ff 100%);color:#0000;text-shadow:0 6px 30px hsla(calc(var(--cockpit-hue) + 30)80% 60%/.35);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,6.5vw,64px);font-weight:800;line-height:1.02}.cockpit-chip{color:hsl(calc(var(--cockpit-hue) + 30)90% 88%);background:hsla(calc(var(--cockpit-hue) + 30)70% 40%/.25);border:1px solid hsla(calc(var(--cockpit-hue) + 30)70% 60%/.4);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px -6px hsla(calc(var(--cockpit-hue) + 30)80% 40%/.4),inset 0 1px 0 #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.cockpit-chip[data-urgent=true]{color:#fecaca;background:#7f1d1d66;border-color:#f8717180;box-shadow:0 6px 18px -6px #dc262666,inset 0 1px #ffffff1a}.cockpit-chip-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite cockpit-chip-pulse;box-shadow:0 0 0 4px #ffffff26}@keyframes cockpit-chip-pulse{50%{box-shadow:0 0 0 8px #ffffff0d}}.cockpit-chip-tier{letter-spacing:.5px;text-transform:uppercase;background:#ffffff26;border-radius:999px;padding:3px 10px;font-size:11px}.cockpit-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,1.5vw,20px);display:grid}.cockpit-stat{background:linear-gradient(155deg,hsla(calc(var(--cockpit-hue) + 0)50% 18%/.55)0%,hsla(calc(var(--cockpit-hue) + 30)60% 22%/.4)100%);-webkit-backdrop-filter:blur(14px)saturate(140%);opacity:1;border:1px solid #ffffff1a;border-radius:clamp(14px,1.5vw,20px);padding:clamp(20px,2.5vw,28px) clamp(20px,2.5vw,28px) clamp(22px,2.5vw,30px);transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .32s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(0);box-shadow:0 14px 32px -14px #0206178c,inset 0 1px #ffffff14;container:cockpit-stat/inline-size}.cockpit-stat:hover{border-color:hsla(calc(var(--accent))80% 70%/.5);box-shadow:0 22px 44px -16px #020617b3,0 0 0 1px hsla(calc(var(--accent))80% 70%/.2),inset 0 1px 0 #ffffff1f;transform:translateY(-3px)}.cockpit-stat-skeleton{pointer-events:none;min-height:clamp(150px,22vw,200px)}.cockpit-stat-skeleton:hover{border-color:#ffffff1a;transform:none;box-shadow:0 14px 32px -14px #0206178c,inset 0 1px #ffffff14}.cockpit-stat-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cockpit-stat-label{letter-spacing:2.5px;text-transform:uppercase;color:hsla(calc(var(--accent))80% 80%/.85);font-size:11px;font-weight:700}.cockpit-ring{--size:clamp(42px,4vw,56px);width:var(--size);height:var(--size);background:conic-gradient(from -90deg,hsl(calc(var(--accent))90% 65%)0%,hsl(calc(var(--accent) + 25)85% 70%)var(--ring-progress),#ffffff14 var(--ring-progress));--ring-progress:0%;transition:--ring-progress 1.8s cubic-bezier(.16,1,.3,1)var(--ring-delay,.2s);box-shadow:0 10px 24px -10px hsla(calc(var(--accent))80% 50%/.5),inset 0 0 0 1px #ffffff14;border-radius:50%;flex-shrink:0;position:relative}.cockpit-stat[data-loaded=true] .cockpit-ring{--ring-progress:var(--ring-target)}.cockpit-ring:after{content:"";background:linear-gradient(155deg,hsl(calc(var(--cockpit-hue) + 0)50% 20%)0%,hsl(calc(var(--cockpit-hue) + 20)50% 14%)100%);border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 1px 2px #0006}.cockpit-ring-icon{color:hsl(calc(var(--accent))90% 80%);z-index:1;place-items:center;display:grid;position:absolute;inset:5px}.cockpit-counter{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(155deg,#fff 0%,hsla(calc(var(--accent))80% 90%/1)60%,hsla(calc(var(--accent))80% 78%/1)100%);color:#0000;text-shadow:0 4px 28px hsla(calc(var(--accent))80% 60%/.35);-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(48px,9cqi + 16px,88px);font-weight:900;line-height:1;display:block}.cockpit-counter[data-key=hours]:after{counter-reset:count var(--num-hours);content:counter(count)}.cockpit-counter[data-key=flights]:after{counter-reset:count var(--num-flights);content:counter(count)}.cockpit-counter[data-key=landings]:after{counter-reset:count var(--num-landings);content:counter(count)}.cockpit-counter[data-key=airfields]:after{counter-reset:count var(--num-airfields);content:counter(count)}.cockpit-root{--num-hours:0;--num-flights:0;--num-landings:0;--num-airfields:0;transition:--num-hours 2.4s linear(0,.4 12%,.78 32%,.96 64%,1),--num-flights 2.4s linear(0,.4 12%,.78 32%,.96 64%,1).12s,--num-landings 2.4s linear(0,.4 12%,.78 32%,.96 64%,1).24s,--num-airfields 2.4s linear(0,.4 12%,.78 32%,.96 64%,1).36s}.cockpit-root[data-loaded=true]{--num-hours:var(--target-hours);--num-flights:var(--target-flights);--num-landings:var(--target-landings);--num-airfields:var(--target-airfields)}.cockpit-stat-subtle{color:#ffffff8c;letter-spacing:.3px;margin-top:6px;font-size:13px}.cockpit-empty{text-align:center;padding:clamp(20px,4vw,40px) 8px}.cockpit-empty-title{color:#f8fafc;margin:0 0 8px;font-size:clamp(20px,3vw,26px);font-weight:700}.cockpit-empty-body{color:#ffffffb3;margin:0 0 24px;max-width:540px;margin-inline:auto;font-size:15px;line-height:1.6}.cockpit-cta{color:#fff;cursor:pointer;background:linear-gradient(120deg,#1d4ed8 0%,#6366f1 50%,#a855f7 100%) 0%/200% 100%;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background-position .32s,transform 80ms,box-shadow .24s;display:inline-flex;box-shadow:0 12px 28px -6px #4f46e58c,inset 0 1px #fff3}.cockpit-cta:hover{background-position:100%;box-shadow:0 18px 34px -8px #7c3aedb3,inset 0 1px #ffffff40}.cockpit-empty-features{text-align:left;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:720px;margin:36px auto 0;display:grid}.cockpit-empty-feature{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:16px 18px;font-size:13px;line-height:1.5}.cockpit-empty-feature strong{letter-spacing:2px;text-transform:uppercase;color:hsl(calc(var(--cockpit-hue) + 30)85% 78%);margin-bottom:6px;font-size:11px;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){.cockpit-root,.cockpit-stat,.cockpit-aurora,.cockpit-plane,.cockpit-chip-dot,.cockpit-ring,.cockpit-counter:after,.cockpit-cta{transition:none!important;animation:none!important}.cockpit-root{--num-hours:var(--target-hours);--num-flights:var(--target-flights);--num-landings:var(--target-landings);--num-airfields:var(--target-airfields)}.cockpit-stat[data-loaded=true] .cockpit-ring{--ring-progress:var(--ring-target)}}