html.intro-on,body.intro-on{overflow:hidden}.intro[hidden]{display:none!important}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:1.6rem;opacity:1;visibility:visible;transition:opacity .22s ease,visibility .22s ease}.intro.is-closing{opacity:0;visibility:hidden;pointer-events:none}.intro__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;cursor:pointer;background:#08172980}.intro__dialog{position:relative;z-index:2;width:min(92vw,78rem);max-height:min(88vh,80rem);overflow:auto;padding:2.6rem;border-radius:2.4rem;outline:none;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(20,63,114,.12);box-shadow:0 30px 80px #0a1f3a3d}.intro__close{position:absolute;right:1.2rem;top:1.2rem;z-index:7;display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid rgba(20,63,114,.16);border-radius:999px;background:#fff;color:#143f72;font:700 2.5rem/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px #143f721a}.intro__close:hover{background:#fff4d4;border-color:#ffb20b}.intro__brand{display:inline-flex;align-items:center;gap:.8rem;color:#143f72;font-size:1.2rem;font-weight:800;letter-spacing:.18em}.intro__brand span{width:.9rem;height:.9rem;border-radius:50%;background:#ffb20b;box-shadow:0 0 0 .45rem #ffb20b2e}.intro__title{margin:1.2rem 0 0;max-width:16ch;color:#111927;font-size:clamp(3rem,4vw,4.8rem);line-height:1.08;text-wrap:balance}.intro__subtitle{max-width:60ch;margin:1.2rem 0 0;color:#143f72d1;font-size:1.55rem;line-height:1.55}.intro__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.3rem}.intro-choice{min-height:8rem;padding:1.6rem;border-radius:1.6rem;border:1px solid rgba(20,63,114,.14);background:#fff;color:#143f72;text-align:left;cursor:pointer;transition:.18s ease}.intro-choice:hover{transform:translateY(-2px);border-color:#ffb20b;box-shadow:0 12px 24px #143f7214}.intro-choice strong{display:block;font-size:1.65rem;line-height:1.25}.intro-choice span{display:block;margin-top:.5rem;color:#111927ad;font-size:1.25rem;line-height:1.4}.intro-reveal{margin-top:2.2rem}.intro-reveal.is-revealing{animation:revealPanelIn .3s ease both}.intro-reveal__kicker{color:#143f72;font-size:1.05rem;font-weight:800;letter-spacing:.16em}.intro-reveal h3{margin:.65rem 0 .6rem;max-width:24ch;color:#111927;font-size:clamp(2.3rem,3vw,3.4rem);line-height:1.13}.intro-reveal__copy{max-width:62ch;margin:0;color:#111927bd;font-size:1.45rem;line-height:1.55}.intro-reveal__journey{position:relative;height:7.4rem;margin:1.8rem 0 .8rem;overflow:visible}.intro-reveal__track{position:absolute;left:8%;right:8%;top:3.7rem;height:.4rem;border-radius:999px;background:linear-gradient(90deg,#143f721f,#ffb20b70,#143f721f)}.intro-reveal__milestone{position:absolute;top:2.55rem;display:grid;place-items:center;width:2.7rem;height:2.7rem;transform:translate(-50%);border-radius:50%;background:#fff;border:.2rem solid rgba(20,63,114,.18);color:#143f72;font-size:1rem;font-weight:900;z-index:2}.intro-reveal__milestone--1{left:16.666%}.intro-reveal__milestone--2{left:50%}.intro-reveal__milestone--3{left:83.333%}.intro-reveal__ball{position:absolute;left:6%;top:.25rem;z-index:4;width:4.2rem;height:4.2rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffd86a 0 22%,#ffb20b 23% 55%,#143f72 56% 70%,#ffb20b 71% 100%);box-shadow:0 10px 20px #143f7238,inset 0 0 0 .25rem #ffffff8c}.intro-reveal__ball span{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:#fff;opacity:.7}.intro-win-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.7rem;perspective:100rem}.intro-win-card{position:relative;min-height:11rem;perspective:90rem;overflow:visible}.intro-win-card__inner{position:relative;width:100%;height:100%;min-height:11rem;transition:transform .65s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.intro-win-card.is-unlocked .intro-win-card__inner{transform:rotateY(180deg)}.intro-win-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5rem;border-radius:1.5rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.intro-win-card__front{background:#143f72;color:#fff;border:1px solid rgba(255,255,255,.08)}.intro-win-card__front span{display:block;color:#ffd77a;font-size:1.1rem;font-weight:800;letter-spacing:.12em}.intro-win-card__front strong{display:block;margin-top:.45rem;font-size:1.45rem}.intro-win-card__back{transform:rotateY(180deg);background:linear-gradient(145deg,#fff6d7,#fff);border:1px solid rgba(255,178,11,.55);color:#143f72;box-shadow:0 14px 30px #143f721a}.intro-win-card__back strong{font-size:1.38rem;line-height:1.35}.intro-win-card__icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.7rem;border-radius:50%;background:#ffb20b;color:#143f72;font-weight:900}.intro-confetti{position:absolute;left:50%;top:50%;z-index:9;width:.7rem;height:1.2rem;border-radius:.18rem;pointer-events:none;opacity:0}.intro-win-card.is-bursting .intro-confetti{animation:confettiBurst .78s cubic-bezier(.16,.84,.35,1) forwards}.intro-reveal__status{margin:1.2rem 0 0;color:#143f72;font-size:1.2rem;font-weight:800;letter-spacing:.025em;min-height:1.8rem}.intro-reveal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.6rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.intro-reveal__actions.is-visible{opacity:1;transform:none;pointer-events:auto}.intro-reveal__cta{background:#ffb20b!important;color:#143f72!important;border-color:#ffb20b!important}.intro-reveal__link,.intro__continue{border:0;background:transparent;cursor:pointer;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.18em}.intro-reveal__link{color:#143f72}.intro__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem;color:#143f72a3;font-size:1.15rem}.intro__continue{color:#143f72;font-size:1.2rem}@keyframes confettiBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--cx)),calc(-50% + var(--cy))) scale(1) rotate(var(--cr))}}@keyframes revealPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.intro{padding:.8rem}.intro__dialog{width:100%;max-height:92vh;padding:1.8rem;border-radius:2rem}.intro__title{font-size:clamp(2.8rem,10vw,4rem)}.intro__choices,.intro-win-grid{grid-template-columns:1fr}.intro-win-card,.intro-win-card__inner{min-height:8.6rem}.intro-reveal__journey{height:7rem}.intro-reveal__actions{display:grid}.intro-reveal__cta{width:100%}.intro__footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.intro,.intro-choice,.intro-reveal,.intro-win-card__inner,.intro-reveal__actions{transition:none!important;animation:none!important}.intro-win-card.is-unlocked .intro-win-card__inner{transform:rotateY(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-intro.css.map */