:root{--color-forest:#1c2321;--color-forest-medium:#262e2b;--color-forest-light:#343e3b;--color-parchment:#f4f3ef;--color-parchment-dark:#ebeae5;--color-white:#fff;--color-sage:#7d8f82;--color-sage-light:#9bb0a1;--color-copper:#c4a46c;--color-copper-light:#dbc08e;--color-copper-dark:#a6874e;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-paper:transform .5s cubic-bezier(.19, 1, .22, 1), box-shadow .5s cubic-bezier(.19, 1, .22, 1);--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace}body.light-theme{--bg-main:var(--color-parchment);--bg-surface:var(--color-white);--bg-surface-alt:var(--color-parchment-dark);--text-main:var(--color-forest);--text-alt:#4e5652;--border-color:#1c23211f;--border-accent:#c4a46c80;--shadow-paper:0 10px 30px -10px #1c232126, 0 1px 3px #1c23210d;--shadow-paper-hover:0 20px 40px -15px #1c232140, 0 3px 8px #1c232114}body.dark-theme{--bg-main:var(--color-forest);--bg-surface:var(--color-forest-medium);--bg-surface-alt:var(--color-forest-light);--text-main:var(--color-parchment);--text-alt:var(--color-sage-light);--border-color:#f4f3ef1a;--border-accent:#c4a46c66;--shadow-paper:0 15px 35px -5px #0006, 0 2px 5px #0003;--shadow-paper-hover:0 25px 50px -10px #0009, 0 4px 10px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-copper)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-main);letter-spacing:-.01em;font-weight:400}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1}h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}h3{font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.3}p{color:var(--text-alt);font-weight:300}.text-coord,.tech-data{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-copper);font-size:.8rem}.technical-grid{grid-template-columns:repeat(12, 1-fraction);border:1px solid var(--border-color);display:grid;position:relative}.blueprint-overlay{background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);pointer-events:none;opacity:.2;z-index:0;background-size:100px 100px;position:absolute;inset:0}.paper-sheet{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-paper);border-radius:var(--border-radius-sm);transition:var(--transition-paper);z-index:1;padding:2.5rem;position:relative;overflow:hidden}.paper-texture-bg{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E")}.paper-sheet:before{content:"";background:linear-gradient(90deg, transparent, var(--color-copper), transparent);opacity:0;width:100%;height:2px;transition:var(--transition-smooth);position:absolute;top:0;left:0}.paper-sheet:hover{box-shadow:var(--shadow-paper-hover);transform:translateY(-4px)}.paper-sheet:hover:before{opacity:1}.fine-line-border{border:1px solid var(--border-color);position:relative}.corner-ticks:before,.corner-ticks:after,.corner-ticks-inner:before,.corner-ticks-inner:after{content:"";border-color:var(--color-copper);pointer-events:none;opacity:.7;border-style:solid;width:8px;height:8px;position:absolute}.corner-ticks:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.corner-ticks:after{border-width:1px 1px 0 0;top:-1px;right:-1px}.corner-ticks-inner:before{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.corner-ticks-inner:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.ink-link{color:var(--text-main);font-family:var(--font-sans);letter-spacing:.02em;transition:var(--transition-smooth);cursor:pointer;padding:4px 0;font-size:.95rem;text-decoration:none;position:relative}.ink-link:after{content:"";background-color:var(--color-copper);width:0;height:1px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ink-link:hover{color:var(--color-copper)}.ink-link:hover:after{width:100%}.btn-copper{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-main);border:1px solid var(--color-copper);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);z-index:1;background-color:#0000;align-items:center;gap:8px;padding:.8rem 2rem;font-size:.85rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-copper:before{content:"";z-index:-1;background:radial-gradient(circle,#c4a46c26 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .6s,height .6s,transform .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-copper:hover{color:var(--color-copper);border-color:var(--color-copper-light);box-shadow:0 0 15px #c4a46c26}.btn-copper:hover:before{width:250px;height:250px}.btn-copper-solid{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;background-color:var(--color-copper);color:var(--color-forest);border:1px solid var(--color-copper);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:8px;padding:.8rem 2rem;font-size:.85rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-copper-solid:hover{color:var(--color-copper);background-color:#0000;box-shadow:0 0 20px #c4a46c33}.accordion-content{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.19,1,.22,1),opacity .3s;overflow:hidden}.accordion-content.open{opacity:1;max-height:500px}.tech-input{border:none;border-bottom:1px solid var(--border-color);color:var(--text-main);width:100%;font-family:var(--font-sans);transition:var(--transition-smooth);background:0 0;padding:10px 5px;font-size:1rem}.tech-input:focus{border-bottom-color:var(--color-copper);box-shadow:0 1px 0 var(--color-copper);outline:none}.tech-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-sage);margin-bottom:5px;font-size:.75rem;display:block}.compliance-disclosure{font-family:var(--font-mono);color:var(--text-alt);border-left:2px solid var(--color-copper);opacity:.85;margin:1.5rem 0;padding-left:1rem;font-size:.75rem;line-height:1.5}.header-actions{align-items:center;gap:15px;display:flex}.action-dot-btn{border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-mono);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;padding:4px 10px;font-size:.8rem}.action-dot-btn:hover,.action-dot-btn.active{border-color:var(--color-copper);color:var(--color-copper)}.drawing-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s cubic-bezier(.16,1,.3,1) forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.app-container{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1rem}}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.matrix-container{grid-template-columns:1fr 1.2fr;gap:3rem;min-height:550px;display:grid}@media (width<=1024px){.matrix-container{grid-template-columns:1fr}}