/* topx-br.com · layout "poster" (family D) · prefix pz */
:root{--pz-bg:#090F1E;--pz-sf:#111A2B;--pz-sf2:#17233a;--pz-ac:#FF2400;--pz-ac2:#ff5a3d;--pz-tx:#fff;--pz-mut:rgba(255,255,255,.74);--pz-line:rgba(255,255,255,.12);--pz-paper:#f3efe8;--pz-ink:#10172a}
body.pz{margin:0;background:var(--pz-bg);color:var(--pz-tx);font:400 17.5px/1.65 Rubik,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
.pz *,.pz *::before,.pz *::after{box-sizing:border-box}
.pz img{max-width:100%;height:auto;display:block}
.pz a{color:#ff8a73;text-underline-offset:3px}
.pz a:hover{color:#fff}
.pz h1,.pz h2,.pz h3{font-family:Archivo,"Arial Narrow",Arial,sans-serif;overflow-wrap:break-word;margin:0}
.pz p{margin:0 0 16px}
.pz .shell{width:min(1160px,calc(100% - 32px));margin:0 auto}

/* buttons */
.pz .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;background:var(--pz-ac);color:#fff;text-decoration:none;font:800 15.5px/1.1 Archivo,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background .15s,transform .15s;text-align:center}
.pz .btn:hover{background:#ff3d1a;color:#fff;transform:translateY(-1px)}
.pz .btn:focus-visible,.pz a:focus-visible,.pz summary:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* header (markup from build) */
.pz .top{position:sticky;top:0;z-index:20;background:rgba(9,15,30,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--pz-line)}
.pz .top-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 28px;padding:8px 0}
.pz .top-in>a:first-child{display:block;line-height:0;min-height:44px;padding:2px 0}
.pz .top nav{display:flex;gap:4px;justify-content:center}
.pz .top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;color:#fff;text-decoration:none;font:700 15.5px/1 Archivo,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;border-bottom:3px solid transparent}
.pz .top nav a:hover{color:var(--pz-ac2);border-bottom-color:var(--pz-ac)}
.pz .top .btn-main{min-height:44px;padding:0 24px}

/* poster hero */
.pz-hero{position:relative;overflow:hidden;background:var(--pz-bg) url(/poster/background-swirl.webp) center/cover no-repeat;border-bottom:4px solid var(--pz-ac)}
.pz-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 90% at 12% 35%,rgba(255,36,0,.34),transparent 62%),linear-gradient(180deg,rgba(9,15,30,.1) 0%,rgba(9,15,30,.78) 100%)}
.pz-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;padding:76px 0 84px}
.pz-hero-sm .pz-hero-in{padding:56px 0 64px}
.pz-kicker{display:inline-block;margin:0 0 18px;padding:5px 12px;background:var(--pz-ac);color:#fff;font:800 14.5px/1.3 Archivo,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.pz-hero h1{font-weight:900;font-size:clamp(32px,5.2vw,62px);line-height:1.02;letter-spacing:-.012em;text-transform:uppercase;margin:0 0 22px;text-shadow:0 3px 24px rgba(0,0,0,.45)}
.pz-hero-sm h1{font-size:clamp(29px,4.1vw,50px)}
.pz-lead{font-size:clamp(17.5px,1.7vw,20px);line-height:1.6;color:rgba(255,255,255,.9);max-width:640px;margin-bottom:26px}
.pz-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-bottom:14px}
.pz-jump{display:inline-flex;align-items:center;min-height:44px;color:#fff;font:700 15.5px/1 Archivo,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--pz-ac)}
.pz-jump:hover{color:var(--pz-ac2)}
.pz-ad{margin:0 0 10px;font-size:15.6px;line-height:1.4;color:var(--pz-mut)}
.pz-date{margin:0;font-size:15.6px;line-height:1.4;letter-spacing:.04em;color:var(--pz-mut)}
.pz-hero-fig{margin:0;justify-self:center;width:100%;max-width:470px}
.pz-hero-fig img{width:100%;border-radius:6px;transform:rotate(2.2deg);box-shadow:0 34px 70px -22px rgba(255,36,0,.55),0 10px 30px rgba(0,0,0,.5)}
.pz-fig-heart{max-width:320px}
.pz-fig-heart img{transform:rotate(-8deg);box-shadow:none;border-radius:0;filter:drop-shadow(0 26px 40px rgba(255,36,0,.4))}
.pz-hero-doc .pz-hero-in{grid-template-columns:minmax(0,1fr) 250px}

/* facts strip */
.pz-strip{background:var(--pz-sf);border-bottom:1px solid var(--pz-line)}
.pz-strip-in{display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto}
.pz-strip-in>div{padding:26px 22px;border-left:1px solid var(--pz-line)}
.pz-strip-in>div:first-child{border-left:0;padding-left:0}
.pz-strip dt{font:900 clamp(28px,3.6vw,44px)/1 Archivo,Arial,sans-serif;color:var(--pz-ac);margin:0 0 6px}
.pz-strip dd{margin:0;font-size:15.6px;line-height:1.4;color:var(--pz-mut)}

/* numbered sections */
.pz-sec{padding:76px 0;position:relative}
.pz-alt{background:var(--pz-sf)}
.pz-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px 40px;align-items:start}
.pz-no{position:sticky;top:96px;font:900 clamp(110px,13vw,176px)/.82 Archivo,Arial,sans-serif;color:transparent;-webkit-text-stroke:2px var(--pz-ac);letter-spacing:-.04em;user-select:none}
.pz-body{max-width:780px}
.pz-body h2,.pz-light h2,.pz-more h2{font-weight:800;font-size:clamp(25px,3vw,36px);line-height:1.14;letter-spacing:-.005em;margin:0 0 18px}
.pz-body>p{color:rgba(255,255,255,.88)}
.pz-intro{font-size:18.5px;color:#fff!important}
.pz-body b{color:#fff}

/* checklists */
.pz-check{list-style:none;margin:22px 0 24px;padding:0;border-top:1px solid var(--pz-line)}
.pz-check li{position:relative;padding:15px 12px 15px 58px;border-bottom:1px solid var(--pz-line);color:rgba(255,255,255,.9)}
.pz-check li::before{content:"\2713";position:absolute;left:12px;top:15px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pz-ac);border-radius:5px;color:var(--pz-ac);font:900 17px/1 Archivo,Arial,sans-serif}
.pz-warn li::before{content:"\2715";border-style:dashed;color:#ffb3a4;border-color:#ffb3a4;font-size:15px}
.pz-check li:hover{background:rgba(255,255,255,.035)}

/* table */
.pz-tbl-wrap{margin:6px 0 24px}
.pz-tbl{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.pz-tbl th{padding:12px 12px;text-align:left;background:var(--pz-ac);color:#fff;font:800 14.5px/1.2 Archivo,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.pz-tbl td{padding:13px 12px;border-bottom:1px solid var(--pz-line);vertical-align:top;color:rgba(255,255,255,.9)}
.pz-tbl td:first-child{font-weight:600;color:#fff}
.pz-tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* inline photo */
.pz-inline{margin:26px 0 22px;max-width:520px}
.pz-inline img{width:100%;border-radius:6px;box-shadow:0 22px 50px -24px rgba(255,36,0,.55)}

/* mid CTA band */
.pz-mid{background:linear-gradient(100deg,#ff2400 0%,#c91a00 100%);color:#fff}
.pz-mid-in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;padding:36px 0}
.pz-mid h2{font-weight:900;font-size:clamp(22px,2.6vw,32px);line-height:1.12;text-transform:uppercase;margin:0 0 8px}
.pz-mid p{margin:0;color:rgba(255,255,255,.94);max-width:640px}
.pz-mid-act{flex:none;text-align:center}
.pz-mid .btn{background:#fff;color:var(--pz-bg)}
.pz-mid .btn:hover{background:#ffe3dd;color:var(--pz-bg)}
.pz-mid .pz-ad{margin:10px 0 0;color:rgba(255,255,255,.92)}

/* light FAQ */
.pz-light{background:var(--pz-paper);color:var(--pz-ink)}
.pz-light h2{color:var(--pz-ink);font-weight:900;text-transform:uppercase}
.pz-faq{max-width:860px;border-top:2px solid var(--pz-ink)}
.pz-faq details{border-bottom:1px solid rgba(16,23,42,.22)}
.pz-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 4px;cursor:pointer;list-style:none}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq summary h3{font-weight:700;font-size:19px;line-height:1.3;color:var(--pz-ink)}
.pz-faq summary i{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--pz-ink);color:#fff;font:700 22px/1 Archivo,Arial,sans-serif;font-style:normal;border-radius:50%;transition:transform .2s,background .2s}
.pz-faq details[open] summary i{transform:rotate(45deg);background:var(--pz-ac)}
.pz-faq details p{margin:0;padding:2px 52px 20px 4px;color:#27304a;font-size:17.5px}

/* closing block */
.pz-close{background:var(--pz-bg) url(/poster/background-swirl.webp) center/cover no-repeat;position:relative;overflow:hidden;border-top:4px solid var(--pz-ac)}
.pz-close::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 100% at 85% 50%,rgba(255,36,0,.3),transparent 65%),rgba(9,15,30,.72)}
.pz-close-in{position:relative;display:flex;align-items:center;gap:40px;padding:64px 0}
.pz-close h2{font-weight:900;font-size:clamp(25px,3.4vw,42px);line-height:1.08;text-transform:uppercase;margin:0 0 14px;max-width:760px}
.pz-close p{max-width:620px;color:rgba(255,255,255,.9)}
.pz-close .btn{margin-top:6px;margin-bottom:12px}
.pz-heart{flex:none;width:170px;filter:drop-shadow(0 18px 30px rgba(255,36,0,.45));transform:rotate(-9deg)}

/* more pages */
.pz-more{padding:64px 0;background:var(--pz-bg)}
.pz-more-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pz-more-list a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:92px;padding:16px 18px;background:var(--pz-sf);border-left:4px solid var(--pz-ac);color:#fff;text-decoration:none}
.pz-more-list a:hover{background:var(--pz-sf2)}
.pz-more-list b{font:800 18px/1.2 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.pz-more-list span{font-size:15.6px;line-height:1.4;color:var(--pz-mut)}

/* footer (markup from build) */
.pz .foot{background:#060a15;border-top:1px solid var(--pz-line);padding:40px 0 48px;color:var(--pz-mut)}
.pz .foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 36px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--pz-line)}
.pz .foot-top>a{line-height:0;display:block}
.pz .foot nav{display:flex;flex-wrap:wrap;gap:0 6px}
.pz .foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#fff;font:600 15.6px/1 Rubik,Arial,sans-serif;text-decoration:none}
.pz .foot nav a:hover{color:var(--pz-ac2);text-decoration:underline}
.pz .foot p{font-size:15.6px;line-height:1.6;margin:0 0 10px;max-width:920px}

/* tablet */
@media (max-width:980px){
  .pz-hero-in{grid-template-columns:1fr;gap:34px;padding:52px 0 60px}
  .pz-hero-sm .pz-hero-in{padding:44px 0 52px}
  .pz-hero-doc .pz-hero-in{grid-template-columns:1fr}
  .pz-hero-fig{max-width:520px;justify-self:start}
  .pz-fig-heart{max-width:200px}
  .pz-row{grid-template-columns:1fr;gap:0}
  .pz-no{position:static;font-size:96px;-webkit-text-stroke-width:1.6px;margin-bottom:-6px}
  .pz-sec{padding:56px 0}
  .pz-strip-in{grid-template-columns:repeat(2,1fr)}
  .pz-strip-in>div:nth-child(3){border-left:0;padding-left:0}
  .pz-strip-in>div:nth-child(n+3){border-top:1px solid var(--pz-line)}
  .pz-more-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .pz .top-in{grid-template-columns:1fr auto;gap:2px 12px;padding:6px 0 0}
  .pz .top nav{grid-column:1/-1;order:3;justify-content:stretch;gap:0;margin:0 -4px}
  .pz .top nav a{flex:1;justify-content:center;padding:0 4px;font-size:15.5px;letter-spacing:.03em}
  .pz .top .btn-main{padding:0 16px;font-size:14.5px;min-height:44px}
}
@media (max-width:640px){
  body.pz{font-size:17px}
  .pz-hero h1{font-size:clamp(28px,8.6vw,38px)}
  .pz-hero-sm h1{font-size:clamp(26px,7.6vw,34px)}
  .pz-acts{gap:6px 22px}
  .pz-acts .btn{width:100%}
  .pz-mid-in{flex-direction:column;align-items:stretch;text-align:left;padding:30px 0}
  .pz-mid-act{text-align:left}
  .pz-mid .btn{width:100%}
  .pz-close-in{flex-direction:column;align-items:flex-start;gap:20px;padding:48px 0}
  .pz-close .btn{width:100%}
  .pz-heart{width:110px}
  .pz-check li{padding:14px 6px 14px 54px}
  .pz-check li::before{left:6px}
  .pz-tbl{font-size:15.6px}
  .pz-tbl th{padding:10px 8px;font-size:13.5px;letter-spacing:.04em}
  .pz-tbl td{padding:11px 8px}
  .pz-faq summary h3{font-size:17.5px}
  .pz-faq details p{padding-right:4px;font-size:17px}
  .pz-more-list{grid-template-columns:1fr}
  .pz-strip-in>div{padding:20px 14px}
  .pz-strip-in>div:nth-child(odd){padding-left:0}
  .pz .foot nav a{padding:0 8px}
}
@media (prefers-reduced-motion:reduce){.pz .btn,.pz-faq summary i{transition:none}}