*{box-sizing:border-box}html,body{margin:0;background:#f2efe8;color:#17130f;font-family:Arial,sans-serif}
.stage{width:100%;display:flex;justify-content:center;overflow:auto}
.canvas{position:relative;width:min(100vw,1728px);aspect-ratio:1728/864;flex:0 0 auto;overflow:hidden;background:#f5f1e8}
.base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}

/* cover baked header and recreate it */
.header{position:absolute;left:0;top:0;width:100%;height:8.4%;z-index:10;background:#f5f1e8;display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;padding:0 7.8%;gap:2%}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,1.65vw,31px);letter-spacing:.16em;text-decoration:none;color:#17130f}
nav{display:flex;justify-content:center;gap:6.5%}
nav a,.langs button{font:500 clamp(9px,.76vw,14px)/1 Arial,sans-serif;color:#17130f;text-decoration:none;white-space:nowrap}
.langs{display:flex;justify-content:flex-end;gap:5%}.langs button{border:0;background:transparent;padding:.5em .05em;cursor:pointer}
.langs .active{color:#b9851c;border-bottom:2px solid #c9952e}

/* opaque visual mask over baked hero copy, same look as approved v8 */
.hero-copy{position:absolute;left:10.1%;top:14.4%;width:37.0%;height:46.0%;z-index:8;padding:1.5% 2.0%;color:white;background:linear-gradient(90deg,rgba(20,16,12,.88),rgba(20,16,12,.66) 76%,rgba(20,16,12,.10))}
.eyebrow{font:700 clamp(8px,.68vw,12px)/1 Arial,sans-serif;letter-spacing:.28em;color:#e7bd59;margin-bottom:4.3%}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,3.6vw,67px);line-height:.98;font-weight:400;margin:0 0 4%;letter-spacing:-.035em}
h1 span{color:#efc767}
.hero-copy p{font:500 clamp(9px,.84vw,15px)/1.5 Arial,sans-serif;max-width:95%;margin:0 0 4%}
.actions{display:flex;gap:2.2%}.actions>*{height:3.35vw;min-height:36px;max-height:58px;border-radius:8px;padding:0 5%;display:flex;align-items:center;justify-content:center;gap:2em;font:700 clamp(9px,.78vw,14px)/1 Arial,sans-serif;text-decoration:none}
.gold{background:linear-gradient(90deg,#f6d278,#dfa832);color:#17130f}.outline{border:1px solid rgba(232,184,74,.75);background:rgba(21,16,12,.42);color:#fff}

/* opaque cream card completely replaces baked form */
.early-card{position:absolute;left:70.9%;top:15.4%;width:20.2%;height:43.7%;z-index:12;background:#faf8f2;border-radius:14px;padding:1.65% 1.5%;box-shadow:0 3px 16px rgba(0,0,0,.05)}
.early-card h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(21px,1.9vw,34px);font-weight:400;margin:0}
.rule{width:13%;height:2px;background:#c79025;margin:4.5% 0 6%}
.early-card>p{font:600 clamp(8px,.74vw,13px)/1.45 Arial,sans-serif;margin:0 0 6.5%}
.early-card label>span{display:block;font:400 clamp(7px,.58vw,10px)/1 Arial,sans-serif;color:#6e665e;margin-bottom:2.5%}
.early-card label{display:block;margin-bottom:4%}
.early-card input{width:100%;height:2.5vw;min-height:34px;max-height:45px;border:1px solid #ded8ce;border-radius:7px;background:white;padding:0 4%;font:500 clamp(10px,.78vw,14px)/1 Arial,sans-serif;outline:none}
.early-card button{width:100%;height:3.0vw;min-height:38px;max-height:52px;border:0;border-radius:8px;background:linear-gradient(90deg,#f6d278,#e2ad38);font:700 clamp(10px,.82vw,15px)/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:4em;cursor:pointer}
.consent{display:flex!important;gap:3.5%;align-items:flex-start;margin-top:4%!important}
.consent input{width:1.2vw!important;height:1.2vw!important;min-width:16px;min-height:16px;accent-color:#c79424;margin:0}
.consent span{font:400 clamp(7px,.56vw,10px)/1.35 Arial,sans-serif!important;color:#4d473f!important;margin:0!important}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}

/* cover only baked lower text areas; images stay untouched */
.features{position:absolute;left:13.4%;top:78.9%;width:73.0%;height:15.4%;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:1.45%}
.features article{background:#faf9f6;padding:4.8% 5.2% 2%;position:relative}
.features h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(15px,1.35vw,25px);font-weight:400;margin:0 0 3.2%}
.features p{font:400 clamp(8px,.68vw,12px)/1.35 Arial,sans-serif;color:#615a53;margin:0;max-width:94%}
.features a{position:absolute;left:5.2%;bottom:4%;color:#c98a18;text-decoration:none;font-size:clamp(16px,1.35vw,24px)}

.toast{position:absolute;z-index:30;left:50%;top:48%;transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;transition:.2s;background:#fffaf1;border:1px solid rgba(174,126,29,.25);box-shadow:0 18px 60px rgba(0,0,0,.25);border-radius:14px;padding:18px 26px;min-width:310px;text-align:center;font:700 15px/1.4 Arial,sans-serif}
.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast.error{color:#8a2020}

@media(max-width:900px){.canvas{width:1728px;max-width:none}}