@font-face{font-family:Michroma;src:url('/assets/fonts/michroma-latin-400-normal.woff2?v=sync-1') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-400-normal.woff2?v=sync-1') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-600-normal.woff2?v=sync-1') format('woff2');font-weight:600;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#1f1f25;background:#dadada;font-synthesis:none;--blue:#19499d;--line:#b9b9bb}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-underline-offset:5px}header{margin:0 4.5vw;padding:27px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Michroma,sans-serif;font-size:15px;white-space:nowrap}.wordmark img{object-fit:contain}.header-note,.header-link,.eyebrow,.index,footer{font-size:10px;letter-spacing:1.7px}.header-note{color:#68686e}.header-link{text-decoration:none;letter-spacing:.3px;font-size:12px}.header-link span{margin-left:15px;color:var(--blue)}main{width:min(1320px,91vw);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;padding:68px 0}.intro{padding:20px 0}.eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 25px;color:#62626a;font-weight:600}.brand-sculpture{display:flex;align-items:center;gap:25px;margin:55px 0 40px}.stones{width:clamp(105px,13.8vw,210px);flex-shrink:0;overflow:visible}.brand-sculpture h1{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(35px,4.7vw,71px);line-height:1.4;letter-spacing:-3px;margin:0}.brand-sculpture h1 span{display:block;color:var(--blue)}.intro-caption{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px}.intro-caption p{font-size:20px;line-height:1.5;letter-spacing:-.5px;margin:0}.index{font-size:8px;color:#73737a;white-space:nowrap;padding-top:7px}.intro-detail{font-size:12px;line-height:1.9;color:#68686e;margin-top:35px}.panel{border-left:1px solid var(--line);padding:18px 0 18px 4.2vw;min-width:0}h2{font-weight:400;font-size:clamp(27px,2.6vw,39px);line-height:1.15;letter-spacing:-1.6px;margin:0 0 18px}h3{font-weight:600;font-size:16px;letter-spacing:-.4px;margin:28px 0 14px}.sub{font-size:12px;line-height:1.8;color:#65656d;margin:0 0 26px}form{display:flex;flex-direction:column}label{display:block;font-size:11px;margin:15px 0 8px;font-weight:600}input,textarea,select{width:100%;min-width:0;border:1px solid #bcbcc0;border-radius:0;background:#ffffff29;color:#1f1f25;font:inherit;font-size:12px;padding:13px 14px;transition:border-color .18s,background .18s}input{height:47px}input::placeholder,textarea::placeholder{color:#77777e}input:hover,textarea:hover{border-color:#92929b}input:focus,textarea:focus{background:#e6e6e7}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button,.button{border:1px solid #1f1f25;border-radius:0;background:#1f1f25;color:#fff;padding:15px 18px;font:inherit;font-size:12px;font-weight:600;margin-top:23px;min-height:52px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:background .18s,transform .18s}button:hover,.button:hover{background:var(--blue);border-color:var(--blue);color:#fff}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;border-color:#aaaab1;color:#1f1f25}.divider{display:flex;align-items:center;gap:14px;margin:23px 0;font-size:8px;letter-spacing:1.5px;color:#74747b}.divider:before,.divider:after{content:'';height:1px;background:#bfbfc3;flex:1}[data-passkeys]>button{width:100%}.help,.fine,[data-feedback],.notice,.error{font-size:11px;line-height:1.8}.help{margin:25px 0 0;color:#62626b}.help a{color:#1f1f25;margin-left:7px}.fine{border-top:1px solid #c2c2c5;padding-top:18px;margin-top:24px;color:#74747c;font-size:10px}.error{padding:12px;border-left:2px solid #a43939;color:#872c2c;background:#e5d4d4}.notice{padding:12px;border-left:2px solid var(--blue);background:#d2d9e4}.email-row{display:flex;gap:8px}.compact{white-space:nowrap;padding:10px 13px;min-height:47px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.registration main{padding-top:45px;padding-bottom:45px}.registration .panel{padding-top:0;padding-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;margin:0 4.5vw;padding:24px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.2px;color:#73737a;gap:15px}.footer-copy{font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:.4px}footer i{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;margin-left:8px}.key-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #bfbfc3;font-size:12px;overflow-wrap:anywhere}.key-row button{margin:0;min-height:38px;padding:8px 15px}.invite-code,.account-id{display:block;overflow-wrap:anywhere;font-size:12px;padding:14px;border:1px solid #bcbcc0;background:#e3e3e4}input[type=checkbox]{height:17px;width:17px;vertical-align:middle;accent-color:var(--blue);margin-right:9px}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.master main{grid-template-columns:minmax(0,1fr);max-width:1080px}.master .intro{display:none}.master .panel{border:0;padding:0}.master h2{font-family:Michroma,sans-serif;font-size:25px;letter-spacing:-1px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.admin-card{padding:25px;border:1px solid var(--line)}.admin-card h3{margin-top:0}.template-editor{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.template-editor textarea{min-height:90px;resize:vertical}.template-actions{display:flex;gap:12px}.template-actions button{margin-top:18px}.email-preview{width:100%;height:650px;border:1px solid var(--line);background:#dadada;margin-top:25px}summary{cursor:pointer;font-size:14px;padding:15px 0}.stone{transform-box:fill-box;transform-origin:center;animation:stack 1.2s cubic-bezier(.22,.72,.24,1) both}.stone-base{animation-delay:.05s}.stone-wide{animation-delay:.25s}.stone-middle{animation-delay:.47s}.stone-top{animation-delay:.7s}@keyframes stack{0%{opacity:0;transform:translateY(-75px) rotate(-16deg)}65%{opacity:1;transform:translateY(4px) rotate(3deg)}82%{transform:translateY(-4px) rotate(-1deg)}100%{opacity:1;transform:none}}
@media(min-width:1600px){main{gap:130px}.panel{padding-left:65px}}@media(max-width:850px){main{gap:5vw;grid-template-columns:.9fr 1.1fr}.brand-sculpture{gap:15px}.brand-sculpture h1{font-size:36px;letter-spacing:-2px}.stones{width:100px}.index{display:none}.intro-caption p{font-size:18px}}@media(max-width:620px){header{padding:20px 0}.header-note{display:none}.wordmark{font-size:12px}.header-link{font-size:10px}main,.registration main{width:88vw;grid-template-columns:1fr;gap:25px;padding:30px 0 40px}.intro{padding:0}.intro>.eyebrow,.intro-caption,.intro-detail{display:none}.brand-sculpture{margin:0;justify-content:center;gap:20px}.stones{width:68px}.brand-sculpture h1{font-size:31px;letter-spacing:-1px}.brand-sculpture h1 span{display:inline;margin-left:12px}.panel{border:0;border-top:1px solid var(--line);padding:28px 0 0}.registration .panel{padding-top:28px}h2{font-size:30px}.form-grid{gap:0 10px}.admin-grid{grid-template-columns:1fr;gap:20px}.admin-card{padding:20px}.master h2{font-size:20px}.email-row{flex-wrap:wrap}.email-row input{flex:1;min-width:140px}footer span:last-child{display:none}.master main{width:88vw}.template-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.stone{animation:none}*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Only D stretches. I width and I–D gap use unscaled Michroma metrics:
   I ink = 192/2048 em; gap = (576 + 196 - 384)/2048 em. */
.wordmark b{font-weight:900;font-synthesis:weight;-webkit-text-stroke:.35px currentColor}
.brand-sculpture h1{display:inline-grid;grid-template-columns:max-content;gap:0;line-height:1.15}
.brand-sculpture h1 .brand-linb{display:block;color:#1f1f25;font-weight:900;font-synthesis:weight;-webkit-text-stroke:1.2px currentColor}
.brand-sculpture h1 .brand-id-line{position:relative;height:1.12em;margin:0;min-width:0}
.brand-id-i,.brand-id-d{position:absolute;top:.12em;display:block;height:.75em;fill:#19499d}
.brand-id-i{left:0;width:.09375em}
.brand-id-d{left:.283203125em;width:calc(100% - .283203125em)}
@media(max-width:620px){.brand-sculpture h1 .brand-linb{margin:0;-webkit-text-stroke:.75px currentColor}.brand-sculpture h1{font-size:32px}.stones{width:75px}}

/* Keep action spacing explicit, including link buttons and compact form controls. */
.ui-icon{width:20px;height:20px;flex:0 0 20px}
.button + .button,button + button{margin-top:12px}
[data-passkeys] > button[data-authenticate],.email-row > button{margin-top:0}
.secondary:hover{background:#cdd3df;border-color:var(--blue);color:var(--blue)}
.template-actions{flex-wrap:wrap;gap:12px;margin-top:18px}
.template-actions button{margin-top:0}

/* Identity management layout; preserve public-page spacing. */
.header-link{display:inline-flex;align-items:center;gap:12px}.header-link .ui-icon{width:16px;height:16px;flex-basis:16px}
.identity main{display:block;width:min(920px,91vw);margin:24px auto;padding:0}.identity .intro{display:none}.identity .panel{border:0;padding:0}.id-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.id-heading .sub{margin:0}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-card{border:1px solid var(--line);padding:20px;min-width:0}.security-card h3{margin:0 0 10px}.security-card .sub{overflow-wrap:anywhere;margin:0 0 8px}.security-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px}.security-card summary::-webkit-details-marker{display:none}.security-card details[open] summary .ui-icon{transform:rotate(90deg)}.passkey-card{margin-top:16px}.passkey-card .email-row{max-width:520px}.passkey-card .email-row button{white-space:nowrap;margin:0}.fine-inline{font-size:10px;color:#65656d;margin:8px 0 0}.signout{align-items:flex-start}.signout button{margin-top:16px}.identity [data-feedback]:empty{display:none}
@media(max-width:620px){.security-grid{grid-template-columns:1fr}.security-card{padding:16px}.identity main{width:88vw;margin:20px auto}.id-heading{align-items:flex-start}.passkey-card .email-row{flex-wrap:wrap}}

/* L starts 192/2048 em into its glyph; compensate for the bold outline. */
.brand-id-line{--ink-left:calc(.09375em - .6px)}
.brand-id-i{left:var(--ink-left)}
.brand-id-d{left:calc(var(--ink-left) + .283203125em);width:calc(100% - var(--ink-left) - .283203125em)}
@media(max-width:620px){.brand-id-line{--ink-left:calc(.09375em - .375px)}}