:root{color-scheme:dark;--bg:#101113;--panel:#17191c;--line:#2a2d32;--ink:#eceef1;--muted:#9a9fa8;--accent:#b7ee79;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.skip-link{position:absolute;top:-80px;left:20px;padding:12px;background:var(--panel);z-index:3}
.skip-link:focus{top:12px}
.shell{max-width:1256px;margin:auto;padding:0 48px}
header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:20px;font-weight:650;letter-spacing:-.065em;text-decoration:none;display:flex;gap:12px;align-items:center}
.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--accent);color:#151811;font:700 14px ui-monospace,monospace;letter-spacing:-.12em}
.mono,.eyebrow,.header-note,.section-heading,.domain,.tag,footer,.card-index,.preview-label,.back,.terminal{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.header-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}
.header-note::before{content:'';width:6px;height:6px;background:var(--accent)}
.hero{padding:76px 0 58px}
.eyebrow{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 24px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:'//';color:#6f805e}
h1{font-size:clamp(44px,6.2vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:550;margin:0}
h1 span{color:#7c828c}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:420px;margin:22px 0 0}
.hero-meta{text-align:right;font-size:10px;line-height:2.1;letter-spacing:.05em;color:#7f858f;flex-shrink:0}
.hero-meta strong{color:#c0c5cd;font-weight:400}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:22px;margin-bottom:23px;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.section-heading h2{font:inherit;color:var(--ink);margin:0}
.section-heading h2 span{color:#727984;margin-right:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{border:1px solid var(--line);border-radius:6px;background:var(--panel);text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.card:hover{border-color:#667451;transform:translateY(-3px)}
.preview{position:relative;aspect-ratio:1200/680;background:#20242a;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}
.preview iframe{display:block;width:1200px;height:680px;border:0;transform:scale(var(--preview-scale,.4));transform-origin:top left;pointer-events:none;user-select:none}
.preview::after{content:'';position:absolute;inset:0;z-index:1}
.preview-label{position:absolute;z-index:2;bottom:12px;right:12px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;background:#101113e8;border:1px solid #ffffff21;color:#d5d9df;border-radius:3px}
.card-body{padding:25px 27px 23px;display:flex;flex-direction:column;flex:1}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.card h3{font-size:21px;letter-spacing:-.035em;font-weight:550;margin:0}
.card-index{font-size:10px;color:#79808a}
.card p{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 25px;max-width:380px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.domain{color:#aeb4bd;font-size:10px;letter-spacing:.015em}
.arrow{display:grid;place-items:center;border:1px solid #3a3f45;border-radius:50%;width:28px;height:28px;font-size:17px;color:var(--accent);transition:background .2s,color .2s}
.card:hover .arrow{background:var(--accent);border-color:var(--accent);color:#101113}
.infrastructure{margin-top:24px;padding:23px 27px;display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:6px;background:repeating-linear-gradient(135deg,transparent,transparent 6px,#ffffff01 6px,#ffffff01 7px)}
.server-icon{color:#89957b;flex-shrink:0;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.4}
.infrastructure h3{font:11px ui-monospace,monospace;margin:0 0 6px;color:#c7cbd2;overflow-wrap:anywhere}
.infrastructure p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.tag{font-size:9px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#b3bdab;border:1px solid #394133;border-radius:3px;padding:7px 9px;margin-left:auto}
footer{margin-top:64px;padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#858c97;font-size:10px;line-height:1.7}
footer span:last-child{color:#aab1bc}
.back{font-size:11px;text-decoration:none;color:var(--muted)}
.back:hover{color:var(--accent)}
.agenda-main{min-height:calc(100svh - 186px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:70px 0}
.agenda-main .hero{padding:0}
.agenda-main h1{font-size:clamp(44px,5.3vw,68px)}
.status{display:inline-flex;gap:8px;align-items:center;font:10px ui-monospace,monospace;color:var(--accent);border:1px solid #3a4930;padding:7px 10px;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}
.status::before{content:'';width:5px;height:5px;background:currentColor}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--accent);color:#192012;padding:14px 18px;font-size:12px;font-weight:600;border-radius:3px;text-decoration:none;margin-top:30px}
.button:hover{background:#cafa92}
.terminal{border:1px solid #34393f;border-radius:6px;background:#141619;overflow:hidden;box-shadow:0 18px 65px #0003}
.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.03em;color:#9ca2ad;background:#1b1e22}
.terminal-dots{display:flex;gap:5px}
.terminal-dots i{display:block;width:5px;height:5px;border:1px solid #616875;border-radius:50%}
.terminal-content{padding:27px;font-size:11px;line-height:1.9}
.terminal-path{color:var(--accent);margin:0 0 25px}
.terminal-path span{color:#9ca2ad}
.terminal dl{margin:0}
.terminal dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #24282d;padding:12px 0}
.terminal dt{color:#858d99}
.terminal dd{margin:0;color:#d4d9e0;text-align:right}
.terminal dd.highlight{color:var(--accent)}
.progress{display:flex;gap:4px;margin:30px 0 11px}
.progress span{height:4px;flex:1;background:#30362d}
.progress span:first-child{background:var(--accent)}
.terminal-note{color:#858d99;font-size:9px;line-height:1.8;margin:0}
.agenda-footer{margin-top:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:1100px){.card p{min-height:44px}}
@media(max-width:700px){
 .shell{padding:0 22px}header{height:80px}.header-note{font-size:9px}.brand{font-size:18px;gap:9px}.brand-mark{width:25px;height:25px;font-size:12px}
 .hero{padding:50px 0 38px}.hero-row{display:block}.hero-meta{display:none}.intro{font-size:14px}.section-heading{font-size:9px;letter-spacing:.04em}
 .grid{grid-template-columns:1fr;gap:20px}.card-body{padding:23px}.infrastructure{flex-wrap:wrap;padding:22px;gap:16px}.infrastructure>div{flex:1;min-width:180px}.tag{margin-left:43px}
 footer{margin-top:42px;flex-direction:column;gap:5px;font-size:9px}.agenda-main{grid-template-columns:1fr;gap:45px;padding:50px 0;min-height:auto}.agenda-footer{margin-top:0}.terminal-content{padding:22px}
}