.how-trigger-marker{font:500 8px 'DM Mono';letter-spacing:.5px;color:#00aaa9;border:1px solid #bce7e3;padding:4px 5px;border-radius:5px}.how-modal{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.how-modal::backdrop{background:rgba(5,22,29,.56);backdrop-filter:blur(7px);animation:modalBackdrop .35s ease}.how-modal-panel{height:100%;width:100%;display:grid;grid-template-columns:280px 1fr;background:#f7fcfc;animation:modalIn .45s cubic-bezier(.2,.8,.2,1)}.how-sidebar{position:relative;overflow:hidden;padding:43px 35px;background:#10272e;color:#e6f4f4;display:flex;flex-direction:column}.how-sidebar:before{content:"";position:absolute;inset:auto -70px -100px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#0db4ae 0,rgba(13,180,174,0) 67%);opacity:.35}.how-sidebar .brand{color:#fff;position:relative}.how-sidebar .brand-mark{width:23px}.how-step-nav{position:relative;margin:auto 0;display:grid;gap:9px}.how-step-dot{border:0;border-left:2px solid rgba(217,239,239,.17);background:transparent;padding:9px 0 9px 12px;text-align:left;color:#82a2a5;font:700 11px Manrope;cursor:pointer;transition:.25s}.how-step-dot span{font:500 9px 'DM Mono';letter-spacing:1px;margin-right:7px}.how-step-dot.active{border-color:#3ee0d6;color:#fff;transform:translateX(3px)}.how-sidebar>p{position:relative;font:500 8px 'DM Mono';line-height:1.8;letter-spacing:1px;color:#7ea3a6;margin:0}.how-content{position:relative;display:flex;flex-direction:column;padding:42px 8% 34px;overflow:hidden}.how-close{position:absolute;z-index:3;right:34px;top:31px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8e8e8;border-radius:10px;background:#fff;color:#486168;cursor:pointer;transition:.2s}.how-close:hover{background:#10272e;color:#fff}.how-close svg{width:18px}.how-topline{display:flex;align-items:center;justify-content:space-between;padding-right:65px;color:#7a9296;font:500 10px 'DM Mono';letter-spacing:1.2px}.how-topline span:first-child{color:#00a5a2}.how-topline i{display:inline-block;width:19px;height:1px;vertical-align:middle;background:#a3dcd8;margin:0 7px}.how-slides{position:relative;flex:1;min-height:410px}.how-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(270px,.92fr) minmax(290px,1fr);gap:10%;align-items:center;opacity:0;visibility:hidden;transform:translateX(40px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility .45s}.how-slide.active{opacity:1;visibility:visible;transform:none}.how-copy{max-width:440px}.how-copy h2{font-size:clamp(42px,5vw,69px);letter-spacing:-.075em;line-height:.94;margin:18px 0}.how-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#00aaa9}.how-copy>p:last-child{font-size:13px;line-height:1.8;color:#70858b;max-width:375px}.how-visual{height:330px;position:relative;display:grid;place-items:center;border-radius:27px;overflow:hidden;background:#e5f7f5}.how-visual:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#b1eee8,rgba(177,238,232,0) 68%)}.discovery{background:linear-gradient(145deg,#dff9f7,#f7fffe)}.search-orb{position:absolute;z-index:1;top:43px;right:42px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#00aaa9;box-shadow:0 12px 24px rgba(13,112,111,.12);animation:howFloat 3.3s ease-in-out infinite}.search-orb svg{width:20px}.mini-event-card{position:relative;z-index:1;width:196px;height:237px;padding:20px;border-radius:16px;background:linear-gradient(145deg,#142e37,#008f92);color:#fff;box-shadow:20px 24px 30px rgba(12,74,77,.18);transform:rotate(-7deg);display:flex;flex-direction:column}.mini-event-card span{font:500 8px 'DM Mono';letter-spacing:1px;color:#60e7df}.mini-event-card b{font-size:34px;line-height:.86;letter-spacing:-.07em;margin:auto 0}.mini-event-card small{font:500 7px 'DM Mono';letter-spacing:.7px;color:#bdebe9}.shape-square{position:absolute;left:44px;bottom:40px;width:36px;height:36px;border:1px solid #37c6c0;transform:rotate(29deg)}.guarantee{background:linear-gradient(145deg,#e4f9f7,#eefdfc)}.ticket-mini{position:relative;z-index:1;width:190px;height:230px;border-radius:16px;padding:18px;background:#fff;color:#152f38;box-shadow:0 23px 35px rgba(12,81,83,.12);transform:rotate(6deg)}.ticket-mini>span{font:500 8px 'DM Mono';letter-spacing:.4px}.ticket-mini>span span{color:#00aaa9}.ticket-mini b{display:block;font-size:32px;line-height:.86;letter-spacing:-.07em;margin-top:80px}.ticket-mini i{position:absolute;right:17px;bottom:17px;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#dffaf6;color:#00aaa9}.ticket-mini i svg{width:16px}.payment-chip{position:absolute;z-index:2;right:25px;bottom:48px;display:flex;align-items:center;gap:7px;padding:10px;background:#102932;color:#bcd8d8;border-radius:9px;box-shadow:0 12px 25px rgba(10,55,57,.15);font-size:8px;line-height:1.3;animation:howFloat 3.7s 1s ease-in-out infinite}.payment-chip svg{width:18px;color:#56e0d8}.payment-chip b{color:#fff}.access{background:linear-gradient(145deg,#d4f5f2,#effdfc)}.access-phone{position:relative;z-index:1;width:148px;height:263px;border-radius:21px;background:#173038;border:7px solid #173038;color:#fff;padding:19px 13px;box-shadow:16px 20px 29px rgba(12,65,68,.2);transform:rotate(-7deg)}.access-phone>span{font-size:8px;font-weight:700}.access-phone b{display:block;font-size:24px;line-height:.86;letter-spacing:-.07em;margin-top:62px}.access-code{height:23px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px);margin-top:29px}.scan-frame{position:absolute;z-index:2;right:63px;top:59px;width:50px;height:50px;border-radius:15px;background:#fff;display:grid;place-items:center;color:#00aaa9;box-shadow:0 13px 25px rgba(12,82,83,.12);animation:howFloat 3s ease-in-out infinite}.scan-frame svg{width:25px}.access-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#00aaa9}.access-spark.one{left:49px;top:60px;box-shadow:0 0 0 7px rgba(0,170,169,.12)}.access-spark.two{right:47px;bottom:57px;width:5px;height:5px;background:#173038}.live{background:radial-gradient(circle at 50% 45%,#bff6f0,#e4f9f7 60%)}.live-rings{position:absolute;width:152px;height:152px;border:1px solid #66d7d0;border-radius:50%;box-shadow:0 0 0 28px rgba(91,220,213,.18),0 0 0 56px rgba(91,220,213,.08);animation:howPulse 3.2s ease-in-out infinite}.live-icon{position:relative;z-index:1;width:86px;height:86px;border-radius:24px;background:#102b33;color:#5be3da;display:grid;place-items:center;box-shadow:0 21px 36px rgba(9,65,67,.18);transform:rotate(-6deg)}.live-icon svg{width:35px}.live-note{position:absolute;z-index:2;bottom:46px;padding:9px 11px;border-radius:8px;background:#fff;color:#4e696e;font:500 8px 'DM Mono';letter-spacing:.7px;box-shadow:0 12px 25px rgba(11,72,74,.12);animation:howFloat 3.1s ease-in-out infinite}.how-controls{display:flex;align-items:center;justify-content:space-between;gap:18px}.how-controls button{border:0;background:transparent;font:700 11px Manrope;color:#59757b;display:flex;align-items:center;gap:8px;cursor:pointer;min-width:77px}.how-controls button svg{width:16px}.how-next{justify-content:flex-end;color:#10212a!important}.how-progress{display:flex;gap:5px}.how-progress span{width:30px;height:3px;border-radius:999px;background:#d8e9e8;transition:.35s}.how-progress span.active{background:#00aaa9}@keyframes modalBackdrop{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}@keyframes howFloat{50%{transform:translateY(-9px)}}@keyframes howPulse{50%{transform:scale(1.08);opacity:.58}}@media(max-width:760px){.how-modal-panel{display:block;position:relative;background:#f7fcfc}.how-sidebar{height:122px;padding:23px 22px;background:#10272e}.how-sidebar .brand{font-size:18px}.how-sidebar>p{display:none}.how-step-nav{position:absolute;right:15px;bottom:13px;left:15px;display:flex;justify-content:space-between;gap:2px;margin:0}.how-step-dot{border:0;border-top:2px solid rgba(217,239,239,.17);padding:7px 4px 0;flex:1;font-size:0;text-align:center}.how-step-dot span{font-size:8px;margin:0}.how-step-dot.active{border-color:#3ee0d6;transform:none}.how-content{height:calc(100dvh - 122px);padding:25px 22px 24px}.how-close{right:18px;top:18px;width:34px;height:34px}.how-topline{padding-right:46px;font-size:9px}.how-slides{min-height:0}.how-slide{grid-template-columns:1fr;grid-template-rows:minmax(220px,.8fr) auto;gap:23px;align-content:center}.how-visual{height:min(39vh,295px);border-radius:22px}.how-copy h2{font-size:38px;margin:13px 0}.how-copy>p:last-child{font-size:11px;line-height:1.7;margin-bottom:0}.how-controls{margin-top:12px}.how-progress span{width:20px}.ticket-mini{width:164px;height:196px}.ticket-mini b{margin-top:59px}.access-phone{height:225px;width:128px}.access-phone b{margin-top:48px}.scan-frame{right:18%;top:35px}.live-note{bottom:30px}.mini-event-card{height:200px;width:170px}.mini-event-card b{font-size:30px}.payment-chip{right:10%;bottom:28px}.how-trigger-marker{display:none}}