:root{--ink:#e8e4d9;--muted:#918f86;--bg:#0b0d0c;--panel:#121512;--line:#2b2e29;--gold:#d6a84b;--gold2:#f2d28d;--crimson:#b00000;--green:#83a98a;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.8;background-image:radial-gradient(circle at 70% 10%,rgba(214,168,75,.08),transparent 27%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-80px;left:20px;padding:10px 16px;background:var(--gold);color:#111;z-index:100}.skip-link:focus{top:10px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,13,12,.88);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:38px;color:#fff;background:linear-gradient(160deg,#d21f1f,#760000);font-family:var(--serif);font-weight:900;clip-path:polygon(50% 0,92% 18%,84% 100%,16% 100%,8% 18%);text-shadow:0 1px 1px #500}nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#b5b3aa}nav a:hover{color:var(--gold2)}.nav-github{border-left:1px solid var(--line);padding-left:30px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:80px max(6vw,28px) 100px;max-width:1500px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.25em;color:var(--gold2);font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:30px;height:1px;background:var(--gold)}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.28;letter-spacing:.04em;margin:20px 0}h1{font-size:clamp(46px,6vw,88px)}h1 em{font-style:normal;color:var(--gold2);position:relative}.lead{max-width:650px;font-size:17px;color:#b7b5ad;line-height:2}.hero-actions{display:flex;gap:12px;margin:38px 0 25px}.button{padding:13px 22px;font-size:13px;font-weight:700;border:1px solid var(--line);transition:.25s}.button.primary{background:var(--gold);color:#17130b;border-color:var(--gold)}.button.primary:hover{background:var(--gold2);transform:translateY(-2px)}.button.secondary:hover{border-color:var(--gold);color:var(--gold2)}.hero-notes{display:flex;gap:25px;padding:0;margin:0;list-style:none;font-size:11px;color:var(--muted)}.hero-notes li:before{content:"◇";color:var(--gold);margin-right:7px}.terminal-wrap{position:relative}.terminal{border:1px solid #373a34;background:#0c0f0d;box-shadow:0 35px 90px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-3deg)}.terminal-bar{height:42px;background:#171a17;border-bottom:1px solid #2a2d28;display:flex;align-items:center;padding:0 14px;gap:7px}.terminal-bar i{width:9px;height:9px;border-radius:50%;background:#555}.terminal-bar i:first-child{background:#9b5b4c}.terminal-bar i:nth-child(2){background:#9b8245}.terminal-bar i:nth-child(3){background:#527d5b}.terminal-bar span{font:11px monospace;color:#6f746d;margin:auto}.terminal-body{padding:30px;overflow:hidden}.terminal pre{font:clamp(10px,1.1vw,14px)/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;color:#c4c8c1}.dim{color:#687068}.logo-1{color:#fff}.logo-2{color:#ffb3b3}.logo-3{color:#ff4444}.logo-4{color:#c00}.logo-5{color:#900}.logo-6{color:#600}.green{color:#6eb97b}.piece{color:#17130b;background:var(--gold2);padding:2px 5px}.cursor{color:var(--gold);animation:blink 1s infinite}.seal{position:absolute;right:-40px;top:-55px;width:88px;height:88px;display:grid;place-items:center;border:3px double #9e3f35;color:#b64b40;font:700 52px var(--serif);transform:rotate(10deg);z-index:2;opacity:.75}.section{max-width:1280px;margin:auto;padding:130px max(6vw,28px)}.section-heading{max-width:580px}.section-heading h2{font-size:clamp(36px,5vw,66px)}.concept{display:grid;grid-template-columns:1fr 1fr;gap:50px 9vw}.concept-copy{padding-top:50px;color:#b7b5ad;font-size:17px}.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:30px}.feature{padding:40px 40px 10px 0;border-right:1px solid var(--line);margin-right:40px}.feature:last-child{border:0}.feature b{color:var(--gold);font:12px monospace}.feature h3,.piece-card h3,.steps h3{font-family:var(--serif);font-size:24px;margin:12px 0}.feature p,.piece-card p,.steps p{color:var(--muted);font-size:14px}.formation{max-width:none;background:#101310;border-block:1px solid var(--line)}.formation>*{max-width:1150px;margin-left:auto;margin-right:auto}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered>p:last-child{color:var(--muted)}.pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:65px}.piece-card{background:var(--panel);padding:28px;display:flex;gap:22px;align-items:center;transition:.25s}.piece-card:hover{background:#191c18;transform:translateY(-3px)}.piece-card.leader{grid-column:span 3;justify-content:center;background:linear-gradient(90deg,#131612,#1c1911,#131612)}.koma{flex:0 0 53px;height:60px;display:grid;place-items:center;background:#d9c99f;color:#251f13;font:700 24px var(--serif);clip-path:polygon(50% 0,93% 18%,84% 100%,16% 100%,7% 18%)}.piece-card small,.steps small{font:10px monospace;letter-spacing:.12em;color:var(--gold)}.piece-card h3{font-size:19px;margin:1px 0}.piece-card p{margin:0}.workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.steps{list-style:none;padding:0;margin:25px 0 0}.steps li{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.steps>li>span{font:32px var(--serif);color:var(--gold2)}.steps h3{margin:0}.steps p{margin:3px 0}.relation{padding-top:40px}.relation-box{border:1px solid #69582f;background:linear-gradient(120deg,rgba(214,168,75,.1),rgba(214,168,75,.02));padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.relation-box h2{font-size:clamp(32px,4vw,52px)}.relation-box p{color:#b7b5ad}.relation-box a{color:var(--gold2);font-size:13px;border-bottom:1px solid #6b5b36;padding-bottom:4px}.start{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.start h2{font-size:clamp(42px,5vw,68px)}.start-copy>p:last-child{color:var(--muted)}.install{border:1px solid var(--line);background:#0e110f}.code-row{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line);font-size:12px;overflow:auto}.code-row.accent{border-left:3px solid var(--gold)}.code-row code{white-space:nowrap;color:#c9cec7}.code-row button{background:none;color:var(--gold);border:0;font:10px monospace;cursor:pointer}.install>p{padding:2px 20px 12px;color:var(--muted);font-size:12px}.install>p code{color:var(--gold2)}footer{border-top:1px solid var(--line);padding:50px max(6vw,28px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;color:var(--muted);font-size:12px}footer .brand{color:var(--ink);font-size:16px}footer div{display:flex;gap:20px}footer small{grid-column:3}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes blink{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.cursor{animation:none}}@media(max-width:900px){nav a:not(.nav-github){display:none}.nav-github{border:0;padding:0}.hero{grid-template-columns:1fr;padding-top:65px}.terminal{transform:none}.concept,.workflow,.start{grid-template-columns:1fr}.concept-copy{padding-top:0}.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line);margin:0}.pieces{grid-template-columns:1fr 1fr}.piece-card.leader{grid-column:span 2}.relation-box{grid-template-columns:1fr;padding:35px}.seal{right:-6px}.start{gap:20px}footer{grid-template-columns:1fr 1fr}footer small{grid-column:1}}@media(max-width:560px){.site-header{height:64px}.hero{min-height:auto;padding-top:55px}.hero-actions{flex-direction:column}.button{text-align:center}.hero-notes{flex-wrap:wrap;gap:8px 18px}.terminal-body{padding:18px}.section{padding-top:90px;padding-bottom:90px}.pieces{grid-template-columns:1fr}.piece-card.leader{grid-column:auto;justify-content:flex-start}.relation-box{padding:25px}.code-row{padding:15px 12px}footer{grid-template-columns:1fr}footer small{grid-column:1}}