.intro{z-index:calc(var(--z-opening,200) + 20);color:var(--brand-cream,#ede6d3);animation:intro-in .52s var(--ease-in-out) both;background:#0a0d0c;position:fixed;inset:0;overflow:hidden}.intro__cv{width:100%;height:100%;display:block;position:absolute;inset:0}.intro__loading{color:#ede6d3b3;place-content:center;justify-items:center;gap:14px;margin:0;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.intro__ring{border:2px solid #d9b44a40;border-top-color:var(--brand-gold,#d9b44a);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite intro-spin}.intro__top{padding:calc(10px + env(safe-area-inset-top)) var(--gutter,16px) 0;gap:10px;display:grid;position:absolute;top:0;left:0;right:0}.intro__progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.intro__progress li{background:#ede6d32e;border-radius:99px;height:3px;overflow:hidden}.intro__progress i{background:var(--brand-gold,#d9b44a);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.intro__controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.intro__icon,.intro__skip{cursor:pointer;min-height:44px;font:inherit;color:var(--brand-cream,#ede6d3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121614b8;border:1px solid #ede6d338;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.intro__icon{width:44px}.intro__icon svg,.intro__skip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.intro__skip{padding:0 18px;font-size:15px}.intro__skip svg{fill:currentColor;stroke:none;width:16px;height:16px}.intro__icon:focus-visible,.intro__skip:focus-visible{outline:3px solid var(--brand-gold,#d9b44a);outline-offset:2px}@media (hover:hover){.intro__skip:hover,.intro__icon:hover{border-color:#d9b44ab3}}.intro__caption{left:0;right:0;bottom:calc(7svh + env(safe-area-inset-bottom));padding:0 var(--gutter,16px);text-align:center;pointer-events:none;justify-items:center;gap:10px;display:grid;position:absolute}.intro__title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.035em;color:#f7efd9;text-wrap:balance;text-shadow:0 2px 18px #000000b3;margin:0;font-size:clamp(2.1rem,1.2rem + 4.2vw,4.6rem);font-weight:800;line-height:.98}.intro__title span{animation:intro-word .62s var(--ease-out-expo) both;animation-delay:calc(.12s + var(--i) * 70ms);display:inline-block}.intro__sub{max-width:34ch;color:var(--brand-gold,#d9b44a);animation:intro-fade .52s var(--ease-standard) .52s both;margin:0;font-size:clamp(.95rem,.85rem + .4vw,1.15rem);font-weight:700}.intro[data-scene=vrai] .intro__title{max-width:16ch}.intro__end{left:0;right:0;bottom:calc(6svh + env(safe-area-inset-bottom));padding:0 var(--gutter,16px);text-align:center;animation:intro-fade .52s var(--ease-out-expo) both;justify-items:center;gap:12px;display:grid;position:absolute}.intro__brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--brand-gold,#d9b44a);margin:0;font-size:clamp(2.6rem,1.6rem + 4vw,4.8rem);font-weight:800;line-height:1}.intro__cta{justify-content:center;width:min(100%,420px)}.intro__note{color:#ede6d3cc;margin:0;font-size:14px;font-weight:600}.intro__replay{color:#ede6d3bf}@media (min-width:900px){.intro__top{padding-inline:max(var(--gutter,16px), calc((100vw - 1100px) / 2))}.intro__caption{bottom:9svh}}@keyframes intro-in{0%{opacity:0}}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes intro-word{0%{opacity:0;transform:translateY(.45em)rotate(3deg)}}@keyframes intro-fade{0%{opacity:0;transform:translateY(8px)}}:root[data-motion=reduced] .intro{animation-duration:.15s}:root[data-motion=reduced] .intro__title span,:root[data-motion=reduced] .intro__sub,:root[data-motion=reduced] .intro__end{animation:.15s linear both intro-fade-only}:root[data-motion=reduced] .intro__ring{animation:none}@keyframes intro-fade-only{0%{opacity:0}}.intro__tap{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.intro__caption{transition:opacity .2s}.intro[data-held=true] .intro__caption{opacity:0}.intro__end-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 14px;display:flex}.intro__signup{color:var(--brand-gold,#d9b44a)}.intro__never{color:#ede6d3b8;cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;display:inline-flex}.intro__never input{width:18px;height:18px;accent-color:var(--brand-gold,#d9b44a);cursor:pointer;margin:0}.intro__never:focus-within{outline:3px solid var(--brand-gold,#d9b44a);outline-offset:2px;border-radius:8px}.intro__cta svg{flex:none}.intro-offer{z-index:calc(var(--z-nav,45) + 2);left:50%;bottom:calc(84px + env(safe-area-inset-bottom));isolation:isolate;width:min(100vw - 24px,440px);color:var(--brand-cream,#ede6d3);animation:intro-offer-in .62s var(--ease-out-expo) both, intro-offer-glow 2.8s ease-in-out .9s infinite;background:radial-gradient(120% 140% at 0 0,#d9b44a38,#0000 55%),#101412f5;border:1px solid #d9b44abf;border-radius:22px;align-items:center;gap:4px;padding:8px 8px 8px 10px;display:flex;position:fixed;overflow:hidden;translate:-50%;box-shadow:inset 0 0 0 1px #f2e6b81f,0 18px 40px #00000080,0 0 36px #d9b44a47}.intro-offer:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000,#f2e6b847,#0000);width:45%;animation:3.2s ease-in-out .7s infinite intro-sheen;position:absolute;inset:-40% auto -40% -60%;transform:skew(-18deg)translate(0)}.intro-offer__play{min-width:0;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;flex:1;align-items:center;gap:12px;padding:0 8px 0 0;display:flex}.intro-offer__play i{color:#121614;background:radial-gradient(circle at 35% 30%, #f6e7b0, var(--brand-gold,#d9b44a) 60%, #b48a2c);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:transform .2s;animation:1.8s ease-in-out infinite intro-pulse;display:grid;box-shadow:0 0 0 4px #d9b44a2e,0 6px 18px #d9b44a73}.intro-offer__play svg{fill:currentColor;width:20px;height:20px;margin-left:3px}.intro-offer__txt{gap:2px;min-width:0;display:grid}.intro-offer__txt b{font-family:var(--font-display);letter-spacing:-.02em;color:#f7efd9;font-size:18px;font-weight:800;line-height:1.1}.intro-offer__txt small{color:var(--brand-gold,#d9b44a);font-size:13px;font-weight:600}.intro-offer__later{cursor:pointer;min-height:44px;font:inherit;color:#ede6d3bf;text-underline-offset:3px;background:0 0;border:0;border-radius:12px;flex:none;padding:0 12px;font-size:13px;font-weight:700;text-decoration:underline}.intro-offer__play:focus-visible,.intro-offer__later:focus-visible{outline:3px solid var(--brand-gold,#d9b44a);outline-offset:2px}@media (hover:hover){.intro-offer__play:hover i{transform:scale(1.06)}.intro-offer__later:hover{color:var(--brand-cream,#ede6d3)}}@media (min-width:768px){.intro-offer{width:400px;bottom:28px;left:auto;right:28px;translate:none}}@keyframes intro-offer-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes intro-offer-glow{50%{box-shadow:inset 0 0 0 1px #f2e6b82e,0 18px 40px #00000080,0 0 54px #d9b44a80}}@keyframes intro-sheen{0%{transform:skew(-18deg)translate(0)}55%,to{transform:skew(-18deg)translate(420%)}}@keyframes intro-pulse{50%{box-shadow:0 0 0 9px #d9b44a00,0 6px 22px #d9b44a99}}:root[data-motion=reduced] .intro-offer{animation:.15s linear both intro-fade-only}:root[data-motion=reduced] .intro-offer__play i{animation:none}:root[data-motion=reduced] .intro-offer:before{display:none}.intro-launch--hero{isolation:isolate;cursor:pointer;min-height:56px;font:inherit;letter-spacing:-.01em;color:#f7efd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s var(--ease-out-expo,ease-out), box-shadow .2s;background:linear-gradient(#d9b44a42,#d9b44a1a),#0e1210d1;border:1.5px solid #d9b44ae6;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px 0 14px;font-size:17px;font-weight:800;animation:2.8s ease-in-out infinite intro-hero-glow;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f2e6b829,0 10px 28px #00000059,0 0 26px #d9b44a4d}.intro-launch--hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000,#f2e6b873,#0000);width:40%;animation:3.6s ease-in-out 1.2s infinite intro-sheen;position:absolute;inset:-20% auto -20% -50%;transform:skew(-18deg)}.intro-launch--hero svg{color:#121614;background:radial-gradient(circle at 35% 30%, #f6e7b0, var(--brand-gold,#d9b44a) 60%, #b48a2c);border-radius:50%;flex:none;width:32px;height:32px;padding:8px 7px 8px 9px;box-shadow:0 0 14px #d9b44a8c}.intro-launch--hero:focus-visible{outline:3px solid var(--brand-gold,#d9b44a);outline-offset:3px}@media (hover:hover){.intro-launch--hero:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #f2e6b83d,0 14px 32px #0006,0 0 40px #d9b44a80}}.intro-launch--hero:active{transform:translateY(1px)scale(.99)}@keyframes intro-hero-glow{50%{box-shadow:inset 0 0 0 1px #f2e6b838,0 10px 28px #00000059,0 0 42px #d9b44a80}}:root[data-motion=reduced] .intro-launch--hero{transition:none;animation:none}:root[data-motion=reduced] .intro-launch--hero:before{display:none}.demo-pack__badge{z-index:calc(var(--z-opening,200) + 30);left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 96px);pointer-events:none;white-space:nowrap;font:800 11px/1.2 var(--font-sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#121614;background:var(--brand-gold,#d9b44a);border-radius:999px;align-items:center;gap:6px;margin:0;padding:5px 12px;display:inline-flex;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #f2e6b899,0 8px 22px #00000073}.demo-pack__badge svg{fill:currentColor;width:11px;height:11px}body:has(>.opening)>.demo-pack__badge.demo-pack__badge{visibility:visible!important}body:has(.showcase)>.demo-pack__badge{opacity:0}.intro-after{padding:calc(16px + env(safe-area-inset-top)) var(--gutter,16px) calc(16px + env(safe-area-inset-bottom));background:radial-gradient(80% 60% at 50% 30%,#d9b44a24,#0000 70%),#0a0d0c;place-items:center;display:grid;overflow-y:auto}.intro-after__box{text-align:center;width:min(100%,460px);animation:intro-fade .52s var(--ease-out-expo) both;justify-items:center;gap:12px;display:grid}.intro-after__kicker{letter-spacing:.14em;text-transform:uppercase;color:#121614;background:var(--brand-gold,#d9b44a);border-radius:999px;margin:0;padding:4px 12px;font-size:11px;font-weight:800}.intro-after__title{font-family:var(--font-display);letter-spacing:-.035em;color:#f7efd9;text-wrap:balance;margin:0;font-size:clamp(2rem,1.3rem + 3vw,3.4rem);font-weight:800;line-height:1}.intro-after__text{color:#ede6d3c7;margin:0;font-size:15px;font-weight:600}.intro-after__pack{filter:drop-shadow(0 14px 26px #0009)drop-shadow(0 0 22px #d9b44a4d);width:104px;height:auto;margin:6px 0 2px}.intro-after__offer{max-width:34ch;color:var(--brand-gold,#d9b44a);text-wrap:balance;margin:0;font-size:16px;font-weight:700}.intro-after .intro__cta{white-space:normal;text-align:center;min-height:56px;line-height:1.2}:root[data-motion=reduced] .intro-after__box{animation:.15s linear both intro-fade-only}.intro__cta.btn{background:var(--brand-gold,#d9b44a);color:#121614;box-shadow:inset 0 0 0 1px #f2e6b880,0 14px 30px #d9b44a40}@media (hover:hover){.intro__cta.btn:hover{background:#e6c45e}}.intro__clip{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}