:root{--night:#04201a;--gold:#d9b45a;--gold-soft:#d9b45a59;--cream:#f3e8cc;--muted:#b9c7b8;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% -10%, #0c4a38 0%, transparent 60%), var(--night);color:var(--cream);margin:0;font:300 18px/1.65 Josefin Sans,sans-serif}a{color:inherit}code{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;font-family:JetBrains Mono,monospace;font-size:.9em}nav{letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:22px 24px;font-size:.85rem;font-weight:600;display:flex}nav .brand{color:var(--gold);align-items:center;gap:12px;text-decoration:none;display:flex}nav .links{gap:32px;display:flex}nav .links a{opacity:.85;text-decoration:none}nav .links a:hover,nav .links a:focus-visible{color:var(--gold);opacity:1}.hero{text-align:center;padding:40px 24px 90px;position:relative;overflow:hidden}.hero:before{content:"";background:repeating-conic-gradient(from 0deg, var(--gold-soft) 0deg .6deg, transparent .6deg 7.5deg);opacity:.55;pointer-events:none;width:1400px;height:1400px;position:absolute;top:250px;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0 18%,#0000 55%);mask:radial-gradient(circle,#000 0 18%,#0000 55%)}.hero>*{position:relative}.gem{filter:drop-shadow(0 0 30px #2fa37a73);width:130px;height:auto}h1{letter-spacing:.06em;text-shadow:0 2px #02120e,0 0 40px #d9b45a40;margin:18px 0 10px;font-family:Limelight,serif;font-size:clamp(3.6rem,12vw,7.5rem);font-weight:400;line-height:1}.tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-size:clamp(.85rem,2.4vw,1.05rem);font-weight:600}.sub{max-width:560px;color:var(--muted);margin:0 auto 34px}.actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.button{--hex:polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);isolation:isolate;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:var(--gold);clip-path:var(--hex);padding:15px 32px 13px;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s,background .2s;display:inline-block;position:relative}.button:before{content:"";z-index:-1;background:var(--night);clip-path:var(--hex);transition:opacity .2s;position:absolute;inset:1.5px}.button.primary{color:var(--night)}.button.primary:before{opacity:0}.button:hover,.button:focus-visible{color:var(--night);outline:none}.button:hover:before,.button:focus-visible:before{opacity:0}.button.primary:hover,.button.primary:focus-visible{background:var(--cream)}.divider{background:linear-gradient(135deg, var(--gold) 25%, transparent 25%) -9px 0 / 18px 18px, linear-gradient(225deg, var(--gold) 25%, transparent 25%) -9px 0 / 18px 18px;opacity:.5;max-width:1100px;height:18px;margin:0 auto}section{max-width:1100px;margin:0 auto;padding:80px 24px}h2{color:var(--gold);text-align:center;letter-spacing:.04em;margin:0 0 12px;font-family:Limelight,serif;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:400}.section-sub{text-align:center;color:var(--muted);max-width:620px;margin:0 auto 48px}.showcase{grid-template-columns:1.15fr 1fr;align-items:start;gap:36px;display:grid}.frame{border:1px solid var(--gold);outline:1px solid var(--gold-soft);outline-offset:6px;background:#041914d9;min-width:0;padding:26px 26px 22px;position:relative}.frame:before,.frame:after{content:"";border:2px solid var(--gold);width:26px;height:26px;position:absolute}.frame:before{border-bottom:none;border-right:none;top:-9px;left:-9px}.frame:after{border-top:none;border-left:none;bottom:-9px;right:-9px}.frame .label{border-bottom:1px solid var(--gold-soft);color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:-4px 0 16px;padding-bottom:10px;font-size:.78rem;font-weight:600;display:block}pre{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;color:#e6ede4;margin:0;font:400 .92rem/1.7 JetBrains Mono,monospace;overflow-x:auto}.kw{color:var(--gold)}.ty{color:#7fd6b0}.str{color:#f0c9a0}.num{color:#c9a5f0}.fn{color:#9ec9ff}.output{border-top:1px dashed var(--gold-soft);color:var(--muted);margin-top:18px;padding-top:14px}.output b{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.caret{color:#ff9e8a}.help{color:#d6e7cf}.aside-note{color:var(--muted);margin:18px 0 0;font-size:.95rem}.pillars{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.pillar{text-align:center;border-top:3px double var(--gold);background:linear-gradient(#0f6b4f2e,#0000);padding:34px 26px 30px}.pillar .numeral{color:var(--gold);font-family:Limelight,serif;font-size:2rem}.pillar h3{letter-spacing:.16em;text-transform:uppercase;margin:8px 0 10px;font-size:1rem;font-weight:700}.pillar p{color:var(--muted);margin:0;font-size:.98rem}.trio{grid-template-columns:repeat(3,1fr);align-items:start;gap:36px;display:grid}.trio pre{font-size:.84rem}.hurdles{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hurdle{border-top:3px double var(--gold);background:linear-gradient(#0f6b4f2e,#0000);padding:24px 24px 22px;text-decoration:none;display:block}.hurdle h3{letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin:0 0 8px;font-size:.92rem;font-weight:700}.hurdle p{color:var(--muted);margin:0;font-size:.96rem}.hurdle.linked:hover h3,.hurdle.linked:focus-visible h3{color:var(--gold)}.hurdle.linked:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.actions.closing{margin-top:56px}footer{text-align:center;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;padding:50px 24px 60px;font-size:.78rem;font-weight:600}footer a{text-decoration:none}footer a:hover,footer a:focus-visible,footer .gold{color:var(--gold)}@media (width<=820px){.showcase,.pillars,.trio,.hurdles{grid-template-columns:1fr}nav .links{gap:16px;font-size:.8rem}nav .brand span{display:none}}