.jp-page{--ink:#120819;--purple:#4c1768;--violet:#762b91;--gold:#ffb52e;--coral:#f05a3c;--paper:#fff9ef;--lilac:#e7d7ef;--line:rgba(255,181,46,.24);background:var(--ink);color:var(--paper);overflow:hidden}
.jp-page *,.jp-page *::before,.jp-page *::after{box-sizing:border-box}.jp-page a:focus-visible{outline:3px solid #ffd77a;outline-offset:4px}.jp-shell{width:min(1100px,calc(100% - 32px));margin-inline:auto}
.jp-hero{position:relative;min-height:690px;display:grid;align-items:center;isolation:isolate;border-bottom:1px solid var(--line);background:#100716}.jp-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.jp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,8,25,.08) 48%,#120819 100%)}
.jp-hero-copy{width:min(710px,100%);margin:auto;padding:76px 0 44px;text-align:center}.jp-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:#ffd77a;font-size:13px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.jp-kicker::before,.jp-kicker::after{content:"";width:30px;height:2px;background:var(--gold)}.jp-hero h1{margin:0 !important;color:#fff !important;font-family:'DM Serif Display',Georgia,serif !important;font-size:clamp(44px,7vw,76px) !important;font-weight:400 !important;line-height:1 !important;letter-spacing:-.035em !important;text-shadow:0 10px 28px #000}.jp-lead{max-width:650px;margin:23px auto 0;color:#f2e8f7;font-size:clamp(18px,2vw,22px);line-height:1.55;text-shadow:0 3px 15px #000}.jp-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:29px}.jp-actions a{min-width:190px;padding:15px 24px;border-radius:12px;color:#140818 !important;font-weight:900;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}.jp-actions a:first-child{background:linear-gradient(135deg,#ffcb55,#f05a3c);box-shadow:0 14px 30px rgba(240,90,60,.3)}.jp-actions a:last-child{color:#fff !important;background:#541c70;border:1px solid rgba(255,215,122,.56)}.jp-actions a:hover{transform:translateY(-2px);opacity:1;box-shadow:0 16px 35px rgba(0,0,0,.35)}.jp-disclosure{margin:15px 0 0;color:#bfa9cb;font-size:12px;line-height:1.5}
.jp-cashier{width:min(880px,calc(100% - 32px));margin:0 auto -64px;padding:18px;display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:12px;border:1px solid rgba(255,190,72,.42);border-radius:28px;background:linear-gradient(145deg,rgba(76,23,104,.92),rgba(24,10,33,.96));box-shadow:0 28px 72px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.1)}.jp-cashier-card{min-height:116px;padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(18,8,25,.62)}.jp-cashier-card b{display:block;color:#fff;font-size:18px}.jp-cashier-card span{display:block;margin-top:8px;color:#d9c5e3;font-size:13px;line-height:1.45}.jp-cashier-card.main{background:radial-gradient(circle at 50% 0,rgba(255,181,46,.26),transparent 55%),#251032}.jp-status{display:flex;gap:6px;margin-top:18px}.jp-status i{flex:1;height:8px;border-radius:99px;background:#321542}.jp-status i:nth-child(-n+3){background:linear-gradient(90deg,#ffb52e,#f05a3c);box-shadow:0 0 12px rgba(255,181,46,.45)}
.jp-story{padding:138px 0 76px}.jp-intro{max-width:790px;margin:0 auto 68px;color:#dfcfe7;font-size:20px;line-height:1.72;text-align:center}.jp-chapter{width:min(900px,100%);margin:0 auto 82px}.jp-chapter h2{margin:0 0 22px !important;padding:0 !important;color:#fff !important;font-family:'DM Serif Display',Georgia,serif !important;font-size:clamp(31px,4.1vw,47px) !important;line-height:1.1 !important;letter-spacing:-.02em}.jp-chapter h2::after{display:none}.jp-chapter>p{margin:0 0 26px;color:#d9c9e1;font-size:18px;line-height:1.82}.jp-chapter>p:last-child{margin:26px 0 0}.jp-visual{position:relative;min-height:230px;margin:30px 0;padding:28px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#3d1554,#1b0b25);box-shadow:0 22px 48px rgba(0,0,0,.26)}.jp-visual::after{content:"";position:absolute;width:220px;height:220px;right:-110px;bottom:-130px;border-radius:50%;background:rgba(255,181,46,.12)}.jp-label{color:#ffd77a;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.jp-routes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.jp-routes div{padding:18px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#210d2e}.jp-routes b{display:block;color:#fff}.jp-routes span{display:block;margin-top:8px;color:#bfa9cc;font-size:13px;line-height:1.45}
.jp-table-wrap{margin:30px 0;overflow-x:auto;border:1px solid var(--line);border-radius:18px}.jp-table{width:100%;min-width:700px;border-collapse:collapse;background:#1b0b25}.jp-table caption{padding:18px 20px;background:#4c1768;color:#fff;font-weight:900;text-align:left}.jp-table th,.jp-table td{padding:16px 18px;border-bottom:1px solid rgba(255,181,46,.15);color:#d9c9e1;font-size:15px;line-height:1.55;text-align:left;vertical-align:top}.jp-table th{background:#2c103c;color:#ffd77a;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.jp-table tr:last-child td{border-bottom:0}
.jp-seal{width:190px;aspect-ratio:1;margin:18px auto 0;display:grid;place-items:center;border:12px double #ffb52e;border-radius:50%;background:radial-gradient(circle,#762b91,#251032 65%);box-shadow:0 0 0 12px rgba(255,181,46,.08),0 24px 45px #0b0410}.jp-seal::after{content:"MATCH";color:#fff;font-weight:900;letter-spacing:.14em}
.jp-channel{display:flex;align-items:center;gap:8px;margin-top:34px}.jp-channel span{flex:0 0 68px;text-align:center;color:#fff;font-weight:900}.jp-channel i{flex:1;height:14px;border-radius:99px;background:repeating-linear-gradient(90deg,#ffb52e 0 22px,#762b91 22px 42px);box-shadow:0 0 16px rgba(255,181,46,.25)}
.jp-receipt{width:min(430px,100%);margin:18px auto 0;padding:25px;border-radius:8px;background:#fff8e9;color:#291235;box-shadow:0 20px 42px rgba(0,0,0,.38);transform:rotate(-1deg)}.jp-receipt::before{content:"";display:block;height:10px;margin-bottom:18px;background:repeating-linear-gradient(90deg,#4c1768 0 18px,transparent 18px 28px)}.jp-receipt-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px dashed #b99dc7;font-size:14px}.jp-receipt-row:last-child{border:0}.jp-receipt-row b{color:#4c1768}
.jp-envelope{width:min(480px,100%);height:230px;margin:12px auto 0;position:relative;border:2px solid #ffca55;border-radius:16px;background:#54206d;box-shadow:0 24px 45px #0d0612}.jp-envelope::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 49.5%,rgba(255,202,85,.5) 50%,transparent 50.5%),linear-gradient(215deg,transparent 49.5%,rgba(255,202,85,.5) 50%,transparent 50.5%)}.jp-envelope::after{content:"SECURE";position:absolute;left:50%;top:50%;padding:12px 18px;border-radius:50%;background:#ffb52e;color:#291235;font-weight:900;letter-spacing:.1em;transform:translate(-50%,-50%)}
.jp-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:34px}.jp-timeline div{position:relative;padding:24px 12px 16px;border-top:4px solid #ffb52e;background:#220e2e;text-align:center}.jp-timeline div::before{content:"";position:absolute;top:-11px;left:50%;width:18px;height:18px;border:4px solid #ffb52e;border-radius:50%;background:#4c1768;transform:translateX(-50%)}.jp-timeline b{display:block;color:#fff}.jp-timeline span{display:block;margin-top:7px;color:#bda7ca;font-size:12px;line-height:1.4}
.jp-network{position:relative;width:280px;height:210px;margin:8px auto}.jp-node{position:absolute;width:72px;height:72px;display:grid;place-items:center;border:3px solid #ffb52e;border-radius:50%;background:#4c1768;color:#fff;font-weight:900;box-shadow:0 0 24px rgba(255,181,46,.28)}.jp-node:nth-child(1){left:104px;top:0}.jp-node:nth-child(2){left:0;bottom:0}.jp-node:nth-child(3){right:0;bottom:0}.jp-network::before,.jp-network::after{content:"";position:absolute;top:96px;width:122px;height:3px;background:#ffb52e}.jp-network::before{left:39px;transform:rotate(-39deg)}.jp-network::after{right:39px;transform:rotate(39deg)}
.jp-phone{width:235px;min-height:365px;margin:0 auto;padding:18px 14px;border:7px solid #08030c;border-radius:38px;background:#351347;box-shadow:0 24px 48px #09030d}.jp-phone::before{content:"";display:block;width:72px;height:7px;margin:0 auto 18px;border-radius:99px;background:#09030d}.jp-phone-row{height:48px;margin:10px 0;border:1px solid rgba(255,181,46,.25);border-radius:12px;background:linear-gradient(90deg,#5f237a,#281034)}.jp-phone-row:last-child{background:linear-gradient(90deg,#ffb52e,#f05a3c)}
.jp-lens{width:200px;aspect-ratio:1;margin:8px auto;position:relative;border:16px solid #ffb52e;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(118,43,145,.55));box-shadow:0 0 0 10px #351347,0 25px 45px #09030d}.jp-lens::after{content:"";position:absolute;width:95px;height:22px;right:-75px;bottom:-32px;border-radius:20px;background:#ffb52e;transform:rotate(45deg)}
.jp-ticket{display:grid;grid-template-columns:110px 1fr;gap:0;width:min(620px,100%);margin:18px auto 0;border:1px solid rgba(255,181,46,.45);border-radius:18px;overflow:hidden;background:#220e2e}.jp-ticket strong{display:grid;place-items:center;background:#ffb52e;color:#291235;font-size:24px}.jp-ticket div{padding:24px}.jp-ticket b{color:#fff}.jp-ticket span{display:block;margin-top:8px;color:#c6b1d1;font-size:14px;line-height:1.5}
.jp-faq details{margin:12px 0;border:1px solid var(--line);border-radius:14px;background:#251032}.jp-faq summary{cursor:pointer;padding:20px 22px;color:#fff;font-size:17px;font-weight:900}.jp-faq details p{margin:0;padding:0 22px 22px;color:#d1bedb;font-size:16px;line-height:1.7}
.jp-footer{padding:42px 0;border-top:1px solid var(--line);background:#08030c;text-align:center}.jp-footer img{width:190px;height:52px;object-fit:cover;object-position:center}.jp-footer p{max-width:760px;margin:18px auto 0;color:#9f89aa;font-size:13px;line-height:1.65}.jp-footer a{color:#ffd77a !important}
@media(max-width:760px){.jp-hero{min-height:730px}.jp-hero-copy{padding-top:60px}.jp-hero h1{font-size:45px !important}.jp-actions{flex-direction:column}.jp-actions a{width:100%}.jp-cashier{grid-template-columns:1fr;margin-bottom:-32px}.jp-cashier-card{min-height:84px}.jp-story{padding-top:100px}.jp-intro{text-align:left;font-size:18px}.jp-chapter{margin-bottom:62px}.jp-chapter h2{font-size:34px !important}.jp-chapter>p{font-size:17px;line-height:1.72}.jp-visual{min-height:210px;padding:20px}.jp-routes{grid-template-columns:1fr 1fr}.jp-timeline{grid-template-columns:1fr 1fr;gap:16px 8px}.jp-ticket{grid-template-columns:80px 1fr}}
@media(max-width:440px){.jp-shell{width:min(100% - 24px,1100px)}.jp-hero h1{font-size:40px !important}.jp-lead{font-size:17px}.jp-cashier{width:calc(100% - 20px);padding:10px}.jp-routes{grid-template-columns:1fr}.jp-visual{border-radius:18px}.jp-lens{width:165px}.jp-envelope{height:200px}}
@media(prefers-reduced-motion:reduce){.jp-page *{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
