@utility scrollbar-thin {
  scrollbar-width: thin;
}

@utility scrollbar-none {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@utility scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --card: #171717;
    --card-foreground: #ededed;
    --popover: #171717;
    --popover-foreground: #ededed;
    --primary: #ededed;
    --primary-foreground: #171717;
    --secondary: #262626;
    --secondary-foreground: #ededed;
    --muted: #262626;
    --muted-foreground: #a1a1a1;
    --accent: #262626;
    --accent-foreground: #ededed;
    --destructive: #ff6467;
    --border: #ffffff1a;
    --input: #ffffff26;
    --ring: #737373;
    --chart-1: #8e51ff;
    --chart-2: #00bc7d;
    --chart-3: #fe9a00;
    --chart-4: #ad46ff;
    --chart-5: #ff2056;
    --sidebar: #171717;
    --sidebar-foreground: #ededed;
    --sidebar-primary: #8e51ff;
    --sidebar-primary-foreground: #ededed;
    --sidebar-accent: #262626;
    --sidebar-accent-foreground: #ededed;
    --sidebar-border: #ffffff1a;
    --sidebar-ring: #737373;
  }
}

body {
  margin:0; background:#07101d; color:#eaf1f7; font-family:Arial,Helvetica,sans-serif;
}

*{box-sizing:border-box} a{color:inherit;text-decoration:none} .wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-shell{min-height:100vh;background:radial-gradient(circle at 80% 7%,#102c4a 0,transparent 26%),#07101d}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14;background:#07101de8;backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:.08em}.brand b{color:#34d5ff}.brand small{display:block;margin-top:2px;font-size:8px;letter-spacing:.22em;color:#7d91a7}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2dd4ff55;border-radius:50%;color:#30d5ff;background:#0d1d2d}.nav nav{display:flex;gap:32px;color:#aebdca;font-size:14px}.nav nav a:hover{color:#fff}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;font-weight:700}.nav-cta{padding:11px 16px;background:#29c8f1;color:#03111b;font-size:13px}.hero{min-height:690px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px}.eyebrow{color:#37d5fb;font-size:12px;font-weight:800;letter-spacing:.18em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4dff90;box-shadow:0 0 12px #4dff90;margin-right:8px}.hero h1,.page-intro h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:20px 0}.hero h1 em{display:block;color:#39d5fb;font-style:normal}.lede,.page-intro>p:last-child{font-size:19px;line-height:1.7;color:#aebcca;max-width:640px}.actions{display:flex;gap:12px;margin:30px 0}.button{padding:14px 20px;border:1px solid #ffffff26}.button.primary{background:#31c9ee;color:#04121c;border-color:#31c9ee}.button.ghost{background:#ffffff08}.micro{display:flex;align-items:center;gap:8px;color:#71879a;font-size:12px}.hero-visual{position:relative;display:grid;place-items:center;min-height:500px}.radar{position:absolute;border:1px solid #26c8ef20;border-radius:50%}.radar-a{width:500px;height:500px}.radar-b{width:360px;height:360px}.panel-frame{position:relative;z-index:2;width:100%;transform:rotate(-2deg);filter:drop-shadow(0 24px 48px #000b)}.panel-frame img,.gallery img,.tease-image img{width:100%;height:auto}.flight-chip{position:absolute;z-index:3;right:3%;bottom:17%;display:flex;gap:14px;padding:10px 14px;border:1px solid #ffffff20;background:#0a1624dd;font-size:10px;letter-spacing:.15em}.flight-chip strong{color:#56f18b}.signal-strip{border-block:1px solid #ffffff10;background:#0a1725}.strip-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;color:#70869a;font-size:10px;letter-spacing:.18em}.strip-inner i{width:4px;height:4px;border-radius:50%;background:#1ebee7}.section{padding-block:110px}.section-heading{max-width:620px}.section h2,.section-heading h2,.tease-copy h2,.product-copy h2,.callout h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;margin:13px 0}.section-heading>p:last-child,.tease-copy p,.product-copy>p,.callout p{color:#91a4b4;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.feature{padding:28px 24px;border:1px solid #ffffff10;background:linear-gradient(145deg,#0d1d2d,#091522);border-radius:10px}.feature svg{color:#31cff4}.feature h3{font-size:16px;margin-top:24px}.feature p{color:#8195a8;font-size:14px;line-height:1.6}.product-tease{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;padding-bottom:120px}.tease-image{max-height:560px;overflow:hidden;display:grid;place-items:center}.tease-image img{max-width:340px}.tease-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;list-style:none;margin:30px 0}.tease-copy li:before{content:"•";color:#35d2f7;margin-right:10px}.text-link{display:inline-flex;align-items:center;gap:8px;color:#40d9fb;font-weight:700}.footer{border-top:1px solid #ffffff12;background:#050b12;padding-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer-grid>div{display:flex;flex-direction:column;gap:10px;color:#8193a3;font-size:14px}.footer h4{color:#edf5fa;margin:0 0 8px}.copyright{padding:20px 0;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;color:#53687b;font-size:11px}.page-intro{padding:110px 0 72px;border-bottom:1px solid #ffffff0d}.page-intro h1{max-width:800px}.product-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding-block:90px}.gallery-main,.gallery-pair img{background:#091523;border:1px solid #ffffff10;padding:10px;border-radius:8px}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.gallery-pair img{height:320px;object-fit:contain}.product-copy{padding-top:40px}.check-list{display:grid;gap:13px;margin:28px 0}.check-list span{display:flex;align-items:center;gap:10px}.check-list svg{color:#46e486}.note{padding:14px;border-left:2px solid #2bcdf2;background:#ffffff05;font-size:12px!important}.center{text-align:center}.narrow{max-width:680px;margin:0 auto 25px;color:#8da0b1;line-height:1.7}.steps{padding-block:70px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff10}.steps article{display:flex;gap:24px;padding:36px;background:#081522}.steps article>span,.mini-grid b{font-size:13px;color:#35d6fa}.steps h2{font-size:20px;margin:0 0 10px}.steps p{margin:0;color:#8397a8;line-height:1.7}.callout{margin-block:80px;padding:40px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#0e273b,#0b1b2a);border:1px solid #2bcdf233}.callout h2{font-size:32px}.faq-layout{padding-block:75px;display:grid;grid-template-columns:1fr 340px;gap:70px}.faq [data-slot=accordion-item]{border-color:#ffffff18}.faq [data-slot=accordion-trigger]{font-size:17px}.faq [data-slot=accordion-content]{color:#8da0b0;line-height:1.7}.support-card,.download-card{padding:32px;border:1px solid #28cdef38;background:#0c1d2b;border-radius:9px}.support-card p{color:#90a3b3;line-height:1.7}.download-card{margin-block:75px;display:flex;gap:28px;align-items:center}.download-icon{display:grid;place-items:center;min-width:70px;height:70px;border-radius:50%;background:#2bd1f51a;color:#37d7fa}.download-card h2{margin:8px 0}.download-card p{color:#8da0b1}.secure{display:flex;gap:8px;align-items:center;color:#63e694;font-size:13px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.mini-grid article{padding:24px;border-top:1px solid #2ccff1;background:#ffffff05}.mini-grid p{color:#8295a6;line-height:1.6}.legal-copy{max-width:800px;padding-block:70px}.legal-copy h2{margin-top:38px}.legal-copy p{color:#94a5b4;line-height:1.8}.legal-copy a{color:#31d2f5}.admin{min-height:100vh;padding:60px max(30px,8vw);background:#08131f}.admin header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff16;padding-bottom:28px}.admin header h1{font-size:44px;margin:8px 0}.admin header p{color:#8296a7}.admin header>a{color:#38d4f7}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.admin-grid article{padding:30px;border:1px solid #ffffff14;background:#0d1d2b;border-radius:10px}.admin-grid svg{color:#35d4f5}.admin-grid p{color:#91a3b2}.admin-grid span{display:block;margin-top:25px;padding-top:15px;border-top:1px solid #ffffff10;color:#62798b;font-size:12px}
@media(max-width:800px){.nav nav{display:none}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-visual{min-height:360px}.signal-strip{display:none}.feature-grid,.product-showcase,.product-tease,.steps,.faq-layout,.mini-grid,.footer-grid,.admin-grid{grid-template-columns:1fr}.product-tease{gap:35px}.gallery-pair img{height:220px}.callout{align-items:flex-start;flex-direction:column;gap:20px}.footer-grid{gap:28px}.copyright{flex-direction:column;gap:8px}.page-intro{padding-top:75px}.admin{padding:35px 20px}.admin header h1{font-size:34px}}

/* Official Aviation Ticker brand artwork */
.nav{height:90px}
.brand-logo {
    width: 300px;
    height: 110px;
    overflow: visible;
    flex-shrink: 0;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
}
.footer-logo{width:220px;height:170px;overflow:hidden;margin:-42px 0 -30px}
.footer-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.16)}

.brand-logo img,.footer-logo img{display:block}.nav a.active{color:#37d5fb}.gallery img{width:100%;height:auto}.feature-icon{color:#31cff4;font-size:26px}.faq details{border-bottom:1px solid #ffffff18}.faq summary{cursor:pointer;list-style:none;padding:22px 4px;font-size:17px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:#37d5fb}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 4px 24px;color:#8da0b0;line-height:1.7}.download-card .button{margin:12px 12px 12px 0}.secure{margin-top:12px}
