:root{--bg-color: #ffffff;--text-color: #000000;--accent-color: #e63022;--border-width: 4px;--border-width-heavy: 10px;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--text-color)}button{font-family:inherit;cursor:pointer}#root{min-height:100vh}.home-views{position:relative;min-height:100vh;overflow-x:hidden;max-width:100vw}.landing-view{position:fixed;top:0;left:0;width:100%;max-width:100vw;height:100%;z-index:1000;background:var(--bg-color);display:flex;flex-direction:column;justify-content:space-between;padding:3rem;transition:transform 1s cubic-bezier(.85,0,.15,1);overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.view-active .landing-view{transform:translateY(-100%)}.landing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;display:block}.nav-minimal{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1em;z-index:10}.nav-brand{display:flex;flex-direction:column;gap:.25rem}.nav-brand-title{display:block}.nav-brand-sub{font-size:.7rem;font-weight:700;letter-spacing:.1em}.nav-brand-by{color:#888}.nav-brand-link{color:#203864;text-decoration:none}.nav-brand-link:hover{color:#203864;text-decoration:underline}.nav-enterprise-link{text-transform:none;color:var(--text-color);text-decoration:none;font-size:.85rem}.nav-enterprise-link:hover{color:var(--accent-color)}.mission-overlay{max-width:600px;z-index:10;overflow:visible}.mission-overlay h2{font-size:4rem;line-height:1.45;text-transform:uppercase;font-weight:900;margin-bottom:2rem;letter-spacing:-.05em;color:var(--text-color);overflow:visible}.mission-overlay h2 .keep-case{font-size:100px;text-transform:none;color:var(--accent-color)}.mission-overlay p{font-size:1.1rem;text-transform:uppercase;max-width:40ch;line-height:1.2;font-weight:700}.mission-overlay p.counter-line{font-size:32px;width:50vw;max-width:100%;text-transform:none;box-sizing:border-box}.mission-overlay .counter-flap-wrap{display:inline-flex;flex-wrap:nowrap;gap:2px}.mission-overlay .counter-flap{display:inline-flex;align-items:center;justify-content:center;min-width:1.1em;background:#000;color:#fff;padding:.15em .12em;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:0;border-radius:4px;animation:counter-flip .5s ease-in-out}@keyframes counter-flip{0%{transform:perspective(120px) rotateX(0);opacity:1}50%{transform:perspective(120px) rotateX(-90deg);opacity:.3}to{transform:perspective(120px) rotateX(0);opacity:1}}.enter-container{display:flex;justify-content:flex-end;z-index:10}.enter-btn{font-size:8vw;text-transform:uppercase;font-weight:900;line-height:.8;cursor:pointer;border:none;background:none;text-align:right;color:var(--accent-color);transition:color .2s}.enter-btn:hover{color:var(--text-color)}.enter-btn span{display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.lab-view{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;background:var(--bg-color);opacity:0;visibility:hidden;transition:opacity 1s ease}.view-active .lab-view{opacity:1;visibility:visible}.dna-canvas-main{position:fixed;top:0;right:0;width:50vw;height:100vh;z-index:1;pointer-events:none}code,.mono{font-family:var(--font-mono);font-size:.9em;background:#f0f0f0;padding:.15em .4em}.site-header{background:var(--bg-color);border-bottom:var(--border-width) solid var(--text-color);position:sticky;top:0;z-index:100}.header-inner{max-width:1600px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1em}.logo{color:var(--text-color);font-weight:900}.logo:hover{color:var(--accent-color);text-decoration:none}.nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav a{padding:.5rem .75rem;color:var(--text-color);text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em}.nav a:hover{color:var(--accent-color);text-decoration:none}.nav a.active{color:var(--accent-color)}.main{flex:1;min-height:calc(100vh - 180px)}.site-footer{background:var(--bg-color);border-top:var(--border-width-heavy) solid var(--text-color);padding:4rem 2rem 5rem;margin-top:20vh}.footer-inner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;font-size:.85rem;text-transform:uppercase;font-weight:700;align-items:start}.footer-inner .muted{color:var(--text-color);opacity:.85;max-width:60ch}.page{max-width:1600px;margin:0 auto;padding:2rem;position:relative}.section-title{font-size:3rem;line-height:.8;text-transform:uppercase;font-weight:900;margin-bottom:2rem;letter-spacing:-.02em}.card{background:var(--bg-color);border:none;border-top:var(--border-width) solid var(--text-color);border-bottom:var(--border-width) solid var(--text-color);padding:2rem 0;margin-bottom:0}.card:first-of-type{border-top:none}.card h2{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin:0 0 1rem}.card h3{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin:0 0 .5rem}.card p{font-size:1.1rem;text-transform:uppercase;max-width:40ch;font-weight:500;margin:0 0 1rem}.enterprise-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.enterprise-plan-card{background:var(--bg-color);border:var(--border-width) solid var(--text-color);padding:1.5rem;text-transform:uppercase}.enterprise-plan-card-custom{border-color:var(--accent-color)}.enterprise-plan-title{font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem}.enterprise-plan-price{font-size:1.75rem;font-weight:900;color:var(--accent-color);margin:0 0 1rem}.enterprise-plan-desc{font-size:.9rem;font-weight:500;text-transform:uppercase;margin:0;line-height:1.4}@media (max-width: 768px){.enterprise-plans{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:700;border:none;background:none;text-transform:uppercase;letter-spacing:.05em;transition:color .2s;font-size:1rem}.btn-primary{color:var(--accent-color)}.btn-primary:hover{color:var(--text-color)}.btn-ghost{color:var(--text-color);border:var(--border-width) solid var(--text-color)}.btn-ghost:hover{color:var(--accent-color);border-color:var(--accent-color);background:transparent}.copy-btn{font-size:.85rem;padding:.35rem .75rem;text-transform:uppercase}.hero{margin-bottom:15vh;position:relative;text-align:left;padding:0}.hero h1{font-size:clamp(2.5rem,12vw,8rem);font-weight:900;line-height:.85;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 1rem;color:var(--text-color)}.lead{font-size:1.1rem;text-transform:uppercase;max-width:40ch;line-height:1.2;font-weight:700;margin:0 auto 2rem;color:var(--text-color)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:0;border-top:var(--border-width) solid var(--text-color)}.card-link{display:block;color:var(--text-color);padding:2rem;border-bottom:var(--border-width) solid var(--text-color);transition:color .2s}.card-link:hover{text-decoration:none;color:var(--accent-color)}.card-icon{font-size:1.75rem;display:block;margin-bottom:.5rem}.card-link h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:900;text-transform:uppercase}.card-link p{margin:0;font-size:1rem;text-transform:uppercase;font-weight:500;max-width:36ch;color:var(--text-color)}.wizard-progress{display:flex;gap:.5rem;margin-bottom:1.5rem}.wizard-progress span{width:32px;height:32px;border:var(--border-width) solid var(--text-color);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;text-transform:uppercase}.wizard-progress span.active{background:var(--text-color);color:var(--bg-color)}.wizard-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.wizard-opt{padding:.75rem 1.25rem;border:var(--border-width) solid var(--text-color);background:var(--bg-color);color:var(--text-color);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:color .2s,background .2s}.wizard-opt:hover{color:var(--accent-color);border-color:var(--accent-color)}.wizard-opt.selected{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.wizard-actions{display:flex;gap:1rem;margin-top:1rem}.skill-list{margin:1rem 0 0;padding-left:0;list-style:none}.skill-list li{margin-bottom:.5rem;position:relative;padding-left:1.5rem;text-transform:uppercase;font-weight:700}.skill-list li:before{content:"■";position:absolute;left:0;font-size:.6rem;top:.3rem}.command-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.command-block{flex:1;min-width:200px;padding:.75rem 1rem;display:block;word-break:break-all;background:#f0f0f0;font-family:var(--font-mono);font-size:.875rem}.code-block{background:#f0f0f0;border:none;padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;white-space:pre;margin:.5rem 0 0}.guide-links{list-style:none;padding:0;margin:.5rem 0 0}.guide-links li{margin-bottom:.5rem;text-transform:uppercase;font-weight:700}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;margin-bottom:1.5rem;border-top:var(--border-width) solid var(--text-color)}.showcase-grid .card{border:none;border-bottom:var(--border-width) solid var(--text-color)}.showcase-grid .card h3{margin-top:0}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.tag{font-size:.75rem;padding:.2rem .5rem;background:var(--text-color);color:var(--bg-color);font-weight:700;text-transform:uppercase}.meta{font-size:.85rem;text-transform:uppercase;font-weight:700;margin:.5rem 0}.back-link{display:inline-block;margin-bottom:1rem;color:var(--text-color);font-weight:700;text-transform:uppercase}.back-link:hover{color:var(--accent-color)}.content-list{margin:.5rem 0 0;padding-left:1.25rem}.content-list li{margin-bottom:.5rem;text-transform:uppercase;font-weight:500}.security-note{border-left:var(--border-width) solid var(--accent-color)}.search-input{width:100%;max-width:320px;padding:.75rem 1rem;margin:.5rem 0;border:var(--border-width) solid var(--text-color);background:var(--bg-color);color:var(--text-color);font-size:1rem;font-weight:700;text-transform:uppercase}.search-input::placeholder{color:#666}.error-list{list-style:none;padding:0;margin:1rem 0 0}.error-list li{padding:1rem 0;border-bottom:var(--border-width) solid var(--text-color)}.error-list li:last-child{border-bottom:none}.error-list code{font-size:.85rem;font-weight:900}.error-list p{margin:.35rem 0 0;font-size:1rem;text-transform:uppercase;font-weight:500}.muted{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-top:.5rem}.ready-block{font-size:32px;line-height:.8;margin-bottom:2rem;font-weight:900;text-transform:uppercase}.cta-btn{font-size:24px;text-transform:uppercase;text-decoration:none;color:var(--accent-color);font-weight:900;line-height:.8;transition:color .2s;display:block}.cta-btn:hover{color:var(--text-color)}@media (max-width: 768px){.landing-view{padding:1.5rem 1rem}.nav-minimal{flex-wrap:wrap;gap:.75rem}.nav-brand-title{word-break:break-word;max-width:100%}.mission-overlay{max-width:100%}.mission-overlay h2{font-size:2.5rem;line-height:1.2}.mission-overlay h2 .keep-case{font-size:3.5rem}.mission-overlay p.counter-line{font-size:clamp(1.125rem,5vw,32px);width:50vw}.enter-container{justify-content:flex-start}.enter-btn{font-size:10vw;text-align:left}.lab-view .page{padding:1.5rem 1rem;padding-bottom:calc(35vh + 2rem)}.dna-canvas-main{width:100%;height:35vh;top:auto;bottom:0}.section-title{font-size:2rem}.card-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;padding:0 1rem}.header-inner{flex-direction:column;align-items:flex-start;padding:1rem}.site-footer{padding:2rem 1rem 3rem}}@media (max-width: 480px){.landing-view{padding:1rem .75rem}.nav-minimal{font-size:.7rem}.nav-enterprise-link{font-size:.75rem}.mission-overlay h2{font-size:1.75rem;margin-bottom:1rem}.mission-overlay h2 .keep-case{font-size:2.5rem}.mission-overlay p.counter-line{font-size:1rem}.enter-btn{font-size:8vw}.enter-btn span{font-size:.9rem}.hero h1{font-size:clamp(1.75rem,10vw,3rem)}.lead{font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start}.section-title{font-size:1.5rem;margin-bottom:1rem}.card-link{padding:1.25rem}.card-link h3{font-size:1.1rem}.search-input{max-width:100%}.command-row{flex-direction:column;align-items:stretch}.command-block{min-width:0}.showcase-grid{grid-template-columns:1fr}}