:root{--bg:#d9d1bd;--paper:#f2ead6;--paper2:#e6dcc3;--green:#243d36;--orange:#b95f35;--mustard:#c79a3d;--ink:#211f19;--line:#4c4a40;--light:#fffaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0 1px,transparent 1px 4px),var(--bg);color:var(--ink);font-family:"Courier New",Courier,monospace}.page{width:min(1040px,96%);margin:22px auto;background:var(--paper);border:3px double var(--green);box-shadow:8px 8px 0 rgba(0,0,0,.25)}.site-header{border-bottom:3px double var(--green)}
.brand-area{display:grid;grid-template-columns:80px 1fr 110px;align-items:center;gap:18px;padding:18px;background:var(--paper2)}.brand-logo{width:68px;height:68px;display:grid;place-items:center;border:3px double var(--green);background:var(--orange);color:var(--light);font-family:"Lucida Console","Courier New",monospace;font-size:28px;font-weight:bold;text-shadow:2px 2px 0 #000}.brand-copy h1{margin:0;font-family:"Trebuchet MS","Lucida Console",sans-serif;font-size:34px;letter-spacing:.18em;color:var(--green)}.brand-copy p{margin:3px 0 0;font-size:12px;text-transform:uppercase}.stamp{border:2px solid var(--orange);color:var(--orange);padding:10px;text-align:center;font-weight:bold;transform:rotate(-3deg);background:var(--paper)}
.nav-bar{display:flex;flex-wrap:wrap;background:var(--green);border-block:1px solid #000}.nav-bar a{flex:1;min-width:120px;padding:11px 10px;color:var(--light);text-align:center;text-decoration:none;border-right:1px solid #72877f;font-size:13px;font-weight:bold}.nav-bar a:hover{background:var(--mustard);color:var(--ink)}.ticker{overflow:hidden;background:#171f1c;color:#ffd36a;border-top:1px solid #000}.ticker-track{width:max-content;padding:8px 0;animation:ticker 22s linear infinite;font-size:12px}
main{padding:14px}.two-column{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.main-box,.side-box,.section-box{border:2px solid var(--green);background:var(--paper);margin-bottom:14px}.box-title{padding:7px 10px;background:var(--green);color:var(--light);font-weight:bold;font-size:13px;letter-spacing:.08em;border-bottom:2px solid #111}.small-title{margin-top:12px}.box-content{padding:20px}.hero-copy .intro{color:var(--orange);font-weight:bold;text-transform:uppercase;font-size:12px}.hero-copy h2,.section-copy h2,.box-content h2,.case-text h2,.analysis-layout h2,.contact-info h2{font-family:Georgia,"Times New Roman",serif;font-weight:normal;line-height:1.05;margin:8px 0 14px;color:var(--green)}.hero-copy h2{font-size:44px}.hero-copy p,.section-copy p,.box-content p,.case-text p,.analysis-layout p,.contact-info p{line-height:1.65}
.retro-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.retro-btn{display:inline-block;padding:10px 14px;border:2px outset #fff;background:#ddd2b8;color:#111;text-decoration:none;font-weight:bold;font-size:12px}.retro-btn:active{border-style:inset}.retro-btn.primary{background:var(--orange);color:#fff}.status-panel{padding:14px;background:#17201d;color:#d9f3e3;font-size:12px}.status-panel p{margin:12px 0}.lamp{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;border:1px solid #000;box-shadow:0 0 5px currentColor}.green{background:#5bd27d}.yellow{background:#e9bd4f}.tech-list{padding:12px;display:grid;gap:7px}.tech-list span{display:block;padding:6px;border:1px dashed var(--green);background:#f8f0dd;font-size:12px;text-align:center}
.section-copy{padding:18px}.section-copy h2{font-size:34px}.services-table{width:100%;border-collapse:collapse}.services-table td{width:50%;vertical-align:top;padding:18px;border:1px solid var(--green);background:#f7eed9}.services-table td:hover{background:#e9d7ac}.service-code{color:var(--orange);font-weight:bold}.services-table h3{font-size:15px;margin:12px 0 8px}.services-table p{font-size:13px;line-height:1.55}.arrow-list,.check-list{padding-left:0;list-style:none}.arrow-list li,.check-list li{padding:9px 0;border-bottom:1px dotted var(--line)}.arrow-list li:before{content:"> ";color:var(--orange);font-weight:bold}.check-list li:before{content:"[x] ";color:var(--green);font-weight:bold}.note-box .highlight{padding:10px;background:var(--mustard);border:1px solid var(--green);font-weight:bold}
.case-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;padding:20px}.label{display:inline-block;padding:5px 8px;background:var(--mustard);border:1px solid var(--green);font-size:11px}.diagram-table{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diagram-box{border:2px solid var(--green);background:#efe4cc}.diagram-head{padding:7px;text-align:center;font-weight:bold;border-bottom:2px solid var(--green)}.bad-head{background:#c87b61}.good-head{background:#7ca88c}.diagram-box pre{margin:0;padding:14px;min-height:280px;white-space:pre-wrap;font-family:"Lucida Console","Courier New",monospace;font-size:11px;line-height:1.55}
.dark-box{background:#17201d;color:#fff}.dark-box .box-title{background:#0b0f0e;color:#ffd36a}.analysis-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:22px}.analysis-layout h2{color:#f3e2b5}.steps-list{margin:0;padding-left:28px}.steps-list li{margin:12px 0;padding:10px;background:#28352f;border:1px solid #71867d}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:20px}.address-card{margin-top:24px;padding:14px;border:2px dotted var(--green);background:#eee1c5;font-size:13px;line-height:1.6}.address-card a{color:var(--orange)}.retro-form{border:3px ridge #c8bea8;background:#ddd2b8;padding:12px}.retro-form table{width:100%;border-collapse:collapse}.retro-form td{padding:7px;border-bottom:1px solid #aaa18e}.retro-form td:first-child{width:35%;font-size:11px;font-weight:bold}input,select,textarea{width:100%;padding:7px;border:2px inset #fff;background:#fffdf6;font-family:"Courier New",monospace;font-size:12px}.submit-btn{margin-top:12px;padding:10px 16px;border:3px outset #fff;background:var(--green);color:#fff;font-family:"Courier New",monospace;font-weight:bold;cursor:pointer}.submit-btn:active{border-style:inset}
footer{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--green);color:#eee5d3;font-size:10px;border-top:3px double #111}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:760px){.page{width:100%;margin:0;border-left:0;border-right:0}.brand-area{grid-template-columns:60px 1fr}.stamp{display:none}.two-column,.case-layout,.analysis-layout,.contact-layout{grid-template-columns:1fr}.diagram-table{grid-template-columns:1fr}.services-table,.services-table tbody,.services-table tr,.services-table td{display:block;width:100%}.nav-bar a{min-width:50%}footer{display:block}}

.process-table{grid-template-columns:1fr 1fr}.process-copy{padding:16px;margin:0;line-height:1.55;font-size:12px}.process-table .diagram-box{min-height:145px}
