/* PdT | Pre Order product showcase. Scoped to avoid affecting other pages. */
body[data-page="preorder"]{background:var(--cream-light)}
body[data-page="preorder"] #preorder-main{overflow:clip}
body[data-page="preorder"] a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.preorder-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 86% 18%,rgba(245,179,53,.16),transparent 30%),linear-gradient(135deg,var(--blue-800),var(--blue-950));padding:clamp(48px,7vw,90px) 0 70px;color:#fff}
.preorder-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);align-items:center;gap:clamp(28px,5vw,70px)}
.preorder-kicker,.preorder-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.preorder-kicker{color:var(--gold-soft)!important;margin-bottom:23px}
.preorder-status{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(245,179,53,.55);background:rgba(245,179,53,.12);border-radius:100px;padding:8px 15px;color:var(--gold-soft);font-size:13px;margin-bottom:28px}
.preorder-status-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(245,179,53,.16)}
.preorder-hero h1{font-size:clamp(44px,5.8vw,76px);line-height:1.04;letter-spacing:-.03em;color:var(--cream-light);margin:0 0 25px;max-width:640px}
.preorder-hero-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:rgba(255,255,255,.84)!important;max-width:610px}
.preorder-hero-notice{font-size:13px;line-height:1.55;color:rgba(255,255,255,.76)!important;margin-top:19px;max-width:560px}
.preorder-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.preorder-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:13px 25px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:.01em;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-sizing:border-box}
.preorder-btn span[aria-hidden]{font-family:Arial,sans-serif;font-size:19px;line-height:1}
.preorder-btn--primary{background:var(--gold);color:var(--blue-950)!important;box-shadow:0 12px 28px rgba(245,179,53,.2)}
.preorder-btn--primary:hover{background:var(--gold-soft);transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.preorder-btn--outline{border-color:var(--gold);background:transparent;color:var(--gold-soft)!important}
.preorder-btn--outline:hover{background:var(--gold);color:var(--blue-950)!important;transform:translateY(-2px)}
.preorder-hero-product{margin:0;min-width:0;position:relative;padding:14px;border:1px solid rgba(245,179,53,.35);border-radius:22px;background:rgba(255,255,255,.06);box-shadow:0 26px 70px rgba(0,0,0,.15)}
.preorder-hero-product img{width:100%;height:auto;aspect-ratio:1.2;object-fit:contain;border-radius:12px;background:var(--cream)}
.preorder-hero-product figcaption{margin-top:13px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.45;text-align:center}
.preorder-highlights{border-bottom:1px solid var(--border);background:var(--cream-light)}
.preorder-highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.preorder-highlights-grid>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center;padding:25px 14px;min-width:0;border-right:1px solid var(--border)}
.preorder-highlights-grid>div:last-child{border:0}
.preorder-highlights-grid strong{color:var(--blue-900);font-weight:400;font-size:clamp(31px,3.2vw,44px);line-height:1.1}
.preorder-highlights-grid span{color:var(--muted);font-size:13px;line-height:1.4}
.preorder-section{padding:clamp(70px,8vw,112px) 0}
.preorder-section-heading{max-width:750px;margin:0 auto 46px;text-align:center}
.preorder-eyebrow{color:var(--blue-800)!important;margin-bottom:11px}
.preorder-section h2{font-size:clamp(33px,4.3vw,56px);line-height:1.13;letter-spacing:-.025em;color:var(--blue-950);margin-bottom:15px}
.preorder-section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.65}
.preorder-bundle{background:var(--cream)}
.preorder-bundle-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(26px,5vw,65px);align-items:center}
.preorder-bundle-visual{margin:0;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-small)}
.preorder-bundle-visual img{width:100%;height:auto;border-radius:12px;aspect-ratio:1.5;object-fit:contain;background:var(--cream)}
.preorder-bundle-visual figcaption{font-size:12px;color:var(--muted);line-height:1.45;margin:12px 5px 2px}
.preorder-bundle-components{border-top:1px solid var(--border)}
.preorder-component{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}
.preorder-component-number{color:var(--blue-700);font-size:13px;letter-spacing:.1em;font-weight:700}
.preorder-component h3{color:var(--blue-950);font-size:21px;line-height:1.35;margin:0 0 4px}
.preorder-component p{font-size:15px;color:var(--muted);line-height:1.55;margin:0}
.preorder-gallery{background:var(--cream-light)}
.preorder-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.preorder-gallery-card{min-width:0;border-radius:17px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-small)}
.preorder-gallery-image{display:block;position:relative;overflow:hidden;background:var(--cream)}
.preorder-gallery-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .25s}
.preorder-gallery-image:hover img{transform:scale(1.025)}
.preorder-gallery-open{display:grid;place-items:center;position:absolute;top:14px;right:14px;width:37px;height:37px;border-radius:50%;background:#fff;color:var(--blue-950);box-shadow:0 4px 18px #0002;font:20px Arial,sans-serif}
.preorder-gallery-caption{padding:23px 24px 26px}
.preorder-gallery-caption h3{font-size:25px;color:var(--blue-950);line-height:1.25;margin:0 0 8px}
.preorder-gallery-caption p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 16px}
.preorder-gallery-caption>a{font-size:14px;font-weight:700;color:var(--blue-800);text-underline-offset:4px}
.preorder-image-disclaimer{text-align:center;font-size:13px;color:var(--muted);margin-top:22px}
.preorder-launch{background:var(--cream)}
.preorder-launch-grid{display:grid;grid-template-columns:1fr minmax(290px,.75fr);gap:clamp(28px,8vw,112px);align-items:center}
.preorder-launch-grid>div>p:last-child{max-width:635px;line-height:1.7;color:var(--muted)}
.preorder-launch-aside{border:1px solid var(--border);background:var(--cream-light);border-radius:18px;padding:clamp(26px,3.5vw,43px)}
.preorder-price-line{display:block;width:48px;height:2px;background:var(--gold);margin-bottom:25px}
.preorder-launch-aside h3{color:var(--blue-950);font-size:28px;line-height:1.2;margin-bottom:15px}
.preorder-launch-aside p{font-size:16px;line-height:1.65;margin-bottom:20px}
.preorder-launch-aside a{font-size:15px;font-weight:700;text-underline-offset:4px;color:var(--blue-800)}
.preorder-cta{background:radial-gradient(circle at 84% 16%,rgba(245,179,53,.15),transparent 33%),linear-gradient(135deg,var(--blue-800),var(--blue-950));padding:clamp(60px,7vw,94px) 0;color:#fff}
.preorder-cta-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.7fr);gap:42px;align-items:center}
.preorder-cta h2{font-size:clamp(35px,4.2vw,54px);line-height:1.13;color:#fff;margin-bottom:20px;max-width:660px}
.preorder-cta p{color:rgba(255,255,255,.83);max-width:700px;line-height:1.7}
.preorder-cta small{display:block;color:rgba(255,255,255,.74);font-size:12px;line-height:1.5;margin-top:17px}
.preorder-cta-actions{display:grid;gap:13px}
.preorder-cta-actions .preorder-btn{width:100%}
.preorder-mobile-action{display:none}
@media(max-width:1020px){.preorder-hero-grid{gap:28px}.preorder-hero h1{font-size:clamp(40px,5vw,60px)}}
@media(max-width:790px){.preorder-hero{padding:55px 0 58px}.preorder-hero-grid,.preorder-bundle-grid,.preorder-launch-grid,.preorder-cta-grid{grid-template-columns:minmax(0,1fr)}.preorder-hero-product{max-width:670px;margin-inline:auto}.preorder-bundle-visual{max-width:720px}.preorder-section-heading{text-align:left}.preorder-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preorder-cta-actions{max-width:450px}.preorder-highlights-grid{grid-template-columns:repeat(2,1fr)}.preorder-highlights-grid>div:nth-child(2){border-right:0}.preorder-highlights-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:600px){.preorder-hero{padding:41px 0 45px}.preorder-hero h1{font-size:clamp(40px,10vw,53px)}.preorder-hero-lead{font-size:17px}.preorder-actions{display:grid;gap:10px}.preorder-actions>.preorder-btn{width:100%}.preorder-hero-product{padding:9px;border-radius:14px}.preorder-section{padding:63px 0}.preorder-section-heading{margin-bottom:30px}.preorder-section h2{font-size:clamp(32px,9vw,42px)}.preorder-gallery-grid{grid-template-columns:1fr}.preorder-gallery-card{max-width:500px}.preorder-component{grid-template-columns:30px 1fr}.preorder-component h3{font-size:20px}.preorder-highlights-grid strong{font-size:35px}.preorder-cta{padding:65px 0 110px}.preorder-mobile-action{display:block;position:fixed;bottom:0;left:0;right:0;z-index:900;padding:11px max(18px,env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-right));background:rgba(18,63,111,.98);border-top:1px solid rgba(245,179,53,.48);box-shadow:0 -8px 30px #0003}.preorder-mobile-action .preorder-btn{width:100%;min-height:50px}body[data-page="preorder"]{padding-bottom:calc(75px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.preorder-btn,.preorder-gallery-image img{transition:none!important}.preorder-btn:hover{transform:none}.preorder-gallery-image:hover img{transform:none}}

@media(min-width:791px) and (max-width:1080px){.preorder-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Brand consistency: match the typography and spacing of the other PdT pages. */
body[data-page="preorder"] #preorder-main p{text-align:left;text-justify:auto;hyphens:none}
body[data-page="preorder"] .preorder-status{color:var(--gold-soft)}
body[data-page="preorder"] .preorder-btn--primary:focus-visible,
body[data-page="preorder"] .preorder-btn--outline:focus-visible{outline:3px solid var(--cream-light);outline-offset:3px}
body[data-page="preorder"] .preorder-hero-product img,
body[data-page="preorder"] .preorder-gallery-image img,
body[data-page="preorder"] .preorder-bundle-visual img{background:var(--cream)}
@media(max-width:600px){
 body[data-page="preorder"] .preorder-hero-lead{line-height:1.62}
 body[data-page="preorder"] .preorder-hero-notice{line-height:1.55}
 body[data-page="preorder"] .preorder-mobile-action .preorder-btn--primary{box-shadow:0 7px 18px rgba(0,0,0,.14)}
}
