:root{--gold:#ffce62;--white:#fffaf2;--muted:#cfdeee;--blue:#8bd3ff;--panel:rgba(6,25,55,.75);--line:rgba(166,206,255,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#123d72;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(23,83,154,.25),rgba(7,31,68,.08)),url('/assets/background.545c4b6e03e4.webp') center/cover no-repeat;background-color:#184a83;background-blend-mode:screen;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 46% 22%,rgba(32,116,212,.28),transparent 65%),linear-gradient(90deg,transparent,rgba(3,24,56,.28) 25%,rgba(3,24,56,.18) 75%,transparent);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,textarea,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold)}img{max-width:100%;display:block}.wrap{width:min(1220px,calc(100% - 72px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--gold);color:#102448;padding:12px;z-index:10}.header{position:relative;z-index:5}.header-inner{height:150px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand img{width:170px;height:120px;object-fit:contain;filter:drop-shadow(0 7px 20px #00152b80)}.nav{display:flex;align-items:center;gap:42px;font-size:15px;font-weight:550}.nav a{padding:10px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--gold)}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px}.menu-button{display:none;border:1px solid var(--line);background:#092a50;color:white;padding:9px 15px;border-radius:8px;cursor:pointer}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;min-height:650px;padding:8px 0 25px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:4px;color:#e2eaff;font-weight:650;margin:0 0 24px}.hero h1{font-size:clamp(44px,4.9vw,70px);font-weight:900;letter-spacing:-2.8px;line-height:1.04;margin:0 0 27px;text-shadow:0 3px 28px #001b4555}.hero h1 span{display:block}.hero h1 .phrase{font-size:.69em;letter-spacing:-1.5px;margin:9px 0}.gold{color:var(--gold);background:linear-gradient(#fff4c5 8%,#ffd46d 45%,#e3a72e 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 .gold{font-size:1.15em;margin-top:6px}.hero-copy{position:relative;z-index:2;padding-bottom:35px}.lead{font-size:20px;line-height:1.6;color:#e0eafa;max-width:540px;margin:0 0 30px}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 24px;border-radius:9px;background:linear-gradient(160deg,#ffe69d,#f8c34d);color:#111e35;font-weight:800;font-size:15px;border:1px solid #f7d17e;box-shadow:0 6px 22px #041d4844;cursor:pointer;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn svg{width:20px;height:20px;flex-shrink:0}.btn.secondary{background:rgba(4,25,54,.7);color:#fff;border-color:#e7bf65;font-weight:650}.btn:disabled{opacity:.6;cursor:wait}.hint{font-size:12px;color:var(--muted);margin-top:20px}.hero-art{position:relative;align-self:stretch;display:grid;place-items:center;min-width:0}.hero-art:before{content:"";position:absolute;inset:20% 0 0;border-radius:50%;background:radial-gradient(ellipse,rgba(46,151,253,.4),transparent 70%);filter:blur(20px);z-index:-1}.machine{height:650px;width:100%;object-fit:contain;filter:drop-shadow(15px 20px 27px rgba(0,12,35,.65));mask-image:linear-gradient(#000 0%,#000 96%,transparent 100%)}.place-pill{position:absolute;bottom:22px;right:0;border:1px solid #82acdb69;background:#061d39e8;padding:9px 16px;border-radius:30px;font-size:12px;box-shadow:0 3px 20px #001a38;display:flex;align-items:center;gap:10px}.place-pill svg{height:18px;width:18px}.intro{text-align:center;padding:42px 0 50px}.intro h2{font-size:clamp(27px,3.1vw,43px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 17px;font-weight:850}.intro p{font-size:18px;color:#dfebf8;margin:0}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:25px 0 50px}.detail-block{padding:20px 0}.detail-block .index{font-size:11px;letter-spacing:2px;color:var(--gold)}h2,h3{line-height:1.2}h3{font-size:22px;letter-spacing:-.4px;margin:12px 0}.detail-block p{font-size:15px;color:var(--muted)}.text-link{color:var(--gold);font-size:14px;font-weight:700}.text-link:hover{text-decoration:underline}.faq{max-width:850px;margin:35px auto 75px}.faq h2{font-size:30px;letter-spacing:-.8px;margin-bottom:25px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:600}details p{color:var(--muted);font-size:14px;line-height:1.8;margin:15px 0 0}.page-heading{padding:35px 0 42px;max-width:800px}.page-heading h1{font-size:clamp(40px,4.8vw,62px);letter-spacing:-2px;line-height:1.08;margin:0 0 22px}.page-heading .lead{max-width:660px;font-size:18px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:60px}.location-photo{border-radius:14px;max-height:650px;width:100%;object-fit:cover;box-shadow:0 20px 60px #00153388}.location-copy h2{font-size:36px;margin:18px 0}.badge{display:inline-block;border:1px solid #8cdbd487;border-radius:30px;padding:5px 13px;color:#b4ffee;background:#073f4d9e;font-size:12px}.info-row{padding:19px 0;border-bottom:1px solid var(--line)}.info-row strong{display:block;font-size:14px;margin-bottom:4px}.info-row p{color:var(--muted);font-size:15px;margin:0}.section-copy{max-width:740px;margin:0 auto 60px;text-align:center}.section-copy h2{font-size:32px}.section-copy p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding-bottom:65px}.contact-grid h2{font-size:30px;margin-top:0}.contact-address{font-size:clamp(16px,2vw,21px);color:var(--gold);overflow-wrap:anywhere}.contact-form{background:var(--panel);padding:34px;border-radius:15px;border:1px solid var(--line);box-shadow:0 15px 40px #0019393d}.contact-form p{color:var(--muted);font-size:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;margin-top:16px;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #6486aa85;background:#061e3ed9;padding:12px 13px;border-radius:7px;color:#fff;margin-top:7px;font-size:15px}input::placeholder,textarea::placeholder{color:#aebed2}textarea{min-height:150px;resize:vertical}.contact-form .btn{margin-top:20px}.form-note{font-size:12px!important;line-height:1.7;margin:16px 0 0}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.status{margin-top:16px;color:var(--gold)!important;min-height:1em}.footer{padding:30px 0 24px;background:linear-gradient(transparent,rgba(3,20,47,.4));font-size:12px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-name{font-size:18px;font-weight:800}.footer-top a{display:inline-flex;align-items:center;gap:8px}.footer-top a:hover{color:var(--gold)}.footer-top svg{width:19px;height:19px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;color:#b8cce1;font-size:10px;margin-top:24px}.legal-button{font:inherit;background:none;color:inherit;border:0;padding:0;text-decoration:underline;cursor:pointer}.legal{border:1px solid #628dbd;background:#0b2546;color:#fff;max-width:650px;width:calc(100% - 36px);border-radius:14px;padding:30px;box-shadow:0 20px 100px #0008}.legal::backdrop{background:#00142cbb;backdrop-filter:blur(6px)}.legal h2{font-size:25px}.legal p{font-size:14px;color:#d8e5f5}.close{float:right;font-size:25px;background:transparent;border:0;color:white;cursor:pointer}.legal a{color:var(--gold);overflow-wrap:anywhere}.reveal{animation:appear .7s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1500px){.wrap{max-width:1280px}.hero h1{font-size:76px}.machine{height:690px}}
@media(max-width:960px){.wrap{width:calc(100% - 44px)}.header-inner{height:125px}.brand img{width:145px;height:100px}.nav{gap:23px;font-size:13px}.hero{min-height:560px}.machine{height:560px}.hero h1{font-size:52px}.lead{font-size:17px}.btn{font-size:13px;padding:13px 17px}.location-grid{gap:35px}.contact-grid{gap:30px}.place-pill{font-size:10px;right:-10px}.details-grid{gap:22px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header-inner{height:105px}.brand img{width:125px;height:88px}.menu-button{display:block}.nav{position:absolute;top:96px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:18px 25px;background:#09274ef5;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 30px #00172f80}.nav.open{display:flex}.nav a{padding:12px 0}.hero{grid-template-columns:1fr;gap:0;padding-top:25px;min-height:0}.hero h1{font-size:clamp(40px,10.5vw,60px);letter-spacing:-2px;margin-bottom:20px}.hero h1 .phrase{font-size:.7em;letter-spacing:-.8px}.hero h1 .gold{font-size:1.1em}.eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:22px}.hero-copy{padding-bottom:5px}.lead{font-size:16px;max-width:470px;margin-bottom:23px}.actions{gap:10px}.btn{font-size:13px;padding:12px 16px;min-height:49px}.hint{font-size:11px}.hero-art{height:510px;max-width:430px;width:100%;margin:auto}.machine{height:510px}.place-pill{bottom:16px;right:6px;font-size:10px}.intro{padding:25px 0 22px}.intro h2{font-size:29px}.intro p{font-size:15px}.details-grid{grid-template-columns:1fr;gap:4px;padding-bottom:15px}.detail-block{padding:15px 0}.detail-block p{font-size:14px}.faq{margin:25px auto 45px}.faq h2{font-size:26px}summary{font-size:14px}.page-heading{padding:30px 0 15px}.page-heading h1{font-size:42px;letter-spacing:-1.8px}.page-heading .lead{font-size:16px}.location-grid{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.location-photo{max-height:500px}.location-copy h2{font-size:31px}.contact-grid{grid-template-columns:1fr;padding-bottom:25px}.contact-form{padding:23px}.fields{grid-template-columns:1fr;gap:0}.footer-top{flex-direction:column;align-items:flex-start;gap:16px}.footer-bottom{display:block;font-size:10px}.footer-bottom button{margin-top:10px}.section-copy{margin-bottom:35px}.section-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* PokeChris 1.1.0 — locked gold design: base and footer are separate to prevent repeating cards. */
:root {
  --gold: #ffce55;
  --white: #fffaf2;
  --muted: #ebdaca;
  --blue: #ffd27a;
  --panel: rgba(29, 18, 12, .86);
  --line: rgba(255, 213, 127, .32);
}
body {
  position: relative;
  min-height: 100vh;
  background: #24170c;
  color: var(--white);
}
body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  /* A non-repeating, alpha-faded hero atmosphere over continuous warm gradients.
     This prevents bands or a card row reappearing during scroll. */
  background:
    url('/assets/background.545c4b6e03e4.webp') center top / auto 1180px no-repeat,
    radial-gradient(ellipse 75% 30% at 50% 38%, #80502340, transparent 85%),
    linear-gradient(to bottom, #3b2414 0%, #2b1b11 39%, #24160d 73%, #29170c 100%);
}
body::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(18, 11, 5, .44), rgba(26, 15, 5, .10) 30%, rgba(19, 10, 4, .1) 68%, rgba(15, 9, 4, .29));
}
.header { text-shadow: 0 2px 12px #14090088; }
.brand img { filter: drop-shadow(0 7px 20px #160900b3); }
.nav a:hover,.nav a[aria-current="page"] { color: #ffe59f; }
.menu-button {
  border-color: #e9c16c99;
  background: #231609ed;
  color: #fff6e6;
}
.eyebrow { color: #fff2d9; }
.hero {
  grid-template-columns: 1.06fr 1fr;
  gap: 15px;
  min-height: 650px;
  padding-bottom: 12px;
}
.hero-copy {
  padding-left: clamp(0px, 3.8vw, 60px);
  padding-bottom: 10px;
}
.hero h1 {
  font-size: clamp(48px, 5vw, 77px);
  line-height: 1.055;
  letter-spacing: -2.7px;
  margin-bottom: 22px;
  text-shadow: 0 4px 24px #1c0b00a3;
}
.hero h1 span { display: block; }
.hero h1 .tagline {
  font-size: .85em;
  letter-spacing: -1.75px;
  line-height: 1.12;
  margin-top: 7px;
}
.gold {
  color: #ffdd78;
  background: linear-gradient(180deg,#fffbe2 0%,#ffe79a 36%,#ffdb60 71%,#f8bb37 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lead { color: #fff1df; text-shadow: 0 2px 12px #120800ad; }
.btn { border-color: #ffd67c; box-shadow: 0 5px 26px #1b0c01a6; }
.btn.secondary { color: #fff7e6; background: #190f0bd9; border-color: #e2b84f; }
.hero-art::before {
  inset: 13% -4% 3%;
  background: radial-gradient(ellipse, rgba(255, 181, 26, .43), rgba(240, 112, 9, .10) 47%,transparent 73%);
  filter: blur(30px);
}
.machine {
  filter: drop-shadow(17px 23px 24px rgba(20, 8, 0, .76));
}
.place-pill {
  bottom: 18px;
  background: #150f0de8;
  border-color: #ffdb7b88;
  box-shadow: 0 3px 24px #0f0807bd;
}
.intro { padding-top: 18px; }
.intro h2 { text-shadow: 0 4px 20px #140900c7; }
.intro p,.detail-block p,.info-row p,.section-copy p { color: #ebd9c5; }
.detail-block {
  padding: 24px;
  border: 1px solid #edbd6138;
  border-radius: 12px;
  background: linear-gradient(145deg, #24160bb3, #130e0bb0);
  box-shadow: 0 12px 35px #10080036;
}
.detail-block .index,.text-link { color: #ffd777; }
.faq details { background: #1a110a69; padding-left: 16px; padding-right: 16px; }
.faq details:first-of-type { border-top: 1px solid var(--line); }
.faq details p { color: #e9d7bf; }
.badge { border-color: #edbf679e; color: #ffe8af; background: #4a2d0ed4; }
.location-photo { box-shadow: 0 20px 60px #130902a8; }
.contact-form { box-shadow: 0 15px 42px #140800b0; }
.contact-form p { color: #e5d1ba; }
input,textarea,select { border-color: #e6ba6978; background: #1e130fd9; }
input::placeholder,textarea::placeholder { color: #c8b6a6; }
.footer {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, transparent, #1a100b72);
  padding: 68px 0 clamp(150px, 14vw, 225px);
  font-size: 12px;
  overflow: hidden;
}
.footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0;
  height: clamp(200px, 30vw, 455px);
  background: none;
  pointer-events: none;
}
.footer .wrap { position: relative; z-index: 1; }
.footer-top {
  padding: 16px 18px;
  border: 1px solid #e8b55049;
  border-radius: 12px;
  background: #1a100dc9;
  backdrop-filter: blur(8px);
}
.footer-bottom {
  padding: 4px 16px;
  color: #f3dfc3;
  text-shadow: 0 2px 7px #190a00;
}
.legal { background: #22160d; border-color: #d3a14f; }
.legal p { color: #f4ddc6; }
.legal::backdrop { background: #160c06bd; }
/* Smaller screens: card deck remains at the end of the document, never the viewport. */
@media (min-width: 1500px) {
  .hero h1 { font-size: 79px; }
}
@media (max-width: 960px) {
  .hero-copy { padding-left: 0; }
  .hero h1 { font-size: clamp(45px, 5.8vw, 59px); }
  .hero h1 .tagline { font-size: .86em; }
}
@media (max-width: 680px) {
  body::before {
    background-size: auto 1060px, auto, auto;
  }
  body::after {
    background: linear-gradient(90deg, rgba(20,11,5,.42), rgba(22,11,5,.38)),
      linear-gradient(to bottom,rgba(22,11,5,.1),rgba(22,11,5,.48));
  }
  .nav { background: #23140cef; border-color: #f0cb8288; }
  .hero { grid-template-columns: 1fr; gap: 0; padding-top: 10px; }
  .hero h1 {
    font-size: clamp(39px, 10vw, 61px);
    letter-spacing: -1.85px;
  }
  .hero h1 .tagline {
    font-size: .86em;
    letter-spacing: -1.15px;
  }
  .hero-art { height: min(490px, 121vw); }
  .machine { height: 100%; }
  .intro { padding: 18px 0 28px; }
  .detail-block { padding: 19px; }
  .footer { padding: 54px 0 148px; }
  .footer::before { height: 225px; background-size: auto 245px; }
  .footer-top { padding: 16px; }
  .footer-bottom { padding: 4px 8px; }
}
@media (max-width: 400px) {
  .hero h1 { font-size: clamp(36px, 9.7vw, 39px); }
  .hero h1 .tagline { font-size: .9em; }
  .actions .btn { width: 100%; }
  .footer { padding-bottom: 139px; }
}



html,body { overflow-x: clip; }
.hero-art::after {
  content:"";
  position:absolute;
  z-index:0;
  inset: -14% -28% -6%;
  border-radius: 50%;
  background: conic-gradient(from -24deg at 50% 49%,transparent 0deg 28deg,rgba(255,227,113,.19) 38deg,transparent 48deg 78deg,rgba(255,247,179,.34) 94deg, transparent 108deg 158deg,rgba(255,205,65,.19) 171deg,transparent 185deg 216deg,rgba(255,237,139,.28) 230deg,transparent 242deg 299deg,rgba(255,212,86,.25) 309deg,transparent 327deg 360deg);
  filter: blur(14px);
  mix-blend-mode: screen;
  pointer-events: none;
  transform: rotate(-9deg);
}
.machine-aura {
  position: absolute;
  z-index: 1;
  inset: 5% -24% 0%;
  border-radius: 49%;
  background:
    radial-gradient(ellipse 32% 36% at 50% 44%, rgba(255,255,226,1) 0%,rgba(255,249,179,.99) 26%,rgba(255,206,65,.78) 51%,rgba(255,159,13,.35) 75%,transparent 100%),
    radial-gradient(ellipse 55% 65% at 50% 56%,rgba(255,187,46,.46),transparent 85%);
  mix-blend-mode: screen;
  filter: blur(17px);
  opacity: 1;
  pointer-events:none;
}
.hero-art .machine {
  position: relative;
  z-index: 2;
  filter:
    drop-shadow(0 0 13px rgba(255,245,176,.95))
    drop-shadow(0 0 32px rgba(255,184,34,.72))
    drop-shadow(14px 28px 26px rgba(20,7,0,.9));
}
.hero-art .place-pill { z-index: 3; }
/* With the 01 / 02 / 03 chapters gone, keep the page airy but
   bring FAQs closer to the main call to action. */
.intro { padding-bottom: 34px; }
.faq { margin: 25px auto 82px; }
.faq details { background: transparent; padding: 20px 2px; border-radius: 0; }
.faq details:first-of-type { border-top: 1px solid #ffcc794a; }
@media (max-width: 960px) {
  .hero-art::before { width: 145%; left: -22%; }
  .machine-aura { inset: 8% -17% 2%; }
}
@media (max-width: 680px) {
  .hero-art::before { width: 135%; left:-17%; height:100%; top:0; filter:blur(19px); }
  .hero-art::after { inset:-9% -17% -4%; filter:blur(11px); }
  .machine-aura { inset: 8% -13% 0%; filter:blur(14px); }
  .hero-art .machine { filter: drop-shadow(0 0 13px rgba(255,242,161,.86)) drop-shadow(0 0 26px rgba(255,174,38,.65)) drop-shadow(12px 20px 23px rgba(20,7,0,.87)); }
  .intro { padding-bottom:24px; }
  .faq { margin-top:15px; }
}
@media (prefers-reduced-motion: reduce) { .machine-aura { transition:none; } }


/* PokeChris v1.2.2 – integrated cinematic energy and independently floating card backs.
   No rectangular glow plate: PNG/WebP alpha fades completely out at every edge. */
.hero { position:relative; isolation:isolate; }
.hero-art { isolation:unset; overflow:visible; }
.hero-art::before,.hero-art::after { content:none !important; display:none !important; }
.hero-art .machine {
  position:relative; z-index:2;
  filter: drop-shadow(0 0 15px rgba(255,235,155,.80))
    drop-shadow(0 0 38px rgba(255,176,12,.6))
    drop-shadow(16px 29px 30px rgba(21,7,0,.85));
}
.hero-art .place-pill { z-index:4; }
.hero-copy { z-index:5; }
.hero-floats {
  position:absolute; z-index:1; inset:-126px -155px -45px;
  pointer-events:none; overflow:visible;
}
.float-card {
  position:absolute; width:clamp(80px,10vw,156px); height:auto;
  max-width:none; opacity:.93;
  filter:drop-shadow(0 0 8px rgba(255,197,67,.9)) drop-shadow(0 0 22px rgba(255,161,22,.66));
  animation:card-drift 9s ease-in-out infinite alternate;
  will-change:transform;
}
.fc-1 { width:135px; top:1%; left:0; transform:rotate(-19deg); animation-delay:-4s; }
.fc-2 { width:104px; top:38%; left:-4%; transform:rotate(25deg); opacity:.72; filter:blur(.8px) drop-shadow(0 0 15px #ffd65e);animation-delay:-1s; }
.fc-3 { width:115px; bottom:4%; left:4%; transform:rotate(-23deg); animation-delay:-7s; }
.fc-4 { width:143px; top:0%; right:-1%; transform:rotate(21deg); animation-delay:-2s; }
.fc-5 { width:112px; top:41%; right:-3%; transform:rotate(-25deg); opacity:.75; filter:blur(1px) drop-shadow(0 0 19px #ffd65e);animation-delay:-5s; }
.fc-6 { width:100px; bottom:5%; right:6%; transform:rotate(27deg); animation-delay:-6s; }
@keyframes card-drift { 0% { translate:0 0; } 100% { translate:0 -13px; } }
/* Keep cards in the hero – no repeats during long-page scrolling. */
@media(max-width:1380px) {
 .hero-floats { inset:-110px -45px -26px; }
 .fc-1 { left:-5%; width:112px; } .fc-4 { right:-4%; width:114px; }
 .fc-2,.fc-5 { opacity:.45; } .fc-3,.fc-6 {opacity:.57;}
}
@media(max-width:960px) {
  .fc-2,.fc-3,.fc-5,.fc-6 {display:none;}
 .fc-1 {left:-5%;top:6%;width:85px;opacity:.57}
 .fc-4 {right:-5%;top:3%;width:85px;opacity:.58}
}
@media(max-width:680px) {
 .hero {overflow:visible;}
 .hero-floats { inset:0 -16px -10px; }
  .fc-1 {left:-7%;top:8%;width:69px;opacity:.37;}
 .fc-4 {right:-7%;top:18%;width:75px;opacity:.38;}
 .hero-art .machine {filter:drop-shadow(0 0 14px rgba(255,234,155,.78)) drop-shadow(0 0 25px rgba(255,179,30,.62)) drop-shadow(12px 21px 22px rgba(20,7,0,.8));}
}
@media(prefers-reduced-motion:reduce){.float-card{animation:none;will-change:auto}}
/* Final visual tuning: keep the energy luminous instead of muddy and cards clear of copy. */
@media(max-width:680px){
  .fc-1 {left:-18%;top:61%;width:88px;opacity:.54}
  .fc-4 {right:-19%;top:66%;width:90px;opacity:.54}
  html,body {overflow-x:hidden;}
}
@media(min-width:681px){html,body{overflow-x:hidden}}
/* Dark cinematic pool behind headline preserves contrast without introducing a box. */
.hero-copy::before {
  content:""; position:absolute; pointer-events:none; z-index:-1;
  inset:-85px -48px -75px -95px;
  background:radial-gradient(ellipse 66% 65% at 46% 50%, rgba(19,7,2,.75) 0%,rgba(24,10,3,.51) 45%,transparent 100%);
}
@media(max-width:680px){
 .hero-copy::before {inset:-85px -26px -40px -30px; background:radial-gradient(ellipse 86% 60% at 45% 42%, rgba(19,8,3,.48) 0%,transparent 99%);}
}


/* PokeChris v1.2.3 – use composited glowing hero machine asset and glowing card cutout. */
.hero-art::before { display:none; }
.machine {
  width: min(100%, 620px);
  max-height: min(80vh, 760px);
  object-fit: contain;
  filter: drop-shadow(14px 18px 24px rgba(20,8,0,.45));
}
.float-card {
  filter: drop-shadow(0 12px 28px rgba(15,7,0,.45));
}
@media (max-width: 680px) {
  .machine { max-height: min(74vh, 620px); width: min(100%, 500px); }
  .float-card { opacity: .78; }
}


/* PokeChris v1.2.4 – softer hero fade and no floating cards on mobile. */
.machine {
  filter:
    drop-shadow(0 0 15px rgba(255, 226, 128, .28))
    drop-shadow(8px 14px 18px rgba(20, 8, 0, .20));
  -webkit-mask-image: radial-gradient(ellipse 82% 88% at 50% 52%, #000 0%, #000 54%, rgba(0,0,0,.99) 62%, rgba(0,0,0,.88) 72%, rgba(0,0,0,.56) 82%, rgba(0,0,0,.24) 90%, transparent 98%);
  mask-image: radial-gradient(ellipse 82% 88% at 50% 52%, #000 0%, #000 54%, rgba(0,0,0,.99) 62%, rgba(0,0,0,.88) 72%, rgba(0,0,0,.56) 82%, rgba(0,0,0,.24) 90%, transparent 98%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.hero-art {
  overflow: visible;
}
@media (max-width: 680px) {
  .hero-floats,
  .float-card {
    display: none !important;
  }
  .machine {
    width: min(100%, 500px);
    max-height: min(74vh, 620px);
  }
}


/* PokeChris v1.2.5 – premium hero asset and floating cards behind GUI. */
.hero { position: relative; isolation: isolate; }
.hero-floats {
  z-index: 0 !important;
  inset: -118px -136px -34px;
}
.hero-copy,
.hero-art,
.hero-art .place-pill { position: relative; z-index: 2; }
.hero-copy::before { z-index: -1; }
.machine {
  width: min(100%, 640px);
  max-height: min(82vh, 790px);
  object-fit: contain;
  filter:
    drop-shadow(0 10px 22px rgba(20, 8, 0, .16))
    drop-shadow(0 0 12px rgba(255, 226, 128, .18));
  -webkit-mask-image: none;
  mask-image: none;
}
.float-card {
  opacity: .88;
  filter: drop-shadow(0 8px 18px rgba(15,7,0,.26));
}
.fc-1 { left: -3%; top: 2%; width: 126px; }
.fc-2 { left: -6%; top: 38%; width: 96px; }
.fc-3 { left: 3%; bottom: 7%; width: 112px; }
.fc-4 { right: 0%; top: 2%; width: 134px; }
.fc-5 { right: -4%; top: 41%; width: 104px; }
.fc-6 { right: 5%; bottom: 7%; width: 100px; }
@media (max-width: 1380px) {
  .hero-floats { inset: -100px -48px -18px; }
}
@media (max-width: 960px) {
  .hero-floats { inset: -68px -26px -14px; }
  .fc-1, .fc-4 { width: 82px; opacity: .42; }
  .fc-2, .fc-3, .fc-5, .fc-6 { display: none; }
}
@media (max-width: 680px) {
  .hero-floats, .float-card { display: none !important; }
  .machine {
    width: min(100%, 510px);
    max-height: min(75vh, 620px);
  }
}


/* PokeChris v2.0.0 – genuine booster products and editorial carousel. */
.float-card { width:clamp(70px,8vw,120px); filter:none !important; opacity:.86; }
.hero-floats { z-index:0!important; }
.hero-copy,.hero-art { position:relative; z-index:2; }
.fc-1{top:2%;left:-2%;width:101px}.fc-2{top:39%;left:-5%;width:82px}.fc-3{bottom:7%;left:8%;width:97px}
.fc-4{top:5%;right:-1%;width:118px}.fc-5{top:45%;right:-4%;width:86px}.fc-6{bottom:7%;right:9%;width:101px}
@media(max-width:680px) {.hero-floats,.float-card {display:none!important}}
.booster-showcase { position:relative; margin:20px auto 72px; isolation:isolate; }
.showcase-head { display:flex; justify-content:space-between;align-items:flex-end;gap:24px; margin:0 0 8px; }
.showcase-head .eyebrow { color:#ffd67b;letter-spacing:3.4px;margin-bottom:9px; }
.showcase-head h2 {font-size:clamp(30px,3.7vw,49px);letter-spacing:-1.7px;margin:0 0 13px;line-height:1.06;font-weight:900}
.showcase-head p:not(.eyebrow){max-width:670px;margin:0;color:#e5d2ba;font-size:15px;line-height:1.65}
.carousel-controls{display:flex;gap:10px;padding-bottom:7px}
.carousel-controls button{width:48px;height:48px;border:1px solid #e6ba6688;border-radius:50%;background:linear-gradient(145deg,#37200fd9,#140c08f0);color:#ffda7b;font-size:24px;cursor:pointer;box-shadow:0 4px 17px #0004;transition:background .18s, transform .18s}
.carousel-controls button:hover{background:#7c4a19;transform:translateY(-2px)}
.booster-track {display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:22px 6px 18px;scrollbar-width:thin;scrollbar-color:#c68a37 #231407;scroll-padding-left:6px}
.booster-item{margin:0;position:relative;flex:0 0 calc((100% - 60px)/4);min-width:190px;max-width:294px;scroll-snap-align:start;text-align:center;transition:transform .25s}
.booster-item:hover{transform:translateY(-7px)}
.booster-item img{width:100%;height:320px;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(8,5,1,.32));}
.booster-item figcaption{font-size:14px;font-weight:750;color:#ffe3a1;line-height:1.35;margin:4px 0 0;min-height:2.6em}
.carousel-note{font-size:12px;color:#d4b996;margin-top:7px}
.report-machine{display:flex;align-items:center;gap:15px;margin-top:16px;border-top:1px solid #d6a84f88;border-bottom:1px solid #d6a84f88;padding:17px 4px;color:#ffe8b9;transition:background .2s}
.report-machine:hover{background:#4e2e1255}
.report-machine .report-icon{font-size:25px;color:#ffcd62}
.report-machine span:nth-child(2){flex:1}
.report-machine strong{font-size:16px;display:block}
.report-machine small{display:block;font-size:13px;color:#e0cbae;line-height:1.6}
.contact-form{scroll-margin-top:25px}
@media(max-width:960px){.booster-item{flex-basis:calc((100% - 40px)/3);min-width:165px}.booster-item img{height:280px}}
@media(max-width:680px){.booster-showcase{margin:25px auto 50px}.showcase-head{gap:12px;align-items:flex-end}.showcase-head h2{font-size:clamp(28px,7.7vw,37px)}.showcase-head p:not(.eyebrow){font-size:13px}.carousel-controls{gap:5px}.carousel-controls button{width:39px;height:39px;font-size:18px}.booster-track{gap:10px;padding:18px 0;scroll-padding-left:0}.booster-item{min-width:0;flex:0 0 58%;max-width:none}.booster-item img{height:min(76vw,290px)}.booster-item figcaption{font-size:13px}.footer::before{height:150px;background-size:auto 148px}}
@media(prefers-reduced-motion:reduce){.booster-item{transition:none}.booster-track{scroll-behavior:auto}}


/* PokeChris v2.1.0 – clean readable footer, independent product banner. */
.footer {
  padding: 0;
  background: #160e0b;
  isolation: isolate;
  overflow: hidden;
}
.footer::before { content: none !important; display: none !important; }
.footer-art {
  display:block;
  height:clamp(150px,23vw,290px);
  background: url('/assets/footer-booster-strip.a05e38d5ce5d.webp') center bottom / auto 100% no-repeat;
  position:relative;
}
.footer-art::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,transparent 78%,#160e0b 100%);
  pointer-events:none;
}
.footer-content {
  position:relative;
  z-index:2;
  padding:24px 0 30px;
  background:#160e0b;
  border-top:1px solid rgba(242,193,101,.28);
}
.footer-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 30px;
  padding:4px 0 22px;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.footer-top a { overflow-wrap:anywhere; }
.footer-top .footer-name {
  display:inline !important;
  flex:0 0 auto;
  gap:0 !important;
  letter-spacing:-.02em;
  white-space:nowrap;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.1;
  font-weight:850;
  color:#fff3df;
}
.footer-name .gold {display:inline !important;}
.footer-bottom {
  border-top:1px solid rgba(242,193,101,.23);
  padding:18px 0 0;
  margin:0;
  display:flex;
  gap:16px;
  justify-content:space-between;
  align-items:flex-start;
  color:#f5e8d3;
  font-size:13px;
  line-height:1.65;
  text-shadow:none;
}
.footer-company {display:flex; flex-wrap:wrap; gap:4px 24px; align-items:baseline;}
.footer-company span {white-space:normal;}
.footer-company strong {font-weight:800; color:#ffde99;}
.footer-company a {text-decoration:underline;text-underline-offset:3px;}
.footer-bottom .legal-button {font-size:13px;color:#ffe6b5;flex-shrink:0;margin:0;}
@media(max-width:680px) {
  .footer-art {height:130px;background-size:auto 130px;}
  .footer-content {padding:19px 0 26px;}
  .footer-top {flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 18px;}
  .footer-top .footer-name {font-size:27px;}
  .footer-top a {font-size:12px;}
  .footer-bottom {display:flex;flex-direction:column;gap:10px;font-size:12px;}
  .footer-company {flex-direction:column;gap:3px;}
  .footer-bottom .legal-button {align-self:flex-start;}
}
/* More useful product-copy beneath the carousel, without a boxed card layout. */
.showcase-outro { margin:28px auto 0; max-width:810px; padding:16px 8px 5px; text-align:center; }
.showcase-outro h3 {font-size:clamp(22px,2.8vw,32px);font-weight:850;letter-spacing:-.7px;margin:0 0 10px;color:#ffe09b;}
.showcase-outro p {font-size:clamp(14px,1.45vw,17px);line-height:1.7;color:#f0dfca;margin:0;}
@media(max-width:680px) {.showcase-outro {margin-top:15px;padding:10px 4px;}}


/* v2.2.0: Turnstile safety check integrated below message textarea. */
.turnstile-area{margin:22px 0 16px;padding:18px 16px 15px;border:1px solid rgba(239,186,83,.38);border-radius:16px;background:rgba(30,22,17,.76);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.turnstile-area[hidden]{display:none!important}
.turnstile-label{font-weight:800;letter-spacing:.025em;color:#ffd78e;margin:0 0 12px}
.turnstile-help{font-size:.86rem;color:#e4d2b3;margin:11px 0 0;line-height:1.45}
#turnstile-widget{min-height:65px;max-width:100%;overflow:visible}
@media(max-width:430px){.turnstile-area{padding:14px 10px}#turnstile-widget{transform-origin:left center}}


/* PokeChris v2.2.1 – full-bleed widescreen hotfix.
   The former 1180px-tall hero background covered ~1770px horizontally,
   leaving dark side bands on 2560px/4K monitors. Scale by viewport width
   instead, with undistorted aspect ratio and full-width gradient fallback.
   Keep the proven <=1499px and mobile layouts untouched. */
@media (min-width: 1500px) {
  body::before {
    background:
      url('/assets/background.545c4b6e03e4.webp') center top / 100% auto no-repeat,
      radial-gradient(ellipse 82% 34% at 50% 36%, rgba(128,80,35,.25), transparent 85%),
      linear-gradient(to bottom, #3b2414 0%, #2b1b11 39%, #24160d 73%, #29170c 100%);
  }
  .wrap {
    width: min(1840px, calc(100% - clamp(64px, 7vw, 180px)));
    max-width: none;
  }
  .header-inner { gap: clamp(30px, 3vw, 64px); }
  .brand img { width: clamp(170px, 9vw, 210px); height: clamp(120px, 7vw, 145px); }
  .hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: clamp(24px, 3vw, 76px);
    min-height: clamp(700px, 36vw, 860px);
    padding-bottom: 32px;
  }
  .hero-copy { padding-left: clamp(0px, 1.3vw, 32px); }
  .hero h1 { font-size: clamp(77px, 3.6vw, 96px); }
  .hero .lead { max-width: 660px; font-size: clamp(20px, 1.1vw, 23px); }
  .hero-art .machine {
    width: min(100%, 800px);
    height: clamp(700px, 40vw, 840px);
    max-height: none;
    object-fit: contain;
  }
  .booster-item {
    flex: 0 0 calc((100% - 100px) / 6);
    min-width: 0;
    max-width: none;
  }
  .booster-item img { height: clamp(280px, 16vw, 350px); }
}
/* Preserve consistent gutters when zooming the 2K layout. */
@media (min-width: 1500px) and (max-width: 1800px) {
  .booster-item { flex-basis: calc((100% - 80px) / 5); }
}