/* Secure Hyperloop SEO guide pages. No JS dependency; crawler-visible content. */
:root{color-scheme:dark;--bg:#090a0c;--panel:#14161a;--panel2:#1a1d22;--border:#32363b;--ink:#eff0f2;--sub:#acb0b8;--muted:#8f959e;--max:1120px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 83% -5%,rgba(160,175,193,.12),transparent 48%),var(--bg);color:var(--ink);line-height:1.75;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}a:hover{color:white}a:focus-visible{outline:2px solid #f2f2f2;outline-offset:4px}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.site-head{position:sticky;top:0;z-index:5;background:rgba(10,11,13,.87);border-bottom:1px solid var(--border);backdrop-filter:blur(17px)}
.head-row{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:17px 0}
.logo-link{display:flex;align-items:center;min-width:0}.logo-link img{display:block;width:190px;max-width:100%;height:auto}
.site-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.site-nav a{color:#bdc1c9;text-decoration:none;font-size:14px}.site-nav a:hover{color:#fff}
.nav-pill{border:1px solid #5b6069;border-radius:9px;padding:9px 14px}
.breadcrumb{display:flex;gap:11px;align-items:center;color:#9ca1aa;margin:38px 0 44px;font-size:13px;flex-wrap:wrap}
.breadcrumb a{text-decoration:none;color:#c3c7cc}.breadcrumb span[aria-hidden]{color:#666}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:65px;align-items:start}
.eyebrow{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:1.3px;color:#bbc0c7;text-transform:uppercase;margin:0 0 22px}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.035em;line-height:1.18}h1{font-size:clamp(42px,5.1vw,68px);font-weight:500;margin:0 0 26px}h2{font-size:clamp(25px,2.7vw,36px);font-weight:500;margin:0 0 19px}h3{font-size:20px}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.8;color:#b7bbc3;margin:0 0 30px;max-width:760px}
.btn{display:inline-flex;align-items:center;gap:15px;text-decoration:none;background:#f0f1f2;color:#121316;border-radius:10px;font-weight:700;font-size:15px;padding:14px 19px;transition:transform .2s,background .2s}
.btn:hover{background:white;color:#101112;transform:translateY(-2px)}
.side-card{border:1px solid #3b4046;border-radius:15px;background:linear-gradient(150deg,#191c21,#111316);padding:24px;margin-top:15px}
.side-card .caption{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#a0a5ad;margin:0 0 18px}
.side-card a{display:block;color:#dadce1;font-size:14px;text-decoration:none;border-bottom:1px solid #34383e;padding:12px 0}
.side-card a:last-child{border:0;padding-bottom:0}.side-card a:hover{color:#fff}
.article{max-width:790px;padding:56px 0 80px}
.article section{padding:28px 0;border-top:1px solid #30343a}
.article section:first-child{border-top:1px solid #41464e}
.article p,.article li{color:#b5bac2;line-height:1.85}
.article p{margin:0 0 17px}.article li{padding-left:6px;margin:0 0 11px}
.article a{color:#e7eaee}.article a:hover{color:#fff}
.article strong{color:#e1e4e8;font-weight:700}.article code{background:#202328;border:1px solid #383d43;padding:2px 6px;border-radius:4px;font-size:.9em}
.article ol,.article ul{padding-left:23px}
.tags{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 0}.tags span{font:500 11px 'IBM Plex Mono',monospace;border:1px solid #4a4f57;color:#bbc0c8;background:#191c20;border-radius:20px;padding:8px 12px}
.next-guide{border:1px solid #42464d;background:linear-gradient(115deg,#1b1e23,#111316);border-radius:16px;padding:26px 29px;margin:0 0 90px}
.next-guide p{font-size:16px;color:#aeb4bc;margin:0 0 17px}.next-guide a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700}
footer{border-top:1px solid #34383d;padding:37px 0 52px;background:#0c0e11;color:#aaaeb6}
.foot-grid{display:flex;justify-content:space-between;gap:28px;align-items:start;flex-wrap:wrap}
.foot-grid p{max-width:380px;margin:8px 0 0;font-size:13px}
.foot-nav{display:flex;flex-wrap:wrap;gap:14px 23px}.foot-nav a{text-decoration:none;font-size:13px;color:#c4c9d0}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:20px}.side-card{margin:0;max-width:100%}.side-card div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.article{padding-top:46px}}
@media(max-width:600px){body{font-size:16px}.wrap{width:calc(100% - 34px)}.head-row{gap:12px;align-items:center}.logo-link img{width:150px}.site-nav{gap:10px}.site-nav a{font-size:12px}.site-nav .mobile-hide{display:none}.nav-pill{padding:8px 10px}.breadcrumb{margin:25px 0 33px}h1{font-size:clamp(36px,9vw,50px)}.lead{font-size:17px}.article section{padding:25px 0}.side-card{padding:17px}.side-card div{grid-template-columns:1fr}.next-guide{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

.guide-arrow{width:17px;height:17px;flex-shrink:0;vertical-align:-.23em;display:inline-block;stroke:currentColor;fill:none}
.site-nav .nav-pill{display:inline-flex;align-items:center;gap:8px}


/* Research guide header logo reduced by 8%; founder profile on the About page. */
.logo-link img{width:174.8px}
.founder-credit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 28px;font-size:14px}
.founder-label{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#9399a3}
.founder-credit a{display:inline-flex;align-items:center;gap:7px;color:#e9ecf0;text-decoration:none;font-size:15px;font-weight:700;border-bottom:1px solid #7f8792;padding-bottom:4px}
.founder-credit a:hover{color:#fff;border-color:#fff}
.founder-credit svg{flex:0 0 17px}
.article{padding-bottom:61px}
@media(max-width:600px){.logo-link img{width:138px}.founder-credit{gap:9px}}