:root{
  --bg:#040706;--panel:#06100d;--panel2:#030807;--text:#edf3f1;--muted:#9aa8a3;--dim:#5f7069;
  --mint:#8df4d9;--amber:#e0ad50;--red:#ff6262;--neutral:#6d8179;--line:rgba(141,244,217,.18);--line2:rgba(238,244,241,.075);
  --header:82px;--shell:min(calc(100vw - 56px),1920px);--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text)}html{overflow:hidden}body{overflow:hidden;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;background:
  radial-gradient(circle at 68% 48%,rgba(141,244,217,.018),transparent 31%),
  linear-gradient(rgba(141,244,217,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(141,244,217,.015) 1px,transparent 1px),#040706;background-size:auto,48px 48px,48px 48px}
a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:10px;top:-80px;z-index:500;padding:8px 10px;background:#0b1512;border:1px solid var(--mint);font:10px var(--mono)}.skip-link:focus{top:10px}.build-tag{position:fixed;right:8px;bottom:7px;z-index:50;writing-mode:vertical-rl;font:5px var(--mono);letter-spacing:.18em;color:#34443f;pointer-events:none;user-select:none}

/* HEADER */
.site-header{height:var(--header);border-bottom:1px solid rgba(141,244,217,.17);background:rgba(4,7,6,.98);position:relative;z-index:40}.nav-shell{width:var(--shell);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-mark{position:relative;width:48px;height:48px;border:1px solid rgba(141,244,217,.34);display:grid;place-items:center;background:#06100d;box-shadow:inset 0 0 18px rgba(141,244,217,.018)}.brand-monogram{position:relative;z-index:2;font:700 14px var(--sans);letter-spacing:.04em}.brand-snake{position:absolute;inset:-3px;width:54px;height:54px;overflow:visible;pointer-events:none}.snake-runner{fill:none;stroke:var(--mint);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:4 96;animation:ccSnake 4.8s linear infinite;filter:drop-shadow(0 0 2px rgba(141,244,217,.7)) drop-shadow(0 0 6px rgba(141,244,217,.16))}@keyframes ccSnake{to{stroke-dashoffset:-100}}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-copy b{font:700 13px var(--mono);letter-spacing:.16em}.brand-copy small{font:6px var(--mono);letter-spacing:.16em;color:#72837d}.nav-links a{position:relative;padding:14px 5px;font:700 8px var(--mono);letter-spacing:.15em}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--mint)}

/* MAIN COMPOSITION */
.home-main{height:calc(100svh - var(--header));overflow:hidden}.home-hero{width:var(--shell);height:100%;margin:auto;padding:14px 0 16px;display:grid;grid-template-columns:minmax(510px,.72fr) minmax(830px,1.28fr);gap:clamp(30px,2.5vw,56px);align-items:stretch}.hero-copy{align-self:center;min-width:0;padding-right:6px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px;font:700 9px var(--mono);letter-spacing:.18em;color:var(--mint)}.eyebrow::after{content:"";width:42px;height:1px;background:linear-gradient(90deg,rgba(141,244,217,.65),transparent)}.eyebrow-node{width:6px;height:6px;border:1px solid var(--mint);background:rgba(141,244,217,.16)}.hero-copy h1{margin:0 0 22px;line-height:.8;letter-spacing:-.06em}.hero-copy h1 span{display:block;font-size:clamp(80px,7vw,132px);font-weight:800}.hero-copy h1 .outline{color:transparent;-webkit-text-stroke:2px rgba(237,243,241,.44);font-weight:700}.hero-copy>p{max-width:660px;margin:0;color:#c1cbc7;font-size:17px;line-height:1.7}.principles{margin-top:34px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.principles>div{min-height:126px;padding:16px 15px 14px 0;border-right:1px solid var(--line2)}.principles>div+div{padding-left:15px}.principles>div:last-child{border-right:0}.principles em{display:block;margin-bottom:10px;font:500 6px var(--mono);font-style:normal;letter-spacing:.14em;color:#527067}.principles b{display:block;margin-bottom:9px;font:700 10px var(--mono);letter-spacing:.12em}.principles span{display:block;color:#9eb0aa;font:9px/1.55 var(--mono)}

/* VERIFICATION MACHINE: one bounded grid, no absolute footer hacks */
.prod-machine{align-self:stretch;min-height:0;border:1px solid rgba(141,244,217,.34);background:linear-gradient(180deg,rgba(5,11,9,.995),rgba(2,6,5,.998));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),inset 0 0 92px rgba(141,244,217,.012),0 30px 96px rgba(0,0,0,.28);display:grid;grid-template-rows:54px 44px minmax(0,1fr) 66px;overflow:hidden;position:relative}.prod-machine::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(141,244,217,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(141,244,217,.018) 1px,transparent 1px);background-size:34px 34px;opacity:.48}.machine-head,.truthbar,.machine-field,.machine-foot{position:relative;z-index:2}.machine-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line2);font:7px var(--mono);letter-spacing:.14em;color:#7c8e88}.machine-head b{font-weight:600;color:#91a49d}.truthbar{display:grid;grid-template-columns:1.2fr .9fr .9fr;border-bottom:1px solid var(--line2);padding:0 12px}.truthbar span{display:flex;align-items:center;gap:10px;padding:0 10px;border-right:1px solid rgba(238,244,241,.055);font:5.8px var(--mono);letter-spacing:.12em;color:#52645e}.truthbar span:last-child{border-right:0}.truthbar b{color:#a9bbb4;font-weight:600}.machine-field{margin:8px 10px 0;border:1px solid rgba(141,244,217,.18);overflow:hidden;min-height:0;background:radial-gradient(circle at 50% 50%,rgba(141,244,217,.035),transparent 30%)}.machine-field::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.94%,rgba(141,244,217,.055) 50%,transparent 50.06%),linear-gradient(transparent 49.94%,rgba(141,244,217,.05) 50%,transparent 50.06%);pointer-events:none}.machine-foot{margin:0 10px 10px;padding:10px 10px 8px;border:1px solid rgba(141,244,217,.12);border-top:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-height:0}.machine-foot>div{min-width:0}.machine-foot span{display:block;font:5.5px var(--mono);letter-spacing:.12em;color:#577168}.machine-foot b{display:block;margin-top:5px;font:700 8px var(--mono);letter-spacing:.12em;color:#dce5e2}.machine-foot p{margin:4px 0 0;max-width:720px;font:6px/1.4 var(--mono);letter-spacing:.04em;color:#62736d}.machine-foot .public-state{align-self:center;white-space:nowrap;color:#81958d}

/* COMPLETE MODULES */
.telemetry-card{position:absolute;width:27%;height:36%;padding:14px 15px 12px;border:1px solid rgba(141,244,217,.28);background:linear-gradient(180deg,rgba(6,13,11,.995),rgba(3,8,7,.985));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 12px 30px rgba(0,0,0,.12);z-index:4;overflow:hidden}.telemetry-card::before{content:"";position:absolute;left:14px;top:0;width:60px;height:2px;background:#6a7f77}.telemetry-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(141,244,217,.12)}.telemetry-card header b{font:700 13px var(--mono);letter-spacing:.12em;color:#dce7e3}.telemetry-card header b::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border:1px solid currentColor;vertical-align:1px;opacity:.8}.telemetry-card header span{font:6.8px var(--mono);letter-spacing:.09em;color:#778a83;white-space:nowrap}.card-sub{display:block;margin-top:10px;font:5.8px var(--mono);letter-spacing:.12em;color:#60726b}.metrics{margin:8px 0 0}.metrics>div{min-height:24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-bottom:1px solid rgba(238,244,241,.035)}.metrics>div:last-child{border-bottom:0}.metrics dt,.metrics dd{margin:0;font:8px var(--mono);letter-spacing:.07em}.metrics dt{color:#6f817a}.metrics dd{color:#d7e1dd;text-align:right}.card-host{left:3.2%;top:4%}.card-edge{right:3.2%;top:4%}.card-security{left:3.2%;bottom:4%}.card-release{right:3.2%;bottom:4%}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.security-grid>div{min-height:48px;border:1px solid rgba(141,244,217,.09);display:grid;place-items:center;padding:7px}.security-grid b{font:700 10px var(--mono)}.security-grid span{font:5.3px var(--mono);letter-spacing:.11em;color:#65766f}.card-note{position:absolute;left:15px;right:15px;bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:4.7px var(--mono);letter-spacing:.08em;color:#455952}

/* ROUTES = real structural bed + sleeve + state channel. They start outside cards and end on core package. */
.machine-routes{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.route-bed,.route-sleeve,.route-signal{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.route-bed{stroke:#17231f;stroke-width:11}.route-sleeve{stroke:#30443d;stroke-width:6.5}.route-signal{stroke:#687b74;stroke-width:2.1}.route-socket{fill:#06100d;stroke:#7b9189;stroke-width:2;vector-effect:non-scaling-stroke}.route-dock{fill:#06100d;stroke:#7b9189;stroke-width:1.7;vector-effect:non-scaling-stroke}.route-group.state-nominal .route-signal,.route-group.state-nominal .route-socket,.route-group.state-nominal .route-dock{stroke:var(--mint)}.route-group.state-warning .route-signal,.route-group.state-warning .route-socket,.route-group.state-warning .route-dock{stroke:var(--amber)}.route-group.state-fault .route-signal,.route-group.state-fault .route-socket,.route-group.state-fault .route-dock{stroke:var(--red)}.route-group.state-partial .route-signal,.route-group.state-partial .route-socket,.route-group.state-partial .route-dock,.route-group.state-offline .route-signal,.route-group.state-offline .route-socket,.route-group.state-offline .route-dock{stroke:#6c7e77;opacity:.65}.prod-machine.is-sampled .route-group.state-nominal .route-signal{animation:routeSample .78s ease-out 1}@keyframes routeSample{40%{stroke-width:3.4;filter:drop-shadow(0 0 5px rgba(141,244,217,.22))}}

/* ONE AUTHORITATIVE CORE */
.core-authority{position:absolute;z-index:5;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);display:grid;place-items:center}.core-geometry{position:absolute;inset:0;pointer-events:none}.core-geometry i{position:absolute;left:50%;top:50%;border:1px solid rgba(141,244,217,.09);transform:translate(-50%,-50%) rotate(45deg)}.core-geometry i:nth-child(1){width:190px;height:190px}.core-geometry i:nth-child(2){width:148px;height:148px}.core-geometry i:nth-child(3){width:1px;height:230px;border:0;background:linear-gradient(transparent,rgba(141,244,217,.12),transparent);transform:translate(-50%,-50%)}.core-package{position:relative;width:160px;height:160px;border:1px solid rgba(141,244,217,.44);background:
  radial-gradient(circle at 18px 18px,rgba(141,244,217,.22) 0 1px,transparent 1.4px) 0 0/24px 24px,
  linear-gradient(145deg,#0d1714,#050a08 64%,#0a110f);box-shadow:inset 1px 1px rgba(255,255,255,.025),0 0 36px rgba(141,244,217,.045);display:flex;flex-direction:column;align-items:center;justify-content:center}.core-package::before,.core-package::after{content:"";position:absolute;pointer-events:none}.core-package::before{left:-18px;right:-18px;top:12px;bottom:12px;background:repeating-linear-gradient(180deg,rgba(129,151,143,.75) 0 2px,transparent 2px 13px);mask:linear-gradient(90deg,#000 0 18px,transparent 18px calc(100% - 18px),#000 calc(100% - 18px))}.core-package::after{top:-18px;bottom:-18px;left:12px;right:12px;background:repeating-linear-gradient(90deg,rgba(129,151,143,.75) 0 2px,transparent 2px 13px);mask:linear-gradient(#000 0 18px,transparent 18px calc(100% - 18px),#000 calc(100% - 18px))}.core-pin{position:absolute;left:12px;top:12px;width:6px;height:6px;border-radius:50%;background:#75857f}.core-package b{font-size:42px;line-height:1;letter-spacing:.02em}.core-package small{margin-top:8px;font:6px var(--mono);letter-spacing:.14em;color:#778a83}.core-package em{margin-top:11px;font:600 7px var(--mono);font-style:normal;letter-spacing:.14em;color:#8a9b95}.core-label{position:absolute;bottom:2px;font:5px var(--mono);letter-spacing:.14em;color:#51675f}.prod-machine.core-nominal .core-package{border-color:rgba(141,244,217,.78);box-shadow:inset 1px 1px rgba(255,255,255,.03),0 0 44px rgba(141,244,217,.08)}.prod-machine.core-nominal .core-pin{background:var(--mint);box-shadow:0 0 7px rgba(141,244,217,.32)}.prod-machine.core-nominal .core-package em{color:var(--mint)}.prod-machine.core-warning .core-package{border-color:rgba(224,173,80,.78)}.prod-machine.core-warning .core-package em{color:var(--amber)}.prod-machine.core-fault .core-package{border-color:rgba(255,98,98,.82)}.prod-machine.core-fault .core-package em{color:var(--red)}

/* panel state follows same truth as route */
.telemetry-card.state-nominal{border-color:rgba(141,244,217,.42)}.telemetry-card.state-nominal::before{background:var(--mint)}.telemetry-card.state-warning{border-color:rgba(224,173,80,.42)}.telemetry-card.state-warning::before{background:var(--amber)}.telemetry-card.state-fault{border-color:rgba(255,98,98,.52)}.telemetry-card.state-fault::before{background:var(--red)}.telemetry-card.state-partial,.telemetry-card.state-offline{border-color:rgba(116,136,129,.22)}

/* BOOT */
.cc-boot{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#040706;color:var(--text);opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.cc-boot.is-exit{opacity:0;visibility:hidden;pointer-events:none}.boot-grid{position:absolute;inset:18px;border:1px solid rgba(141,244,217,.08);background-image:linear-gradient(rgba(141,244,217,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(141,244,217,.018) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.boot-shell{position:relative;width:min(980px,calc(100vw - 48px));border:1px solid rgba(141,244,217,.2);background:rgba(4,8,7,.98);box-shadow:0 42px 130px rgba(0,0,0,.46)}.boot-head,.boot-foot{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:6.5px var(--mono);letter-spacing:.13em;color:#64756f}.boot-head{border-bottom:1px solid var(--line2)}.boot-head b{color:#9bb0a8}.boot-machine{height:320px;position:relative;border-bottom:1px solid var(--line2);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(141,244,217,.035),transparent 29%)}.boot-routes{position:absolute;inset:0;width:100%;height:100%}.boot-route path{fill:none;stroke:#52655e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 12;vector-effect:non-scaling-stroke;animation:bootFlow 1.9s linear infinite}.boot-route circle,.boot-route rect{fill:#06100d;stroke:#61776f;stroke-width:1.4;vector-effect:non-scaling-stroke}.cc-boot[data-stage="1"] .route-core path,.cc-boot[data-stage="1"] .route-core circle,.cc-boot[data-stage="1"] .route-core rect,.cc-boot[data-stage="2"] .route-core path,.cc-boot[data-stage="2"] .route-source path,.cc-boot[data-stage="2"] .route-source circle,.cc-boot[data-stage="2"] .route-source rect,.cc-boot[data-stage="3"] .route-core path,.cc-boot[data-stage="3"] .route-source path,.cc-boot[data-stage="3"] .route-truth path,.cc-boot[data-stage="3"] .route-truth circle,.cc-boot[data-stage="3"] .route-truth rect,.cc-boot[data-stage="4"] .boot-route path,.cc-boot[data-stage="4"] .boot-route circle,.cc-boot[data-stage="4"] .boot-route rect,.cc-boot[data-stage="5"] .boot-route path,.cc-boot[data-stage="5"] .boot-route circle,.cc-boot[data-stage="5"] .boot-route rect{stroke:var(--mint)}@keyframes bootFlow{to{stroke-dashoffset:-60}}.boot-channel{position:absolute;display:flex;gap:8px;align-items:center;font:6px var(--mono);letter-spacing:.12em;color:#566861}.boot-channel b{color:#8fa39b}.ch-core{left:7%;top:17%}.ch-source{right:7%;top:17%}.ch-truth{left:7%;bottom:17%}.ch-surface{right:7%;bottom:17%}.boot-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(141,244,217,.55);background:linear-gradient(145deg,#0e1815,#050a08);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(141,244,217,.018),0 0 50px rgba(141,244,217,.055)}.boot-core::before,.boot-core::after{content:"";position:absolute;pointer-events:none}.boot-core::before{left:-18px;right:-18px;top:12px;bottom:12px;background:repeating-linear-gradient(180deg,rgba(129,151,143,.72) 0 2px,transparent 2px 13px);mask:linear-gradient(90deg,#000 0 18px,transparent 18px calc(100% - 18px),#000 calc(100% - 18px))}.boot-core::after{top:-18px;bottom:-18px;left:12px;right:12px;background:repeating-linear-gradient(90deg,rgba(129,151,143,.72) 0 2px,transparent 2px 13px);mask:linear-gradient(#000 0 18px,transparent 18px calc(100% - 18px),#000 calc(100% - 18px))}.boot-core-pin{position:absolute;left:12px;top:12px;width:6px;height:6px;border-radius:50%;background:#7b8e87}.boot-core span{font:700 36px var(--sans)}.boot-core small{margin-top:8px;font:5.8px var(--mono);letter-spacing:.13em;color:#7c8d87}.boot-core em{margin-top:11px;font:600 5.8px var(--mono);font-style:normal;letter-spacing:.14em;color:#64756f}.cc-boot[data-stage="5"] .boot-core{border-color:var(--mint);box-shadow:0 0 0 12px rgba(141,244,217,.02),0 0 64px rgba(141,244,217,.1)}.cc-boot[data-stage="5"] .boot-core-pin{background:var(--mint);box-shadow:0 0 8px rgba(141,244,217,.35)}.boot-stages{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line2)}.boot-stages span{min-height:56px;padding:11px;border-right:1px solid rgba(238,244,241,.055);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center;color:#46534f}.boot-stages span:last-child{border-right:0}.boot-stages i{grid-row:1/3;font:500 5.5px var(--mono);font-style:normal}.boot-stages b{font:600 6px var(--mono);letter-spacing:.08em}.boot-stages small{margin-top:4px;font:5px var(--mono);letter-spacing:.05em}.boot-stages span.is-on{color:#aabbb5}.boot-stages span.is-current{color:var(--mint);background:rgba(141,244,217,.03)}.boot-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px 14px}.boot-progress i{height:2px;background:#17221e}.boot-progress i.is-on{background:var(--mint);box-shadow:0 0 9px rgba(141,244,217,.22)}.boot-foot{border-top:1px solid rgba(238,244,241,.035);font-size:5.3px}

/* boot owns first paint */
body.cc-boot-active .site-header,body.cc-boot-active .home-main,body.cc-boot-active .build-tag{opacity:0}body.cc-page-live .site-header,body.cc-page-live .home-main,body.cc-page-live .build-tag{opacity:1;transition:opacity .35s ease}.reveal{opacity:0;transform:translateY(8px)}.reveal.on{opacity:1;transform:none;transition:opacity .55s ease,transform .62s cubic-bezier(.2,.72,.18,1)}

/* cursor + protections */
@media(hover:hover) and (pointer:fine){html,body,body *,body *::before,body *::after{cursor:url('../visuals/cc-cursor-b081-18.png') 1 1,auto!important}}

/* DESKTOP SCALE TUNING */
@media(max-width:1550px) and (min-width:1181px){:root{--header:72px;--shell:min(calc(100vw - 40px),1680px)}.home-hero{grid-template-columns:minmax(470px,.7fr) minmax(740px,1.3fr);gap:34px;padding:12px 0 14px}.hero-copy h1 span{font-size:clamp(72px,6.4vw,112px)}.hero-copy>p{font-size:15px;line-height:1.65}.principles{margin-top:28px}.principles>div{min-height:112px;padding-top:13px}.telemetry-card{width:27.2%;height:36.5%;padding:12px 13px 10px}.telemetry-card header b{font-size:11.6px}.metrics>div{min-height:21px}.metrics dt,.metrics dd{font-size:7.1px}.core-authority{width:210px;height:210px}.core-package{width:146px;height:146px}.core-package b{font-size:39px}.machine-head{height:auto}.prod-machine{grid-template-rows:48px 40px minmax(0,1fr) 60px}.security-grid>div{min-height:41px}.card-note{font-size:4.2px}}

/* SINGLE-VIEWPORT TABLET / MOBILE */
@media(max-width:1180px){:root{--header:64px;--shell:calc(100vw - 26px)}.home-main{height:calc(100svh - var(--header))}.home-hero{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:10px 0 12px}.hero-copy{align-self:auto}.eyebrow{margin-bottom:8px;font-size:7px}.hero-copy h1{margin-bottom:8px}.hero-copy h1 span{font-size:clamp(48px,9vw,76px);line-height:.78}.hero-copy>p{font-size:11px;line-height:1.45;max-width:760px}.principles{margin-top:10px}.principles>div{min-height:0;padding:8px 8px 7px}.principles em{margin-bottom:4px}.principles b{font-size:7px;margin-bottom:4px}.principles span{font-size:6px}.prod-machine{min-height:0;grid-template-rows:36px 34px minmax(0,1fr) 48px}.machine-head{padding:0 10px;font-size:5.6px}.truthbar{padding:0 6px}.truthbar span{padding:0 5px;font-size:4.4px}.machine-field{margin:6px 6px 0}.machine-foot{margin:0 6px 6px;padding:7px}.machine-foot p{display:none}.telemetry-card{width:29%;height:37%;padding:9px 9px 7px}.card-host,.card-security{left:2%}.card-edge,.card-release{right:2%}.telemetry-card header b{font-size:8px}.telemetry-card header span{font-size:4.6px}.card-sub{font-size:4px;margin-top:6px}.metrics{margin-top:4px}.metrics>div{min-height:15px}.metrics dt,.metrics dd{font-size:4.8px}.security-grid{gap:3px;margin-top:5px}.security-grid>div{min-height:28px;padding:3px}.security-grid b{font-size:6px}.security-grid span{font-size:3.5px}.card-note{display:none}.core-authority{width:170px;height:170px}.core-package{width:118px;height:118px}.core-package b{font-size:31px}.core-package small{font-size:4.5px}.core-package em{font-size:5px;margin-top:7px}.core-label{font-size:3.8px}.route-bed{stroke-width:8}.route-sleeve{stroke-width:4.7}.route-signal{stroke-width:1.8}.build-tag{display:none}}
@media(max-width:760px){:root{--header:58px;--shell:calc(100vw - 16px)}.brand-mark{width:38px;height:38px}.brand-snake{width:44px;height:44px}.brand-copy b{font-size:9px}.brand-copy small{font-size:4px}.home-hero{grid-template-rows:auto minmax(0,1fr)}.hero-copy>p{display:none}.principles span{display:none}.principles>div{padding:6px 5px}.eyebrow{font-size:5.7px}.hero-copy h1 span{font-size:clamp(42px,11vw,62px)}.prod-machine{grid-template-rows:30px 30px minmax(0,1fr) 38px}.truthbar span{font-size:3.7px}.machine-head{font-size:4.8px}.machine-foot b{font-size:5.6px}.machine-foot span{font-size:4px}.telemetry-card{width:31%;height:39%;padding:6px}.telemetry-card header b{font-size:6px}.telemetry-card header span{font-size:3.6px}.card-sub{font-size:3.2px}.metrics>div{min-height:11px}.metrics dt,.metrics dd{font-size:3.6px}.security-grid>div{min-height:20px}.security-grid b{font-size:4.8px}.security-grid span{font-size:2.8px}.core-authority{width:136px;height:136px}.core-package{width:92px;height:92px}.core-package b{font-size:24px}.core-package::before,.core-package::after{display:none}.core-label{display:none}.machine-routes{opacity:.78}.route-bed{stroke-width:6}.route-sleeve{stroke-width:3.5}.route-signal{stroke-width:1.3}}

@media(prefers-reduced-motion:reduce){.snake-runner,.boot-route path,.prod-machine.is-sampled .route-group.state-nominal .route-signal{animation:none!important}.cc-boot,.reveal.on{transition-duration:.08s!important}}
@media print{.cc-boot,.build-tag{display:none!important}}

/* BUILD 076 / PRODUCTION RELEASE CANDIDATE
   Final pre-deploy polish: premium principle cards + truth-bound conduit motion. */

/* Restore the operating principles as four proper premium modules. */
.principles{
  border:0;
  gap:8px;
  background:transparent;
}
.principles>div{
  position:relative;
  min-height:126px;
  padding:16px 14px 14px!important;
  border:1px solid rgba(141,244,217,.12)!important;
  background:linear-gradient(180deg,rgba(141,244,217,.018),rgba(3,8,7,.42));
  box-shadow:inset 0 1px rgba(255,255,255,.012);
  overflow:hidden;
}
.principles>div::before{
  content:"";
  position:absolute;
  left:14px;
  top:0;
  width:34px;
  height:1px;
  background:rgba(141,244,217,.72);
}
.principles>div::after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:8px;
  height:1px;
  background:rgba(141,244,217,.20);
}
.principles em{color:#5d7b71!important}
.principles b{font-size:10.4px!important;color:#edf4f1}
.principles span{color:#a4b6af!important}

/* Make the physical route assemblies slightly more substantial. */
.route-bed{stroke:#15211d;stroke-width:12}
.route-sleeve{stroke:#334a42;stroke-width:7}
.route-signal{stroke-width:2.2;transition:stroke .22s ease,opacity .22s ease}
.route-socket,.route-dock{transition:stroke .22s ease,fill .22s ease}

/* Real polling sweep: runs only while an actual /ops-status.json request is in flight. */
.prod-machine.is-polling .route-signal{
  stroke-dasharray:2 14;
  animation:routePoll .82s linear 1;
  opacity:.88;
}
@keyframes routePoll{to{stroke-dashoffset:-32}}

/* Continuous live carrier: enabled only when telemetry is fresh. */
.prod-machine.is-live-flow .route-group:not(.state-offline) .route-signal{
  stroke-dasharray:7 12;
  animation:routeCarrier 1.45s linear infinite;
  opacity:1;
}
@keyframes routeCarrier{to{stroke-dashoffset:-38}}

/* A real fresh state gets subtle authority, without turning the whole core into a glow effect. */
.prod-machine.is-live-flow.core-nominal .core-package{
  border-color:rgba(141,244,217,.48);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 0 1px rgba(141,244,217,.025);
}
.prod-machine.core-warning .core-package{border-color:rgba(224,173,80,.58)}
.prod-machine.core-fault .core-package{border-color:rgba(255,98,98,.62)}

/* Final machine polish. */
.machine-head{background:linear-gradient(90deg,rgba(141,244,217,.012),transparent 45%,rgba(141,244,217,.008))}
.truthbar{background:rgba(141,244,217,.008)}
.telemetry-card{transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.telemetry-card.state-nominal{background:linear-gradient(180deg,rgba(141,244,217,.024),rgba(3,8,7,.985) 54%)}
.telemetry-card.state-warning{background:linear-gradient(180deg,rgba(224,173,80,.025),rgba(3,8,7,.985) 54%)}
.telemetry-card.state-fault{background:linear-gradient(180deg,rgba(255,98,98,.028),rgba(3,8,7,.985) 54%)}

/* Ensure the snake remains a single uninterrupted runner. */
.brand-snake{pointer-events:none!important}
.snake-runner{animation:ccSnake 4.8s linear infinite!important;animation-play-state:running!important}
.brand:hover .snake-runner,.brand:focus-visible .snake-runner{animation:ccSnake 4.8s linear infinite!important}

@media(max-width:1550px) and (min-width:1181px){
  .principles>div{min-height:112px!important;padding:13px 12px 11px!important}
  .principles>div::before{left:12px;width:30px}
}
@media(max-width:1180px){
  .principles{gap:5px}
  .principles>div{min-height:0!important;padding:8px 7px 7px!important}
  .principles>div::after{display:none}
  .route-bed{stroke-width:8.5}.route-sleeve{stroke-width:4.9}.route-signal{stroke-width:1.8}
}
@media(max-width:760px){
  .principles{gap:4px}
  .principles>div{padding:6px 5px!important}
  .principles>div::before{left:5px;width:18px}
  .route-bed{stroke-width:6.2}.route-sleeve{stroke-width:3.6}.route-signal{stroke-width:1.35}
}
@media(prefers-reduced-motion:reduce){
  .prod-machine.is-polling .route-signal,
  .prod-machine.is-live-flow .route-signal,
  .snake-runner{animation:none!important}
}

/* Short landscape devices: preserve one viewport by switching back to a compact split layout. */
@media (orientation:landscape) and (max-height:620px) and (max-width:1180px){
  :root{--header:52px;--shell:calc(100vw - 18px)}
  .site-header{height:var(--header)}
  .brand-mark{width:36px;height:36px}.brand-snake{width:42px;height:42px}.brand-copy b{font-size:8px}.brand-copy small{font-size:3.7px}.nav-links a{font-size:6px}
  .home-main{height:calc(100svh - var(--header))}
  .home-hero{grid-template-columns:minmax(260px,.72fr) minmax(440px,1.28fr);grid-template-rows:1fr;gap:12px;padding:6px 0 8px;align-items:stretch}
  .hero-copy{align-self:center;padding-right:0}.eyebrow{margin-bottom:5px;font-size:4.7px}.eyebrow-node{width:4px;height:4px}.eyebrow::after{width:20px}
  .hero-copy h1{margin-bottom:5px}.hero-copy h1 span{font-size:clamp(34px,6.2vw,52px);line-height:.78}.hero-copy h1 .outline{-webkit-text-stroke:1px rgba(237,243,241,.44)}
  .hero-copy>p{display:none}.principles{margin-top:6px;gap:3px;grid-template-columns:repeat(2,1fr)}
  .principles>div{padding:4px 5px!important;min-height:0!important}.principles em{font-size:3.6px;margin-bottom:2px}.principles b{font-size:5.4px!important;margin-bottom:0}.principles span{display:none}
  .prod-machine{grid-template-rows:27px 26px minmax(0,1fr) 32px}.machine-head{padding:0 7px;font-size:4.2px}.truthbar{padding:0 4px}.truthbar span{padding:0 4px;font-size:3.2px;gap:4px}
  .machine-field{margin:4px 4px 0}.machine-foot{margin:0 4px 4px;padding:4px 5px}.machine-foot p{display:none}.machine-foot b{font-size:4.7px}.machine-foot span{font-size:3.3px}
  .telemetry-card{width:30%;height:39%;padding:5px}.card-host,.card-security{left:1.7%}.card-edge,.card-release{right:1.7%}.card-host,.card-edge{top:2.2%}.card-security,.card-release{bottom:2.2%}
  .telemetry-card header{padding-bottom:3px}.telemetry-card header b{font-size:5.1px}.telemetry-card header span{font-size:3px}.card-sub{font-size:2.8px;margin-top:3px}.metrics{margin-top:2px}.metrics>div{min-height:9px}.metrics dt,.metrics dd{font-size:3px}.security-grid{gap:2px;margin-top:3px}.security-grid>div{min-height:16px;padding:2px}.security-grid b{font-size:4px}.security-grid span{font-size:2.4px}.card-note{display:none}
  .core-authority{width:112px;height:112px}.core-package{width:76px;height:76px}.core-package b{font-size:21px}.core-package small{font-size:3.2px}.core-package em{font-size:3.8px;margin-top:4px}.core-package::before,.core-package::after,.core-label{display:none}
  .route-bed{stroke-width:5.6}.route-sleeve{stroke-width:3.2}.route-signal{stroke-width:1.2}.build-tag{display:none}
}

/* HOME-only 404 surface */
.error-page{overflow:hidden;background:#040706;color:var(--text)}
.error-page .site-header{height:var(--header)}
.error-main{height:calc(100svh - var(--header));display:grid;place-items:center;padding:24px}
.error-card{width:min(720px,calc(100vw - 32px));border:1px solid rgba(141,244,217,.24);background:linear-gradient(180deg,rgba(6,13,11,.99),rgba(3,8,7,.99));padding:36px;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.error-proof{font:6px var(--mono);letter-spacing:.14em;color:#71867e}.error-code{margin-top:22px;font:800 clamp(72px,11vw,132px)/.8 var(--sans);letter-spacing:-.06em}.error-card p{max-width:560px;margin:24px 0 0;color:#aebbb6;font-size:15px;line-height:1.7}.error-home{display:inline-flex;margin-top:28px;padding:10px 14px;border:1px solid rgba(141,244,217,.28);font:700 8px var(--mono);letter-spacing:.12em;color:var(--mint)}
@media(max-width:760px){.error-card{padding:24px}.error-card p{font-size:12px}}

/* BUILD 078 / MOBILE FLAGSHIP
   Mobile is a first-class layout, not a compressed desktop machine. */

@media(max-width:760px){
  :root{--header:60px;--shell:calc(100vw - 14px)}
  body{background:
    radial-gradient(circle at 50% 67%,rgba(141,244,217,.022),transparent 32%),
    linear-gradient(rgba(141,244,217,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(141,244,217,.012) 1px,transparent 1px),#040706;
    background-size:auto,36px 36px,36px 36px}
  .site-header{height:var(--header)}
  .nav-shell{width:var(--shell)}
  .brand{gap:10px}.brand-mark{width:40px;height:40px}.brand-snake{inset:-3px;width:46px;height:46px}.brand-monogram{font-size:13px}
  .brand-copy{gap:4px}.brand-copy b{font-size:9.4px;letter-spacing:.15em}.brand-copy small{font-size:4.1px;letter-spacing:.13em}
  .nav-links a{font-size:6.8px;padding-inline:3px}

  .home-main{height:calc(100svh - var(--header));overflow:hidden}
  .home-hero{width:var(--shell);height:100%;padding:7px 0 8px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;align-items:stretch}
  .hero-copy{padding:0 2px;align-self:auto}
  .eyebrow{margin:0 0 6px;font-size:5.8px;letter-spacing:.15em;gap:7px}.eyebrow-node{width:5px;height:5px}.eyebrow::after{width:26px}
  .hero-copy h1{margin:0 0 7px;line-height:.79}.hero-copy h1 span{font-size:clamp(42px,12vw,52px);letter-spacing:-.055em}.hero-copy h1 .outline{-webkit-text-stroke:1.2px rgba(237,243,241,.44)}
  .hero-copy>p{display:none}
  .principles{margin-top:7px;gap:4px;grid-template-columns:repeat(4,1fr)}
  .principles>div{min-height:42px!important;padding:6px 5px 5px!important;border-color:rgba(141,244,217,.14)!important;background:linear-gradient(180deg,rgba(141,244,217,.018),rgba(3,8,7,.55))}
  .principles>div::before{left:5px;width:18px}.principles em{margin-bottom:3px;font-size:3.8px}.principles b{margin:0!important;font-size:6.7px!important;letter-spacing:.105em}.principles span{display:none}

  .prod-machine{min-height:0;grid-template-rows:33px 29px minmax(0,1fr) 42px;border-color:rgba(141,244,217,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 18px 52px rgba(0,0,0,.26)}
  .machine-head{padding:0 9px;font-size:4.7px;letter-spacing:.12em}.machine-head b{font-size:4.4px}
  .truthbar{padding:0 4px;grid-template-columns:1.12fr .88fr .9fr}.truthbar span{padding:0 4px;gap:4px;font-size:3.45px;letter-spacing:.09em;white-space:nowrap}
  .machine-field{margin:6px 6px 0;border-color:rgba(141,244,217,.22);background:radial-gradient(circle at 50% 50%,rgba(141,244,217,.052),transparent 31%)}
  .machine-field::before{opacity:.7}
  .machine-foot{margin:0 6px 6px;padding:6px 7px;border-color:rgba(141,244,217,.16);align-items:center}.machine-foot p{display:none}.machine-foot span{font-size:3.7px}.machine-foot b{margin-top:3px;font-size:5.4px}.machine-foot .public-state{font-size:3.5px}

  /* Mobile modules: larger, readable quadrants with deliberate breathing room. */
  .telemetry-card{width:42.2%;height:27%;padding:7px 7px 6px;border-color:rgba(141,244,217,.25);background:linear-gradient(180deg,rgba(7,15,12,.995),rgba(3,8,7,.99));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 8px 24px rgba(0,0,0,.14)}
  .telemetry-card::before{left:7px;width:30px;height:1px}
  .card-host,.card-security{left:3%}.card-edge,.card-release{right:3%}
  .card-host,.card-edge{top:3.6%}.card-security,.card-release{bottom:3.6%}
  .telemetry-card header{padding-bottom:5px;gap:5px}.telemetry-card header b{font-size:7px;letter-spacing:.10em}.telemetry-card header b::before{width:4px;height:4px;margin-right:5px}.telemetry-card header span{font-size:4px;letter-spacing:.06em}
  .card-sub{margin-top:5px;font-size:3.85px;letter-spacing:.08em}
  .metrics{margin-top:3px}.metrics>div{min-height:14px;gap:5px}.metrics dt,.metrics dd{font-size:4.55px;letter-spacing:.045em}
  .security-grid{gap:4px;margin-top:6px}.security-grid>div{min-height:27px;padding:3px}.security-grid b{font-size:5.8px}.security-grid span{font-size:3.25px}.card-note{display:none}

  /* Mobile CC-01: one substantial package with real pins and a restrained authority frame. */
  .core-authority{width:164px;height:164px;z-index:6}
  .core-geometry i:nth-child(1){width:146px;height:146px;border-color:rgba(141,244,217,.12)}
  .core-geometry i:nth-child(2){display:none}.core-geometry i:nth-child(3){height:164px;opacity:.7}
  .core-package{width:112px;height:112px;border-color:rgba(141,244,217,.5);background:
    radial-gradient(circle,rgba(141,244,217,.16) 0 1px,transparent 1.2px) 0 0/22px 22px,
    linear-gradient(145deg,#101b18,#050a08 64%,#0b1512);box-shadow:inset 1px 1px rgba(255,255,255,.03),inset -1px -1px rgba(0,0,0,.55),0 0 0 7px rgba(141,244,217,.018),0 12px 28px rgba(0,0,0,.22)}
  .core-package::before{display:block;left:-14px;right:-14px;top:10px;bottom:10px;background:repeating-linear-gradient(180deg,rgba(133,155,147,.82) 0 2px,transparent 2px 12px);mask:linear-gradient(90deg,#000 0 14px,transparent 14px calc(100% - 14px),#000 calc(100% - 14px))}
  .core-package::after{display:block;top:-14px;bottom:-14px;left:10px;right:10px;background:repeating-linear-gradient(90deg,rgba(133,155,147,.82) 0 2px,transparent 2px 12px);mask:linear-gradient(#000 0 14px,transparent 14px calc(100% - 14px),#000 calc(100% - 14px))}
  .core-pin{left:10px;top:10px;width:5px;height:5px}.core-package b{font-size:31px}.core-package small{margin-top:6px;font-size:4.4px}.core-package em{margin-top:7px;font-size:5px}.core-label{display:block;bottom:-1px;font-size:3.45px;letter-spacing:.1em;color:#5a7068}

  /* Mobile bus system: stronger physical shell, one lightweight live carrier. */
  .machine-routes{opacity:1}
  .route-bed{stroke:#111c18;stroke-width:8}.route-sleeve{stroke:#365047;stroke-width:4.7}.route-signal{stroke-width:1.75}
  .route-socket{stroke-width:1.5}.route-dock{stroke-width:1.4}
  .prod-machine.is-live-flow .route-group:not(.state-offline) .route-signal{stroke-dasharray:6 11;animation:routeCarrierMobile 2.2s linear infinite;filter:none}
  @keyframes routeCarrierMobile{to{stroke-dashoffset:-34}}
}

/* Very small phones: preserve the flagship hierarchy without collapsing the processor. */
@media(max-width:360px){
  .hero-copy h1 span{font-size:40px}.brand-copy b{font-size:8.7px}.principles b{font-size:6.2px!important}
  .telemetry-card{width:42.5%;padding:6px}.telemetry-card header b{font-size:6.5px}.metrics dt,.metrics dd{font-size:4.15px}
  .core-authority{width:150px;height:150px}.core-package{width:102px;height:102px}.core-package b{font-size:28px}.core-geometry i:nth-child(1){width:134px;height:134px}
}

@media(prefers-reduced-motion:reduce){
  .prod-machine.is-live-flow .route-signal{animation:none!important}
}

/* BUILD 080 / MOBILE AUTHORITY LAYOUT
   Phone-first reconstruction: top telemetry row -> dedicated CC-01 band -> bottom telemetry row.
   Desktop/tablet geometry remains inherited from B079. */
@media(max-width:760px){
  /* Give each module its own physical row and reserve the center exclusively for CC-01. */
  .telemetry-card{width:42.2%!important;height:22.8%!important;padding:7px 7px 6px!important}
  .card-host,.card-edge{top:3.2%!important;bottom:auto!important}
  .card-security,.card-release{top:auto!important;bottom:3.2%!important}
  .card-host,.card-security{left:3%!important;right:auto!important}
  .card-edge,.card-release{right:3%!important;left:auto!important}

  /* One authoritative processor in a protected middle band. */
  .core-authority{width:142px!important;height:142px!important;z-index:7!important}
  .core-geometry i:nth-child(1){width:126px!important;height:126px!important}
  .core-geometry i:nth-child(3){height:142px!important}
  .core-package{width:96px!important;height:96px!important}
  .core-package::before{left:-12px!important;right:-12px!important;top:9px!important;bottom:9px!important;background:repeating-linear-gradient(180deg,rgba(133,155,147,.78) 0 2px,transparent 2px 11px)!important;mask:linear-gradient(90deg,#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))!important}
  .core-package::after{top:-12px!important;bottom:-12px!important;left:9px!important;right:9px!important;background:repeating-linear-gradient(90deg,rgba(133,155,147,.78) 0 2px,transparent 2px 11px)!important;mask:linear-gradient(#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))!important}
  .core-package b{font-size:27px!important}
  .core-package small{margin-top:5px!important;font-size:4.1px!important}
  .core-package em{margin-top:6px!important;font-size:4.7px!important}
  .core-label{bottom:0!important;font-size:3.3px!important}

  /* Mobile telemetry remains readable after the row separation. */
  .telemetry-card header{padding-bottom:4px!important}
  .telemetry-card header b{font-size:6.8px!important}
  .telemetry-card header span{font-size:3.85px!important}
  .card-sub{margin-top:4px!important;font-size:3.65px!important}
  .metrics{margin-top:2px!important}
  .metrics>div{min-height:12px!important}
  .metrics dt,.metrics dd{font-size:4.25px!important}
  .security-grid{gap:3px!important;margin-top:4px!important}
  .security-grid>div{min-height:22px!important;padding:2px!important}
  .security-grid b{font-size:5.3px!important}
  .security-grid span{font-size:3px!important}

  /* Routes stay behind the cards/core and use short direct mobile runs. */
  .machine-routes{z-index:5!important}
  .telemetry-card{z-index:8!important}
  .route-bed{stroke-width:7!important}
  .route-sleeve{stroke-width:4.2!important}
  .route-signal{stroke-width:1.65!important}
}

@media(max-width:360px){
  .telemetry-card{height:22.5%!important;padding:6px!important}
  .core-authority{width:132px!important;height:132px!important}
  .core-geometry i:nth-child(1){width:118px!important;height:118px!important}
  .core-geometry i:nth-child(3){height:132px!important}
  .core-package{width:90px!important;height:90px!important}
  .core-package b{font-size:25px!important}
  .telemetry-card header b{font-size:6.25px!important}
  .metrics dt,.metrics dd{font-size:4px!important}
}

/* Short landscape phones: keep the mobile mechanical hierarchy without overflowing vertically. */
@media(max-width:900px) and (max-height:480px){
  .core-authority{width:112px!important;height:112px!important}
  .core-geometry i:nth-child(1){width:100px!important;height:100px!important}
  .core-geometry i:nth-child(3){height:112px!important}
  .core-package{width:76px!important;height:76px!important}
  .core-package b{font-size:21px!important}
}

/* BUILD 081 / MOBILE CARD INTEGRITY
   Mobile cards size to real content instead of clipping inside percentage heights. */
.edge-client-evidence{display:block;margin-top:4px;font:5px var(--mono);letter-spacing:.09em;color:#5f756d}
.prod-machine .card-edge.state-fault .edge-client-evidence{color:#88a39a}

@media(max-width:760px){
  /* Closed modules: content determines height; no internal clipping. */
  .telemetry-card{
    width:40.8%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding:8px 8px 7px!important;
  }
  .card-host,.card-security{left:3.4%!important}
  .card-edge,.card-release{right:3.4%!important}
  .card-host,.card-edge{top:3.4%!important;bottom:auto!important}
  .card-security,.card-release{top:auto!important;bottom:3.4%!important}

  .telemetry-card header{padding-bottom:5px!important}
  .telemetry-card header b{font-size:7.15px!important}
  .telemetry-card header span{font-size:3.95px!important}
  .card-sub{margin-top:5px!important;font-size:3.75px!important}
  .edge-client-evidence{margin-top:3px;font-size:3.25px!important;white-space:nowrap}
  .metrics{margin-top:3px!important}
  .metrics>div{min-height:13px!important}
  .metrics dt,.metrics dd{font-size:4.25px!important}
  .security-grid{margin-top:5px!important;gap:4px!important}
  .security-grid>div{min-height:27px!important;padding:3px!important}
  .security-grid b{font-size:5.7px!important}
  .security-grid span{font-size:3.15px!important}

  /* More protected air around the processor. */
  .core-authority{width:132px!important;height:132px!important}
  .core-geometry i:nth-child(1){width:116px!important;height:116px!important}
  .core-geometry i:nth-child(3){height:132px!important}
  .core-package{width:90px!important;height:90px!important}
  .core-package b{font-size:25px!important}
  .core-package small{font-size:4px!important}
  .core-package em{font-size:4.5px!important}

  /* The route layer stays behind complete cards. */
  .machine-routes{z-index:4!important}
  .telemetry-card{z-index:8!important}
  .core-authority{z-index:7!important}
}

@media(max-width:360px){
  .telemetry-card{width:40.5%!important;padding:7px!important}
  .telemetry-card header b{font-size:6.6px!important}
  .telemetry-card header span{font-size:3.6px!important}
  .metrics dt,.metrics dd{font-size:4px!important}
  .edge-client-evidence{font-size:3px!important}
  .core-authority{width:124px!important;height:124px!important}
  .core-geometry i:nth-child(1){width:110px!important;height:110px!important}
  .core-geometry i:nth-child(3){height:124px!important}
  .core-package{width:84px!important;height:84px!important}
  .core-package b{font-size:23px!important}
}

/* Short landscape phones need a compact content mode, but never clipped cards. */
@media(max-width:900px) and (max-height:480px){
  .telemetry-card{width:39.5%!important;padding:5px 6px!important}
  .telemetry-card header b{font-size:5.8px!important}
  .telemetry-card header span{font-size:3.1px!important}
  .card-sub{font-size:3px!important;margin-top:3px!important}
  .edge-client-evidence{font-size:2.7px!important;margin-top:2px!important}
  .metrics>div{min-height:10px!important}
  .metrics dt,.metrics dd{font-size:3.4px!important}
  .security-grid>div{min-height:18px!important}
  .security-grid b{font-size:4.5px!important}
  .security-grid span{font-size:2.5px!important}
  .core-authority{width:104px!important;height:104px!important}
  .core-geometry i:nth-child(1){width:92px!important;height:92px!important}
  .core-geometry i:nth-child(3){height:104px!important}
  .core-package{width:70px!important;height:70px!important}
  .core-package b{font-size:20px!important}
}