.canvas-grid,.canvas-grid *{box-sizing:border-box}.block,.block-hover{display:flex!important}.canvas-grid,.grid-wrapper{display:grid!important}.options{display:flex!important}.option{display:flex!important;width:100%!important}.modal-overlay,.modal-nav,.progress-text{display:flex!important}.results-wrap,.question-wrap,.modal-header{display:block!important}.btn,.btn-cta,.btn-restart,.modal-close{font-family:Inter,sans-serif!important}:root{--navy:#13294B;--navy-deep:#F0EDE8;--navy-mid:#FAF8F5;--navy-light:#F5F2EC;--gold:#C4922A;--gold-light:#D4A84B;--gold-dim:rgba(196, 146, 42, .08);--white:#13294B;--slate:#2C3A4A;--slate-dim:rgba(44, 58, 74, .65);--border:rgba(19, 41, 75, .12);--border-gold:rgba(196, 146, 42, .3);--modal-bg:#152033;--modal-bg-deep:#0f1623;--modal-white:#ffffff;--modal-slate:#d0d4db;--modal-slate-dim:rgba(208, 212, 219, .55);--modal-border:rgba(255, 255, 255, .08)}body{background-color:#faf8f5!important}.page{max-width:1100px;margin:0 auto;padding:180px 2rem 120px;color:var(--slate);font-family:Inter,sans-serif}.page-header{margin-bottom:64px}.page-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:block}.page-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--navy);line-height:1.1;margin-bottom:1.25rem}.page-subtitle{font-size:1.05rem;color:var(--slate-dim);max-width:560px;line-height:1.7;margin-bottom:2rem}.page-instruction{font-size:.8rem;font-weight:500;letter-spacing:.05em;color:var(--slate-dim);padding-top:1.5rem;border-top:1px solid var(--border)}.page-instruction span{color:var(--gold)}.grid-wrapper{display:grid;grid-template-columns:48px 1fr;gap:0 16px}.row-labels{display:flex;flex-direction:column}.row-label{flex:1;display:flex;align-items:center;justify-content:center}.row-label span{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--slate-dim);writing-mode:vertical-rl;transform:rotate(180deg)}.canvas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.block{background:#fff;padding:2rem;min-height:180px;position:relative;display:flex;flex-direction:column;transition:background .3s ease;overflow:hidden;cursor:pointer}.block:hover{background:var(--navy-deep)}.block:hover .block-hover{opacity:1;transform:translateY(0)}.block:hover .block-meta{opacity:0}.block-num{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--gold);margin-bottom:.75rem;display:block}.block-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:.5rem}.block-sub{font-size:.72rem;color:var(--slate-dim);line-height:1.5}.block-meta{transition:opacity .25s ease}.block-hover{position:absolute;inset:0;padding:2rem;background:var(--navy);display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;border:1px solid var(--border-gold)}.block-hover-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.block-hover-q{font-family:Playfair Display,serif;font-size:.95rem;font-style:italic;color:#fff;line-height:1.5;margin-bottom:1.25rem}.block-hover-cta{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.5rem}.block-hover-cta:after{content:"→";transition:transform .2s}.block:hover .block-hover-cta:after{transform:translate(4px)}.block.completed:after{content:"✓";position:absolute;top:1rem;right:1rem;font-size:.6rem;font-weight:700;color:var(--gold);opacity:.6}.modal-overlay{position:fixed;inset:0;background:#0a0f19e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--modal-bg);border:1px solid var(--border-gold);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform .3s ease}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--modal-border);margin-bottom:2rem}.modal-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;display:block}.modal-title{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--modal-white);font-weight:700}.modal-intro{font-size:.85rem;color:var(--modal-slate-dim);margin-top:.75rem;line-height:1.6}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:0 0;border:0;color:var(--modal-slate-dim);font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s;padding:4px}.modal-close:hover{color:var(--modal-white)}.progress-wrap{padding:0 2rem;margin-bottom:2rem}.progress-bar{height:2px;background:var(--modal-border);border-radius:2px;overflow:hidden;margin-bottom:.6rem}.progress-fill{height:100%;background:var(--gold);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{display:flex;justify-content:space-between;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--modal-slate-dim)}.question-wrap{padding:0 2rem 2rem}.question-category{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;display:block}.question-text{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--modal-white);line-height:1.4;margin-bottom:1.75rem;font-weight:400}.options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.option{background:#ffffff08;border:1px solid var(--modal-border);padding:1.25rem 1.5rem;cursor:pointer;transition:all .2s ease;display:flex;gap:1rem;align-items:flex-start;text-align:left;width:100%;font-family:Inter,sans-serif}.option:hover{border-color:#c4922a66;background:#c4922a0a}.option.selected{border-color:var(--gold);background:#c4922a14}.option-letter{font-size:.75rem;font-weight:700;color:var(--gold);opacity:.5;min-width:1.25rem;padding-top:1px;transition:opacity .2s}.option.selected .option-letter{opacity:1}.option-title{font-size:.9rem;font-weight:600;color:var(--modal-white);margin-bottom:.3rem}.option-sub{font-size:.78rem;color:var(--modal-slate-dim);line-height:1.5}.modal-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--modal-border);gap:1rem}.btn{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 1.75rem;border:0;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gold-light)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--gold)}.btn-ghost{background:0 0;color:var(--modal-slate-dim);border:1px solid var(--modal-border)}.btn-ghost:hover{color:var(--modal-white);border-color:#fff3}.btn-ghost:disabled{opacity:.2;cursor:not-allowed}.results-wrap{padding:0 2rem 2rem}.results-eyebrow{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;display:block}.results-framing{font-family:Playfair Display,serif;font-size:1rem;font-style:italic;color:var(--modal-slate);line-height:1.6;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--modal-border)}.cluster-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;display:block}.cluster-name{font-family:Playfair Display,serif;font-size:1.4rem;color:var(--modal-white);font-weight:700;margin-bottom:1rem}.mirror-text{font-size:.9rem;color:var(--modal-slate);line-height:1.75;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--modal-border)}.lever-wrap{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--modal-border)}.lever-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--modal-slate-dim);margin-bottom:.5rem;display:block}.lever-intro{font-size:.8rem;color:var(--modal-slate-dim);margin-bottom:.5rem}.lever-text{font-family:Playfair Display,serif;font-size:1.05rem;color:var(--gold);font-style:italic;line-height:1.5}.cta-divider{width:40px;height:1px;background:var(--border-gold);margin:0 auto 1.5rem}.cta-soft{font-size:.8rem;color:var(--modal-slate-dim);text-align:center;margin-bottom:1rem}.btn-cta{display:block;width:100%;background:0 0;border:1px solid var(--gold);color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1rem;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s ease;text-align:center;text-decoration:none}.btn-cta:hover{background:var(--gold);color:#fff}.btn-restart{display:block;width:100%;background:0 0;border:1px solid var(--modal-border);color:var(--modal-slate-dim);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.75rem;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s ease;margin-top:.75rem;text-align:center}.btn-restart:hover{color:var(--modal-white);border-color:#fff3}@media (max-width:680px){.page{padding-top:150px}.grid-wrapper{grid-template-columns:1fr}.row-labels{display:none}.canvas-grid{grid-template-columns:1fr}.block{min-height:120px}.modal{max-height:100vh;border-left:none;border-right:none}.modal-overlay{padding:0;align-items:flex-end}}