/* Approved concept v21, adapted only for production navigation and forms. */
:root { color-scheme:light dark; background:light-dark(#fff,#181818); }
html,body { margin:0; }
html { scroll-padding-top:calc(var(--st-topbar-height, 0px) + 12px); }
#synterran { --st-page-edge:max(0px,calc((100% - 1100px)/2)); }

  #synterran { --st-paper:light-dark(#fff,#142128);--st-field-line:light-dark(#758991,#728c97);--st-ink:light-dark(#142a33,#eaf2f4);--st-muted:light-dark(#4c626b,#aec1c9);--st-line:light-dark(#d5e1e5,#354a54);--st-wash:light-dark(#edf4f5,#1a3039);--st-accent:light-dark(#087782,#70d6d9);--st-on-accent:light-dark(#fff,#092b32);--st-hero:light-dark(#102a35,#0b202a);--st-hero-ink:light-dark(#eef7f9,#eef7f9);--st-hero-muted:light-dark(#c7dce4,#c7dce4);--st-hero-accent:light-dark(#9be2e0,#9be2e0);font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--st-ink);width:100%; }
  #synterran[data-hero="light"] { --st-hero:var(--st-wash);--st-hero-ink:var(--st-ink);--st-hero-muted:var(--st-muted);--st-hero-accent:var(--st-accent); }
  #synterran * { box-sizing:border-box; }
  #synterran [hidden] { display:none!important; }
  #synterran button,#synterran input,#synterran textarea,#synterran select { font:inherit; }
  #synterran button,#synterran a { touch-action:manipulation; }

  #synterran .st-site { background:var(--st-paper); }
  #synterran .st-topbar { position:sticky;top:0;z-index:20;background:var(--st-paper); }
  #synterran .st-banner { --st-accent:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;padding:5px 22px;background:#087782;color:#fff;font-size:14px;border-bottom:1px solid #087782; }
  #synterran .st-banner .st-quiet { min-height:34px;padding:5px 0; }
  #synterran .st-header { display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;padding:17px 36px;border-bottom:1px solid var(--st-line); }
  #synterran .st-identity { display:flex;align-items:center;flex-wrap:wrap;gap:22px; }
  #synterran .st-brand { border:0;padding:10px 0;min-height:44px;background:transparent;color:var(--st-ink);font-size:17px;font-weight:700;letter-spacing:.04em; }
#synterran .st-product { border:0;padding:10px 0;min-height:44px;background:transparent;color:light-dark(#657680,#7f95a0);font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase; }
  #synterran .st-product:hover { color:var(--st-ink); }
  #synterran .st-brand[data-section-current="true"],#synterran .st-product[aria-current="page"] { color:var(--st-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px; }
  #synterran .st-nav { display:flex;align-items:center;gap:20px;flex:1;flex-wrap:wrap;border-left:1px solid var(--st-line);padding-left:24px; }
  #synterran .st-nav a { border:0;padding:10px 0;min-height:44px;background:transparent;color:var(--st-muted);font-size:14px;font-weight:500; }
  #synterran .st-nav a[aria-current] { color:var(--st-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px; }
  #synterran .st-header > .st-action { margin-left:auto; }
  #synterran .st-header > .st-action[aria-current="page"] { text-decoration:underline;text-underline-offset:5px; }
  #synterran .st-action { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid var(--st-accent);border-radius:3px;background:var(--st-accent);color:var(--st-on-accent);font-size:14px;font-weight:600;text-decoration:none; }
  #synterran .st-quiet { min-height:44px;padding:10px 0;border:0;background:transparent;color:var(--st-accent);font-size:14px;font-weight:600;text-align:left; }
  #synterran .st-actions { display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:25px; }
  #synterran h1 { margin:0 0 22px;font-size:clamp(30px,4.3vw,46px);font-weight:600;line-height:1.12;letter-spacing:-.035em;max-width:720px;color:inherit; }
  #synterran h2 { margin:0 0 13px;font-size:27px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:inherit; }
  #synterran h3 { margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.3;color:inherit; }
  #synterran p { margin:0 0 18px; }
  #synterran .st-kicker { margin:0 0 16px;color:var(--st-accent);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600; }
  #synterran .st-project-name { font-size:17px;letter-spacing:.08em; }
  #synterran .st-lede { max-width:660px;color:var(--st-muted);font-size:18px; }
  #synterran .st-hero { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:center;padding:42px 40px;background:var(--st-hero);color:var(--st-hero-ink); }
  #synterran .st-hero .st-kicker { color:var(--st-hero-accent); }
  #synterran .st-hero .st-lede { color:var(--st-hero-muted);font-size:17px; }
  #synterran .st-hero .st-action { background:var(--st-hero-accent);border-color:var(--st-hero-accent);color:var(--st-hero); }
  #synterran .st-hero .st-quiet { color:var(--st-hero-ink); }
  #synterran figure { margin:0;min-width:0; }
  #synterran .st-facility { padding:14px;border-radius:3px;background:light-dark(#fff,#fff); }
  #synterran .st-facility img { display:block;width:100%;height:auto; }
  #synterran .st-hero figcaption { margin-top:11px;color:var(--st-hero-muted);font-size:12px; }
  #synterran .st-summary-line { display:flex;align-items:baseline;justify-content:space-between;gap:16px 30px;flex-wrap:wrap;padding:20px 40px;border-bottom:1px solid var(--st-line);font-size:14px; }
  #synterran .st-summary-line span { color:var(--st-muted); }
  #synterran .st-section { padding:40px; }
  #synterran .st-intro { padding:46px 40px 25px; }
  #synterran .st-thesis { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;background:var(--st-wash); }
  #synterran .st-thesis p:not(.st-kicker) { color:var(--st-muted); }
  #synterran .st-compute-strip { display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap; }
  #synterran .st-compute-strip h2 { font-size:23px;margin-bottom:7px; }
  #synterran .st-compute-strip p { color:var(--st-muted);margin:0; }
  #synterran .st-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 40px;padding:20px 0;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line); }
  #synterran dt { font-size:13px;color:var(--st-muted); }
  #synterran dd { margin:4px 0 0;font-size:17px; }
  #synterran .st-two { display:grid;grid-template-columns:1fr 1fr;gap:40px; }
  #synterran .st-two p { color:var(--st-muted); }
  #synterran .st-ownership { margin:0; }
  #synterran .st-ownership dt { font-size:15px; }
  #synterran .st-ownership dd { margin-top:5px;font-size:25px;font-weight:500; }
  #synterran .st-rule { border-top:1px solid var(--st-line); }
  #synterran .st-small { color:var(--st-muted);font-size:13px; }
  #synterran .st-prose { max-width:735px; }
  #synterran .st-prose p { color:var(--st-muted); }
  #synterran .st-spec { width:100%;border-collapse:collapse;font-size:16px; }
  #synterran .st-spec th,#synterran .st-spec td { text-align:left;vertical-align:top;padding:14px 18px 14px 0;border-bottom:1px solid var(--st-line); }
  #synterran .st-spec th { width:30%;font-weight:500; }
  #synterran .st-spec td { color:var(--st-muted); }
  #synterran .st-details { margin:0 40px 35px;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line); }
  #synterran .st-details summary { min-height:48px;padding:17px 0;font-weight:600; }
  #synterran .st-detail-body { padding:8px 0 22px; }
  #synterran .st-close { padding:30px 40px;background:var(--st-wash);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap; }
  #synterran .st-close h2 { font-size:24px;margin:0; }
  #synterran .st-close p { max-width:570px;margin:10px 0 0;color:var(--st-muted);font-size:16px; }
  #synterran .st-close .st-actions { margin:0; }
  #synterran .st-story { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:36px;padding-top:10px; }
  #synterran .st-story p { color:var(--st-muted); }
  #synterran .st-diagram img { display:block;width:100%;height:auto;padding:15px;background:light-dark(#fff,#fff); }
  #synterran figcaption { margin-top:10px;color:var(--st-muted);font-size:12px; }
  #synterran .st-history { margin-top:5px; }
  #synterran .st-history article { padding:26px 0;border-top:1px solid var(--st-line);display:grid;grid-template-columns:160px 1fr;gap:25px; }
  #synterran .st-history p { color:var(--st-muted);margin:7px 0 0; }
  #synterran .st-history .st-kicker { margin:0; }
  #synterran .st-contact { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px; }
  #synterran .st-contact h1 { font-size:38px; }
  #synterran .st-contact p { color:var(--st-muted); }
  #synterran a { color:var(--st-accent);text-underline-offset:4px; }
  #synterran .st-form { display:grid;gap:18px; }
  #synterran fieldset { border:0;padding:0;margin:0;min-width:0; }
  #synterran legend,#synterran label { display:block;font-size:14px;font-weight:500;margin:0 0 7px;padding:0; }
  #synterran .st-interests { display:flex;gap:7px;flex-wrap:wrap; }
  #synterran .st-interests button { min-height:44px;padding:8px 12px;border:1px solid var(--st-field-line);border-radius:3px;background:var(--st-paper);color:var(--st-ink);font-size:14px; }
  #synterran .st-interests button[aria-pressed="true"] { background:var(--st-ink);border-color:var(--st-ink);color:var(--st-paper); }
  #synterran input,#synterran textarea,#synterran select { width:100%;min-width:0;border:1px solid var(--st-field-line);border-radius:3px;padding:11px 12px;background:var(--st-paper);color:var(--st-ink);font-size:16px; }
  #synterran textarea { min-height:115px;resize:vertical; }
  #synterran textarea::placeholder { color:var(--st-muted);opacity:1; }
  #synterran .st-form .st-action { justify-self:start; }
  #synterran .st-feedback { margin:0;padding:12px 15px;background:var(--st-wash);font-size:14px; }
  #synterran .st-form-row { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
  #synterran .st-footer { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 40px;border-top:1px solid var(--st-line);font-size:12px;color:var(--st-muted); }
  #synterran .st-footer strong { color:var(--st-ink);letter-spacing:.08em;font-weight:600; }
  #synterran .st-footer .st-quiet { font-size:13px;font-weight:400; }
  #synterran .st-footer nav { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
  @media(max-width:900px) { #synterran .st-header { gap:4px 22px; } #synterran .st-identity { flex-basis:100%; } #synterran .st-nav { border:0;padding-left:0;gap:24px; } }
  @media(max-width:800px) { #synterran .st-header { padding:15px 25px; } #synterran .st-hero { padding:35px 28px;gap:24px; } #synterran .st-section { padding:34px 28px; } #synterran .st-intro { padding:38px 28px 22px; } #synterran .st-summary-line { padding:18px 28px; } #synterran .st-facts { margin:0 28px; } #synterran .st-details { margin-left:28px;margin-right:28px; } }
  @media(max-width:660px) { #synterran .st-hero,#synterran .st-thesis,#synterran .st-story,#synterran .st-contact { grid-template-columns:1fr; } #synterran .st-hero figure { max-width:420px;width:100%;justify-self:center; } #synterran .st-facility { padding:12px; } #synterran .st-story { padding-top:5px; } #synterran .st-diagram { max-width:500px; } #synterran .st-detail-body .st-diagram { max-width:none; } #synterran .st-close { padding:28px; } #synterran .st-history article { grid-template-columns:130px 1fr; } }
  @media(max-width:440px) { #synterran .st-header { padding:12px 20px; } #synterran .st-identity { gap:14px; } #synterran .st-product { font-size:14px; } #synterran .st-nav { gap:22px; } #synterran .st-banner { gap:0;justify-content:space-between; } #synterran .st-banner .st-quiet { min-height:44px; } #synterran .st-hero,#synterran .st-section { padding:30px 22px; } #synterran .st-intro { padding:33px 22px 20px; } #synterran .st-summary-line { padding:18px 22px;gap:8px 20px; } #synterran .st-two,#synterran .st-form-row { grid-template-columns:1fr;gap:23px; } #synterran .st-facts { margin:0 22px;grid-template-columns:1fr;gap:13px; } #synterran .st-facts div { display:flex;justify-content:space-between;align-items:baseline;gap:12px; } #synterran .st-facts dd { margin:0;text-align:right; } #synterran .st-details { margin:0 22px 30px; } #synterran .st-spec th { width:34%; } #synterran .st-spec th,#synterran .st-spec td { padding-right:10px;overflow-wrap:anywhere; } #synterran .st-close,#synterran .st-footer { padding:24px 22px; } #synterran .st-history article { grid-template-columns:1fr;gap:12px; } #synterran .st-contact h1 { font-size:34px; } }

  #synterran :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid var(--st-accent);outline-offset:4px; }
  #synterran .st-banner a:focus-visible { outline-offset:2px; }
  #synterran .st-hero { padding:48px 40px;grid-template-columns:1.2fr 1fr;gap:30px; }
  #synterran .st-hero h1 { font-size:clamp(32px,4.2vw,48px); }
  #synterran .st-facility { background:transparent;padding:0; }
  #synterran .st-facility img { max-height:370px;object-fit:contain; }
  #synterran .st-hero figure { background:transparent;padding:20px 18px 14px; }
  #synterran .st-hero figcaption { color:var(--st-hero-muted);border-top:1px solid var(--st-line);padding-top:12px; }
  #synterran .st-hero figcaption strong { display:block;color:var(--st-hero-ink);font-size:13px;font-weight:600; }
  #synterran .st-status { color:var(--st-accent);font-size:14px;display:flex;gap:8px;align-items:center;margin:0 0 18px; }
  #synterran .st-status::before { content:'';width:7px;height:7px;background:var(--st-accent);border-radius:50%;flex:none; }
  #synterran .st-recognition { display:grid;grid-template-columns:1fr 1fr;gap:44px; }
  #synterran .st-recognition p { color:var(--st-muted); }
  #synterran .st-recognition ul { list-style:none;margin:0;padding:0; }
  #synterran .st-recognition li { padding:15px 0;border-top:1px solid var(--st-line);display:flex;gap:14px; }
  #synterran .st-recognition li::before { content:'•';color:var(--st-accent); }
  #synterran .st-paths { display:grid;grid-template-columns:1fr 1fr;gap:38px;background:var(--st-wash); }
  #synterran .st-paths article+article { border-left:1px solid var(--st-line);padding-left:38px; }
  #synterran .st-paths p { color:var(--st-muted); }
  #synterran .st-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;margin:26px 0 0;counter-reset:step; }
  #synterran .st-steps li { border-top:1px solid var(--st-line);padding-top:20px;counter-increment:step; }
  #synterran .st-steps li::before { content:'0' counter(step);display:block;color:var(--st-accent);font-size:13px;font-weight:600;margin-bottom:14px; }
  #synterran .st-steps p { color:var(--st-muted);font-size:15px;margin:0; }
  #synterran .st-note { border-left:3px solid var(--st-accent);padding-left:21px; }
  #synterran .st-full-drawing { background:#fff;padding:24px; }
  #synterran .st-full-drawing img { display:block;width:100%;max-height:480px;object-fit:contain; }
  #synterran .st-badge { width:180px;max-width:100%;height:auto;background:#fff;padding:12px; }
  #synterran .st-person { display:flex;align-items:center;justify-content:space-between;gap:30px; }
  #synterran .st-person p { margin:6px 0;color:var(--st-muted); }
  #synterran .st-podcast { display:grid;grid-template-columns:1fr 1.4fr;gap:40px; }
  #synterran .st-podcast p { color:var(--st-muted); }
  #synterran .st-topic { display:block;margin-top:8px;font-size:13px;color:var(--st-muted); }
  #synterran .st-nav { gap:18px;padding-left:20px; }
  @media(max-width:1050px) { #synterran .st-header { gap:4px 24px; } #synterran .st-identity { flex-basis:100%; } #synterran .st-nav { border:0;padding-left:0; } }
  @media(max-width:660px) { #synterran .st-hero,#synterran .st-recognition,#synterran .st-paths,#synterran .st-podcast,#synterran .st-steps { grid-template-columns:1fr;gap:26px; } #synterran .st-hero { padding:32px 24px; } #synterran .st-paths article+article { padding:26px 0 0;border-left:0;border-top:1px solid var(--st-line); } #synterran .st-header { display:grid;grid-template-columns:1fr auto;gap:4px 14px; } #synterran .st-identity { grid-column:1/-1;gap:20px; } #synterran .st-nav { gap:0 18px;flex-wrap:wrap;min-width:0; } #synterran .st-header>.st-action { padding:9px 12px; } #synterran .st-nav a { font-size:13px; } #synterran .st-hero figure { width:100%;max-width:420px; } #synterran .st-facility img { max-height:335px; } #synterran .st-person { align-items:flex-start;flex-direction:column; } }
  @media(max-width:375px) { #synterran .st-header { padding:12px 16px;gap:4px 10px; } #synterran .st-nav { gap:12px; } #synterran .st-identity { gap:15px; } #synterran .st-product { font-size:13px; } #synterran .st-header>.st-action { padding:8px 10px;font-size:13px; } }

  #synterran .st-capacity { background:var(--st-wash); }
  #synterran .st-capacity > h2 { margin-bottom:28px; }
  #synterran .st-capacity h3 { font-size:24px; }
  #synterran #st-mission { background:light-dark(#102a35,#0b202a);color:#eef7f9;--st-muted:#c7dce4;--st-accent:#9be2e0; }
  #synterran .st-facility-disclosure { margin-top:25px;border-top:1px solid var(--st-line); }
  #synterran .st-facility-disclosure summary { padding:16px 0;min-height:48px;font-weight:600;cursor:pointer; }
  #synterran .st-full-drawing { max-width:650px;margin:0 auto; }
  #synterran .st-module-overview { padding-top:40px;border-top:1px solid var(--st-line); }
  #synterran .st-next { border-top:1px solid var(--st-line);padding-top:20px; }
  #synterran .st-next h2 { font-size:18px;margin:0 0 7px; }
  #synterran .st-next p { font-size:14px;margin:0; }
  #synterran #st-cloud-nav { min-width:0; }
  #synterran #st-cloud-nav a { text-align:left;line-height:1.4; }
  #synterran .st-footer .st-footer-badge { display:block;width:140px;max-width:100%;height:auto;flex:none;padding:8px; }
  #synterran .st-diagram-view { max-width:100%; }
  #synterran .st-diagram-view.is-enlarged { overflow:auto;max-height:600px;border:1px solid var(--st-field-line); }
  #synterran .st-diagram-view.is-enlarged img { width:1000px;max-width:none;max-height:none; }
  #synterran .st-diagram-toggle { margin-top:4px; }

/* Links retain the approved button dimensions, colors and typography. */
#synterran :is(.st-brand,.st-product,.st-nav a,.st-quiet) { display:inline-block; text-decoration:none; cursor:pointer; }
#synterran .st-brand { color:var(--st-ink); }
#synterran .st-product { color:light-dark(#657680,#7f95a0); }
#synterran .st-action { color:var(--st-on-accent); }
#synterran .st-hero .st-action { color:var(--st-hero); }
#synterran .st-contact-founder { margin-top:20px; }
#synterran .st-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#synterran button:disabled { opacity:.6; cursor:wait; }
#synterran [aria-invalid="true"] { border-color:light-dark(#a21e24,#ff9c9c); }
.skip-link { position:fixed; left:20px; top:-100px; z-index:30; padding:12px 18px; background:#fff; color:#087782; font:600 16px 'Segoe UI',Arial,sans-serif; }
.skip-link:focus { top:8px; }
@media(max-width:440px) { #synterran .st-banner { column-gap:8px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }

/* Full-width section colors, with the approved content widths and gutters. */
#synterran :is(.st-hero,.st-summary-line,.st-section,.st-intro,.st-close,.st-footer) { padding-inline:calc(40px + var(--st-page-edge)); }
#synterran .st-header { padding-inline:calc(36px + var(--st-page-edge)); }
#synterran .st-banner { padding-inline:calc(22px + var(--st-page-edge)); }
#synterran :is(.st-facts,.st-details) { margin-inline:calc(40px + var(--st-page-edge)); }
@media(max-width:800px) {
  #synterran :is(.st-summary-line,.st-section,.st-intro) { padding-inline:28px; }
  #synterran .st-header { padding-inline:25px; }
  #synterran :is(.st-facts,.st-details) { margin-inline:28px; }
}
@media(max-width:660px) {
  #synterran .st-hero { padding-inline:24px; }
  #synterran .st-close { padding-inline:28px; }
}
@media(max-width:440px) {
  #synterran :is(.st-summary-line,.st-section,.st-intro,.st-close,.st-footer) { padding-inline:22px; }
  #synterran .st-header { padding-inline:20px; }
  #synterran :is(.st-facts,.st-details) { margin-inline:22px; }
  #synterran .st-banner { flex-wrap:nowrap; }
  #synterran .st-banner > span { flex:1;min-width:0; }
  #synterran .st-banner > a { flex:none; }
}
@media(max-width:375px) {
  #synterran .st-header { padding-inline:16px; }
  #synterran .st-nav { gap:0 8px; }
}