@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Noto+Serif+JP:wght@200;400;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink: #0d0d0d;--paper: #faf8f5;--charcoal: #1a1a1a;--stone: #2d2d2d;--ash: #404040;--amber: #d4a574;--amber-glow: #e8c49a;--amber-deep: #b8956a;--bamboo: #8fa876;--moss: #5c6b4d;--accent-cli: #76b89a;--accent-desktop: #c4a0e8;--accent-orchestrator: #d4a574;--accent-context: #7aa2d4;--accent-agents: var(--accent-desktop);--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.1rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.35rem);--text-xl: clamp(1.4rem, 1.2rem + 1vw, 1.8rem);--text-2xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.5rem);--text-3xl: clamp(2.2rem, 1.8rem + 2vw, 3.5rem);--text-4xl: clamp(3rem, 2.2rem + 4vw, 5rem);--text-hero: clamp(4rem, 3rem + 5vw, 8rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--space-3xl: 12rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--duration-reveal: 1.2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Zen Kaku Gothic New,sans-serif;font-weight:400;line-height:1.7;color:var(--paper);background:var(--ink);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:"Noto Serif JP",serif;font-weight:400;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{font-size:var(--text-base);max-width:65ch}a{color:inherit;text-decoration:none;position:relative}a:not(.btn):after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--amber);transition:width var(--duration-normal) var(--ease-out-expo)}a:not(.btn):hover:after{width:100%}code,pre{font-family:JetBrains Mono,monospace;font-size:var(--text-sm)}code{background:var(--stone);padding:.15em .4em;border-radius:3px;color:var(--amber-glow)}pre{background:var(--charcoal);border:1px solid var(--stone);border-radius:8px;padding:var(--space-lg);overflow-x:auto;position:relative}pre code{background:none;padding:0;color:var(--paper)}::selection{background:var(--amber);color:var(--ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--charcoal)}::-webkit-scrollbar-thumb{background:var(--ash);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amber-deep)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.text-amber{color:var(--amber)}.text-muted{color:var(--ash)}.text-center{text-align:center}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.3em;font-size:var(--text-xs);color:var(--ash)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal{opacity:0;animation:fadeInUp var(--duration-reveal) var(--ease-out-expo) forwards}.reveal--delay-1{animation-delay:.1s}.reveal--delay-2{animation-delay:.2s}.reveal--delay-3{animation-delay:.3s}.reveal--delay-4{animation-delay:.4s}.reveal--delay-5{animation-delay:.5s}.reveal--delay-6{animation-delay:.6s}.zen-line{width:60px;height:1px;background:var(--amber);transform-origin:left;animation:drawLine var(--duration-slow) var(--ease-out-expo) forwards}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:500;border:1px solid var(--amber);background:transparent;color:var(--amber);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:right;transition:transform var(--duration-normal) var(--ease-out-expo);z-index:-1}.btn:hover{color:var(--ink)}.btn:hover:before{transform:scaleX(1);transform-origin:left}.btn--primary{background:var(--amber);color:var(--ink)}.btn--primary:before{background:var(--amber-glow)}@media(max-width:768px){.container{padding:0 var(--space-md)}}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}