:root{--v4-orange:#ff4b0b;--v4-plate:#11181d;--v4-yellow:#ffd94a;--v4-line:#e7e3dc}
*{box-sizing:border-box}
.site-header,.foot{
 background-color:var(--v4-plate)!important;
 background-image:
 linear-gradient(135deg,rgba(255,255,255,.045) 25%,transparent 25%),
 linear-gradient(225deg,rgba(255,255,255,.035) 25%,transparent 25%),
 linear-gradient(315deg,rgba(0,0,0,.20) 25%,transparent 25%),
 linear-gradient(45deg,rgba(0,0,0,.16) 25%,transparent 25%)!important;
 background-position:0 0,14px 0,14px -14px,0 14px!important;background-size:28px 28px!important
}
.site-header{position:sticky;top:0;z-index:60;border-bottom:3px solid var(--v4-orange)!important;box-shadow:0 7px 22px rgba(0,0,0,.24)}
.site-header .logo .mpc,.site-header .logo-sub,.site-header .header-tag,.site-header .lang a[aria-current=true],.site-header .cta-wrap .mini{color:#fff}
.site-header .logo .pro,.site-header .lang a{color:var(--v4-orange)}
.header-row{height:80px;display:flex;align-items:center;gap:20px}
.header-spacer{flex:1 1 auto}.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.v4-upgrade-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}
.v4-upgrade{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff5a1b,#f04400);color:#fff!important;font-weight:900;border-radius:6px;padding:14px 19px;line-height:1;white-space:nowrap;box-shadow:0 8px 18px rgba(240,68,0,.22);text-decoration:none}
.v4-price{font-size:.82rem;color:#fff;font-weight:700;white-space:nowrap}.v4-price b{color:var(--v4-yellow)}
.mpcpro-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-body,Inter),system-ui,-apple-system,sans-serif}
.mpcpro-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,#ffd94a,#f4bd16);border:1.5px solid #ffe36b;color:#111;border-radius:999px;padding:12px 20px;cursor:pointer;box-shadow:0 3px 0 #a97800,0 7px 16px rgba(0,0,0,.22);line-height:1}
.mpcpro-pill:hover{background:linear-gradient(180deg,#ffe36a,#ffc928)}.mpcpro-pill:active{box-shadow:0 1px 0 #a97800;transform:translateY(1px)}
.mpcpro-pill svg{width:18px;height:18px;flex:none}.mpcpro-pill span{font-weight:800;font-size:15px;letter-spacing:.05em;display:inline-flex;align-items:baseline;gap:7px;text-transform:uppercase}.mpcpro-pill em{font-style:normal;font-weight:800}
.mpcpro-menu{position:absolute;right:0;top:calc(100% + 10px);width:290px;background:#fff;border:1px solid var(--v4-line);border-radius:14px;box-shadow:0 18px 50px rgba(20,15,10,.22);padding:16px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:1000}
.mpcpro-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mpcpro-menu::before{content:"";position:absolute;top:-7px;right:26px;width:13px;height:13px;background:#fff;border-left:1px solid var(--v4-line);border-top:1px solid var(--v4-line);transform:rotate(45deg)}
.mpcpro-menu-head{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#D9580C;margin-bottom:12px}
.mpcpro-form label{display:block;font-size:12px;font-weight:600;color:#4A4E55;margin-bottom:9px}
.mpcpro-form input{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid #D9D5CE;border-radius:8px;font-size:14px;color:#1C1E22;background:#FBFAF7}
.mpcpro-form input:focus{outline:0;border-color:#D9580C;box-shadow:0 0 0 3px rgba(217,88,12,.15)}
.mpcpro-signin{width:100%;margin-top:4px;padding:11px;border:0;border-radius:8px;background:linear-gradient(180deg,#F06A14,#D9580C);color:#fff;font-weight:700;font-size:14.5px;cursor:pointer;box-shadow:0 2px 0 #8A3A07}
.mpcpro-forgot{display:block;text-align:center;font-size:12.5px;color:#6B7079;margin-top:10px;text-decoration:none}.mpcpro-or{display:flex;align-items:center;text-align:center;color:#9AA0A8;font-size:12px;margin:14px 0 12px}.mpcpro-or:before,.mpcpro-or:after{content:"";flex:1;height:1px;background:var(--v4-line)}.mpcpro-or span{padding:0 10px;font-weight:600}
.mpcpro-upgrade{display:block;text-align:center;padding:11px;border-radius:8px;border:1.5px solid #D9580C;color:#D9580C!important;font-weight:800;font-size:14px;text-decoration:none}.mpcpro-upgrade:hover{background:#D9580C;color:#fff!important}
.mpcpro-signed p{color:#4A4E55}.cta-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}
.foot{border-top:3px solid var(--v4-orange)!important;color:#fff}.foot .logo .mpc,.foot .fine,.foot a{color:#fff}.foot .logo .pro{color:var(--v4-orange)}.foot-links a:hover{color:var(--v4-orange)}
@media(max-width:860px){.site-header{position:relative}.header-row{flex-wrap:wrap;height:auto;column-gap:12px;row-gap:6px;padding-block:10px}.header-spacer{display:none}.header-actions{flex:1 1 100%;justify-content:flex-start;gap:12px;flex-wrap:wrap}.mpcpro-wrap{position:static}.mpcpro-menu{position:absolute;left:12px;right:auto;top:calc(100% + 4px);width:min(300px,calc(100% - 24px))}.mpcpro-menu::before{left:108px;right:auto}.v4-upgrade{padding:11px 13px;font-size:.82rem}.v4-price{font-size:.72rem}}
@media(max-width:560px){.v4-upgrade-wrap{width:100%;order:3;align-items:flex-start}.v4-upgrade{width:100%}}

/* Universal footer additions */
.foot-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:38px;align-items:start;padding:38px 0 24px}
.foot-title{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#ff6a2c;font-weight:900;margin:0 0 11px}
.foot-links{display:flex;flex-wrap:wrap;gap:9px 18px}.foot-links a,.foot-action{color:#fff;text-decoration:none;font-weight:700;font-size:.92rem}
.foot-links a:hover,.foot-action:hover{color:#ff6a2c}
.foot-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.foot-action{background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;text-align:left}
.foot-youtube{display:inline-flex;align-items:center;gap:8px}.foot-youtube svg{width:19px;height:19px}
.foot .fine{border-top:1px solid rgba(255,255,255,.15);padding:17px 0 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mpc-ios-overlay{position:fixed;inset:0;background:rgba(20,15,10,.55);display:none;align-items:flex-end;justify-content:center;z-index:9999}
.mpc-ios-overlay.show{display:flex}.mpc-ios-card{background:#fff;max-width:460px;width:100%;border-radius:18px 18px 0 0;padding:22px 20px 26px;font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 -8px 40px rgba(0,0,0,.25)}
.mpc-ios-card h3{margin:0 0 4px;font-size:18px;color:#1c1c1c}.mpc-ios-card p{margin:0 0 14px;font-size:14px;color:#5b5b5b;line-height:1.5}.mpc-step{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef1ef;font-size:15px;color:#2a2a2a}.mpc-step .lbl{flex:1}.mpc-step .n{flex:none;width:26px;height:26px;border-radius:50%;background:#E8621A;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.mpc-ios-close{margin-top:16px;width:100%;padding:12px;border:0;border-radius:10px;background:#E8621A;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
@media(min-width:520px){.mpc-ios-card{border-radius:18px;margin-bottom:26px}}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:24px}}


/* ============================================================
   UNIVERSAL HEADER + FOOTER OWNERSHIP FIX — 2026-09-23
   Header/footer appearance is controlled HERE, not by trade CSS.
   These selectors intentionally outrank generic trade rules such
   as .logo, .wrap and .lang.
   ============================================================ */
.site-header,
.foot{
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:"Anton",Impact,"Arial Narrow Bold",var(--font-body);
  --font-script:"Caveat",ui-rounded,"Segoe Script",cursive;
  font-family:var(--font-body);
}
.site-header > .wrap,
.foot > .wrap{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  padding-inline:26px;
}
.site-header .brand{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.site-header .logo{
  font-family:var(--font-display);
  font-weight:400;
  font-size:3.72rem;
  letter-spacing:-.01em;
  line-height:.78;
  white-space:nowrap;
}
.site-header .logo-sub{
  display:block;
  font-family:var(--font-body);
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.18em;
  margin-top:6px;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-header .header-tag{
  font-family:var(--font-script);
  font-weight:700;
  font-size:1.62rem;
  transform:rotate(-4deg);
  margin-left:14px;
  line-height:.92;
}
.site-header .header-tag .swash{
  position:relative;
  display:inline-block;
}
.site-header .header-tag .swash::after{
  content:"";
  position:absolute;
  left:0;
  right:-2%;
  bottom:-.42em;
  height:.34em;
  background:no-repeat center/100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 18'><path d='M3 12 C 55 3, 130 3, 197 8' stroke='%23EF6421' stroke-width='5' fill='none' stroke-linecap='round'/></svg>");
}
.site-header .lang{
  display:flex;
  align-items:center;
  gap:3px;
  font-weight:800;
  font-size:1.04rem;
}
.site-header .lang a{
  padding:8px;
  border-radius:8px;
  line-height:1;
  text-align:center;
  text-decoration:none;
}
.site-header .lang a[aria-current="true"]{
  text-decoration:underline;
  text-decoration-color:var(--v4-orange);
  text-underline-offset:6px;
  text-decoration-thickness:2.5px;
}
.site-header .lang .sep{color:#6f777d;font-weight:400}
.site-header .header-row{
  width:100%;
  height:80px;
  display:flex;
  align-items:center;
  gap:20px;
}
.site-header .header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.site-header .cta-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}

/* Footer owns its width, logo scale, typography and spacing. */
.foot > .wrap{padding-top:32px;padding-bottom:0}
.foot .foot-grid{
  width:100%;
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:38px;
  align-items:start;
  padding:6px 0 24px;
}
.foot .brand{display:flex;align-items:center;gap:12px}
.foot .logo{
  font-family:var(--font-display);
  font-weight:400;
  font-size:1.3rem;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.foot .foot-title{
  font-family:var(--font-body);
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ff6a2c;
  font-weight:900;
  margin:0 0 11px;
}
.foot .foot-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  font-family:var(--font-body);
}
.foot .foot-links a,
.foot .foot-action{
  font-family:var(--font-body);
  font-size:.92rem;
  font-weight:700;
}
.foot .fine{
  width:100%;
  border-top:1px solid rgba(255,255,255,.15);
  padding:17px 0 24px;
  margin:0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  font-family:var(--font-body);
  font-size:.82rem;
}
@media(max-width:912px){
  .site-header .header-tag{display:none}
}
@media(max-width:860px){
  .site-header > .wrap,.foot > .wrap{padding-inline:18px}
  .site-header .header-row{flex-wrap:wrap;height:auto;column-gap:12px;row-gap:6px;padding-block:10px}
}
@media(max-width:760px){
  .foot .foot-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:600px){
  .site-header .logo{font-size:2.9rem}
}
