/* Shared presentation only; all routing remains with the original scripts. */
:root {
  --site-ink: #173b42;
  --site-copy: #49656a;
  --site-teal: #0f8b83;
  --site-mint: #dff3ed;
  --site-coral: #f5a184;
  --site-paper: #fbfaf6;
  --site-line: #d8e8e3;
  --hue-primary: #0f8b83;
  --hue-primary-dark: #096d69;
  --hue-primary-light: #dff3ed;
  --hue-slate: #173b42;
  --hue-text: #173b42;
  --hue-muted: #49656a;
  --hue-bg-alt: #f2f7f2;
  --hue-border: #d8e8e3;
  --shadow-subtle: 0 12px 30px -12px rgba(23,59,66,.13);
  --shadow-hover: 0 20px 38px -16px rgba(23,59,66,.2);
  --color-primary: #0f8b83;
}
body.site-page { background:var(--site-paper); color:var(--site-ink); -webkit-font-smoothing:antialiased; }
body.site-page * { box-sizing:border-box; }
body.site-page .beacon-topline { background:rgba(251,250,246,.97); border-bottom:1px solid var(--site-line); box-shadow:0 3px 20px rgba(23,59,66,.04); }
body.site-page .beacon-topline .beacon-nexus { max-width:1180px; padding:0 24px; }
body.site-page .beacon-topline .beacon-relay { height:82px; }
body.site-page .beacon-topline .beacon-emblem img { width:174px; height:41px; object-fit:contain; }
body.site-page .beacon-topline .beacon-roster a.beacon-strand { color:#526b6d; border-radius:999px; font-size:14px; padding:9px 15px; }
body.site-page .beacon-topline .beacon-roster a.beacon-strand:hover,
body.site-page .beacon-topline .beacon-roster a.beacon-strand.active,
body.site-page .beacon-topline .beacon-roster a.beacon-strand[aria-current="page"] { color:#096d69; background:var(--site-mint); }
body.site-page .terminus-terminus { background:var(--site-ink); border-top:0; padding:56px 0 30px; }
body.site-page .terminus-terminus .terminus-nexus { max-width:1180px; }
body.site-page .terminus-terminus .terminus-morse-desc,
body.site-page .terminus-terminus .terminus-logbook-strand,
body.site-page .terminus-terminus .terminus-depot { color:#b8cdcb; }
body.site-page .terminus-terminus .terminus-logbook-strand:hover { color:#fff; }
body.site-page .terminus-terminus .terminus-depot { border-color:rgba(209,242,231,.16); }
body.site-page a:focus-visible { outline:2px solid #0f8b83; outline-offset:4px; }
body.site-page .beacon-topline .beacon-roster a.beacon-strand:focus-visible { outline:2px solid #0f8b83; outline-offset:3px; }
body.site-page .terminus-terminus a.terminus-logbook-strand:focus-visible { outline:2px solid #b1e1d5; outline-offset:3px; }
.site-container { width:min(1132px, calc(100% - 48px)); margin:auto; }
.page-hero { padding:76px 0 72px; background:#f2f5ee; border-bottom:1px solid var(--site-line); }
.page-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; }
.page-eyebrow { display:block; margin-bottom:18px; color:var(--site-teal); font-size:11px; font-weight:700; letter-spacing:.16em; }
.page-hero h1 { color:var(--site-ink); font-size:clamp(34px, 4.4vw, 54px); font-weight:800; letter-spacing:-.045em; line-height:1.2; }
.page-hero h1 em { color:#cc785b; font-style:normal; }
.page-lead { max-width:540px; margin-top:22px; color:var(--site-copy); font-size:16px; line-height:1.9; }
.page-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:29px; }
.site-button { display:inline-flex; align-items:center; justify-content:center; gap:15px; padding:12px 20px; border:1px solid var(--site-teal); border-radius:5px; color:#fff; background:var(--site-teal); text-decoration:none; font-size:14px; font-weight:700; transition:background .2s, transform .2s; }
.site-button:hover { color:#fff; background:#096d69; transform:translateY(-2px); }
.site-link { color:#096d69; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.page-visual { position:relative; padding:28px; background:#fff; border:1px solid var(--site-line); border-radius:14px; box-shadow:0 20px 40px rgba(23,59,66,.08); transform:rotate(2deg); }
.visual-topline { display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid var(--site-line); color:#698780; font-size:11px; }
.visual-topline > span:first-child { letter-spacing:.12em; font-size:9px; font-weight:700; }
.visual-label { margin-top:25px; color:#698780; font-size:12px; }
.language-sample { display:flex; align-items:center; gap:15px; margin:14px 0 27px; }.language-sample > span { font-size:37px; font-weight:700; color:var(--site-ink); }.language-sample i { font-size:21px; font-style:normal; color:#cc785b; }
.visual-row { display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding:12px 14px; color:var(--site-copy); border:1px solid #e2ebe4; border-radius:5px; font-size:12px; }.visual-row.selected { color:#096d69; background:#e7f5ed; border-color:#b6dbce; }.visual-row b { font-size:14px; color:var(--site-teal); }.visual-note { margin-top:18px; color:#68857c; font-size:10px; }
.device-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:25px 0; }.device-tile { display:flex; min-height:81px; flex-direction:column; justify-content:center; gap:8px; padding:14px; color:#456f66; background:#e7f4ed; border-radius:7px; font-size:12px; }.device-tile:nth-child(2) { background:#f8eddf; }.device-tile:nth-child(3) { background:#edf0f9; }.device-tile:nth-child(4) { background:#edf5ef; }.device-tile strong { font-size:22px; font-weight:500; }
.search-demo { margin:24px 0 18px; padding:13px; background:#edf5ef; color:#52786d; border-radius:7px; font-size:13px; }.topic-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }.topic-chips span { padding:6px 10px; color:#52786d; background:#edf5ef; border-radius:20px; font-size:11px; }.topic-chips span:nth-child(2n) { background:#fff0e6; color:#996a52; }
.page-section { padding:72px 0; }.page-section.soft { background:#f0f6f0; }.section-title { margin-bottom:30px; }.section-title h2 { color:var(--site-ink); font-size:30px; letter-spacing:-.035em; line-height:1.35; }.section-title p { margin-top:10px; color:var(--site-copy); font-size:14px; }
.info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.info-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }.info-card { display:flex; flex-direction:column; min-width:0; padding:27px; background:#fff; border:1px solid var(--site-line); border-radius:7px; }.info-number { display:block; margin-bottom:25px; color:#bc745b; font:700 13px/1 Georgia,serif; letter-spacing:.1em; }.info-card h3 { margin-bottom:11px; color:var(--site-ink); font-size:18px; }.info-card p { color:var(--site-copy); font-size:13px; line-height:1.85; }.info-card a { align-self:flex-start; margin-top:22px; color:#096d69; font-size:12px; font-weight:600; text-decoration:underline; text-underline-offset:4px; }.info-card .small-label { display:block; margin-bottom:17px; color:var(--site-teal); font-size:10px; letter-spacing:.1em; }
.instruction-list { display:grid; gap:15px; }.instruction-item { display:grid; grid-template-columns:45px 1fr; gap:14px; padding:22px 25px; background:#fff; border:1px solid var(--site-line); border-radius:6px; }.instruction-item > span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--site-mint); color:var(--site-teal); font:700 12px/1 Arial,sans-serif; }.instruction-item h3 { color:var(--site-ink); font-size:16px; }.instruction-item p { margin-top:7px; color:var(--site-copy); font-size:13px; line-height:1.9; }
.help-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.help-item { padding:23px 25px; background:#fff; border:1px solid var(--site-line); border-radius:6px; }.help-item h3 { margin-bottom:10px; font-size:16px; }.help-item p { color:var(--site-copy); font-size:13px; line-height:1.9; }
.editorial-note { margin-top:24px; padding:16px 20px; border-left:3px solid #b4d5c7; background:#edf5ef; color:#54756d; font-size:12px; line-height:1.9; }
.section-tail { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-top:30px; padding:25px 28px; border:1px solid var(--site-line); border-radius:7px; background:#edf5ef; }.section-tail h3 { font-size:17px; }.section-tail p { margin-top:5px; color:var(--site-copy); font-size:13px; }
/* Homepage: retain the existing content and links. */
.site-home .nexus { max-width:1180px; }.site-home .airwave { padding:78px 0; background:#f2f5ee; }.site-home .airwave .dispatch { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:56px; }.site-home .station-minor { grid-column:1; grid-row:1; }.site-home .station-circuit { grid-column:2; grid-row:1; padding:28px; border-color:var(--site-line); border-radius:12px; box-shadow:0 20px 40px rgba(23,59,66,.1); transform:rotate(1deg); }.site-home .station-circuit:before { background:linear-gradient(90deg,#0f8b83,#91c8ad); }.site-home .headline-h1 { font-size:clamp(32px,3.5vw,46px); letter-spacing:-.04em; line-height:1.25; }.site-home .tagline { font-size:11px; }.site-home .mock-msg { padding:17px; background:#edf6ef; }.site-home .mock-msg-bot { border-left-color:#e0a387; background:#faf3ea; }.site-home .mock-notch { margin-top:7px; }.site-home .keyer { background:#0f8b83; box-shadow:0 8px 18px rgba(15,139,131,.18); border-radius:5px; }.site-home .keyer:hover { box-shadow:0 10px 22px rgba(15,139,131,.25); }.site-home .telegram:hover { border-color:#b6d7c9; }.site-home .cipher-tag.highlight { background:#0f8b83; }.site-home .headline-circuit { text-align:left; max-width:none; margin-bottom:32px; }.site-home .conduit-grid,.site-home .cipher-grid,.site-home .conduit-proof { gap:20px; }.site-home .telegram,.site-home .cipher-box,.site-home .slip-security,.site-home .faq-node { border-radius:7px; }.site-home .circuit-alt { background:#f0f6f0; }.site-home .circuit-deep { background:var(--site-paper); }
/* Article reading layout and the tutorial index. */
body.site-article { --article-accent:#0f8b83; --article-text:#173b42; --article-muted:#49656a; --article-surface-soft:#fff; --article-border:#d8e8e3; }
.site-article .caa3952f6cf { max-width:1030px; }.site-article .c29694c775a { padding:clamp(22px,5vw,56px); border-radius:8px; }.site-article .c414481f985 { padding:0 0 22px; border:0; border-bottom:1px solid var(--site-line); border-radius:0; }.site-article .c414481f985 h1 { font-size:clamp(25px,3vw,36px); line-height:1.45; letter-spacing:-.025em; }.site-article .c8f74da3923 { margin-bottom:0; }.site-article .ccf2ebb9dc5 { line-height:1.95; }.site-article .cca3c45b2e8 { position:static; }.site-insights .c77880e2d14 { padding-top:35px; }.site-insights .c3f2d925f83 { padding:30px; background:#e8f3ec; border-radius:8px; margin-bottom:30px; }.site-insights .c3f2d925f83 h1 { color:var(--site-ink); }.site-insights .c8650aedd7d { grid-template-columns:repeat(3,minmax(0,1fr)); }.site-insights .c96e4024286 { border-color:var(--site-line); border-radius:7px; }.site-insights .cadfd0dae7e { padding:24px; }.site-insights .c96e4024286 h2 { color:var(--site-ink); font-size:17px; line-height:1.65; }.site-insights .c2ec1645991 { flex-wrap:wrap; }
@media(max-width:980px) {
  .page-hero-grid { gap:32px; }.info-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }.site-home .airwave .dispatch { grid-template-columns:1fr; }.site-home .station-minor { grid-row:1; }.site-home .station-circuit { grid-column:1; grid-row:2; }.site-insights .c8650aedd7d { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:768px) {
  body.site-page .beacon-topline .beacon-relay { height:auto; padding:14px 0; gap:10px; }
  .page-hero-grid { grid-template-columns:1fr; }.page-visual { max-width:500px; width:100%; transform:none; }
}
@media(max-width:640px) {
  body.site-page .beacon-topline .beacon-nexus { padding:0 16px; } body.site-page .beacon-topline .beacon-relay { height:auto; flex-direction:column; align-items:flex-start; gap:9px; padding:13px 0; } body.site-page .beacon-topline .beacon-roster { flex-wrap:nowrap; justify-content:flex-start; gap:2px; width:100%; overflow-x:auto; padding-bottom:2px; } body.site-page .beacon-topline .beacon-roster a.beacon-strand { flex:0 0 auto; padding:7px 10px; font-size:12px; } body.site-page .beacon-topline .beacon-emblem img { width:153px; height:36px; }
  .site-container { width:calc(100% - 32px); }.page-hero { padding:48px 0; }.page-hero-grid { grid-template-columns:1fr; gap:35px; }.page-hero h1 { font-size:36px; }.page-lead { font-size:14px; }.page-visual { padding:23px; transform:none; }.page-section { padding:48px 0; }.section-title h2 { font-size:26px; }.info-grid,.info-grid.four,.help-grid { grid-template-columns:1fr; }.info-card { padding:24px; }.info-number { margin-bottom:18px; }.instruction-item { padding:20px 17px; grid-template-columns:34px 1fr; gap:10px; }.section-tail { padding:22px; }.site-home .nexus { padding:0 16px; }.site-home .airwave { padding:45px 0; }.site-home .airwave .dispatch { gap:32px; }.site-home .station-circuit { padding:19px; transform:none; }.site-home .mock-headline { font-size:13px; }.site-home .conduit-grid,.site-home .cipher-grid,.site-home .conduit-proof,.site-home .faq-grid { grid-template-columns:minmax(0,1fr); }.site-home .circuit { padding:48px 0; }.site-insights .c8650aedd7d { grid-template-columns:1fr; }.site-insights .c77880e2d14 { padding:16px; }.site-insights .c3f2d925f83 { padding:24px; }.site-article .ccf2ebb9dc5 { font-size:15px; } body.site-page .terminus-terminus .terminus-logbook-grid { grid-template-columns:1fr; } body.site-page .terminus-terminus { padding-top:42px; }
}
@media(prefers-reduced-motion:reduce) { .site-button,.site-home .telegram,.site-insights .c96e4024286 { transition:none; }.site-button:hover,.site-home .telegram:hover,.site-insights .c96e4024286:hover { transform:none; } }