/* Silent Key Technologies homepage. Brand: navy, blue #2e9bff, cyan #22b8ff, Inter. */
:root{
  --bg:#0a0d14; --bg2:#0e121b; --card:#121826; --card2:#161d2e;
  --line:rgba(46,155,255,.18); --line2:rgba(234,240,247,.08);
  --ink:#eaf0f7; --ink2:#c6d0de; --mut:#94a0b4; --dim:#5f6b7e;
  --accent:#2e9bff; --accent2:#5bb8ff; --cyan:#22b8ff;
  --good:#35d0a0; --gold:#c9a84c;
  --mono:'JetBrains Mono', ui-monospace, Consolas, monospace;
  --sans:'Inter', system-ui, -apple-system, sans-serif;
  --r:16px;
}
*{ box-sizing:border-box; margin:0; padding:0 }
html{ scroll-behavior:smooth }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto } }
body{ background:var(--bg); color:var(--ink); font-family:var(--sans); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  background-image:
    radial-gradient(1200px 700px at 50% -10%, rgba(46,155,255,.13), transparent 70%),
    linear-gradient(rgba(46,155,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,155,255,.035) 1px, transparent 1px);
  background-size:100% 100%, 40px 40px, 40px 40px; }
a{ color:inherit; text-decoration:none }
img,svg{ display:block }
.wrap{ max-width:1240px; margin:0 auto; padding:0 28px }
.mono{ font-family:var(--mono) }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
:focus-visible{ outline:2px solid var(--cyan); outline-offset:3px; border-radius:6px }

/* ---------- header ---------- */
header.hud{ position:sticky; top:0; z-index:50; background:rgba(10,13,20,.82); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid var(--line2) }
.hud .nav{ display:flex; align-items:center; gap:26px; height:68px }
.brandmark{ display:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:.01em }
.brandmark img{ width:26px; height:33px }
.brandmark small{ display:block; font-size:10.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--mut); margin-top:1px }
.brandmark .bt{ line-height:1.1; font-size:16px }
.hud .sp{ flex:1 }
.hud .link{ font-size:14px; color:var(--ink2); font-weight:500 }
.hud .link:hover{ color:var(--ink) }
.status{ display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11.5px; color:var(--mut); letter-spacing:.06em }
.status i{ width:8px; height:8px; border-radius:50%; background:var(--good); box-shadow:0 0 10px var(--good); animation:pulse 2.4s infinite }
@keyframes pulse{ 50%{ opacity:.35 } }
.btn{ display:inline-flex; align-items:center; gap:10px; font-weight:600; font-size:15px; padding:13px 22px; border-radius:10px; background:var(--accent); color:#06101e; border:1px solid var(--accent); transition:transform .2s, box-shadow .2s, background .2s }
.btn:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(46,155,255,.35) }
.btn.ghost{ background:transparent; color:var(--ink); border-color:rgba(234,240,247,.22) }
.btn.ghost:hover{ border-color:var(--accent2); box-shadow:none }
.btn.sm{ padding:9px 16px; font-size:14px }
.menu-btn{ display:none; background:none; border:1px solid var(--line2); color:var(--ink); border-radius:8px; padding:8px 12px; font:600 13px var(--sans) }

/* ---------- hero chamber ---------- */
.hero{ padding:56px 0 34px }
.chamber{ position:relative; border:1px solid var(--line); border-radius:22px; padding:64px 64px 56px; background:linear-gradient(180deg, rgba(18,24,38,.86), rgba(10,13,20,.86)); overflow:hidden; box-shadow:0 0 80px rgba(46,155,255,.07) }
.chamber .c{ position:absolute; width:22px; height:22px; border:2px solid var(--cyan); opacity:.85 }
.c.tl{ top:14px; left:14px; border-right:0; border-bottom:0 } .c.tr{ top:14px; right:14px; border-left:0; border-bottom:0 }
.c.bl{ bottom:14px; left:14px; border-right:0; border-top:0 } .c.br{ bottom:14px; right:14px; border-left:0; border-top:0 }
.chamber .mark{ position:absolute; right:56px; top:50%; transform:translateY(-50%); width:300px; opacity:.95 }
.chamber .mark svg{ width:100%; height:auto; filter:drop-shadow(0 0 40px rgba(34,184,255,.22)) }
.tag{ display:inline-flex; align-items:center; gap:12px; font-family:var(--mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); border:1px solid rgba(201,168,76,.5); padding:7px 14px; border-radius:6px }
.tag .ar{ font-family:'Aref Ruqaa', serif; font-size:17px; letter-spacing:0; text-transform:none; line-height:1 }
.hero h1{ font-size:clamp(40px, 6vw, 78px); line-height:1.02; letter-spacing:-.035em; font-weight:800; margin:26px 0 22px; max-width:780px; min-height:2.04em }
.hero h1 .hl{ color:var(--cyan); text-shadow:0 0 34px rgba(34,184,255,.35) }
.hero h1 .scr{ color:var(--accent2); opacity:.75 }
.hero .sub{ font-size:19px; color:var(--ink2); max-width:640px; line-height:1.65 }
.cta-row{ display:flex; gap:14px; flex-wrap:wrap; margin-top:34px }
.rescramble{ background:none; border:0; color:var(--mut); font:500 12px var(--mono); letter-spacing:.08em; margin-top:22px; cursor:pointer; display:inline-flex; gap:8px; align-items:center }
.rescramble:hover{ color:var(--cyan) }

/* ---------- telemetry ---------- */
.telemetry{ display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line2); border-radius:var(--r); margin-top:22px; background:rgba(14,18,27,.7) }
.telemetry a{ padding:22px 24px; border-right:1px solid var(--line2); display:block; transition:background .2s }
.telemetry a:last-child{ border-right:0 }
.telemetry a:hover{ background:rgba(46,155,255,.06) }
.telemetry .v{ font-size:30px; font-weight:700; letter-spacing:-.02em; color:var(--ink) }
.telemetry .v em{ font-style:normal; color:var(--cyan) }
.telemetry .k{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); margin-top:6px; line-height:1.5 }

/* ---------- sections ---------- */
section{ padding:96px 0; scroll-margin-top:72px }
.eyebrow{ font-family:var(--mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--accent) }
.sec-head{ max-width:760px; margin-bottom:46px }
.sec-head h2{ font-size:clamp(30px, 4vw, 46px); line-height:1.1; letter-spacing:-.025em; font-weight:700; margin-top:14px }
.sec-head p{ color:var(--ink2); font-size:18px; margin-top:16px }

/* principle */
.four{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px }
.pcard{ background:var(--card); border:1px solid var(--line2); border-radius:var(--r); padding:28px 26px 30px; position:relative; overflow:hidden; transition:border-color .25s, transform .25s }
.pcard:hover{ border-color:var(--line); transform:translateY(-3px) }
.pcard .n{ font-family:var(--mono); font-size:12px; color:var(--cyan); letter-spacing:.14em }
.pcard h3{ font-size:24px; margin:14px 0 10px; letter-spacing:-.01em }
.pcard p{ color:var(--ink2); font-size:15.5px }
.pcard .by{ margin-top:18px; font-family:var(--mono); font-size:11.5px; letter-spacing:.08em; color:var(--mut); text-transform:uppercase }
.pcard .by b{ color:var(--accent2); font-weight:500 }

/* ---------- orbit ---------- */
.orbit-wrap{ display:grid; grid-template-columns:1.25fr .75fr; gap:28px; align-items:stretch }
.stage{ position:relative; aspect-ratio:1/1; max-height:680px; width:100%; border:1px solid var(--line2); border-radius:24px; background:radial-gradient(closest-side, rgba(46,155,255,.10), transparent 75%), var(--bg2); overflow:hidden }
.stage .ring{ position:absolute; left:50%; top:50%; border:1px dashed rgba(148,160,180,.22); border-radius:50%; transform:translate(-50%,-50%) }
.stage .core{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:17%; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle, #121826 60%, transparent 61%); box-shadow:0 0 60px rgba(34,184,255,.28) }
.stage .core svg{ width:46% }
.node{ position:absolute; left:0; top:0; transform:translate(-50%,-50%); background:none; border:0; color:var(--ink); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:7px; font:600 13px var(--sans); white-space:nowrap; will-change:transform }
.node .dot{ width:16px; height:16px; border-radius:50%; background:var(--c); box-shadow:0 0 16px var(--c); transition:transform .2s }
.node .lbl{ padding:3px 9px; border-radius:6px; background:rgba(10,13,20,.78); border:1px solid transparent }
.node:hover .dot, .node.on .dot{ transform:scale(1.45) }
.node.on .lbl{ border-color:var(--c); color:#fff }
.legend{ position:absolute; left:18px; bottom:14px; right:18px; display:flex; flex-wrap:wrap; gap:16px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut) }
.legend span{ display:inline-flex; align-items:center; gap:7px } .legend i{ width:8px; height:8px; border-radius:50%; background:var(--c) }
.orbit-hint{ position:absolute; left:18px; top:16px; font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--mut); text-transform:uppercase }
.drawer{ background:var(--card); border:1px solid var(--line); border-radius:24px; padding:34px 32px; display:flex; flex-direction:column }
.drawer .ring-name{ font-family:var(--mono); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--d,var(--cyan)) }
.drawer h3{ font-size:34px; letter-spacing:-.02em; margin:10px 0 4px }
.drawer .cat{ color:var(--mut); font-size:14.5px }
.drawer .st{ display:inline-flex; align-self:flex-start; align-items:center; gap:8px; margin-top:16px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; padding:6px 12px; border-radius:6px; border:1px solid currentColor }
.st.live{ color:var(--good) } .st.build{ color:var(--gold) }
.drawer p{ color:var(--ink2); font-size:16px; margin-top:18px }
.drawer .proof{ margin-top:18px; padding:14px 16px; border-left:3px solid var(--d,var(--cyan)); background:rgba(46,155,255,.06); border-radius:0 10px 10px 0; font-size:14.5px; color:var(--ink) }
.drawer .links{ margin-top:auto; padding-top:24px; display:flex; flex-wrap:wrap; gap:12px }
.plist{ display:none }

/* ---------- key lab ---------- */
.lab{ display:grid; grid-template-columns:1fr 1fr; gap:28px }
.panel{ background:var(--card); border:1px solid var(--line2); border-radius:24px; padding:32px }
.panel h3{ font-size:22px; letter-spacing:-.01em }
.panel .note{ color:var(--mut); font-size:14px; margin-top:8px }
.field{ display:flex; gap:10px; margin-top:20px }
.field input{ flex:1; background:var(--bg); border:1px solid var(--line2); color:var(--ink); border-radius:10px; padding:12px 14px; font:500 16px var(--mono) }
.field input:focus{ border-color:var(--accent); outline:none }
.shares{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px }
.share{ text-align:left; background:var(--bg); border:1px solid var(--line2); border-radius:14px; padding:14px; color:var(--ink); cursor:pointer; transition:border-color .2s, transform .2s, background .2s }
.share:hover{ transform:translateY(-2px) }
.share .who{ font-weight:600; font-size:14px; display:flex; justify-content:space-between }
.share .who i{ font-style:normal; font-family:var(--mono); font-size:11px; color:var(--mut) }
.share .val{ font-family:var(--mono); font-size:11.5px; color:var(--mut); margin-top:8px; word-break:break-all; line-height:1.45 }
.share[aria-pressed="true"]{ border-color:var(--cyan); background:rgba(34,184,255,.08) }
.share[aria-pressed="true"] .who i{ color:var(--cyan) }
.well{ margin-top:20px; border:1px dashed rgba(34,184,255,.4); border-radius:16px; padding:22px; min-height:150px; display:flex; flex-direction:column; justify-content:center }
.well .count{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; color:var(--mut); text-transform:uppercase }
.well .out{ font-family:var(--mono); font-size:28px; font-weight:600; margin-top:10px; word-break:break-all; letter-spacing:.02em }
.well .out.ok{ color:var(--good); text-shadow:0 0 22px rgba(53,208,160,.35) }
.well .out.no{ color:var(--accent2); opacity:.8 }
.well .msg{ color:var(--ink2); font-size:14.5px; margin-top:10px }
.steps{ list-style:none; counter-reset:s; margin-top:18px }
.steps li{ counter-increment:s; position:relative; padding:12px 0 12px 44px; border-bottom:1px solid var(--line2); color:var(--ink2); font-size:15.5px }
.steps li::before{ content:counter(s); position:absolute; left:0; top:12px; width:28px; height:28px; border-radius:50%; border:1px solid var(--accent); color:var(--accent); font:600 13px var(--mono); display:grid; place-items:center }

/* ---------- patents / plain / essays / invest ---------- */
.two{ display:grid; grid-template-columns:1fr 1fr; gap:22px }
.patent{ background:var(--card); border:1px solid var(--line2); border-radius:22px; padding:32px }
.patent .no{ font-family:var(--mono); font-size:13px; color:var(--cyan); letter-spacing:.08em }
.patent h3{ font-size:26px; margin:10px 0 4px; letter-spacing:-.015em }
.patent .dt{ color:var(--mut); font-size:14px }
.patent p{ color:var(--ink2); margin-top:14px; font-size:16px }
.plain{ margin-top:22px; border:1px solid var(--line2); border-left:3px solid var(--gold); border-radius:0 16px 16px 0; padding:22px 26px; color:var(--ink2); background:rgba(201,168,76,.05) }
.plain b{ color:var(--gold); font-weight:600 }
.essays{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px }
.essay{ background:var(--card); border:1px solid var(--line2); border-radius:18px; padding:26px; transition:border-color .2s, transform .2s; display:flex; flex-direction:column }
.essay:hover{ border-color:var(--line); transform:translateY(-3px) }
.essay .k{ font-family:var(--mono); font-size:11px; color:var(--accent); letter-spacing:.14em; text-transform:uppercase }
.essay h3{ font-size:20px; margin-top:12px; line-height:1.3 }
.essay p{ color:var(--mut); font-size:14.5px; margin-top:10px }
.essay .go{ margin-top:auto; padding-top:16px; color:var(--accent2); font-size:14px; font-weight:600 }
.invest{ border:1px solid rgba(201,168,76,.45); border-radius:24px; padding:46px; display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:center; background:linear-gradient(135deg, rgba(201,168,76,.07), rgba(18,24,38,.6)); box-shadow:0 0 60px rgba(201,168,76,.08) }
.invest h2{ font-size:clamp(28px,3.4vw,40px); letter-spacing:-.02em; line-height:1.1; margin-top:12px }
.invest p{ color:var(--ink2); margin-top:14px; font-size:16.5px }
.invest ul{ list-style:none; display:grid; gap:12px }
.invest li{ padding:14px 16px; border:1px solid var(--line2); border-radius:12px; background:rgba(10,13,20,.5); font-size:15px; color:var(--ink2) }
.invest li b{ display:block; color:var(--ink); font-weight:600 }
.venture{ display:flex; gap:24px; align-items:center; justify-content:space-between; border:1px solid var(--line2); border-radius:20px; padding:28px 32px; background:var(--card) }
.venture p{ color:var(--ink2); max-width:760px; margin-top:6px }

/* ---------- footer ---------- */
footer{ border-top:1px solid var(--line2); padding:56px 0 36px; margin-top:40px }
.foot{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:30px }
.foot h5{ font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--mut); margin-bottom:14px; font-weight:500 }
.foot a{ display:block; color:var(--ink2); font-size:14.5px; padding:4px 0 } .foot a:hover{ color:var(--ink) }
.foot .motto{ color:var(--mut); font-size:14.5px; margin-top:14px; max-width:320px }
.foot-bar{ margin-top:40px; padding-top:22px; border-top:1px solid var(--line2); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:var(--dim); font-size:13px }

/* reveal */
.rv{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease }
.rv.in{ opacity:1; transform:none }
@media (prefers-reduced-motion: reduce){ .rv{ opacity:1; transform:none; transition:none } .status i{ animation:none } }

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .chamber .mark{ display:none }
  .four{ grid-template-columns:1fr 1fr }
  .orbit-wrap{ grid-template-columns:1fr }
  .lab{ grid-template-columns:1fr }
  .invest{ grid-template-columns:1fr }
  .foot{ grid-template-columns:1fr 1fr }
}
@media (max-width:760px){
  .wrap{ padding:0 16px }
  .hud .link, .hud .status{ display:none }
  .hud .nav{ gap:12px }
  .menu-btn{ display:inline-block }
  .hud.open .mnav{ display:flex }
  .chamber{ padding:40px 22px 34px; border-radius:18px }
  .hero{ padding:28px 0 18px }
  .hero .sub{ font-size:17px }
  .telemetry{ grid-template-columns:1fr 1fr }
  .telemetry a:nth-child(2){ border-right:0 }
  .telemetry a:nth-child(-n+2){ border-bottom:1px solid var(--line2) }
  .telemetry .v{ font-size:24px }
  section{ padding:68px 0 }
  .four, .two, .essays{ grid-template-columns:1fr }
  .stage{ display:none }
  .plist{ display:grid; gap:10px; margin-bottom:16px; grid-template-columns:1fr 1fr }
  .plist button{ text-align:left; background:var(--card); border:1px solid var(--line2); color:var(--ink); border-radius:12px; padding:12px 14px; font:600 14px var(--sans); display:flex; align-items:center; gap:10px }
  .plist button i{ width:9px; height:9px; border-radius:50%; background:var(--c); flex:none }
  .plist button[aria-pressed="true"]{ border-color:var(--c) }
  .shares{ grid-template-columns:1fr }
  .invest{ padding:28px 22px }
  .venture{ flex-direction:column; align-items:flex-start }
  .foot{ grid-template-columns:1fr }
}
.mnav{ display:none; flex-direction:column; gap:4px; padding:10px 16px 18px; border-top:1px solid var(--line2) }
.mnav a{ padding:10px 0; color:var(--ink2); font-weight:500 }

/* ---------- Refined typography, 18 Oct 2026: medium to small sizes, one line per sentence, serious tone ---------- */
body{ font-size:15px; background-image:
    radial-gradient(1100px 600px at 50% -12%, rgba(46,155,255,.07), transparent 70%),
    linear-gradient(rgba(234,240,247,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234,240,247,.018) 1px, transparent 1px);
  background-size:100% 100%, 48px 48px, 48px 48px }
.wrap{ max-width:1200px }
.hud .nav{ height:60px; gap:24px }
.hud .link{ font-size:13px; letter-spacing:.01em }
.brandmark .bt{ font-size:14.5px; font-weight:600 }
.brandmark small{ font-size:9.5px }
.brandmark img{ width:22px; height:28px }
.status{ font-size:10.5px } .status i{ animation:none; box-shadow:none; width:6px; height:6px }
.btn{ font-size:13.5px; font-weight:600; padding:10px 18px; border-radius:8px }
.btn:hover{ transform:none; box-shadow:none; background:var(--accent2); border-color:var(--accent2) }
.btn.ghost:hover{ background:rgba(234,240,247,.04) }
.btn.sm{ padding:8px 14px; font-size:13px }

.hero{ padding:44px 0 26px }
.chamber{ padding:58px 60px 52px; border-color:rgba(234,240,247,.09); box-shadow:none; background:linear-gradient(180deg, rgba(18,24,38,.7), rgba(10,13,20,.7)) }
.chamber .c{ width:14px; height:14px; border-width:1px; border-color:rgba(34,184,255,.55) }
.chamber .mark{ width:190px; right:64px; opacity:.9 }
.chamber .mark svg{ filter:none }
.tag{ font-size:10.5px; padding:6px 12px; letter-spacing:.18em }
.tag .ar{ font-size:15px }
.hero h1{ font-size:clamp(28px, 3.3vw, 44px); font-weight:600; letter-spacing:-.022em; line-height:1.15; margin:22px 0 16px; max-width:none; min-height:1.15em; white-space:nowrap }
.hero h1 .hl{ text-shadow:none; color:var(--cyan) }
.hero .sub{ font-size:16px; max-width:760px; line-height:1.7 }
.cta-row{ margin-top:28px; gap:12px }
.rescramble{ display:none }

.telemetry{ margin-top:18px; border-color:rgba(234,240,247,.07) }
.telemetry a{ padding:18px 22px }
.telemetry .v{ font-size:21px; font-weight:600 }
.telemetry .k{ font-size:10px; letter-spacing:.08em }

section{ padding:84px 0 }
.eyebrow{ font-size:10.5px; letter-spacing:.22em }
.sec-head{ max-width:none; margin-bottom:36px }
.sec-head h2{ font-size:clamp(21px, 2.3vw, 29px); font-weight:600; letter-spacing:-.018em; line-height:1.25; margin-top:12px }
.sec-head p{ font-size:15px; margin-top:12px; max-width:980px; line-height:1.7 }

.pcard{ padding:24px 22px 24px }
.pcard:hover{ transform:none }
.pcard .n{ font-size:10.5px }
.pcard h3{ font-size:17px; font-weight:600; margin:12px 0 8px }
.pcard p{ font-size:14px; line-height:1.65 }
.pcard .by{ font-size:10px; margin-top:14px }

.stage{ max-height:620px; background:radial-gradient(closest-side, rgba(46,155,255,.06), transparent 75%), var(--bg2) }
.stage .core{ box-shadow:0 0 30px rgba(34,184,255,.12) }
.node{ font-size:12px; font-weight:500 }
.node .dot{ width:11px; height:11px; box-shadow:none }
.node:hover .dot, .node.on .dot{ transform:scale(1.3) }
.legend, .orbit-hint{ font-size:10px }
.drawer{ padding:30px 28px }
.drawer .ring-name{ font-size:10.5px }
.drawer h3{ font-size:24px; font-weight:600 }
.drawer .cat{ font-size:13.5px }
.drawer .st{ font-size:11px; padding:5px 10px }
.drawer p{ font-size:14.5px; line-height:1.7; margin-top:16px }
.drawer .proof{ font-size:13.5px; line-height:1.6 }

.panel{ padding:28px }
.panel h3{ font-size:17px; font-weight:600 }
.panel .note{ font-size:13px }
.field input{ font-size:14px; padding:10px 12px }
.share .who{ font-size:13px } .share .val{ font-size:10.5px }
.share:hover{ transform:none }
.well .out{ font-size:22px }
.well .out.ok{ text-shadow:none }
.well .msg{ font-size:13.5px }
.steps li{ font-size:14px; padding:11px 0 11px 40px }
.steps li::before{ width:24px; height:24px; font-size:11.5px; top:11px }

.patent{ padding:28px }
.patent .no{ font-size:11.5px }
.patent h3{ font-size:19px; font-weight:600 }
.patent .dt{ font-size:13px }
.patent p{ font-size:14.5px; line-height:1.7 }
.plain{ font-size:14px; line-height:1.7; padding:18px 22px }

.essay{ padding:22px }
.essay:hover{ transform:none }
.essay .k{ font-size:10px }
.essay h3{ font-size:16px; font-weight:600 }
.essay p{ font-size:13.5px; line-height:1.65 }
.essay .go{ font-size:13px }

.invest{ padding:40px; box-shadow:none; border-color:rgba(201,168,76,.35); background:linear-gradient(135deg, rgba(201,168,76,.045), rgba(18,24,38,.5)) }
.invest h2{ font-size:clamp(20px, 1.9vw, 24px); font-weight:600; white-space:nowrap }
.invest p{ font-size:14.5px; line-height:1.7 }
.invest li{ font-size:13.5px; padding:12px 14px }
.venture{ padding:24px 28px }
.venture h3{ font-size:17px !important; font-weight:600 }
.venture p{ font-size:14px }

footer{ padding:48px 0 30px }
.foot h5{ font-size:10px }
.foot a{ font-size:13.5px }
.foot .motto{ font-size:13.5px }
.foot-bar{ font-size:12px }

@media (max-width:1080px){ .hero h1, .invest h2{ white-space:normal } }
@media (max-width:760px){
  .chamber{ padding:34px 20px 30px }
  .hero h1{ font-size:27px }
  .hero .sub{ font-size:15px }
  .telemetry .v{ font-size:19px }
  .sec-head h2{ font-size:21px }
  .invest{ padding:26px 20px }
}
.lines span{ display:block }
.hero .sub.lines{ max-width:none }
@media (min-width:1081px){ .lines span{ white-space:nowrap } }