html,body{margin:0;background:#f2efe8;min-height:100%;font-family:Arial,sans-serif}
*{box-sizing:border-box}
.stage{width:100%;display:flex;justify-content:center;overflow-x:auto}
.artboard{position:relative;width:min(100vw,1778px);aspect-ratio:1778/884;flex:0 0 auto}
.design{display:block;width:100%;height:100%;object-fit:contain}
.hotspot{position:absolute;display:block;background:transparent}
.nav-about{left:36.5%;top:1.5%;width:4.4%;height:4.5%}
.nav-explore{left:41%;top:1.5%;width:4.8%;height:4.5%}
.nav-creators{left:45.8%;top:1.5%;width:5.2%;height:4.5%}
.nav-ai{left:50.8%;top:1.5%;width:5%;height:4.5%}
.nav-auction{left:56%;top:1.5%;width:6.2%;height:4.5%}
.cta-join{left:14.1%;top:54.2%;width:11.3%;height:5.6%;border-radius:12px}

.lang-hit{position:absolute;top:2%;height:4.4%;border:0;background:transparent;cursor:pointer;z-index:15}
.lang-en{left:75.3%;width:2.7%}.lang-zh{left:78.4%;width:3.5%}.lang-kk{left:82%;width:5.5%}.lang-ru{left:87.6%;width:5.4%}

/* Live input controls */
.early-overlay{position:absolute;inset:0;pointer-events:none;z-index:12}
.overlay-input{position:absolute;pointer-events:auto;border:0;outline:none;background:rgba(250,249,246,.96);color:#24201a;font:500 clamp(11px,.85vw,15px)/1.2 Arial,sans-serif;padding:0 .45%;caret-color:#24201a;border-radius:3px}
.name-input{left:76.1%;top:34.8%;width:12.8%;height:4.5%}
.email-input{left:76.1%;top:40.9%;width:12.8%;height:4.5%}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.consent-zone{position:absolute;left:73.2%;top:52.8%;width:1.5%;height:2.8%;pointer-events:auto;cursor:pointer}
.consent-zone input{width:100%;height:100%;margin:0;opacity:.02;cursor:pointer}
.submit-zone{position:absolute;left:73.2%;top:46.7%;width:17.4%;height:5.4%;pointer-events:auto;cursor:pointer;border:0;background:transparent;border-radius:10px}
.submit-zone:disabled{cursor:wait}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Non-English localized treatment */
.localized{display:none;position:absolute;inset:0;z-index:8;pointer-events:none}
.artboard.localized-on .localized{display:block}
.artboard.localized-on .nav-about,
.artboard.localized-on .nav-explore,
.artboard.localized-on .nav-creators,
.artboard.localized-on .nav-ai,
.artboard.localized-on .nav-auction{display:none}

/* cover original header navigation only */
.nav-local{position:absolute;left:34.5%;top:0;width:30.2%;height:8.8%;background:#f5f1e8;display:flex;align-items:center;justify-content:center;gap:2.2%;font:500 clamp(9px,.78vw,14px)/1 Arial,sans-serif;color:#191714;white-space:nowrap}
.nav-local span{display:inline-block}

/* hero localization: deliberate dark glass panel to mask EN text cleanly */
.hero-local{position:absolute;left:11.7%;top:14.2%;width:34.7%;height:46.8%;padding:2.2% 1.6%;background:linear-gradient(90deg,rgba(22,18,14,.92),rgba(22,18,14,.80) 76%,rgba(22,18,14,.22));color:white}
.hero-local .eyebrow{font:700 clamp(8px,.68vw,12px)/1.2 Arial,sans-serif;letter-spacing:.23em;color:#e5b84f;margin-bottom:4.5%}
.hero-local h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,3.15vw,58px);font-weight:400;line-height:.94;margin:0 0 4.2%;letter-spacing:-.025em}
.hero-local h1 em{font-style:normal;color:#efc760}
.hero-local p{font:500 clamp(9px,.82vw,15px)/1.45 Arial,sans-serif;margin:0;max-width:92%}
.hero-buttons{display:flex;gap:2%;margin-top:4.5%;align-items:center}
.gold-btn,.ghost-btn{height:3.2vw;min-height:34px;max-height:58px;padding:0 4.4%;border-radius:8px;display:flex;align-items:center;justify-content:center;font:600 clamp(9px,.8vw,14px)/1 Arial,sans-serif}
.gold-btn{border:0;background:linear-gradient(90deg,#f6d47f,#dfaa38);cursor:pointer}
.ghost-btn{border:1px solid rgba(235,190,82,.75);background:rgba(23,18,13,.48);color:#fff}

/* localized form card masks the EN copy, while live inputs stay above */
.form-local{position:absolute;left:71.3%;top:15.7%;width:19.3%;height:43%;background:rgba(250,248,242,.98);border-radius:12px;padding:1.55% 1.6%;color:#1b1814;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.form-local h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.8vw,32px);font-weight:400;margin:0}
.gold-line{width:13%;height:2px;background:#c9952e;margin:5% 0 6%}
.form-copy{font:600 clamp(8px,.76vw,13px)/1.42 Arial,sans-serif;margin:0 0 8%}
.field-label{position:absolute;left:9%;top:39.6%;font:400 clamp(7px,.62vw,11px)/1 Arial,sans-serif;color:#6f675d}
.email-label{top:55.4%}
.form-button-label{position:absolute;left:7%;top:69.4%;width:86%;height:12.2%;border:0;background:linear-gradient(90deg,#f7d777,#e4ac36);border-radius:8px;font:700 clamp(9px,.78vw,14px)/1 Arial,sans-serif;color:#1c1811}
.consent-copy{position:absolute;left:14.5%;top:85.2%;width:74%;font:400 clamp(6px,.55vw,10px)/1.3 Arial,sans-serif;color:#4b463f}

/* Card text masks */
.card-copy{position:absolute;top:79.8%;width:16.2%;height:13.1%;background:rgba(250,249,246,.98);padding:1.2% 1%;color:#211c18}
.card-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(14px,1.32vw,24px);font-weight:400;margin:0 0 3%}
.card-copy p{font:400 clamp(7px,.67vw,12px)/1.35 Arial,sans-serif;margin:0;color:#625b53}
.c1{left:14%}.c2{left:31.3%}.c3{left:49.2%}.c4{left:67.5%}

/* toast */
.toast{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.96);background:rgba(255,252,245,.98);color:#19150f;border:1px solid rgba(150,108,30,.25);box-shadow:0 18px 60px rgba(0,0,0,.28);border-radius:16px;padding:22px 28px;min-width:280px;text-align:center;font:600 16px/1.45 Arial,sans-serif;opacity:0;pointer-events:none;transition:.2s ease;z-index:20}
.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.toast.error{color:#7d1f1f}

@media(max-width:900px){.artboard{width:1778px;max-width:none}}