:root{
    --void:#0A0C11; --basalt:#151820; --ridge:#232730;
    --stone-700:#3C3730; --stone-500:#6B6259; --stone-300:#A79C90; --stone-100:#D6CDC2;
    --starlight:#F4F0E9; --ember:#D96A3C; --ember-glow:#F0A468;
    --sans:"IBM Plex Sans",system-ui,sans-serif;
    --serif:"IBM Plex Serif",Georgia,serif;
    --mono:"IBM Plex Mono",ui-monospace,monospace;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--void);color:var(--starlight);font-family:var(--sans);line-height:1.5}
  a{color:var(--ember);text-decoration:none}
  a:hover{color:var(--ember-glow)}
  a:focus-visible,button:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
  .skip{position:absolute;left:-999px;top:8px;background:var(--ember);color:var(--void);padding:8px 12px;z-index:20}
  .skip:focus{left:8px}
  header{display:flex;align-items:center;gap:12px;padding:16px 28px;border-bottom:1px solid var(--ridge);position:sticky;top:0;background:rgba(10,12,17,.92);backdrop-filter:blur(8px);z-index:10}
  .lockup{display:flex;align-items:center;gap:10px;color:var(--starlight)}
  .lockup img{height:28px;width:28px}
  .word{font-family:var(--mono);font-weight:600;letter-spacing:-.045em;font-size:18px}
  nav{margin-left:auto;display:flex;gap:22px;font-size:14px}
  nav a{color:var(--stone-300)}
  .hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.15fr);gap:40px;align-items:center;padding:56px 28px 28px;max-width:1240px;margin:0 auto}
  .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin:0 0 14px}
  h1{font-family:var(--serif);font-size:clamp(34px,4.8vw,54px);line-height:1.12;letter-spacing:-.02em;margin:0 0 16px;font-weight:500}
  .lede{color:var(--stone-300);font-size:17px;max-width:44ch;margin:0 0 24px}
  .install{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .chip{font-family:var(--mono);font-size:13.5px;background:var(--basalt);border:1px solid var(--ridge);border-radius:4px;padding:10px 14px;color:var(--stone-100);display:flex;align-items:center;gap:10px}
  .chip b{color:var(--ember);font-weight:400}
  .copy{background:transparent;border:1px solid var(--ridge);color:var(--starlight);font-family:var(--mono);font-size:12px;padding:8px 10px;border-radius:4px;cursor:pointer}
  .copy:hover{border-color:var(--ember)}
  .ghost{font-size:14px;color:var(--stone-300);padding:8px 4px}
  .facts{display:flex;gap:22px;margin-top:28px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--stone-500)}
  .facts b{display:block;color:var(--starlight);font-size:16px;font-weight:600;margin-bottom:2px}
  .app{background:var(--basalt);border:1px solid var(--ridge);border-radius:6px;overflow:hidden;min-height:420px;display:grid;grid-template-columns:168px 1fr;box-shadow:0 24px 60px rgba(0,0,0,.35)}
  .rail{border-right:1px solid var(--ridge);padding:14px 10px;font-family:var(--mono);font-size:12px}
  .rail .db{color:var(--stone-500);padding:4px 8px 12px;font-size:11px}
  .task{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--stone-300);padding:8px 10px;border-radius:4px;cursor:pointer;font:inherit}
  .task[aria-current="true"]{background:#1c212c;color:var(--starlight);box-shadow:inset 2px 0 0 var(--ember)}
  .pane{display:flex;flex-direction:column;min-width:0}
  .pane-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--ridge);font-family:var(--mono);font-size:12px;color:var(--stone-500);flex-wrap:wrap}
  .q{flex:1;min-width:12rem;background:var(--void);border:1px solid var(--ridge);color:var(--starlight);padding:7px 10px;border-radius:4px;font:inherit}
  .hits{padding:8px 0;overflow:auto;max-height:340px}
  .hit{padding:12px 16px;border-bottom:1px solid var(--ridge);cursor:pointer}
  .hit[aria-selected="true"]{background:#1a1e28}
  .hit .key{font-family:var(--mono);font-size:11px;color:var(--ember)}
  .hit h3{margin:4px 0 4px;font-size:14px;font-weight:600;font-family:var(--sans)}
  .hit p{margin:0;color:var(--stone-300);font-size:13px}
  .sim{float:right;font-family:var(--mono);font-size:11px;color:var(--stone-500)}
  .trail{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--ridge)}
  .stone{background:var(--stone-300);border-radius:50%;opacity:.85}
  .stone.s1{width:36px;height:16px;background:#A79C90}
  .stone.s2{width:28px;height:13px;background:#B5AA9D}
  .stone.s3{width:20px;height:11px;background:#C6BCB1}
  .stone.s4{width:14px;height:9px;background:#D6CDC2}
  .ember-dot{width:8px;height:8px;border-radius:50%;background:var(--ember);margin-bottom:18px}
  .vlabel{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--stone-500)}
  section.band{max-width:1240px;margin:0 auto;padding:56px 28px}
  h2{font-family:var(--serif);font-size:28px;letter-spacing:-.015em;margin:0 0 8px;font-weight:500}
  .sub{color:var(--stone-300);margin:0 0 28px;max-width:62ch}
  .chess{display:grid;grid-template-columns:1fr 1fr;gap:48px 40px;align-items:center}
  .plate{background:var(--basalt);border:1px solid var(--ridge);border-radius:6px;padding:18px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--stone-100)}
  .plate .p{color:var(--ember)}
  .plate .d{color:var(--stone-500)}
  .plate .o{color:var(--stone-300)}
  h3{margin:0 0 8px;font-size:22px;font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
  .verbs{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--ridge);border-bottom:1px solid var(--ridge)}
  .verbs div{flex:1;min-width:160px;padding:22px 20px;border-right:1px solid var(--ridge)}
  .verbs div:last-child{border-right:0}
  .verbs b{font-family:var(--mono);color:var(--ember);font-weight:400;font-size:13px}
  .verbs p{margin:8px 0 0;color:var(--stone-300);font-size:14px}
  table{width:100%;border-collapse:collapse;font-size:14px}
  th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ridge);vertical-align:top}
  th{font-family:var(--mono);font-size:12px;color:var(--stone-500);font-weight:400}
  td code{font-family:var(--mono);font-size:12.5px;color:var(--stone-100)}
  details{border-bottom:1px solid var(--ridge);padding:12px 0}
  summary{cursor:pointer;font-weight:600}
  summary:hover{color:var(--ember-glow)}
  details p{color:var(--stone-300);margin:8px 0 0}
  .why{display:grid;grid-template-columns:1fr 1fr;max-width:1240px;margin:12px auto 8px;border-top:1px solid var(--ridge);border-bottom:1px solid var(--ridge)}
  .why article{padding:48px 36px 52px}
  .why article + article{border-left:1px solid var(--ridge)}
  .why h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 14px}
  .why p,.why li{color:var(--stone-300);font-size:16.5px;line-height:1.55;margin:0 0 12px;max-width:46ch}
  .why ul{margin:4px 0 0;padding:0 0 0 1.15em}
  .why li{margin:0 0 10px}
  .why li:last-child{margin-bottom:0}
  .cta{background:var(--basalt);border-top:1px solid var(--ridge);padding:56px 28px;text-align:center}
  .cta h2{font-size:30px;letter-spacing:-.015em;font-family:var(--serif);font-weight:500}
  footer.site{padding:22px 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--stone-500);border-top:1px solid var(--ridge)}

  /* Prismattyc maker block — styles copied from prismattyc.com/css/styles.css */
  #maker{
    --bg:#101218; --bg-2:#161923; --line:#232837; --line-soft:#1c2130;
    --ink:#e6e8ee; --ink-2:#9aa1b2; --ink-3:#929bad;
    --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
    padding:104px 0; background:var(--void);
  }
  #maker .wrap{max-width:1120px;margin:0 auto;padding:0 32px}
  #maker a{color:inherit;text-decoration:none}
  #maker a:hover{color:inherit}
  #maker .btn{
    display:inline-flex;align-items:center;gap:8px;border-radius:8px;
    padding:9px 18px;font-size:14px;font-weight:600;transition:.16s;
    font-family:var(--mono);
  }
  #maker .btn-ghost{
    border:1px solid var(--line);color:var(--ink);
    background:rgba(16,18,24,.2);
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  }
  #maker .btn-ghost:hover{
    border-color:#39415a;
    background:rgba(16,18,24,.35);
  }
  #maker .btn-lg{padding:13px 24px;font-size:15px}
  #maker .maker-card{
    position:relative;isolation:isolate;overflow:hidden;
    border:1px solid #303541;border-radius:16px;padding:52px 68px 52px 52px;
    display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:clamp(32px,4vw,58px);align-items:center;
    background:
      linear-gradient(rgba(230,232,238,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(230,232,238,.035) 1px,transparent 1px),
      radial-gradient(circle at 13% 50%,rgba(230,232,238,.05),transparent 23%),
      #07080a;
    background-size:96px 96px,96px 96px,auto,auto;
    box-shadow:0 28px 70px rgba(0,0,0,.25),inset 0 0 80px rgba(255,255,255,.018);
    font-family:var(--mono);
  }
  #maker .moonbase-lockup{
    position:relative;display:flex;align-items:flex-end;gap:17px;min-width:0;
  }
  #maker .moonbase-orbit{
    position:relative;display:block;width:88px;aspect-ratio:1;border:1px solid rgba(230,232,238,.88);border-radius:50%;
  }
  #maker .moonbase-orbit::before{
    content:"";position:absolute;left:-14px;right:-14px;top:50%;height:1px;background:rgba(230,232,238,.9);transform:rotate(-17deg);
  }
  #maker .moonbase-orbit::after{
    content:"";position:absolute;right:6px;top:24px;width:4px;aspect-ratio:1;border-radius:50%;background:var(--ink);box-shadow:0 0 9px rgba(230,232,238,.7);
  }
  #maker .moonbase-orbit i{
    position:absolute;inset:18px;border:1px solid rgba(230,232,238,.2);border-radius:50%;
  }
  #maker .moonbase-lockup__code{
    color:var(--ink-3);font-size:8px;letter-spacing:.18em;line-height:1.8;text-transform:uppercase;white-space:nowrap;
  }
  #maker .maker-copy{min-width:0}
  #maker .kicker{margin:0 0 11px;font-size:10px;letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase;font-family:var(--mono)}
  #maker .maker-wordmark{display:flex;align-items:baseline;gap:.22em;margin:0 0 13px;font-family:"Rajdhani",sans-serif;font-size:clamp(36px,4vw,58px);font-weight:300;letter-spacing:.07em;line-height:.9;text-transform:uppercase;color:var(--ink)}
  #maker .maker-wordmark span:last-child{color:transparent;-webkit-text-stroke:1px rgba(230,232,238,.85);font-size:.78em;letter-spacing:.13em}
  #maker .maker-copy>p:last-child{color:var(--ink-2);max-width:590px;font-size:14px;margin:0}
  #maker .maker-cta{position:relative;z-index:1;white-space:nowrap;border-color:#3a404d;border-radius:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
  #maker .maker-edge-code{
    position:absolute;right:17px;top:50%;color:var(--ink-3);font-size:7px;letter-spacing:.22em;writing-mode:vertical-rl;transform:translateY(-50%);text-transform:uppercase;
  }
  #maker :focus-visible{outline:3px solid #62A8FF;outline-offset:4px}
  @media(max-width:920px){
    #maker .maker-card{grid-template-columns:1fr;padding:46px;text-align:center;justify-items:center}
    #maker .maker-copy>p:last-child{max-width:640px}
    #maker .maker-edge-code{right:14px}
  }
  @media(max-width:560px){
    #maker .wrap{padding-inline:20px}
    #maker .maker-card{padding:38px 24px 42px;gap:30px}
    #maker .moonbase-lockup{transform:translateX(8px)}
    #maker .moonbase-orbit{width:76px}
    #maker .maker-wordmark{flex-direction:column;align-items:center;gap:8px;font-size:clamp(37px,12vw,50px)}
    #maker .maker-wordmark span:last-child{font-size:.68em}
    #maker .maker-copy>p:last-child{font-size:13px}
    #maker .maker-cta{width:100%;justify-content:center;padding-inline:14px;white-space:normal;text-align:center}
    #maker .maker-edge-code{display:none}
  }
  #maker .maker-wordmark{flex-wrap:wrap;overflow-wrap:anywhere}

  @media (max-width:900px){
    .hero,.chess,.why{grid-template-columns:1fr;gap:28px}
    .why article{padding:32px 24px}
    .why article + article{border-left:0;border-top:1px solid var(--ridge)}
    .app{grid-template-columns:1fr}
    .rail{display:flex;gap:6px;border-right:0;border-bottom:1px solid var(--ridge);overflow-x:auto}
    .task{white-space:nowrap}
    .q{flex-basis:100%}
    .seat{display:none}
    nav{gap:14px}
    .verbs{flex-direction:column;border-bottom:0}
    .verbs div{border-right:0;border-bottom:1px solid var(--ridge);min-width:0}
  }
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

  .cta .sub{margin-left:auto;margin-right:auto}
  .cta .install{justify-content:center}