@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400&display=swap');
/* Crucible — AWS ("terminal"): near-black console, neon green, monospace. Layers over style.css. */
:root{
  --bg:#0a0c0d; --ink:#d8e6dd; --muted:rgba(216,230,221,.56); --faint:rgba(216,230,221,.34);
  --line:rgba(111,176,148,.18); --gold:#6fb094;
  --serif:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --accent-rgb:111,176,148;
}
/* kill the warm atmosphere; lay down faint scanlines */
.glow,.grain{display:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(0deg,rgba(111,176,148,.028) 0 1px,transparent 1px 3px)}

/* headlines go monospace + tighter — the biggest terminal tell */
h1,h2{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;line-height:1.03}
h1{font-size:clamp(2.4rem,7vw,5rem)}
h2{font-size:clamp(2rem,5.5vw,4rem)}
.statement h2{font-size:clamp(2.2rem,6.5vw,5rem)}
.hero-copy h1{font-size:clamp(2.2rem,4.4vw,3.7rem)}
.hero-copy h1::after{content:"_";color:var(--gold);font-weight:400;animation:cur 1.1s steps(2) infinite}
@keyframes cur{50%{opacity:0}}

/* eyebrows become shell prompts */
.eyebrow{color:var(--gold);letter-spacing:.14em}
.eyebrow::before{content:"$ ";color:var(--gold)}

/* nav / dropdown */
.wordmark a:hover{color:var(--gold)}
.navlinks .book{color:var(--gold);border:1px solid var(--line);padding:6px 12px;border-radius:4px}
.navlinks .book:hover{border-color:var(--gold)}
.svc>summary::after{color:var(--gold)}
.svc-menu{background:#0e1312;border-radius:5px;border-color:var(--line)}
.svc-menu a:hover{background:rgba(111,176,148,.1)}

/* buttons -> bracketed console commands */
.cta{margin-top:40px;border-bottom:0;border:1px solid var(--gold);border-radius:5px;color:var(--gold);
  padding:12px 20px;letter-spacing:.08em;transition:background .2s,color .2s}
.cta::before{content:"[ "}
.cta::after{content:" ]"}
.cta:hover{background:var(--gold);color:var(--bg);gap:.6em}
.cta .arw{display:none}
.cta-link{border-color:rgba(111,176,148,.4)}
.cta-link:hover{color:var(--ink);border-color:var(--gold)}

/* recolor the few hardcoded golds in the animated devices */
.rail .dot::after{border-color:rgba(111,176,148,.45)}
.rail .pulse{box-shadow:0 0 14px 4px rgba(111,176,148,.85)}
.flowcols .name{white-space:nowrap}
.block .ghost{color:rgba(111,176,148,.08)}
.block .body p.turn{color:rgba(111,176,148,.82)}

/* growth charts framed as console readouts */
.gend{font-family:var(--serif);font-size:26px}
.gchart-wrap{border:1px solid var(--line);border-radius:6px;padding:34px 20px 18px;background:rgba(111,176,148,.02);position:relative}
.gchart-wrap::before{content:"● ● ●";position:absolute;top:12px;left:15px;letter-spacing:4px;font-size:8px;color:rgba(111,176,148,.4)}
.gchart-wrap::after{content:"aws-marketplace.log";position:absolute;top:12px;right:16px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--faint)}
.statcap{color:var(--muted)}

/* selection */
::selection{background:rgba(111,176,148,.24)}

/* consistent brand wordmark across every world */
.wordmark{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:17px;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.wordmark a{font-family:inherit;letter-spacing:inherit;text-decoration:none;color:inherit}
a.wordmark,.wordmark>a:first-of-type{border-bottom:1px solid currentColor;padding-bottom:3px}
.wordmark>a:last-of-type{border-bottom:0;padding-bottom:0;text-transform:none}
.wordmark .wm-sep{border-bottom:0;color:var(--gold);margin:0 .4em}.nc{text-transform:none}

.authline{color:rgba(216,230,221,.6)}
@media(max-width:600px){
  nav#nav{position:sticky;flex-wrap:wrap;row-gap:10px}
  .navlinks{width:100%;flex-wrap:wrap;gap:10px 12px}
}

.close h2{margin-bottom:36px}