.pg{--acc:#d9f21b;--acc-ink:#191b17;--bg:#191b17;--panel:#22251f;--line:#30332b;--tx:#ecede4;--mu:#9a9d90;--lt:#ecede4;--lt-ink:#191b17;background:var(--bg);color:var(--tx)}
.pg-hero{padding:80px 4vw 50px;border-bottom:1px solid var(--line)}
.pg-crumb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:18px}
.pg-crumb a{text-decoration:none;color:var(--mu)}.pg-crumb a:hover{color:var(--acc)}
.pg-hero h1{font:700 clamp(40px,6vw,88px)/.95 Zil,serif;letter-spacing:-.025em;margin:0 0 18px;max-width:16ch}
.pg-hero h1 em{font-style:normal;color:var(--acc)}
.pg-hero p{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--mu);max-width:56ch}
.pg-hero .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.pg-hero .withimg{display:grid;grid-template-columns:1.3fr 1fr;gap:4vw;align-items:center}
.pg-hero .withimg img{width:100%;max-height:360px;object-fit:contain;filter:drop-shadow(24px 34px 22px rgba(0,0,0,.35))}
.pg-sec{padding:70px 4vw;border-bottom:1px solid var(--line)}
.pg-sec h2{font:700 clamp(30px,4vw,54px)/1 Zil,serif;letter-spacing:-.02em;margin-bottom:26px}
.pg-sec.light{background:var(--lt);color:var(--lt-ink)}
.pg-sec.light .pg-mu{color:inherit;opacity:.7}
.pg-mu{color:var(--mu)}
.pg-two{display:grid;grid-template-columns:1fr 1fr;gap:4vw}
.pg-list{list-style:none;display:grid;gap:12px}
.pg-list li{padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:0px;line-height:1.45}
.pg-sec.light .pg-list li{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08)}
.pg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:st}
.pg-steps div{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:0px;line-height:1.45;counter-increment:st}
.pg-steps div:before{content:"0" counter(st);display:block;font:700 28px Zil,serif;color:var(--acc);margin-bottom:8px}
.pg-steps b{display:block;margin-bottom:6px;font-size:17px}
.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pg-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:0px;text-decoration:none;color:inherit;transition:transform .3s,border-color .3s}
.pg-card:hover{transform:translateY(-4px);border-color:var(--acc)}
.pg-card img{height:150px;object-fit:contain;filter:drop-shadow(12px 18px 12px rgba(0,0,0,.3))}
.pg-card h3{font:700 24px Zil,serif;letter-spacing:-.01em}
.pg-card span{color:var(--mu);line-height:1.45}
.pg-card b{color:var(--acc);font-size:14px}
.pg-faq details{background:var(--panel);border:1px solid var(--line);border-radius:0px;margin-bottom:10px}
.pg-sec.light .pg-faq details{background:rgba(255,255,255,.65);border-color:rgba(0,0,0,.08)}
.pg-faq summary{cursor:pointer;padding:18px 20px;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pg-faq summary:after{content:"+";color:var(--acc);font-size:22px;line-height:1}
.pg-faq details[open] summary:after{content:"–"}
.pg-faq details p{padding:0 20px 18px;line-height:1.55;opacity:.85}
.pg-cta{padding:70px 4vw;background:var(--acc);color:var(--acc-ink);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.pg-cta h2{font:700 clamp(30px,4vw,56px)/1 Zil,serif;letter-spacing:-.02em}
.pg-cta .row{display:flex;gap:10px;flex-wrap:wrap}
.pg-cta .btn{box-shadow:inset 0 0 0 2px var(--acc-ink)}
.pg-cta .solid{background:var(--acc-ink);color:var(--acc);box-shadow:none}
.pg-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pg-areas div{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:0px}
.pg-areas b{display:block;font-size:18px;margin-bottom:4px}
.pg-rev{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pg-rev blockquote{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:0px;font-size:17px;line-height:1.5}
.pg-rev cite{display:block;margin-top:12px;font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.pg-note{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:14px}
.pg-form{display:grid;gap:12px;max-width:520px}
.pg-form input,.pg-form textarea{background:var(--panel);border:1px solid var(--line);border-radius:0px;padding:14px;color:var(--tx);font-size:16px;font-family:inherit}
.pg-form textarea{min-height:120px}
.pg-dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:17px}
.pg-dl dt{color:var(--mu)}
.pg-prose{max-width:70ch;line-height:1.65;font-size:17px}.pg-prose p{margin-bottom:14px}.pg-prose h3{margin:24px 0 8px;font-size:20px}
@media (max-width:900px){.pg-two,.pg-hero .withimg{grid-template-columns:1fr;row-gap:44px}.pg-steps{grid-template-columns:1fr 1fr}.pg-grid{grid-template-columns:1fr 1fr}.pg-areas{grid-template-columns:1fr 1fr}.pg-rev{grid-template-columns:1fr}.pg-hero{padding-top:50px}}
@media (max-width:560px){.pg-grid,.pg-steps{grid-template-columns:1fr}}

/* 11-04 gate fix: nothing wider than a 320 px phone (cards no longer stretch to their longest word, long buttons wrap) */
@media (max-width:560px){.pg-grid,.pg-two{grid-template-columns:minmax(0,1fr)}.pg-card,.pg-grid>*{min-width:0}.pg-card h3{overflow-wrap:break-word}.pg-hero .btn,.pg-cta .btn{max-width:100%;white-space:normal;text-align:center}}
@media (max-width:374px){.pg-card h3{font-size:21px}}