/* KosmicSignal Marketing — shared theme + components (dark default, light optional) */
:root,[data-theme="dark"]{
  --bg:#0A0D12; --bg2:#0d1219; --panel:#141a23; --panel2:#181f2a; --raised:#212a37;
  --border:rgba(255,255,255,0.07); --border2:rgba(255,255,255,0.12);
  --fg1:#fff; --fg2:#e2e8f0; --fg3:#96a3b5; --muted:#5b6675; --dim:#3d4654;
  --accent:#FF6A1F; --accent2:#ff884d; --accent-soft:rgba(255,106,31,0.13);
  --nav-bg:rgba(10,13,18,0.82); --logo-fg:#000; --tile-bg:#141a23; --logoswatch:#fff;
  --grid-line:rgba(255,255,255,0.022); --trust:#4a5462;
}
[data-theme="light"]{
  --bg:#fbfbfb; --bg2:#f4f5f7; --panel:#ffffff; --panel2:#ffffff; --raised:#f1f3f6;
  --border:#e4e7ec; --border2:#d2d7e0;
  --fg1:#0b0d12; --fg2:#1e2633; --fg3:#54607a; --muted:#7a8699; --dim:#aeb6c4;
  --accent:#E85D12; --accent2:#E85D12; --accent-soft:rgba(232,93,18,0.09);
  --nav-bg:rgba(255,255,255,0.85); --logo-fg:#fff; --tile-bg:#ffffff; --logoswatch:#fff;
  --grid-line:rgba(11,18,32,0.04); --trust:#94a0b3;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--fg2);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;}
::selection{background:rgba(255,106,31,0.3);color:#fff;}
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--dim);border-radius:6px;border:2px solid var(--bg);}
a{text-decoration:none;color:inherit;}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--accent2);display:inline-flex;align-items:center;gap:12px;}
.eyebrow .tick{width:24px;height:1px;background:var(--accent2);}
.display{font-weight:800;letter-spacing:-0.035em;line-height:0.98;color:var(--fg1);}
.dot{color:var(--accent);}
.wrap{max-width:1320px;margin:0 auto;padding:0 28px;}
.grain{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;}
.btn-primary{background:var(--accent);color:#fff;font-weight:700;transition:all .15s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;}
[data-theme="dark"] .btn-primary{color:#000;}
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px);}
.btn-ghost{border:1px solid var(--border2);color:var(--fg1);font-weight:600;transition:all .15s;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;}
.btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent2);}
.card{background:var(--panel);border:1px solid var(--border);transition:all .2s;}
.card:hover{border-color:rgba(255,106,31,0.4);transform:translateY(-3px);}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1!important;transform:none!important;transition:none;} }
.no-js .reveal{opacity:1;transform:none;}
.glow-orange{box-shadow:0 0 80px -20px rgba(255,106,31,0.45);}
/* KosmicSignal ambient background lighting — warm signal-orange glow */
body{position:relative;}
.ks-glow{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 55% at 12% 0%, rgba(255,106,31,0.16), transparent 60%),
    radial-gradient(45% 45% at 92% 8%, rgba(255,106,31,0.07), transparent 55%);}
.tn-nav,footer,section{position:relative;z-index:1;}
image-slot{display:block;--is-empty-bg:var(--panel);--is-empty-fg:var(--dim);--is-border:1px solid var(--border);}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.live-dot{animation:blink 1.6s infinite;}
/* nav */
.tn-nav{position:sticky;top:0;z-index:50;height:68px;border-bottom:1px solid var(--border);backdrop-filter:blur(18px);background:var(--nav-bg);}
.tn-nav .inner{max-width:1320px;margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;}
.navlink{color:var(--fg3);font-size:13.5px;font-weight:500;transition:color .15s;cursor:pointer;display:inline-flex;align-items:center;gap:5px;}
.navlink:hover,.navlink.active{color:var(--fg1);}
.mega{position:absolute;top:68px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);box-shadow:0 30px 60px -24px rgba(0,0,0,0.6);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .18s;}
.tn-hasmega:hover .mega,.mega:hover{opacity:1;visibility:visible;transform:none;}
.megacol h4{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;}
.megaitem{display:block;padding:7px 0;color:var(--fg3);font-size:13.5px;font-weight:500;transition:color .12s;}
.megaitem:hover{color:var(--accent2);}
.megaitem .d{display:block;color:var(--dim);font-size:11.5px;font-weight:400;margin-top:1px;}
/* product screenshot frame */
.shotframe{width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border2);background:var(--panel);box-shadow:0 40px 90px -40px rgba(0,0,0,0.7);}
.shotframe .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--panel2);border-bottom:1px solid var(--border);}
.shotframe .bar i{width:9px;height:9px;border-radius:50%;background:var(--dim);display:inline-block;}
.shotframe .bar .u{margin-left:12px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--muted);}
.shot{display:block;width:100%;height:auto;}
/* concept diagram theming (inline SVG uses these classes via CSS vars) */
.dg{width:100%;height:auto;display:block;overflow:visible;}
.dg .panel{fill:var(--panel);stroke:var(--border2);stroke-width:1;}
.dg .panel2{fill:var(--panel2);stroke:var(--border);stroke-width:1;}
.dg .edge{stroke:var(--dim);stroke-width:1.5;fill:none;}
.dg .edge-a{stroke:var(--accent);stroke-width:2;fill:none;}
.dg .accent{fill:var(--accent);}
.dg .accent-s{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1;}
.dg .txt{fill:var(--fg1);font-family:'Inter',sans-serif;font-weight:700;}
.dg .txt2{fill:var(--fg3);font-family:'Inter',sans-serif;font-weight:500;}
.dg .mono{fill:var(--fg2);font-family:'JetBrains Mono',monospace;}
.dg .dim{fill:var(--muted);font-family:'JetBrains Mono',monospace;}
.dg .ok{fill:#22c55e;} .dg .warn{fill:#eab308;} .dg .crit{fill:#ef4444;}
.dg .stroke-ok{stroke:#22c55e;} .dg .fillnone{fill:none;}
/* generic pillar layout helpers */
.section{padding:88px 0;}
.lead{font-size:17px;line-height:1.65;color:var(--fg3);}
.capgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.capcard{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:26px;transition:all .2s;}
.capcard:hover{border-color:rgba(255,106,31,0.4);transform:translateY(-3px);}
.chip{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;color:var(--fg2);background:var(--raised);border:1px solid var(--border);border-radius:5px;padding:6px 12px;}
.pilllink{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:11px;background:var(--panel);border:1px solid var(--border);transition:all .18s;}
.pilllink:hover{border-color:rgba(255,106,31,0.45);transform:translateY(-3px);}
/* responsive */
@media(max-width:1024px){ .tn-footgrid{grid-template-columns:1fr 1fr 1fr!important;} }
@media(max-width:860px){
  .grid12{grid-template-columns:1fr!important;}
  .grid2{grid-template-columns:1fr!important;}
  .grid3{grid-template-columns:1fr!important;}
  .grid4{grid-template-columns:repeat(2,1fr)!important;}
  .capgrid{grid-template-columns:1fr;}
  .tn-navitems{display:none!important;}
  .tn-footgrid{grid-template-columns:1fr 1fr!important;}
  .reverse-sm{direction:ltr;}
}
@media(max-width:560px){ .tn-hide-sm{display:none!important;} .grid4{grid-template-columns:1fr!important;} }