/* Approved V4 visual package. Runtime keeps baseline motion and interaction. */
/* ISOLATED WHOLE-HOMEPAGE PALETTE STUDY. Not a patch to the site. */
/* Existing hero, birthday imagery, arena, VR selector and carved quest artwork
   keep their baseline identity. Lower scenes share the same blue/cyan/coral set. */
:root{--study-ink:#102544;--study-blue:#2455C8;--study-cyan:#68C9E5;--study-coral:#FF735F;--study-paper:#F4F8FF}
body{background:#F4F8FF}
.page-thread stop{stop-color:#72AECF!important}

/* Family: more present cyan sky, with a legible edge after the cinematic quest.
   Do not put a colour filter over people/headsets: raster correction is R2. */
#family.family-scene{--family-bg:#BFE7F3;background:#BFE7F3;color:#102544;border-top:1px solid #82C6DC}
#family.family-scene h2 em{color:#174AB3}
#family .family-lead,#family .family-steps p{color:#294D65}
#family .family-choices button{color:#244963;border-color:#8CC1D4}
#family .family-choices button[aria-selected=true]{color:#143FA0;border-color:#143FA0}
#family .family-together{border-color:#81BFD1}
#family .family-steps li>span{color:#1649B3}
#family .family-scene-footer .button{background:#FF735F;color:#102544}

/* Dating: a calm night-blue field separates the two pale audience sections.
   Price/copy and heart geometry are preserved. Preview bitmap R5 is recorded
   separately in the ledger and remains pending owner approval. */
#dating.dating-final{background:#152E58;color:#F5F9FF}
#dating.dating-final .pair-heading em{color:#82D7ED!important}
#dating .eyebrow,#dating .pair-offer span{color:#C3D9ED}
#dating .pair-intro{color:#F3F8FF}
#dating.dating-final .pair-format-options{border-color:#577795}
#dating.dating-final .pair-format-options button{color:#BFD2E7;border-color:#577795}
#dating.dating-final .pair-format-options button[aria-pressed=true]{color:#9CE3F3;border-color:#9CE3F3}
#dating.dating-final .pair-choice [data-pair-description],#dating .pair-terms{color:#C7D9EC}
#dating.dating-final .pair-copy>.text-action{color:#F5F9FF;border-color:#9DB8D3}
#dating.dating-final .pair-copy>.button.button-coral+ .text-action,
.dating-final .pair-copy>.button.button-coral+ .text-action{display:flex;width:max-content;max-width:100%;margin-top:16px}
#dating .button-coral{background:#FF735F;color:#102544}
#dating.dating-final .pair-heart path{stroke:#7DB6DF}
#dating.dating-final .pair-heart .heart-magenta{stroke:#FF9B88;opacity:.45}

/* Corporate: a saturated mid-light blue, not another dark scene. The real
   alpha cutout, shape composition and hidden planner retain their baseline. */
#corporate.corpx{--cx-ink:#102544;--cx-blue:#1948B3;--cx-paper:#C4D9F5;--cx-line:#8DAED7;background:#C4D9F5;color:#102544}
#corporate.corpx .corpx-topline span,#corporate.corpx .corpx-lead,#corporate.corpx .corpx-facts p>span{color:#345374}
#corporate.corpx .corpx-shape{background:linear-gradient(140deg,#B3D9F2 0%,#78ACDE 53%,#4E87CF 100%)}
#corporate.corpx .corpx-orbit{border-color:#2D65AD66}
#corporate.corpx .corpx-art-word{color:#1A4DAB38}
#corporate.corpx .corpx-stamp{background:#F6FAFF;color:#102544;border-color:#8CABD0}
#corporate.corpx .corpx-cta{background:#FF735F;color:#102544}

/* Product: a clean breathing space, distinguished from corporate by both
   luminance and the existing product illustration, without darkening hardware. */
#equipment.qgw-scene,#equipment.qgw-scene .qgw-purchase{background:#EDF5FD;color:#102544}
#equipment.qgw-scene .qgw-hero{background:#EDF5FD}
#equipment.qgw-scene .qgw-choices button{border-color:#9DB8D3}
#equipment.qgw-scene .qgw-bottom{border-color:#A1BAD5}
#equipment.qgw-scene .qgw-cta{background:#FF735F;color:#102544}

/* Offers: restrained warm paper, not a solid orange scene or another cobalt
   expanse before reviews. Small coral marks link to the site action colour. */
#offers.final-offers{background:#FFF1E7;color:#102544;border-top:1px solid #E8C8B6;border-bottom:1px solid #E8C8B6}
#offers.final-offers .eyebrow{color:#8A4539}
#offers.final-offers h2{color:#102544}
#offers.final-offers article{border-top-color:#D7A692}
#offers.final-offers article>span{color:#8A4539;border-color:#D7A692}
#offers.final-offers article h3,#offers.final-offers article strong{color:#102544}
#offers.final-offers article p{color:#465976}
#offers.final-offers article>a{color:#1948B3;border-color:#9CADCB}
#offers .clock-hand.minute{background:#FF735F}

/* Social proof / practical information: deep blue → fresh cyan → neutral
   paper. Clearly different fields, all from the same restrained colour set. */
#vitrina.social-proof-section{background:#173B76;color:#F6FAFF}
#vitrina.social-proof-section .proof-heading .eyebrow,#vitrina.social-proof-section .proof-label{color:#A9DCEC}
#vitrina.social-proof-section .proof-heading h2 em{color:#93D8EE}
#vitrina.social-proof-section .proof-source,#vitrina.social-proof-section .archive,#vitrina.social-proof-section .proof-reviews-heading p{color:#C8DEF0}
#vitrina.social-proof-section .reviews-grid figure.review-story{background:#EAF2FC;color:#102544}
#vitrina.social-proof-section .reviews-grid figure.review-story.review-leading{background:#F8FBFF}
#vitrina.social-proof-section .reviews-grid figure.review-story blockquote{color:#142F56}
#vitrina.social-proof-section .review-stars{color:#285DB4}
#faq.faq-section{background:#D1EAF3;color:#102544;border-top:1px solid #96C7D9;border-bottom:1px solid #96C7D9}
#faq .eyebrow{color:#255D84}
#faq .included-list{background:#F4FAFE;border-color:#9BC3D4}
#faq .included-list details{border-color:#B0CEDB}
#faq .included-list summary{color:#183D5B}
#faq .included-list details>p{color:#36536E}
#locations.locations-section{background:#F7FAFF;color:#102544;border-bottom:1px solid #B5CBE1}
#locations .locations-grid article{background:#FFF;border-color:#A9C5DE;box-shadow:none}
#locations .locations-grid article>span{color:#3B678C}
#contact.contact-section{background:#1A386B;color:#F5F9FF}
#contact.contact-section .eyebrow,#contact .contact-actions small{color:#C6DCEF!important}
#contact .button-coral{background:#FF735F;color:#102544}
#main + footer.review-footer.review-footer{background:#102544;color:#F3F8FF;border-top:1px solid #527396}
#main + footer.review-footer.review-footer .footer-label,#main + footer.review-footer.review-footer .footer-brand p,#main + footer.review-footer.review-footer .footer-network p,#main + footer.review-footer.review-footer .footer-legal,#main + footer.review-footer.review-footer .footer-legal p,#main + footer.review-footer.review-footer .footer-legal p span{color:#BFD3E7}

@media(max-width:1000px){#equipment.qgw-scene .qgw-copy:before{background:linear-gradient(#EDF5FD 0%,#EDF5FD 78%,#EDF5FD00)}}

/* Root-authorized IMAGE PROPOSAL ONLY: R6–R11 remain pending owner approval.
   This file is served exclusively from the isolated D preview. */

/* The label precedes the heading in the same left-aligned reading column. */
#offers.final-offers>div{display:block;text-align:left}
#offers.final-offers>div .eyebrow{margin:0 0 20px;text-align:left}
#offers.final-offers>div h2{margin:0;text-align:left}

/* One shared grid row for both headings, one row for the 9:16 player and
   complete review group. The row is naturally sized; no fixed 551px heights,
   overflow clipping, shortened quotes or lost expand controls. */
@media(min-width:1101px){
 #vitrina.social-proof-section .proof-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:36px;row-gap:0;align-items:stretch}
 #vitrina.social-proof-section .proof-video,#vitrina.social-proof-section .proof-reviews{display:contents}
 #vitrina.social-proof-section .proof-video-heading{grid-column:1;grid-row:1;margin:0 0 20px;min-height:72px}
 #vitrina.social-proof-section .proof-reviews-heading{grid-column:2;grid-row:1;margin:0 0 20px;min-height:72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-bottom:3px}
 #vitrina.social-proof-section .player-frame{grid-column:1;grid-row:2;align-self:start;width:100%;max-width:310px;height:auto;aspect-ratio:9/16;margin:0}
 #vitrina.social-proof-section #review-video{width:100%;height:100%;aspect-ratio:9/16;object-fit:contain}
 #vitrina.social-proof-section .reviews-grid{grid-column:2;grid-row:2;align-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(240px,1fr) auto;align-items:stretch;min-height:0;height:auto}
 #vitrina.social-proof-section .reviews-grid figure.review-story{height:auto;min-height:0}
 #vitrina.social-proof-section .reviews-grid figure.review-story.review-leading{min-height:0}
 #vitrina.social-proof-section .archive{grid-column:1;grid-row:3;margin:13px 0 0}
}
/* Below the side-by-side composition's comfortable width, naturally stack.
   Expanding a real review always expands the content rather than hiding it. */
@media(min-width:761px) and (max-width:1100px){
 #vitrina.social-proof-section .proof-layout{display:flex;flex-direction:column;gap:32px}
 #vitrina.social-proof-section .proof-video{width:100%;display:grid;grid-template-columns:minmax(0,310px);justify-content:center}
 #vitrina.social-proof-section .proof-reviews{width:100%}
 #vitrina.social-proof-section .proof-reviews-heading{min-height:0;margin-bottom:18px}
 #vitrina.social-proof-section .reviews-grid{height:auto;min-height:0}
}

/* Authentic white mark, without its large transparent square padding. The
   image bytes and colours are untouched. Responsive crop only discards alpha. */
#main + footer.review-footer.review-footer .footer-brand>a.brand{display:inline-flex;align-items:center;justify-content:flex-start;width:160px;max-width:100%;height:auto;min-height:0;padding:0;margin:0 0 4px}
#main + footer.review-footer.review-footer .footer-logo-box{position:relative;display:block;width:100%;aspect-ratio:160/68;overflow:hidden}
#main + footer.review-footer.review-footer .footer-logo-box img{position:absolute;display:block;width:140%;max-width:none;height:auto;left:-21.25%;top:-116.18%;margin:0;object-fit:initial;filter:none}

/* The contact title uses the site's real Manrope with ordinary word rhythm,
   gentler tracking and clear spacing to the supporting paragraph. */
#contact.contact-section #contact-title{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.2vw,76px);font-weight:750;line-height:1.12;letter-spacing:-.022em;word-spacing:.025em;max-width:680px;margin:0;text-wrap:normal}
#contact.contact-section>div:first-child>p:not(.eyebrow){margin:26px 0 0;max-width:540px;line-height:1.7}
@media(max-width:560px){
 #contact.contact-section #contact-title{font-size:clamp(35px,10.25vw,48px);line-height:1.13;letter-spacing:-.02em;max-width:100%;word-spacing:.02em}
 #contact.contact-section>div:first-child>p:not(.eyebrow){margin-top:22px;line-height:1.7}
}

/* V2 isolated image proposal: official hardware + compact native FAQ.
   No original bitmap, model geometry, price or baseline overview is changed. */

/* The unchanged Quest3 cutout sits farther back, with the two unchanged
   TouchPlus controllers nearer the viewer on the same illustrated floor. */
#equipment.qgw-scene .qgw-headset{width:60%;right:12%;top:28%}
#equipment.qgw-scene .qgw-controllers{width:55%;right:1%;top:40%}
#equipment.qgw-scene .qgw-hardware::before{display:none}
#equipment.qgw-scene .qgw-hardware .qgw-device{filter:drop-shadow(10px 16px 8px #153A6F40) drop-shadow(-2px -1px 2px #B6E4FF5C)}
#equipment.qgw-scene .qgw-device::after{background:linear-gradient(135deg,#80B9EF 0%,#D9ECFF 32%,#FFE3CE 74%,#75ACE1 100%);mix-blend-mode:multiply;opacity:.22}
#equipment.qgw-scene .qgw-contact-shadows{position:absolute;inset:0;pointer-events:none;z-index:0}
#equipment.qgw-scene .qgw-contact-shadows i{position:absolute;display:block;transform:rotate(-4deg);border-radius:50%;pointer-events:none}
#equipment.qgw-scene .qgw-shadow-headset{left:42%;top:80.5%;width:33%;height:6%;background:radial-gradient(ellipse,#153B705C 0%,#285DAA35 34%,#3F80C614 58%,transparent 74%);filter:blur(7px)}
#equipment.qgw-scene .qgw-shadow-left{left:55%;top:82.5%;width:14%;height:3.5%;background:radial-gradient(ellipse,#153B7080 0%,#245A9E40 35%,transparent 73%);filter:blur(3px)}
#equipment.qgw-scene .qgw-shadow-right{left:75%;top:82.5%;width:15%;height:4%;background:radial-gradient(ellipse,#153B7080 0%,#245A9E40 35%,transparent 73%);filter:blur(3px)}

/* Same twenty source-backed questions and verbatim answers. Six are visible
   by default; a native disclosure exposes the other fourteen without JS. */
#faq.faq-section{padding-top:58px;padding-bottom:58px;align-items:start}
#faq.faq-section h2{font-size:clamp(38px,3.6vw,54px);line-height:1.08;letter-spacing:-.04em}
#faq.faq-section .included-list{display:block;padding:0 22px}
#faq .included-list>details:not(.faq-more)>summary{min-height:62px;padding:17px 0}
#faq .included-list .faq-more{margin:12px -10px 12px;border:1px solid #A7C8DB;border-radius:9px;background:#E3F0F8}
#faq .included-list .faq-more>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:16px 16px;list-style:none;color:#174B78}
#faq .included-list .faq-more>summary>.faq-more-title{display:block;flex:1 1 auto;font-size:15px;line-height:1.4;font-weight:700;color:#174B78}
#faq .faq-more-title>span{display:block}
#faq .faq-more-title small{display:block;margin-top:4px;font-size:11px;line-height:1.4;font-weight:400;color:#486A85}
#faq .faq-more>summary>b{font-size:24px;font-weight:400;flex:0 0 auto}
#faq .faq-more .faq-more-open{display:none}
#faq .faq-more[open] .faq-more-closed{display:none}
#faq .faq-more[open] .faq-more-open{display:block}
#faq .included-list details>summary>b{transform:none!important}
#faq .faq-more-list{padding:0 16px 4px;border-top:1px solid #AAC9DA;background:#F4FAFE;border-radius:0 0 9px 9px}
#faq .faq-more-list details:last-child{border-bottom:0}
#faq .included-list summary:focus-visible{outline:3px solid #FF735F;outline-offset:4px;border-radius:4px}

@media(min-width:561px) and (max-width:1000px){
#equipment.qgw-scene .qgw-headset{width:100%;right:2%;top:8%}
 #equipment.qgw-scene .qgw-controllers{width:86%;right:-2%;top:42%}
 #equipment.qgw-scene .qgw-shadow-headset{left:23%;top:81%;width:51%}
 #equipment.qgw-scene .qgw-shadow-left{left:42%;top:95%;width:22%}
 #equipment.qgw-scene .qgw-shadow-right{left:68%;top:95%;width:22%}
}
@media(max-width:560px){
 #equipment.qgw-scene .qgw-headset{width:116%;right:-9%;top:20%}
 #equipment.qgw-scene .qgw-controllers{width:100%;right:-13%;top:42%}
 #equipment.qgw-scene .qgw-hardware .qgw-device{filter:drop-shadow(5px 9px 5px #153A6F40) drop-shadow(-1px -1px 1px #B6E4FF5C)}
 #equipment.qgw-scene .qgw-shadow-headset{left:20%;top:79%;width:63%;height:7%;filter:blur(4px)}
 #equipment.qgw-scene .qgw-shadow-left{left:41%;top:85.5%;width:25%;height:4%;filter:blur(2px)}
 #equipment.qgw-scene .qgw-shadow-right{left:68%;top:85.5%;width:25%;height:4%;filter:blur(2px)}
 #faq.faq-section{padding-top:40px;padding-bottom:42px}
 #faq.faq-section h2{font-size:36px;line-height:1.1}
 #faq.faq-section .included-list{padding:0 16px}
 #faq .included-list>details:not(.faq-more)>summary{min-height:64px;padding:16px 0;font-size:15px;line-height:1.4}
 #faq .included-list .faq-more{margin-inline:-5px}
 #faq .included-list .faq-more>summary{padding:15px 12px}
 #faq .included-list .faq-more>summary>.faq-more-title{font-size:14px}
 #faq .faq-more-title small{font-size:10px}
 #faq .faq-more-list{padding-inline:12px}
}

/* V3 material integration, isolated proposal only. Official alpha/geometry
   unchanged. Reflected floor light is spatially restricted to lower surfaces. */
#equipment.qgw-scene .qgw-headset::after{
 background:radial-gradient(ellipse at 24% 69%,#62ACFAAD 0%,#75B7F64D 17%,transparent 35%),linear-gradient(180deg,transparent 49%,#8FC4FF12 58%,#73B1F65C 69%,#4E95DCAA 80%,#90C8FF66 88%,transparent 94%);
 mix-blend-mode:multiply;opacity:.8
}
#equipment.qgw-scene .qgw-controllers::after{
 background:linear-gradient(180deg,transparent 39%,#83BDF329 48%,#6AACED66 59%,#4C91D499 72%,transparent 82%);
 mix-blend-mode:multiply;opacity:.65
}
#equipment.qgw-scene .qgw-hardware .qgw-headset{filter:drop-shadow(5px 9px 5px #153B6D5C) drop-shadow(-1px -1px 1px #C3E5FF99) drop-shadow(0 1px 1px #4F8ED57A)}
#equipment.qgw-scene .qgw-hardware .qgw-controllers{filter:drop-shadow(4px 8px 4px #12376E66) drop-shadow(-1px -1px 1px #BADFFF80)}
#equipment.qgw-scene .qgw-shadow-headset{left:42%;top:82%;width:30%;height:3.8%;background:radial-gradient(ellipse,#12346AB8 0%,#24558C80 30%,#5F94C438 58%,transparent 76%);filter:blur(3px)}
#equipment.qgw-scene .qgw-shadow-left{left:56%;top:82.7%;width:12%;height:2.8%;background:radial-gradient(ellipse,#102F61C7 0%,#1C4A7F85 30%,#5B8EB733 56%,transparent 75%);filter:blur(2px)}
#equipment.qgw-scene .qgw-shadow-right{left:76%;top:82.7%;width:13%;height:3%;background:radial-gradient(ellipse,#102F61C7 0%,#1C4A7F85 30%,#5B8EB733 56%,transparent 75%);filter:blur(2px)}
@media(min-width:561px) and (max-width:1000px){
 #equipment.qgw-scene .qgw-shadow-headset{left:25%;top:82%;width:47%;height:4%}
 #equipment.qgw-scene .qgw-shadow-left{left:43%;top:95%;width:20%;height:3%}
 #equipment.qgw-scene .qgw-shadow-right{left:70%;top:95%;width:20%;height:3%}
}
@media(max-width:560px){
 #equipment.qgw-scene .qgw-hardware .qgw-headset{filter:drop-shadow(3px 5px 3px #153B6D5C) drop-shadow(-1px -1px 1px #C3E5FF99) drop-shadow(0 1px 1px #4F8ED57A)}
 #equipment.qgw-scene .qgw-hardware .qgw-controllers{filter:drop-shadow(2px 4px 2px #12376E66) drop-shadow(-1px -1px 1px #BADFFF80)}
 #equipment.qgw-scene .qgw-shadow-headset{left:23%;top:80%;width:57%;height:4.5%;filter:blur(2px)}
 #equipment.qgw-scene .qgw-shadow-left{left:43%;top:85.5%;width:22%;height:3%;filter:blur(1.2px)}
 #equipment.qgw-scene .qgw-shadow-right{left:70%;top:85.5%;width:23%;height:3%;filter:blur(1.2px)}
}

/* V4: contain the mobile hero player within its own grid row, and hide the
   keyboard skip link with actual clipping rather than an off-viewport top. */
.skip:not(:focus-visible){position:fixed;top:10px;left:18px;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.skip:focus-visible{top:10px;left:18px;width:auto;height:auto;padding:14px;overflow:visible;clip:auto;clip-path:none;white-space:normal}
@media(max-width:760px){
 .stage-hero-01 #hero .hero-world{overflow:hidden;isolation:isolate}
 .stage-hero-01 #hero .hero-world .player-wrap{top:4px;height:calc(100% - 8px);transform:translate(calc(var(--mx,0)*-3px),calc(var(--my,0)*-2px)) rotate(0deg)}
}

/* Keep the shared frame edges when any full review expands. Video stays 9:16 within a letterboxed portrait frame. */
@media(min-width:1101px){#vitrina.social-proof-section .player-frame{align-self:stretch;height:100%;min-height:0;aspect-ratio:9/16}#vitrina.social-proof-section #review-video{object-fit:contain}}