*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #ffffff;--green: #00ff66;--pink: #ff0066;--gray: #333333;--gray-light: #666666;--gray-dark: #111111;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);font-family:var(--font-mono);line-height:1.4;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:none;margin:0;padding:0;text-align:left}::selection{background:var(--green);color:var(--black)}.grid-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px}.app{position:relative;z-index:1}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;border-bottom:4px solid var(--white);position:relative;overflow:hidden}.hero-left{display:grid;align-content:end;padding:40px;border-right:2px solid var(--gray)}.hero-title-line{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gray-light);margin-bottom:12px}.hero-title{font-size:clamp(48px,8vw,120px);font-weight:800;line-height:.9;text-transform:uppercase;letter-spacing:-3px}.hero-title-the{display:block;font-size:.3em;letter-spacing:12px;font-weight:300;color:var(--gray-light);margin-bottom:-8px}.hero-title-brand{display:block;color:var(--green);-webkit-text-stroke:2px var(--green)}.hero-title-cmd{display:block}.hero-right{display:grid;align-content:center;justify-items:end;padding:40px;position:relative}.hero-count{font-size:clamp(160px,20vw,300px);font-weight:800;line-height:.85;color:var(--gray-dark);position:absolute;right:40px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.hero-author-block{position:relative;z-index:2;text-align:right}.hero-author-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gray-light);margin-bottom:8px}.hero-author-name{font-size:clamp(18px,2.5vw,32px);font-weight:700;color:var(--white);border-right:3px solid var(--green);padding-right:16px}.hero-bottom-bar{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--gray);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gray-light)}.hero-bottom-cell{padding:16px 40px;border-right:2px solid var(--gray)}.hero-bottom-cell:last-child{border-right:none}.origin{padding:80px 40px;border-bottom:4px solid var(--white);display:grid;grid-template-columns:200px 1fr 1fr;gap:40px;position:relative}.origin-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--green);writing-mode:vertical-lr;transform:rotate(180deg);align-self:start;justify-self:center}.origin-text{font-size:clamp(16px,2vw,24px);font-weight:300;line-height:1.6;color:var(--white)}.origin-highlight{color:var(--green);font-weight:700}.origin-quote{font-size:clamp(14px,1.5vw,18px);color:var(--pink);font-style:italic;border-left:3px solid var(--pink);padding-left:24px;align-self:center}.mantra{padding:60px 0;border-bottom:4px solid var(--green);text-align:center;position:relative;overflow:hidden}.mantra-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(60px,12vw,200px);font-weight:800;color:#00ff660a;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-4px}.mantra-label{font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--gray-light);margin-bottom:24px;position:relative;z-index:1}.mantra-text{font-size:clamp(20px,3.5vw,48px);font-weight:700;color:var(--green);position:relative;z-index:1;padding:0 40px;text-transform:uppercase;letter-spacing:2px}.commandments{position:relative}.commandments-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:40px;border-bottom:2px solid var(--gray)}.commandments-header-num{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gray-light)}.commandments-header-line{height:1px;background:var(--gray)}.cmd-layout-1{display:grid;grid-template-columns:1fr 1fr;min-height:60vh;border-bottom:2px solid var(--gray);position:relative;overflow:hidden}.cmd-layout-1 .cmd-watermark{position:absolute;top:-20px;right:-20px;font-size:clamp(200px,30vw,400px);font-weight:800;color:#ffffff05;line-height:.8;-webkit-user-select:none;user-select:none}.cmd-layout-1 .cmd-content{padding:60px 40px;display:grid;align-content:center;gap:20px;position:relative;z-index:1}.cmd-layout-1 .cmd-sidebar{padding:60px 40px;border-left:2px solid var(--gray);display:grid;align-content:center}.cmd-layout-2{display:grid;grid-template-columns:200px 1fr;min-height:50vh;border-bottom:2px solid var(--gray);position:relative}.cmd-layout-2 .cmd-number-strip{background:var(--green);color:var(--black);display:grid;align-items:center;justify-items:center;font-size:clamp(60px,8vw,100px);font-weight:800;border-right:4px solid var(--black)}.cmd-layout-2 .cmd-content{padding:60px 40px;display:grid;align-content:center;gap:20px;text-align:right}.cmd-layout-3{display:grid;grid-template-rows:auto auto;min-height:60vh;border-bottom:2px solid var(--gray);text-align:center;position:relative;overflow:hidden}.cmd-layout-3 .cmd-number-row{padding:40px;border-bottom:2px solid var(--gray);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.cmd-layout-3 .cmd-number-line{height:1px;background:var(--gray)}.cmd-layout-3 .cmd-number-center{font-size:clamp(60px,8vw,100px);font-weight:800;color:var(--green)}.cmd-layout-3 .cmd-content{padding:60px 40px;display:grid;align-content:center;justify-items:center;gap:20px;max-width:900px;margin:0 auto}.cmd-layout-4{display:grid;grid-template-columns:2fr 1fr;min-height:50vh;border-bottom:2px solid var(--gray);position:relative;overflow:hidden}.cmd-layout-4 .cmd-watermark{position:absolute;bottom:-40px;left:-20px;font-size:clamp(250px,35vw,500px);font-weight:800;color:#00ff6608;line-height:.8;-webkit-user-select:none;user-select:none}.cmd-layout-4 .cmd-content{padding:60px 40px;display:grid;align-content:center;gap:20px;position:relative;z-index:1}.cmd-layout-4 .cmd-sidebar{padding:60px 40px;border-left:4px solid var(--green);display:grid;align-content:center;background:#00ff6605}.cmd-layout-5{display:grid;grid-template-columns:1fr;min-height:40vh;border-bottom:4px solid var(--white);position:relative;padding:80px 40px;overflow:hidden}.cmd-layout-5 .cmd-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(300px,40vw,600px);font-weight:800;color:#ffffff04;line-height:.8;-webkit-user-select:none;user-select:none}.cmd-layout-5 .cmd-content{display:grid;align-content:center;gap:20px;position:relative;z-index:1;max-width:700px}.cmd-layout-6{display:grid;grid-template-columns:1fr 1fr;min-height:50vh;border-bottom:4px solid var(--black);background:var(--green);color:var(--black);position:relative}.cmd-layout-6 .cmd-content{padding:60px 40px;display:grid;align-content:center;gap:20px}.cmd-layout-6 .cmd-number-side{display:grid;align-items:center;justify-items:center;border-left:4px solid var(--black);font-size:clamp(100px,15vw,200px);font-weight:800}.cmd-layout-6 .cmd-roman,.cmd-layout-6 .cmd-title{color:var(--black)}.cmd-layout-6 .cmd-tag{color:var(--black);border-color:var(--black)}.cmd-layout-6 .cmd-text{color:#000c}.cmd-layout-6 .cmd-quote{color:var(--black);border-color:var(--black);font-weight:700}.cmd-layout-7{display:grid;grid-template-columns:1fr 1fr;min-height:50vh;border-bottom:2px solid var(--gray);position:relative;overflow:hidden}.cmd-layout-7 .cmd-number-side{display:grid;align-items:end;padding:40px;font-size:clamp(100px,15vw,200px);font-weight:800;color:var(--gray-dark);line-height:.8}.cmd-layout-7 .cmd-content{padding:60px 40px;border-left:2px solid var(--gray);display:grid;align-content:center;gap:20px}.cmd-roman{font-size:12px;letter-spacing:4px;color:var(--green);text-transform:uppercase;font-weight:300}.cmd-title{font-size:clamp(28px,4vw,56px);font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:-1px}.cmd-tag{display:inline-block;font-size:10px;letter-spacing:3px;text-transform:uppercase;border:2px solid var(--green);padding:4px 12px;color:var(--green);width:fit-content}.cmd-text{font-size:clamp(13px,1.3vw,16px);line-height:1.7;color:#ffffffb3;max-width:600px;font-weight:300}.cmd-quote{font-size:clamp(14px,1.5vw,20px);color:var(--pink);font-style:italic;border-left:3px solid var(--pink);padding-left:16px;font-weight:400}.cmd-number-big{font-size:clamp(80px,12vw,160px);font-weight:800;color:var(--gray-dark);line-height:.8}.cmd-hover{transition:background-color .2s ease;cursor:default}.cmd-hover:hover{background-color:#ffffff05}.cmd-hover:hover .cmd-title{color:var(--green);transition:color .15s ease}.cmd-layout-6.cmd-hover:hover{background-color:var(--white)}.cmd-layout-6.cmd-hover:hover .cmd-title{color:var(--black)}.systems{padding:80px 40px;border-top:4px solid var(--green);border-bottom:4px solid var(--white)}.systems-label{font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--gray-light);margin-bottom:40px}.systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.system-card{border:2px solid var(--gray);padding:32px;position:relative;transition:all .2s ease}.system-card:hover{border-color:var(--green);background:#00ff6608}.system-card:hover .system-name{color:var(--green)}.system-idx{font-size:10px;color:var(--gray-light);letter-spacing:2px;margin-bottom:12px}.system-name{font-size:clamp(16px,1.8vw,22px);font-weight:700;text-transform:uppercase;transition:color .15s ease}.footer{background:var(--black);border-top:2px solid var(--gray);padding:0;font-size:12px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.footer-col{padding:40px;border-right:2px solid var(--gray)}.footer-col:last-child{border-right:none}.footer-prompt{color:var(--green);margin-bottom:4px}.footer-line{color:var(--gray-light);margin-bottom:2px;font-size:11px;line-height:1.6}.footer-val{color:var(--white)}.footer-bar{border-top:2px solid var(--gray);padding:16px 40px;display:grid;grid-template-columns:1fr auto;align-items:center;color:var(--gray-light);font-size:10px;letter-spacing:2px;text-transform:uppercase}.footer-cursor{display:inline-block;width:8px;height:14px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-left{border-right:none;border-bottom:2px solid var(--gray);padding:40px 24px}.hero-right{padding:40px 24px}.hero-count{font-size:120px;right:24px}.hero-bottom-bar{grid-template-columns:1fr}.hero-bottom-cell{border-right:none;border-bottom:1px solid var(--gray);padding:12px 24px}.origin{grid-template-columns:1fr;padding:40px 24px}.origin-label{writing-mode:horizontal-tb;transform:none}.cmd-layout-1,.cmd-layout-4,.cmd-layout-6,.cmd-layout-7{grid-template-columns:1fr}.cmd-layout-1 .cmd-sidebar,.cmd-layout-4 .cmd-sidebar,.cmd-layout-7 .cmd-content{border-left:none;border-top:2px solid var(--gray)}.cmd-layout-6 .cmd-number-side{border-left:none;border-top:4px solid var(--black);padding:40px}.cmd-layout-7 .cmd-number-side{padding:40px 24px}.cmd-layout-2{grid-template-columns:80px 1fr}.cmd-layout-2 .cmd-number-strip{font-size:40px}.systems-grid,.footer-grid{grid-template-columns:1fr}.footer-col{border-right:none;border-bottom:2px solid var(--gray);padding:24px}.footer-bar{grid-template-columns:1fr;gap:8px;padding:16px 24px}}@media(max-width:600px){.hero-title{letter-spacing:-1px}.cmd-layout-3 .cmd-number-row{grid-template-columns:1fr;gap:12px}.cmd-layout-3 .cmd-number-line{display:none}.cmd-content{padding:40px 24px}.cmd-layout-2 .cmd-content{text-align:left}}