/* Coffee Mode 1.1.7: the same deep-space / cyan palette as the Windows panel. */
:root { color-scheme: dark; --cm-bg:#090e17; --cm-panel:#0d1521; --cm-line:#1e3141; --cm-cyan:#50dcff; --cm-text:#e8ecf5; --cm-muted:#98a9bf; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { color:var(--cm-text); background:radial-gradient(ellipse at 75% 4%,#10304080,transparent 38%),var(--cm-bg); }
::selection { background:#50dcff40; color:#fff; }
nav { background:#090e17e8 !important; border-color:var(--cm-line) !important; }
nav img, footer img { filter:hue-rotate(145deg) saturate(.8) brightness(1.3); }
nav span.font-bold { font-size:16px; letter-spacing:.09em; text-transform:uppercase; }
.cm-hero { position:relative; background-image:linear-gradient(#50dcff05 1px,transparent 1px),linear-gradient(90deg,#50dcff05 1px,transparent 1px); background-size:48px 48px; }
.cm-hero h1 { letter-spacing:-.045em; line-height:1.08; }
.gradient-text { background:linear-gradient(120deg,#d0f7ff,#50dcff 65%,#5cb8ff); -webkit-background-clip:text; background-clip:text; }
.btn-cta-glow,.btn-coffee { background:linear-gradient(125deg,#78e7ff,#35c5eb) !important; color:#06131b !important; border:1px solid #96eeff; animation:none; box-shadow:0 0 28px -10px #50dcff80; transition:transform .2s,box-shadow .2s; }
.btn-cta-glow:hover,.btn-coffee:hover { background:linear-gradient(125deg,#b1f1ff,#50dcff) !important; box-shadow:0 0 36px -8px #50dcff99; transform:translateY(-2px); }
.urgency-badge { animation:none; }
.cm-hero > div:first-child > div:first-child > .urgency-badge { background:#102d37; color:#9ceaff; border:1px solid #285567; font-size:10px; letter-spacing:.08em; }
.card-glow,.screenshot-frame { box-shadow:0 18px 65px -25px #000,0 0 50px -30px #50dcff80; border-color:#50dcff35; }
[class*="text-coffee-200/"] { color:#bac7d8; }
[class*="text-coffee-300/"] { color:#a4b6cb; }
[class*="text-coffee-400/"] { color:#8da3bb; }
[class*="border-coffee-"] { border-color:#294253; }
[class*="bg-coffee-900/"] { background-color:#0d1521b3; }
[class*="bg-coffee-800/"] { background-color:#122131a8; }
[class*="bg-amber-950/"] { background-color:#10232f70 !important; }
[class*="border-amber-500/"] { border-color:#50dcff40 !important; }
.text-amber-300,.text-amber-400 { color:#8ce8ff !important; }
.cm-hero { overflow:clip; }
[data-video-hero] > .absolute { background:radial-gradient(ellipse,#50dcff20,transparent 70%); }
[data-video-hero] > .relative.rounded-2xl { background:linear-gradient(125deg,#50dcff55,#1e3141,#3e92b255); box-shadow:0 20px 60px -20px #000; }
[data-video-hero] video { max-height:340px; object-fit:contain; background:#080d16; }
.cm-console { position:relative; margin-bottom:24px; padding:20px 22px 24px; overflow:hidden; border:1px solid #2b5264; border-radius:18px; background:radial-gradient(ellipse at 25% 75%,#143b4933,transparent 65%),#0d1521; box-shadow:0 24px 65px -28px #000,0 0 45px -26px #50dcff; }
.cm-console::before { content:""; position:absolute; top:0; left:22px; height:2px; width:70px; background:var(--cm-cyan); box-shadow:0 0 12px #50dcff; }
.cm-console-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--cm-line); font:11px ui-monospace,Consolas,monospace; letter-spacing:.08em; color:#9eb8ce; }
.cm-console-head span:last-child { color:#50dcff; font-size:10px; white-space:nowrap; }
.cm-console-layout { display:flex; gap:22px; justify-content:center; align-items:center; padding-top:24px; }
.cm-console-layout figure { margin:0; min-width:0; }
.cm-console-layout img { display:block; height:auto; max-width:100%; border:1px solid #253d50; border-radius:9px; }
.cm-console-layout .cm-panel-image { width:288px; box-shadow:0 8px 35px #0006; }
.cm-console-layout .cm-compact-image { width:84px; }
.cm-console-layout figcaption { padding-top:10px; text-align:center; color:#8da3bb; font:10px ui-monospace,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.cm-mode-indicator { display:inline-block; width:6px; height:6px; border-radius:50%; background:#34d399; box-shadow:0 0 8px #34d39980; margin-right:7px; }
section { border-color:var(--cm-line) !important; }
section[id] h2 { letter-spacing:-.035em; }
input,select,textarea { color:var(--cm-text); }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid var(--cm-cyan); outline-offset:4px; }
@media(max-width:640px) {
  .cm-console { padding:16px 14px 20px; }
  .cm-console-layout { gap:12px; }
  .cm-console-layout figure:first-child { flex:1; }
  .cm-console-layout figure:last-child { flex:0 0 64px; }
  .cm-console-head { font-size:10px; }
  .cm-hero h1 { font-size:clamp(30px,8.5vw,42px); }
  [data-video-hero] video { max-height:260px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}