/* ChinaBook Elite — premium sourcing page. Scoped to /elite/. */
.elite-page{
  --elite:#7c4dff;
  --elite-2:#a98cff;
  --elite-3:#d9ceff;
  --elite-ink:#14121c;
  --elite-night:#0d0b14;
  --elite-card:#15121f;
  --elite-soft:#f3f0fa;
  --elite-line:#e4def0;
  background:#fff;color:var(--elite-ink)
}
.elite-page .wordmark span,.elite-page h2 span,.elite-page h1 span{color:var(--elite-2)}
.elite-page .site-header{background:#0d0b14e8;border-color:#ffffff14}
.elite-page .site-header .button,.elite-page .mobile-bar a:first-child{background:linear-gradient(135deg,#8b5cf6,#6841dc)}
.elite-page .eyebrow{color:var(--elite);display:flex;align-items:center;gap:10px}
.elite-page .eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.elite-page .dark .eyebrow{color:#bba7ff}
.elite-page .section{padding-top:88px;padding-bottom:88px}
.elite-page .section-heading{max-width:860px;margin-bottom:42px}
.elite-page .section-heading>p:last-child:not(.eyebrow){max-width:650px}
.elite-page #tour,.elite-page #univers,.elite-page #methode,.elite-page #offre,.elite-page #faq{scroll-margin-top:0}

/* Hero */
.elite-page .hero{position:relative;background:
  radial-gradient(circle at 83% 14%,#8057d635,transparent 31%),
  radial-gradient(circle at 12% 88%,#49327b30,transparent 34%),#0d0b14}
.elite-page .hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.elite-page .hero-inner{position:relative;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:72px;padding-top:72px;padding-bottom:72px}
.elite-page .hero-copy>p:not(.eyebrow){max-width:600px;color:#c6c0d2;font-size:1.04rem;line-height:1.68}
.elite-page .hero-copy>p strong{color:#fff}
.elite-page .hero h1{font-size:clamp(3rem,5.4vw,5rem);max-width:760px}
.elite-hero-visual{position:relative;border-radius:28px;padding:7px;background:linear-gradient(145deg,#b79cff80,#ffffff16 45%,#5a36b240);box-shadow:0 34px 90px #0009,0 0 0 1px #ffffff0c}
.elite-hero-visual::after{content:"";position:absolute;inset:7px;border-radius:22px;background:linear-gradient(180deg,transparent 48%,#09070fd9);pointer-events:none}
.elite-hero-visual>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;filter:saturate(.9) contrast(1.04)}
.elite-live-label{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;display:grid;grid-template-columns:12px 1fr;gap:0 11px;align-items:center;color:#fff}
.elite-live-label>span{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#9dffb0;box-shadow:0 0 0 5px #9dffb01c,0 0 18px #9dffb088;animation:elite-pulse 2.2s ease-in-out infinite}
.elite-live-label strong{font-size:.9rem;line-height:1.2}.elite-live-label small{color:#bcb4ca;font-size:.72rem}
@keyframes elite-pulse{50%{box-shadow:0 0 0 9px #9dffb008,0 0 24px #9dffb055}}

/* Trust bar */
.elite-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff10;border-block:1px solid #ffffff10}
.elite-trust div{padding:26px 20px;background:#100e18;text-align:center;position:relative;overflow:hidden}
.elite-trust div::after{content:"";position:absolute;inset:auto 15% 0;height:1px;background:linear-gradient(90deg,transparent,#a98cff80,transparent)}
.elite-trust strong{display:block;font-size:1.95rem;line-height:1;color:#c7b5ff;letter-spacing:-.06em}
.elite-trust span{display:block;margin-top:9px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8e879c}

/* Comparison */
.elite-problem{background:#fff}
.elite-versus{display:grid;grid-template-columns:1fr 56px 1fr;gap:18px;align-items:stretch;margin-top:42px}
.elite-versus>div{padding:34px;border:1px solid var(--elite-line);border-radius:24px;background:#f7f5fb;box-shadow:0 18px 48px #1f12380b}
.elite-versus>div:last-child{border-color:#8157ec;background:radial-gradient(circle at 100% 0,#9a72ff3d,transparent 40%),linear-gradient(145deg,#211832,#15101f);box-shadow:0 24px 60px #5c34bd24}
.elite-versus i{display:grid;place-items:center;width:50px;height:50px;align-self:center;border:1px solid #ded7e9;border-radius:50%;font-style:normal;font-size:.64rem;letter-spacing:.16em;color:#8b819a;background:#fff}
.elite-versus h3{margin:0 0 20px;font-size:1.1rem;color:#221d2e}
.elite-versus>div:last-child h3{color:#d8cbff}
.elite-versus ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.elite-versus li{padding-left:28px;position:relative;color:#696171;font-size:.93rem;line-height:1.5}
.elite-versus li::before{content:"×";position:absolute;left:0;top:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e9e4ef;color:#7c7387;font-weight:800}
.elite-versus>div:last-child li{color:#c8c0d2}
.elite-versus>div:last-child li::before{content:"✓";background:#8660ef;color:#fff;font-size:.68rem}

/* Real SEG Plaza section */
#tour{position:relative;background:radial-gradient(circle at 12% 26%,#603c9d2c,transparent 28%),#0d0b14;overflow:hidden}
#tour::after{content:"";position:absolute;right:-180px;top:110px;width:430px;height:430px;border:1px solid #ffffff08;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}
.elite-tour{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:52px;align-items:start}
.elite-tour-gallery{min-width:0}
.elite-tour-main{position:relative;margin:0;border-radius:26px;overflow:hidden;border:1px solid #ffffff1a;background:#15121f;box-shadow:0 30px 70px #0008}
.elite-tour-main>img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.88) contrast(1.05)}
.elite-tour-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#08070ccb);pointer-events:none}
.elite-tour-main figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:10px;color:#fff}
.elite-tour-main figcaption b{font-size:.78rem;letter-spacing:.17em}.elite-tour-main figcaption span{font-size:.72rem;color:#c4bdce}
.elite-tour-snaps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.elite-tour-snaps figure{position:relative;margin:0;border-radius:16px;overflow:hidden;border:1px solid #ffffff14;background:#17131f}
.elite-tour-snaps img{width:100%;height:132px;object-fit:cover;filter:saturate(.8)}
.elite-tour-snaps figure::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a0810cc)}
.elite-tour-snaps figcaption{position:absolute;z-index:2;left:14px;bottom:11px;color:#e9e5ef;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.elite-photo-credit{margin-top:12px!important;color:#6f687a!important;font-size:.62rem!important;line-height:1.45!important}
.elite-photo-credit a{color:#8f879c}
.elite-etages{display:grid;gap:11px;min-width:0}
.elite-etage{display:grid;grid-template-columns:108px 1fr 30px;align-items:center;gap:18px;min-height:108px;padding:9px 16px 9px 9px;border:1px solid #ffffff13;border-radius:20px;background:linear-gradient(105deg,#191521,#121019);overflow:hidden;transition:transform .3s,border-color .3s,background .3s;box-shadow:0 10px 30px #0002}
.elite-etage:hover{transform:translateX(7px);border-color:#9d7aff66;background:linear-gradient(105deg,#21192e,#15111e)}
.elite-etage>img{width:108px;height:88px;border-radius:13px;object-fit:cover;filter:saturate(.82) contrast(1.05)}
.elite-etage-copy{min-width:0}.elite-etage b{display:block;margin-bottom:6px;font-size:.58rem;letter-spacing:.15em;color:#9e80f6}
.elite-etage strong{display:block;font-size:1rem;color:#f2eef8;letter-spacing:-.02em}
.elite-etage small{display:block;margin-top:5px;color:#928b9c;font-size:.76rem;line-height:1.4}
.elite-etage>span{color:#8f6de9;font-size:1.1rem;transition:transform .3s}.elite-etage:hover>span{transform:translate(3px,-3px)}

/* Reels */
.elite-reels{overflow:hidden;padding:18px 0;background:#0d0b14}.elite-reel-track{display:flex;width:max-content;animation:elite-defile 38s linear infinite;will-change:transform}
.elite-reel{position:relative;flex:0 0 clamp(190px,20vw,300px);aspect-ratio:9/16;margin-right:14px;border-radius:18px;overflow:hidden;background:#17131f}.elite-reel video{width:100%;height:100%;object-fit:cover}.elite-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08070cdd,transparent 45%);pointer-events:none}.elite-reel figcaption{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font-size:.8rem}@keyframes elite-defile{to{transform:translateX(-50%)}}

/* Product universes */
#univers{background:var(--elite-soft);max-width:none;padding-inline:max(32px,calc((100% - var(--max))/2 + 32px))}
#univers>.section-heading{max-width:860px}
.elite-univers{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:290px 250px;gap:16px;margin-top:42px}
.elite-univers article{position:relative;min-height:0;padding:26px;border-radius:24px;border:1px solid #ffffff20;background:#15121f;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;box-shadow:0 18px 45px #24143b14;transition:transform .35s,box-shadow .35s}
.elite-univers article:nth-child(1),.elite-univers article:nth-child(2){grid-column:span 3}.elite-univers article:nth-child(n+3){grid-column:span 2}
.elite-univers article:hover{transform:translateY(-7px);box-shadow:0 26px 55px #24143b22}
.elite-univers img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.76;transition:transform .7s,filter .7s;z-index:-2}
.elite-univers article:hover img{transform:scale(1.045);filter:saturate(1.08)}
.elite-univers article::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0a0810f7 3%,#0a0810c9 34%,transparent 76%)}
.elite-univers h3,.elite-univers p{margin:0}.elite-univers h3{font-size:1.18rem;color:#fff}.elite-univers p{margin-top:7px;color:#c0b9ca;font-size:.84rem;line-height:1.45;max-width:46ch}

/* Method */
.elite-page .method-band{background:#fff;border-color:var(--elite-line)}
.elite-page .method-grid{counter-reset:steps}.elite-page .method-grid li{position:relative;border-color:#e6e0ef;border-radius:22px;box-shadow:0 15px 38px #32195c0c;overflow:hidden;transition:transform .3s,border-color .3s}
.elite-page .method-grid li:hover{transform:translateY(-5px);border-color:#b8a2ef}
.elite-page .method-grid li::after{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-45px;border-radius:50%;background:#8257f00d}
.elite-page .step-top span{color:#8b60eb;font-weight:750}

/* Offer */
.elite-page .packs-band{background:linear-gradient(180deg,#f0edf7,#e9e3f3)}
.elite-offre{max-width:620px;margin:46px auto 0;padding:44px 42px;border-radius:28px;border:1px solid #8a62ea55;background:radial-gradient(circle at 100% 0,#9c7aff26,transparent 36%),#15111f;text-align:center;box-shadow:0 30px 70px #39205b22}
.elite-offre .prix{margin:0;font-size:4rem;line-height:1;color:#c8b7ff;font-weight:800;letter-spacing:-.07em}
.elite-offre .prix small{font-size:.76rem;color:#918a9c;display:block;margin-top:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.elite-offre ul{margin:32px 0;padding:0;list-style:none;display:grid;gap:14px;text-align:left}.elite-offre li{padding-left:29px;position:relative;color:#d1cbd9;line-height:1.5}.elite-offre li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#835be7;color:#fff;font-size:.68rem}
.elite-offre .button{width:100%;background:linear-gradient(135deg,#946cff,#6f45dd);box-shadow:0 12px 32px #7248d64a}
.elite-page .faq-list details{border-color:#e5dfed}.elite-page .faq-list summary::after{color:#7d52e7}
.elite-page .final-cta{background:radial-gradient(circle at 50% 110%,#7441c95c,transparent 43%),#0d0b14}
.elite-page footer{background:#0b0910;color:#fff}.elite-page footer .small-note{color:#777080}

/* Motion */
.elite-page .enter{animation:elite-enter .7s cubic-bezier(.2,.75,.25,1) both}
.elite-page .elite-etage:nth-child(2).enter,.elite-page .elite-univers article:nth-child(2).enter{animation-delay:.07s}.elite-page .elite-etage:nth-child(3).enter,.elite-page .elite-univers article:nth-child(3).enter{animation-delay:.14s}.elite-page .elite-etage:nth-child(4).enter,.elite-page .elite-univers article:nth-child(4).enter{animation-delay:.21s}.elite-page .elite-etage:nth-child(5).enter,.elite-page .elite-univers article:nth-child(5).enter{animation-delay:.28s}
@keyframes elite-enter{from{opacity:.18;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}

/* Placeholder fallback */
.elite-vide{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#15121f,#15121f 12px,#1a1624 12px,#1a1624 24px)}.elite-vide span{font-size:.62rem;letter-spacing:.3em;color:#5d536c}.hero-media .elite-vide,.elite-tour-main>.elite-vide{position:relative;min-height:340px;border-radius:22px}

@media(max-width:980px){
  .elite-page .hero-inner{grid-template-columns:1fr 360px;gap:35px}.elite-page .hero h1{font-size:clamp(2.8rem,5.5vw,4rem)}
  .elite-tour{grid-template-columns:1fr;gap:36px}.elite-tour-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.elite-tour-snaps{grid-template-columns:1fr;margin:0}.elite-tour-snaps img{height:calc(50% - 6px)}.elite-photo-credit{grid-column:1/-1}
  .elite-etages{grid-template-columns:1fr 1fr}.elite-etage{grid-template-columns:90px 1fr;}.elite-etage>img{width:90px}.elite-etage>span{display:none}.elite-etage:last-child{grid-column:1/-1}
}

@media(max-width:760px){
  .elite-page .section{padding-top:58px;padding-bottom:58px}.elite-page .section-heading{margin-bottom:28px}
  .elite-page .hero-inner{grid-template-columns:1fr;gap:34px;padding-top:40px;padding-bottom:48px}.elite-page .hero h1{font-size:clamp(2.65rem,12vw,3.7rem)}.elite-page .hero-copy>p:not(.eyebrow){font-size:.97rem}.elite-page .hero .actions{display:grid;grid-template-columns:1fr;margin-top:25px}.elite-page .hero .button{width:100%}.elite-hero-visual{border-radius:22px}.elite-hero-visual>img{border-radius:17px;aspect-ratio:5/4}.elite-hero-visual::after{inset:7px;border-radius:17px}.elite-live-label{left:22px;bottom:20px}
  .elite-trust{grid-template-columns:1fr 1fr}.elite-trust div{padding:22px 12px}.elite-trust strong{font-size:1.65rem}.elite-trust span{font-size:.57rem;letter-spacing:.09em}
  .elite-versus{grid-template-columns:1fr;gap:13px;margin-top:28px}.elite-versus i{display:none}.elite-versus>div{padding:25px 22px;border-radius:20px}.elite-versus li{font-size:.86rem}
  #tour::after{display:none}.elite-tour{gap:28px}.elite-tour-gallery{display:block}.elite-tour-main{border-radius:21px}.elite-tour-main>img{aspect-ratio:4/3}.elite-tour-snaps{grid-template-columns:1fr 1fr;margin-top:10px;gap:10px}.elite-tour-snaps img{height:105px}.elite-photo-credit{font-size:.56rem!important}
  .elite-etages{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,330px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 20px 15px;margin-inline:-20px;scrollbar-width:none}.elite-etages::-webkit-scrollbar{display:none}.elite-etage,.elite-etage:last-child{grid-column:auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;min-height:276px;padding:9px 9px 20px;border-radius:21px}.elite-etage>img{width:100%;height:154px;border-radius:14px}.elite-etage-copy{padding:6px 10px 0}.elite-etage strong{font-size:1.05rem}.elite-etage small{font-size:.77rem}.elite-etage>span{display:block;position:absolute;right:20px;bottom:19px}
  #univers{padding-inline:20px}.elite-univers{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:82%;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;margin:28px -20px 0;padding:2px 20px 18px;scrollbar-width:none}.elite-univers::-webkit-scrollbar{display:none}.elite-univers article,.elite-univers article:nth-child(n){grid-column:auto;min-height:330px;scroll-snap-align:start;border-radius:21px}.elite-univers h3{font-size:1.1rem}
  .elite-page .method-grid li{border-radius:18px}.elite-offre{margin-top:30px;padding:34px 22px;border-radius:23px}.elite-offre .prix{font-size:3.4rem}.elite-offre li{font-size:.88rem}
}
@media(max-width:360px){.elite-etages,.elite-univers{grid-auto-columns:88%}.elite-tour-snaps img{height:92px}}
@media(prefers-reduced-motion:reduce){.elite-live-label>span,.elite-reel-track{animation:none}.elite-page .enter{animation:none}}