.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.landing{min-width:0;color:#f5f7f8;background:#0b1015}
.landing-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:68px;padding:12px clamp(24px,8.7vw,140px);border-bottom:1px solid #334049;background:#0b1015}
.landing-logo,.landing-footer-brand{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;letter-spacing:.18em}.landing-logo img,.landing-footer-brand img{display:block;width:48px;height:48px;object-fit:contain}.landing-nav,.landing-header-actions{display:flex;align-items:center;gap:clamp(16px,2.5vw,42px)}
.landing a{text-decoration:none;color:inherit}.landing-nav a,.landing-footer a{font-size:.88rem;font-weight:600;color:#e5ebed}.landing-nav a:hover,.landing-footer a:hover{color:var(--cyan)}
.language-control select{max-width:156px;min-height:38px;padding:6px 26px 6px 8px;border:0;background:#0b1015;color:#f5f7f8;cursor:pointer}
.landing-login,.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 24px;border:1px solid #70e1d6;border-radius:9px;background:transparent;color:#b2fff0!important;font:inherit;font-weight:700;cursor:pointer}
.outline-button:hover,.landing-login:hover{background:#14312f}.landing-hero{position:relative;display:flex;align-items:center;min-height:440px;overflow:hidden;border-bottom:1px solid #344148;background:#0b1015}
.landing-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.landing-hero-content{position:relative;z-index:1;width:min(620px,58%);margin-left:clamp(24px,8.7vw,140px);padding:48px 0}
.landing-hero .eyebrow{letter-spacing:.35em;color:#a6d5d4}.landing-hero h1{margin:0 0 16px;font-size:clamp(2.7rem,4.25vw,4.65rem);line-height:1.13;letter-spacing:-.055em}.landing-hero h1 span{color:#82eae1}
.landing-lead{max-width:575px;color:#d9e0e3;font-size:1.04rem;line-height:1.7}.landing-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.landing-hero-actions .primary{display:inline-flex;align-items:center;justify-content:center;min-width:184px}.landing-hero-actions .outline-button{min-width:170px}
.landing-hero-aside{position:absolute;right:8.5%;z-index:1;color:#b6c4cc;font-size:.75rem;letter-spacing:.28em;line-height:1.8}
html[dir=rtl] .landing-hero{direction:ltr}html[dir=rtl] .landing-hero-content{direction:rtl;text-align:right;width:min(520px,46%)}html[dir=rtl] .landing-hero-aside{display:none}
.landing-section{max-width:1440px;margin:auto;padding:58px clamp(24px,8.7vw,140px)}.landing-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.landing-section h2{margin:0;font-size:clamp(1.7rem,2.7vw,2.35rem);line-height:1.22}.landing-section-heading p:not(.eyebrow),.landing-section>p:not(.eyebrow),.landing-docs p:not(.eyebrow),.landing-pricing p:not(.eyebrow){margin:8px 0 0;color:#adbbc3}.landing-proof{white-space:nowrap;font-size:.86rem;letter-spacing:.04em}
.landing-demo{border-bottom:1px solid #2b353e}.landing-demo-layout{display:grid;grid-template-columns:130px minmax(0,1.55fr) minmax(250px,.9fr);gap:24px;align-items:stretch}
.landing-demo-choices{display:grid;gap:10px;align-content:start}.landing-demo-choice{padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#c9d3d8;text-align:left;cursor:pointer}.landing-demo-choice.active{border-color:#63ded6}.landing-demo-choice img{display:block;width:100%;height:73px;object-fit:cover;object-position:center 25%;border-radius:8px}.landing-demo-choice span{display:block;padding:3px 5px;font-size:.78rem}
.landing-demo-stage{position:relative;height:clamp(225px,30vw,380px);min-height:0;min-width:0;overflow:hidden;border-radius:10px;background:#172027}.landing-demo-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.landing-demo-caption{position:absolute;right:0;bottom:0;left:0;padding:15px 20px;background:#091015de;color:#dce7e9;font-size:.76rem}
.landing-demo-action{display:grid;align-content:center;gap:14px;padding:22px;border:1px solid #33424a;border-radius:12px;background:#121a20}.landing-demo-action label{font-size:1rem;font-weight:700}.landing-demo-action input{width:100%;max-width:100%;font-size:.83rem}.landing-demo-action input::file-selector-button{border:1px solid #637580;border-radius:7px;padding:8px;color:#e9f4f3;background:#19272c;cursor:pointer}.landing-demo-action .primary{margin-top:6px}.landing-demo-action p{margin:0;font-size:.82rem}
.landing-scenes{border-bottom:1px solid #2b353e}.landing-scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.landing-scene-grid article{min-height:125px;padding:23px;border:1px solid #33414a;border-radius:10px;background:#172129}.landing-scene-grid h3{margin:0 0 12px;font-size:1rem}.landing-scene-grid p{margin:0;color:#aebec6;font-size:.86rem}
.landing-pricing,.landing-docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:9%;border-bottom:1px solid #2b353e}.landing-pricing .outline-button{margin-top:22px}.landing-pricing .landing-trial-note{margin-top:20px!important;padding:12px 16px;border-left:3px solid #73e6da;background:#16302f;color:#d4f8ef!important}.landing-pricing-list{display:grid;align-content:center}.landing-pricing-list>div{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #3b4950}.landing-pricing-list span{color:#b5c0c6;text-align:right}
.landing-doc-links{display:grid;align-content:center;gap:9px}.landing-doc-links a{padding:12px 0;border-bottom:1px solid #3b4950;color:#adfff0;font-weight:600}.landing-doc-links a:hover{color:#fff}
.landing-public{text-align:center}.landing-public p:not(.eyebrow){max-width:610px;margin:8px auto 24px}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(24px,8.7vw,140px);border-top:1px solid #2b353e}.landing-footer>div{display:flex;gap:25px}.landing-footer p{color:#9faeb7;font-size:.78rem}
.landing-public-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0 auto 26px;width:100%;max-width:1050px;text-align:left}.landing-public-card{overflow:hidden;padding:0;border:1px solid #35434a;border-radius:10px;background:#172027;color:#dce7e9;text-align:left;cursor:pointer}.landing-public-card.active{border-color:#63ded6}.landing-public-card img{display:block;width:100%;height:145px;object-fit:cover;object-position:center 25%}.landing-public-card span{display:block;padding:10px;font-size:.82rem}.landing-demo-choice:not(:has(img)){min-height:72px;padding:12px;background:#172027}.landing-demo-stage>img:not([src]){display:none}.landing-demo-caption[hidden]{display:none}
.auth-dialog{width:min(545px,calc(100vw - 28px));max-height:min(90vh,780px);padding:0;border:0;border-radius:22px;background:transparent;color:var(--text);overflow:auto}.auth-dialog::backdrop{background:#03070bdc;backdrop-filter:blur(9px)}.auth-dialog .auth-card{position:relative;max-width:none;border-color:#43545e;box-shadow:0 30px 90px #0009}.auth-close{position:absolute;right:23px;top:20px;border:0;background:transparent;color:#a9d7d4;cursor:pointer;font:inherit}
.portal{background:#0b1015}.portal .sidebar{background:#0c1318;border-right-color:#34424a}.portal .nav-item{font-size:.92rem}.portal .nav-item.active{background:#1b3033;color:#b1f6e9}.portal .metric,.portal .wide-card{border-color:#34434a;background:#141c22}.portal .content{max-width:1850px;width:100%;margin:auto}.portal .topbar{padding-bottom:16px;border-bottom:1px solid #33424a}
.landing-footer>div{flex-wrap:wrap}
[data-portal-shell] a{color:inherit;text-decoration:none}
[data-portal-shell] a:hover{color:var(--cyan)}
[data-portal-shell] button,.avatar-pagination button{min-height:44px}
[data-portal-shell] :focus-visible,.avatar-pagination :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.sidebar{height:calc(100vh - 90px)}
@media(max-width:850px){.sidebar{height:auto}.topbar{flex-wrap:wrap}.topbar-actions{flex-wrap:wrap}.content{min-width:0}}
@media(max-width:850px){.portal{grid-template-columns:minmax(0,1fr)}.sidebar{padding:12px 16px;min-width:0}.sidebar nav{display:flex;width:100%;max-width:100%;overflow-x:auto;gap:6px}.sidebar .nav-item{width:auto;flex:0 0 auto;min-height:44px}.content{padding:24px 18px}.topbar{margin-bottom:20px}}
.overview-intro{grid-column:1/-1}.overview-intro h2{margin:0;font-size:1.7rem}.overview-intro p:last-child{margin:7px 0 0;color:#aebbc3}.overview-metric strong{font-size:clamp(1.5rem,2.25vw,2.05rem)}.overview-metric{min-height:145px}.overview-metric:nth-of-type(4){background:#173030}
@media(max-width:1050px){.landing-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-header{padding-inline:30px}.landing-section{padding-inline:30px}.landing-hero-content{margin-left:30px}.landing-hero-aside{display:none}.landing-demo-layout{grid-template-columns:105px minmax(0,1fr)}.landing-demo-action{grid-column:2}.landing-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.landing-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-header{flex-wrap:wrap;gap:12px;padding:12px 20px}.landing-logo img{width:42px;height:42px}.landing-nav{order:3;width:100%;justify-content:space-between;gap:8px;overflow:auto}.landing-nav a{white-space:nowrap;font-size:.78rem}.landing-header-actions{gap:5px}.language-control select{max-width:112px;font-size:.78rem}.landing-login{min-height:36px;padding:6px 13px}.landing-hero{min-height:610px;align-items:end}.landing-hero-image{height:67%;top:0;bottom:auto;object-position:62% 20%}.landing-hero-content{width:100%;margin:0;padding:290px 22px 34px;background:linear-gradient(0deg,#0b1015 73%,#0b101500)}.landing-hero h1{font-size:clamp(2.3rem,9vw,3.8rem)}.landing-lead{font-size:.95rem}.landing-section{padding:42px 20px}.landing-section-heading{display:block}.landing-proof{white-space:normal}.landing-demo-layout{grid-template-columns:1fr}.landing-demo-choices{display:flex;gap:8px}.landing-demo-choice img{height:70px}.landing-demo-action{grid-column:auto}.landing-demo-stage{min-height:225px}.landing-scene-grid{grid-template-columns:1fr 1fr}.landing-scene-grid article{min-height:110px;padding:15px}.landing-pricing,.landing-docs{grid-template-columns:1fr;gap:23px}.landing-pricing-list>div{display:grid;gap:5px}.landing-pricing-list span{text-align:left}.landing-footer{flex-wrap:wrap;padding:26px 20px}}
@media(max-width:680px){html[dir=rtl] .landing-hero-content{width:100%;margin-left:0}}
@media(max-width:410px){.landing-nav a{font-size:.72rem}.landing-hero-actions .primary,.landing-hero-actions .outline-button{width:100%}.landing-scene-grid{grid-template-columns:1fr}.landing-footer>div{flex-wrap:wrap}.portal .content{padding:22px}.portal .user-chip{display:none}}
.avatar-catalog-section{display:none}
body[data-portal-page="avatars"] .landing-hero,body[data-portal-page="avatars"] .landing-announcement,body[data-portal-page="avatars"] .landing-scenes,body[data-portal-page="avatars"] .landing-pricing,body[data-portal-page="avatars"] .landing-docs,body[data-portal-page="avatars"] .landing-public,body[data-portal-page="avatars"] .landing-updates{display:none}
body[data-portal-page="avatars"] .avatar-catalog-section{display:block}
body[data-portal-page="avatars"] .landing-demo{padding-top:48px}
.avatar-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}
.avatar-catalog-interactive .avatar-pagination>a{display:none}
.avatar-pagination button,.workspace-logout{padding:8px 14px;border:1px solid #6bb9b4;border-radius:8px;background:transparent;color:#b2fff0;cursor:pointer}
.avatar-pagination button:disabled{opacity:.45;cursor:not-allowed}
.workspace-logout{white-space:nowrap}
@media(max-width:680px){body[data-portal-page="avatars"] .landing-demo{padding-top:30px}.avatar-pagination{gap:10px}.portal .workspace-header{padding-inline:16px}.workspace-logout{padding:7px 9px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.landing-announcement{max-width:1440px;margin:0 auto;padding:12px 30px;background:#12302f;color:#d5f7f1;text-align:center}
.landing-updates{display:grid;grid-template-columns:1fr 1fr;gap:28px}.landing-updates>div{border:1px solid #35434a;border-radius:14px;padding:26px;background:#172027}.landing-updates a{color:#81ded6}.landing-updates article{padding:14px 0;border-bottom:1px solid #35434a}.landing-updates article p{color:#adbbc3;margin:4px 0}.landing-updates h3{margin:0;font-size:1rem}
.landing-cms-extra{white-space:pre-line;color:#b8cbd0;overflow-wrap:anywhere;max-width:70ch}.landing-cms-extra:empty{display:none}
@media(max-width:680px){.landing-updates{grid-template-columns:1fr}}
/* Detail pages reuse the same media component without a full-width poster. */
.content .section-heading{flex-wrap:wrap;gap:12px}
.content .section-heading>div{min-width:0}
.content .section-heading h2{overflow-wrap:anywhere}
#avatar-detail-card .avatar-card{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);margin:20px 0;min-width:0}
#avatar-detail-card .avatar-media{aspect-ratio:3/4;max-height:360px}
#avatar-detail-card .avatar-body{min-width:0}
#avatar-detail-build .form-stack .check-row{display:flex;align-items:flex-start;gap:10px}
#avatar-detail-build .check-row input{width:auto;flex:0 0 auto;margin-top:4px}
@media(max-width:680px){#avatar-detail-card .avatar-card{grid-template-columns:minmax(0,1fr)}#avatar-detail-card .avatar-media{aspect-ratio:auto;height:220px}}
