@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}
/* ENTITY on the shared agency look: black, cream, mono headings, hairline edges, a dot-matrix sky. */
html{background:#050505}
body{background:#050505;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(236,233,223,.13) 1px,transparent 1.5px) 0 0/7px 7px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 30% 22%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 30% 22%,#000,transparent 75%)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(236,233,223,.022) 3px 4px)}
main,.foot{position:relative;z-index:1}

.display,.headline,h1,h2,h3,.title-l,.preview-name,.brand span{font-family:var(--mono);font-weight:800;letter-spacing:-.045em}
.display{font-size:clamp(40px,7vw,88px);line-height:.95}
.headline{font-size:clamp(28px,4vw,52px);line-height:1}
.hl{color:transparent;-webkit-text-stroke:1.2px var(--on-surface)}
.hl::after,.hl::before{display:none !important}
.label,.eyebrow,.chip,.btn,.mono,.tab,.seg button,dt,.k{font-family:var(--mono)}
.brand span{font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:15px}
.brand svg{filter:none}
.blob{display:none !important}
.bar,.bar.is-solid{background:rgba(5,5,5,.82) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-variant);box-shadow:none !important}
.btn,.chip,.card,.ecard,.lcard,.tf,.tf input,.tf textarea,.preview,.seg,.seg button,.tab,.tabs,.notice,.stat,.stats,.step,.try,.cta,.pal-box,.profile-art,.drawer,.tile,.portrait,.toast,.snack,.search-in,.devbuy-custom,.input,.facts,.callout,.panel,.ability,.look,.look-strip button,.idea,.coach,.launch-status,.tracker,.tr-step i,.kv,.skel,.msg,.bubble,.float-chip,.sat,.stage-core,.try-quote{border-radius:2px !important}
.btn{font-weight:600;letter-spacing:0;text-transform:none}
.btn-accent,.btn-filled{background:var(--on-surface);color:#050505}
.btn-accent:hover,.btn-filled:hover{box-shadow:none;opacity:.9}
.card,.ecard,.lcard,.step,.stat,.preview,.try,.cta{background:var(--surface-low);border:1px solid var(--outline-variant);box-shadow:none}
.cta{background:var(--surface-low);color:var(--on-surface)}
.try{background:var(--surface-low);color:var(--on-surface)}
.tile,.portrait,.profile-art{background:#050505}
.ent-svg{image-rendering:pixelated}
.progress i{background:var(--on-surface)}
.footnote,.foot{border-top:1px solid var(--outline-variant)}
.ghost .ent-svg{opacity:.28;margin:0 auto 10px;filter:grayscale(.4)}
.hero-ca{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:var(--on-surface-variant);border:1px solid var(--outline-variant);padding:10px 14px;max-width:100%}
.hero-ca .mono{word-break:break-all;min-width:0}

/* ENTITY layout: an ID-card hero, a specimen wall, numbered ID steps */
.hero-id .id-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,72px);align-items:center}
.idcard-wrap{position:relative;max-width:460px;justify-self:center;width:100%}
.idcard{position:relative;border:1px solid var(--outline);background:linear-gradient(180deg,#0f0f0d,#080807);box-shadow:0 30px 80px rgba(255,179,90,.08);transform:rotate(2deg);transition:transform .5s var(--emph)}
.idcard:hover{transform:rotate(0)}
.idcard::before,.idcard::after{display:none}
.id-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--outline-variant);font:700 12px var(--mono);letter-spacing:.22em;color:var(--on-surface-variant)}
.id-body{display:grid;grid-template-columns:1fr;gap:6px;padding:18px}
.id-photo{aspect-ratio:1;max-height:300px;margin:0 auto;display:grid;place-items:center;border:1px dashed var(--outline-variant);width:100%}
.id-photo .ent-svg{width:86%;height:86%}
.id-fields{display:grid;margin-top:10px}
.idf{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--outline-variant);font:13px var(--mono)}
.idf span{color:var(--outline);letter-spacing:.16em}
.idf b{font-weight:500;color:var(--on-surface);text-align:right}
.id-bot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--outline-variant);font:700 11px var(--mono);letter-spacing:.2em;color:var(--on-surface-variant)}
.id-bars{height:26px;width:46%;background:repeating-linear-gradient(90deg,var(--on-surface) 0 2px,transparent 2px 4px,var(--on-surface) 4px 5px,transparent 5px 9px);opacity:.7}
.dot-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:8px;box-shadow:0 0 10px var(--success)}
.id-stats{grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--outline-variant)}
.id-stats .stat{border-radius:0 !important;background:transparent !important;border:0 !important;border-right:1px solid var(--outline-variant) !important}
.id-stats .stat:last-child{border-right:0 !important}
.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--outline-variant);border:1px solid var(--outline-variant)}
.wall .ecard{border:0 !important;background:var(--surface-low);padding:14px 14px 18px}
.wall .ecard::before,.wall .ecard::after{display:none}
.id-steps{display:grid;gap:0;border:1px solid var(--outline-variant)}
.id-step{position:relative;display:grid;grid-template-columns:120px 150px 1fr;align-items:center;gap:24px;padding:22px 26px;border-bottom:1px solid var(--outline-variant);background:var(--surface-low)}
.id-step:last-child{border-bottom:0}
.id-step::before,.id-step::after{display:none}
.big-n{font:800 clamp(52px,6vw,84px)/1 var(--mono);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--on-surface)}
.id-step .art{width:130px;height:110px;display:grid;place-items:center}
.id-step .art .ent-svg{width:96px;height:96px}
.id-step p{color:var(--on-surface-variant);margin-top:4px}
.idmaker{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);border-left:4px solid var(--on-surface)}
@media (max-width:900px){.hero-id .id-in{grid-template-columns:1fr}.idcard{transform:none}.wall{grid-template-columns:repeat(2,1fr)}.id-step{grid-template-columns:1fr;gap:12px}.id-stats{grid-template-columns:repeat(2,1fr)}.big-n{font-size:48px}.idmaker{grid-template-columns:1fr}}

/* IDENTITY: round floating buttons in the bottom-right corner (SEED: top bar, MACHINE: left dock, CORE: bottom status line) */
.fabs{position:fixed;right:20px;bottom:20px;z-index:45;display:grid;gap:12px}
.fab{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50% !important;background:#0f0f0d;border:1px solid var(--outline);color:var(--on-surface);box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 0 4px rgba(5,5,5,.6);transition:transform .25s var(--spring),border-color .2s,background .2s}
.fab:hover{transform:scale(1.1);border-color:var(--on-surface);background:#151513}
.fab.is-off{opacity:.55;cursor:default}
.fab.is-off:hover{transform:none;border-color:var(--outline);background:#0f0f0d}
.fab::before{content:attr(data-tip);position:absolute;right:62px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;padding:6px 10px;background:#0f0f0d;border:1px solid var(--outline-variant);font:600 11px var(--mono);letter-spacing:.1em;color:var(--on-surface-variant);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.fab:hover::before{opacity:1;transform:translateY(-50%)}
@media (max-width:700px){.fabs{right:12px;bottom:12px;gap:8px}.fab{width:44px;height:44px}.fab::before{display:none}}

/* uploaded agent images */
.up-img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1;image-rendering:auto}
.tile .up-img{aspect-ratio:1}
.dropzone{position:relative;display:grid;place-items:center;aspect-ratio:2/1;max-height:220px;border:1px dashed var(--outline);background:#0b0b0a;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s}
.dropzone:hover,.dropzone.is-over{border-color:var(--on-surface);background:#101010}
.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dz-empty{display:grid;justify-items:center;gap:4px;color:var(--on-surface-variant);text-align:center}
.dz-empty b{font:600 15px var(--mono);color:var(--on-surface)}
.dz-empty small{font-size:13px}
.dz-img{height:100%;width:auto;max-width:100%;object-fit:contain}
.preview-art .portrait .up-img{aspect-ratio:1;max-width:320px;margin:0 auto}

/* the longer hero headline must wrap inside its column instead of running under the ID card */
.hero-id .hero-copy{min-width:0}
.hero-id .display{font-size:clamp(34px,4.6vw,76px);line-height:1;overflow-wrap:break-word}
.hero-id .display .hl{white-space:normal}
.hero-id .id-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hero-id .display .hl{display:block}

/* open slots: no generated faces, agents bring their own image */
.slot-ph{aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:4px;border:1px dashed var(--outline);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(236,233,223,.03) 10px 20px);color:var(--outline)}
.slot-ph b{font:300 64px/1 var(--mono);color:var(--on-surface-variant)}
.slot-ph small{font:12px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.id-step .art .icon,.id-step .art svg{width:56px;height:56px;color:var(--on-surface)}
.ghost svg{width:64px;height:64px;opacity:.5}
