:root{--bg:#e2eae9;--ink:#172c33;--accent:#c36938;--body:Arial,sans-serif;--display:"Arial",Arial,sans-serif;}
.key-title{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:10vw;align-items:end}.key-title p{max-width:23ch}.key-hero{padding-top:35px}.key-hero .scene{margin:-10px auto -45px;max-width:1100px}.key-hero .scene svg{max-height:510px}.key-hero h1{font-weight:700}.layout-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw}.layout-comparison b{font-size:32px}.key-diagram{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:35px 0}.key-diagram i{height:30px;background:var(--ink);border-radius:4px}.split-keys{grid-template-columns:repeat(13,minmax(0,1fr));column-gap:5px}.split-keys i:nth-child(13n+7){visibility:hidden}.key-callout{border:1px solid var(--ink);padding:40px}.key-callout strong{font-size:44px;line-height:1.1;display:block;margin:15px 0}.cable-line{height:110px;border:12px solid var(--accent);border-radius:90px 0 90px 0;margin:45px 0;width:70%}.key-end{background:var(--ink);color:var(--bg)}.key-end .action{background:var(--bg);color:var(--ink)}.auth.keywell .auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth.keywell .auth-art{grid-column:1/-1}.auth.keywell .auth-art svg{max-height:260px}.auth.keywell .auth-copy{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8vw;max-width:100%}.auth.keywell form{margin:0}.auth.keywell .auth-help{grid-column:1/-1}@media(max-width:899px){.key-title,.layout-comparison,.auth.keywell .auth-copy{grid-template-columns:minmax(0,1fr)}.key-hero .scene{margin:0}.key-title{gap:24px}.auth.keywell .auth-art svg{max-height:160px}}