.sx-club{--red: #ff002b; --red-dark: #db0026; --ink: #16171b; --muted: #717177; --line: #dededc; --paper: #f6f6f3; --white: #fff; --green: #14734b; --radius: 12px; --font: Arial,Helvetica,sans-serif;}
.sx-club *{box-sizing: border-box;}
.sx-club{scroll-behavior: smooth; scroll-padding-top: 24px;}
.sx-club{margin: 0px; background: var(--paper); color: var(--ink); font-family: var(--font); font-size: 15px; line-height: 1.5;}
.sx-club button,.sx-club input,.sx-club select{font: inherit;}
.sx-club button,.sx-club a,.sx-club input,.sx-club select,.sx-club summary{-webkit-tap-highlight-color: transparent;}
.sx-club button,.sx-club a{touch-action: manipulation;}
.sx-club button{cursor: pointer;}
.sx-club a{color: inherit; text-decoration: none;}
.sx-club button{border: 0px;}
.sx-club button:disabled{cursor: not-allowed; opacity: 0.45;}
.sx-club button:focus-visible,.sx-club a:focus-visible,.sx-club summary:focus-visible,.sx-club input:focus-visible,.sx-club select:focus-visible{outline: rgb(215, 0, 38) solid 3px; outline-offset: 4px;}
.sx-club input:focus,.sx-club select:focus{border-color: var(--ink);}
.sx-club [hidden]{display: none !important;}
.sx-club h1,.sx-club h2,.sx-club h3,.sx-club p{margin-top: 0px;}
.sx-club h1,.sx-club h2,.sx-club h3{letter-spacing: -0.04em; line-height: 1.12;}
.sx-club h2{font-size: 36px;}
.sx-club h3{font-size: 26px;}
.sx-club p{line-height: 1.7;}
.sx-club small{font-size: 12px;}
.sx-club ul{padding: 0px; list-style: none;}
.sx-club .wrap{max-width: 1240px; padding-inline: 40px; margin-inline: auto;}
.sx-club .icon{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; vertical-align: middle;}
.sx-club .svg-defs{position: absolute; width: 0px; height: 0px; overflow: hidden;}
.sx-club .skip-link{position: fixed; top: -70px; left: 20px; padding: 12px 20px; background: white; z-index: 100;}
.sx-club .skip-link:focus{top: 15px;}
.sx-club .private-bar{background: rgb(34, 35, 40); color: rgb(196, 196, 199); font-size: 11px; letter-spacing: 0.025em; padding: 9px 40px; display: flex; justify-content: space-between; border-bottom: 1px solid rgb(52, 53, 57);}
.sx-club .private-bar > span{display: flex; align-items: center; gap: 8px;}
.sx-club .private-bar .icon{width: 13px; height: 13px;}
.sx-club .private-detail i{width: 3px; height: 3px; background: rgb(125, 125, 131); border-radius: 50%; margin-inline: 4px;}
.sx-club .header{height: 94px; padding: 0px 40px; display: flex; align-items: center; gap: 36px; background: rgb(16, 17, 20); color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.07);}
.sx-club .brand{display: inline-flex; align-items: center; flex-shrink: 0;}
.sx-club .brand img{display: block; height: auto; object-fit: contain;}
.sx-club .header nav{display: flex; align-items: center; gap: 26px; margin-left: auto; height: 100%;}
.sx-club .nav-link{padding: 20px 0px; background: transparent; color: rgb(164, 164, 170); font-size: 13px; position: relative; min-height: 44px; white-space: nowrap; display: flex; align-items: center; gap: 7px;}
.sx-club .nav-link.active{color: white;}
.sx-club .nav-link.active::after{position: absolute; content: ""; bottom: 8px; left: 0px; right: 0px; height: 2px; background: var(--red);}
.sx-club .nav-link .icon{width: 15px; height: 15px;}
.sx-club .header-flow{margin-left: 10px; padding: 11px 15px; min-height: 44px; font-size: 12px; border: 1px solid rgb(75, 76, 81); color: white; background: transparent; border-radius: 5px; display: flex; gap: 25px;}
.sx-club .hero{background: rgb(16, 17, 20); color: white; position: relative; overflow: hidden;}
.sx-club .hero-inner{min-height: 468px; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 40px; padding-top: 48px; padding-bottom: 30px;}
.sx-club .eyebrow{font-size: 10px; letter-spacing: 0.17em; font-weight: 700; display: flex; align-items: center; gap: 10px; margin-bottom: 22px; color: rgb(179, 179, 186);}
.sx-club .eyebrow.dark{color: rgb(116, 116, 122);}
.sx-club .red-line{width: 26px; height: 2px; display: inline-block; background: var(--red); flex: 0 0 auto;}
.sx-club .hero h1{font-size: clamp(36px, 3.6vw, 52px); letter-spacing: -0.055em; font-weight: 800; margin: 0px 0px 24px; line-height: 1.1;}
.sx-club .hero h1 > span{color: rgb(146, 147, 153);}
.sx-club .hero-copy > p{color: rgb(173, 173, 179); font-size: 14px; line-height: 1.85; margin-bottom: 26px;}
.sx-club .hero-actions{display: flex; gap: 30px; align-items: center;}
.sx-club .btn{display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 48px; padding: 13px 21px; border-radius: 6px; font-size: 13px; font-weight: 700; line-height: 1.4; transition: background 0.2s, transform 0.2s;}
.sx-club .btn:hover{transform: translateY(-1px);}
.sx-club .btn-red{background: var(--red); color: white;}
.sx-club .btn-red:hover{background: var(--red-dark);}
.sx-club .btn-dark{background: var(--ink); color: white;}
.sx-club .btn-outline{border: 1px solid rgb(208, 208, 207); color: var(--ink); background: white;}
.sx-club .btn-outline:hover{background: rgb(242, 242, 240);}
.sx-club .full{width: 100%;}
.sx-club .text-btn{background: transparent; color: var(--ink); font-size: 12px; min-height: 44px; padding: 8px 0px; font-weight: 600; display: inline-flex; align-items: center; gap: 14px;}
.sx-club .text-btn.light{color: rgb(202, 202, 206);}
.sx-club .hero-facts{display: flex; gap: 22px; margin-top: 35px; color: rgb(152, 153, 159); font-size: 10px; flex-wrap: wrap;}
.sx-club .hero-facts > span{display: flex; align-items: center; gap: 7px;}
.sx-club .hero-facts .icon{color: rgb(209, 209, 214); width: 15px; height: 15px;}
.sx-club .hero-art{height: 354px; position: relative; display: flex; justify-content: center; align-items: center; isolation: isolate;}
.sx-club .orbit{border: 1px solid rgba(255, 255, 255, 0.03); position: absolute; width: 470px; height: 470px; transform: rotate(-24deg); border-radius: 50%; z-index: -1;}
.sx-club .orbit-two{width: 590px; height: 590px;}
.sx-club .hero-art::before{position: absolute; content: ""; inset: 0px -10%; background: radial-gradient(rgba(255, 0, 43, 0.055), transparent 65%); z-index: -1;}
.sx-club .club-card{width: 380px; height: 237px; background: linear-gradient(115deg, rgb(62, 62, 67) 0%, rgb(36, 37, 42) 37%, rgb(21, 22, 26) 70%, rgb(48, 48, 53) 100%); border: 1px solid rgb(109, 109, 114); border-radius: 16px; padding: 25px 25px 24px; transform: perspective(1000px) rotateY(-12deg) rotateZ(-8deg); box-shadow: rgba(0, 0, 0, 0.467) 0px 22px 60px, rgba(255, 255, 255, 0.008) 0px 0px 0px 5px inset; position: relative; overflow: hidden;}
.sx-club .club-card::after{content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.008) 3px); pointer-events: none;}
.sx-club .club-card-top{display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 1;}
.sx-club .club-card-top img{max-width: 49%; height: auto;}
.sx-club .club-card-top > span{font-size: 8px; line-height: 1.8; letter-spacing: 0.22em; text-align: right; color: rgb(194, 179, 152);}
.sx-club .card-x{position: absolute; color: rgba(255, 255, 255, 0.02); font-weight: 900; font-style: italic; font-size: 235px; line-height: 1; right: 5px; top: 12px; letter-spacing: -0.15em;}
.sx-club .card-chip{margin-top: 21px; width: 35px; height: 26px; border: 1px solid rgb(170, 161, 142); border-radius: 5px; background: linear-gradient(120deg, rgb(147, 135, 119), rgb(193, 188, 168), rgb(129, 117, 100)); position: relative;}
.sx-club .card-chip::before,.sx-club .card-chip::after{content: ""; position: absolute; top: 0px; bottom: 0px; width: 1px; background: rgb(93, 85, 75); left: 10px;}
.sx-club .card-chip::after{left: 22px;}
.sx-club .card-chip span{position: absolute; left: 0px; right: 0px; top: 12px; height: 1px; background: rgb(107, 98, 86);}
.sx-club .card-bottom{display: flex; align-items: end; justify-content: space-between; margin-top: 15px;}
.sx-club .card-bottom > div:first-child{display: grid; gap: 6px;}
.sx-club .card-bottom small{font-size: 6px; letter-spacing: 0.17em; color: rgb(157, 157, 164);}
.sx-club .card-bottom strong{font-size: 17px; font-weight: 500; letter-spacing: 0.06em; color: rgb(230, 229, 226);}
.sx-club .card-bottom span{font-size: 7px; letter-spacing: 0.12em; color: rgb(157, 157, 164);}
.sx-club .mini-qr{width: 49px; height: 49px; padding: 4px; background: white; border-radius: 3px;}
.sx-club .mini-qr svg{width: 100%; height: 100%; display: block;}
.sx-club .floating-status{position: absolute; bottom: 18px; left: 23px; display: flex; align-items: center; gap: 12px; padding: 15px 18px; background: rgb(39, 40, 44); border: 1px solid rgb(68, 69, 75); border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.333) 0px 12px 25px; transform: rotate(0deg);}
.sx-club .status-dot{display: inline-block; width: 7px; height: 7px; flex-shrink: 0; border-radius: 50%; background: rgb(83, 199, 144); box-shadow: rgba(83, 199, 144, 0.075) 0px 0px 0px 4px;}
.sx-club .floating-status div{display: grid; gap: 3px;}
.sx-club .floating-status strong{font-size: 11px; font-weight: 600;}
.sx-club .floating-status small{font-size: 9px; color: rgb(153, 153, 162);}
.sx-club .floating-status .icon{background: rgb(68, 70, 74); color: rgb(214, 223, 217); border-radius: 50%; padding: 4px; width: 23px; height: 23px; margin-left: 20px;}
.sx-club .art-caption{position: absolute; bottom: -18px; font-size: 8px; letter-spacing: 0.18em; color: rgb(102, 103, 111);}
.sx-club .hero-foot{border-top: 1px solid rgba(255, 255, 255, 0.075); display: flex; justify-content: space-between; align-items: center; padding-top: 18px; padding-bottom: 18px; color: rgb(127, 128, 136); font-size: 8px; letter-spacing: 0.18em; margin-top: 14px;}
.sx-club .hero-foot b{color: var(--red); margin: 0px 12px; font-size: 12px;}
.sx-club .plans-section{padding-block: 64px 60px;}
.sx-club .section-heading{display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 30px;}
.sx-club .section-heading .eyebrow{margin-bottom: 16px;}
.sx-club .section-heading h2{margin-bottom: 12px; font-size: 34px;}
.sx-club .section-heading h2 span{color: rgb(139, 139, 144);}
.sx-club .section-heading p:last-child{color: var(--muted); font-size: 13px; margin-bottom: 0px;}
.sx-club .proposal-pill{padding: 9px 13px; border: 1px solid rgb(221, 222, 218); background: rgb(238, 238, 238); display: flex; align-items: center; gap: 9px; font-size: 10px; border-radius: 30px; white-space: nowrap; color: rgb(94, 96, 99);}
.sx-club .proposal-pill .status-dot{background: rgb(140, 141, 145); box-shadow: none; width: 5px; height: 5px;}
.sx-club .vehicle-toolbar{display: flex; align-items: center; gap: 22px; margin-bottom: 31px; padding: 15px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.sx-club .vehicle-toolbar > div:first-child{display: flex; align-items: center; gap: 9px; font-size: 12px;}
.sx-club .vehicle-toolbar > div:first-child .icon{width: 18px;}
.sx-club .vehicle-toolbar > span{font-size: 10px; color: var(--muted); margin-left: auto;}
.sx-club .segmented{display: flex; gap: 3px; padding: 4px; background: rgb(233, 233, 230); border-radius: 7px; flex-wrap: wrap;}
.sx-club .segmented button{background: transparent; color: rgb(106, 106, 112); padding: 8px 15px; font-size: 11px; min-height: 36px; border-radius: 5px;}
.sx-club .segmented button.active{background: white; color: var(--ink); box-shadow: rgba(0, 0, 0, 0.067) 0px 1px 4px; font-weight: 700;}
.sx-club .plan-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
.sx-club .plan-card{position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(218, 218, 216); border-radius: 10px; padding: 26px; display: flex; flex-direction: column; transition: border-color 0.2s, box-shadow 0.2s;}
.sx-club .plan-card.selected{border-color: var(--red); box-shadow: 0 0 0 1px var(--red);}
.sx-club .plan-card.recommended .plan-mark{background: rgb(255, 240, 242); color: var(--red);}
.sx-club .plan-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px;}
.sx-club .plan-level{display: flex; align-items: center; gap: 10px;}
.sx-club .plan-mark{display: flex; align-items: center; justify-content: center; transform: skew(-9deg); width: 30px; height: 30px; border: 1px solid rgb(228, 228, 228); font-size: 16px; font-weight: 800; color: rgb(119, 119, 119); background: rgb(241, 241, 241);}
.sx-club .plan-card[data-plan="diamond"] .plan-mark{background: rgb(32, 33, 38); color: white; border-color: rgb(32, 33, 38);}
.sx-club .plan-name{font-size: 22px; letter-spacing: -0.05em; font-weight: 700;}
.sx-club .plan-badge{font-size: 8px; color: var(--red); background: rgb(255, 241, 243); padding: 5px 7px; border-radius: 3px; font-weight: 700; letter-spacing: 0.05em;}
.sx-club .plan-tagline{color: var(--muted); font-size: 11px; margin: 0px 0px 25px;}
.sx-club .plan-price{font-size: 36px; line-height: 1.1; letter-spacing: -0.06em; font-weight: 700; white-space: nowrap;}
.sx-club .plan-price small{font-size: 12px; letter-spacing: 0px; margin-right: 4px; font-weight: 500;}
.sx-club .price-period{font-size: 10px; color: var(--muted); margin-top: 7px;}
.sx-club .plan-services{border-top: 1px solid rgb(236, 236, 235); border-bottom: 1px solid rgb(236, 236, 235); padding: 18px 0px; margin: 20px 0px 17px; display: grid; gap: 12px;}
.sx-club .plan-services li{display: flex; align-items: center; gap: 10px; font-size: 12px;}
.sx-club .plan-services li .icon{width: 15px; height: 15px; color: rgb(116, 119, 124);}
.sx-club .plan-services .unavailable{color: rgb(167, 167, 173);}
.sx-club .plan-services .unavailable .icon{color: rgb(198, 198, 204);}
.sx-club .plan-services b{font-size: 13px; font-weight: 700;}
.sx-club .plan-value{display: flex; justify-content: space-between; gap: 8px; font-size: 10px; margin-bottom: 18px;}
.sx-club .plan-value span{color: var(--muted);}
.sx-club .plan-value strong{color: var(--green); font-size: 10px;}
.sx-club .plan-card .btn{min-height: 42px; font-size: 11px; margin-top: auto; padding: 10px 14px;}
.sx-club .plan-card.selected .btn{background: var(--ink); color: white; border-color: var(--ink);}
.sx-club .plan-card .selected-check{width: 16px; height: 16px; display: inline-block; border-radius: 50%; border: 1px solid rgb(186, 186, 190);}
.sx-club .plan-card.selected .selected-check{border-color: white; background: white; color: var(--ink); display: inline-flex; align-items: center; justify-content: center;}
.sx-club .plan-card .selected-check .icon{width: 12px; height: 12px;}
.sx-club .comparison-bottom{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 12px; color: var(--muted); font-size: 10px;}
.sx-club .comparison-bottom > span{display: flex; align-items: center; gap: 7px;}
.sx-club .comparison-bottom .icon{width: 14px; height: 14px;}
.sx-club .comparison-bottom .text-btn{font-size: 10px; white-space: nowrap;}
.sx-club .choice-layout{margin-top: 40px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 65px; align-items: start;}
.sx-club .service-explainer .eyebrow{font-size: 8px; margin-bottom: 12px;}
.sx-club .service-explainer h3{font-size: 27px; margin-bottom: 19px;}
.sx-club .service-tabs{display: flex; gap: 18px; border-bottom: 1px solid var(--line);}
.sx-club .service-tabs button{background: transparent; padding: 10px 3px 13px; font-size: 12px; color: var(--muted); border-bottom: 2px solid transparent; min-height: 44px;}
.sx-club .service-tabs button.active{color: var(--ink); border-bottom-color: var(--red); font-weight: 700;}
.sx-club #sx-club-service-detail{min-height: 170px; padding-block: 19px 12px;}
.sx-club #sx-club-service-detail > p{font-size: 12px; color: var(--muted); margin-bottom: 12px;}
.sx-club .service-includes{display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; margin: 0px;}
.sx-club .service-includes li{display: flex; align-items: start; gap: 8px; font-size: 11px; line-height: 1.5;}
.sx-club .service-includes .icon{width: 14px; height: 14px; color: var(--red); margin-top: 1px;}
.sx-club .muted{color: var(--muted); font-size: 11px;}
.sx-club .selection-summary{padding: 25px 28px; background: white; border: 1px solid rgb(222, 222, 220); border-radius: 10px;}
.sx-club .summary-label{font-size: 8px; letter-spacing: 0.14em; color: var(--muted); font-weight: 700; display: flex; align-items: center; gap: 7px; margin-bottom: 19px;}
.sx-club .summary-label .icon{width: 13px; height: 13px; color: var(--green);}
.sx-club .summary-name{display: flex; align-items: center; justify-content: space-between; gap: 16px;}
.sx-club .summary-name h3{font-size: 22px; margin-bottom: 4px;}
.sx-club .summary-name p{font-size: 11px; color: var(--muted); margin-bottom: 0px;}
.sx-club .summary-total{font-size: 28px; letter-spacing: -0.05em; font-weight: 700; white-space: nowrap;}
.sx-club .summary-total small{font-size: 11px; letter-spacing: 0px;}
.sx-club .summary-details{display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 19px 0px; font-size: 10px; color: rgb(102, 102, 107); border-top: 1px solid rgb(236, 236, 235); padding-top: 16px;}
.sx-club .summary-details span{display: flex; gap: 5px; align-items: center;}
.sx-club .summary-details .icon{width: 13px; height: 13px;}
.sx-club .selection-summary > small{font-size: 9px; color: var(--muted); text-align: center; display: block; margin-top: 11px;}
.sx-club .how-strip{background: rgb(234, 234, 230); padding: 40px 0px;}
.sx-club .how-strip > .wrap{display: grid; grid-template-columns: 0.8fr 2fr; gap: 40px; align-items: center;}
.sx-club .how-strip .eyebrow{font-size: 8px; letter-spacing: 0.14em; color: var(--muted); margin-bottom: 10px;}
.sx-club .how-strip h2{font-size: 27px; margin-bottom: 0px;}
.sx-club .how-strip ol{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); list-style: none; padding: 0px; gap: 24px;}
.sx-club .how-strip li{display: flex; gap: 12px;}
.sx-club .how-strip li > span{font-size: 11px; color: var(--red); font-weight: 700;}
.sx-club .how-strip strong{font-size: 11px;}
.sx-club .how-strip li p{font-size: 10px; line-height: 1.7; color: var(--muted); margin: 6px 0px 0px;}
.sx-club .faq-section{display: grid; grid-template-columns: 1fr 1.35fr; gap: 60px; padding-block: 65px;}
.sx-club .faq-section .eyebrow{font-size: 8px; margin-bottom: 13px;}
.sx-club .faq-section h2{font-size: 29px; margin-bottom: 18px;}
.sx-club .faq-section > div > p:last-child{font-size: 12px; color: var(--muted);}
.sx-club .faqs details{border-bottom: 1px solid rgb(213, 213, 211);}
.sx-club .faqs summary{font-size: 12px; cursor: pointer; display: flex; gap: 15px; align-items: center; justify-content: space-between; padding: 18px 0px; list-style: none; font-weight: 600; min-height: 52px;}
.sx-club .faqs summary::-webkit-details-marker{display: none;}
.sx-club .faqs summary::after{content: "+"; font-size: 18px; color: var(--muted); font-weight: 400;}
.sx-club .faqs details[open] summary::after{content: "−";}
.sx-club .faqs details p{font-size: 12px; color: var(--muted); margin: 0px 0px 18px; padding-right: 24px;}
.sx-club .footer{background: rgb(20, 21, 25); color: rgb(176, 176, 184); padding: 34px 0px 0px; font-size: 11px;}
.sx-club .footer > .wrap:first-child{display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-bottom: 30px;}
.sx-club .footer > .wrap:first-child > div{display: grid; gap: 6px;}
.sx-club .footer strong{font-size: 10px; font-weight: 500; color: rgb(196, 196, 202);}
.sx-club .footer span{font-size: 9px; color: rgb(126, 126, 136);}
.sx-club .footer-links{text-align: right;}
.sx-club .footer-links a{font-size: 11px; color: rgb(196, 196, 202);}
.sx-club .footer-fine{display: flex; justify-content: space-between; align-items: center; padding-block: 12px; border-top: 1px solid rgba(255, 255, 255, 0.08); gap: 15px;}
.sx-club .footer-fine .text-btn{min-height: 30px; font-size: 9px; padding: 2px;}
.sx-club .workspace-page{padding-block: 54px 75px; min-height: 70vh;}
.sx-club .workspace-heading{display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 36px;}
.sx-club .workspace-heading .eyebrow{margin-bottom: 15px;}
.sx-club .workspace-heading h1{font-size: 42px; margin-bottom: 15px;}
.sx-club .workspace-heading h1 > span{color: var(--red);}
.sx-club .workspace-heading p{font-size: 13px; color: var(--muted); margin: 0px;}
.sx-club .demo-label{font-size: 8px; letter-spacing: 0.1em; line-height: 1.7; color: rgb(138, 138, 145); border: 1px solid rgb(220, 220, 220); padding: 7px 10px; border-radius: 4px; white-space: nowrap;}
.sx-club .panel{background: white; border: 1px solid var(--line); border-radius: 12px; padding: 28px;}
.sx-club .panel h2{font-size: 22px;}
.sx-club .panel-heading{display: flex; gap: 12px; align-items: center; margin-bottom: 24px; justify-content: flex-start;}
.sx-club .panel-heading h2{margin: 0px; font-size: 19px;}
.sx-club .panel-heading .demo-label{margin-left: auto;}
.sx-club .step-number{width: 30px; height: 30px; background: rgb(241, 241, 238); color: var(--red); display: flex; align-items: center; justify-content: center; font-size: 10px; border-radius: 6px; flex: 0 0 auto; font-weight: 700;}
.sx-club .empty-state{text-align: center; padding: 55px 20px; max-width: 550px; margin: auto;}
.sx-club .empty-state h2{font-size: 28px; margin: 20px 0px 13px;}
.sx-club .empty-state p{font-size: 13px; color: var(--muted);}
.sx-club .empty-state .btn{margin-top: 15px;}
.sx-club .scan-big{width: 54px; height: 54px; fill: none; stroke: rgb(156, 156, 165); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round;}
.sx-club .member-layout{display: grid; grid-template-columns: 0.85fr 1.4fr; gap: 26px; align-items: start;}
.sx-club .digital-card{background: rgb(21, 22, 27); color: white; border: 1px solid rgb(57, 58, 65); border-radius: 14px; padding: 27px; position: relative; overflow: hidden;}
.sx-club .digital-card > div,.sx-club .digital-card > p{position: relative; z-index: 1;}
.sx-club .digital-card::before{content: "X"; position: absolute; right: -25px; top: 20px; font-size: 300px; line-height: 1; font-style: italic; font-weight: 900; color: rgba(255, 255, 255, 0.01);}
.sx-club .digital-card-top{display: flex; justify-content: space-between; align-items: start; gap: 25px;}
.sx-club .digital-card-top img{width: 160px; max-width: 60%; height: auto;}
.sx-club .member-state{font-size: 9px; color: rgb(138, 228, 178); border: 1px solid rgb(48, 116, 76); border-radius: 30px; padding: 4px 9px; white-space: nowrap;}
.sx-club .member-state.expired{color: rgb(255, 180, 191); border-color: rgb(169, 94, 105);}
.sx-club .digital-card h2{font-size: 33px; margin: 27px 0px 5px;}
.sx-club .digital-card .member-car{font-size: 11px; color: rgb(153, 153, 162);}
.sx-club .member-qr{background: rgb(255, 255, 255); width: 156px; height: 156px; border-radius: 9px; padding: 10px; margin: 25px auto 16px;}
.sx-club .member-qr svg{width: 100%; height: 100%; display: block;}
.sx-club .member-code{font-family: monospace; text-align: center; font-size: 10px; overflow-wrap: anywhere; color: rgb(187, 188, 195);}
.sx-club .member-card-footer{border-top: 1px solid rgb(55, 56, 62); margin-top: 24px; padding-top: 18px; display: flex; justify-content: space-between; font-size: 10px; gap: 15px;}
.sx-club .member-card-footer span{color: rgb(133, 133, 143);}
.sx-club .card-tools{display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap;}
.sx-club .card-tools .btn{flex: 1 1 0%; font-size: 10px; min-height: 40px; padding: 10px; white-space: nowrap;}
.sx-club .demo-info{font-size: 11px; padding: 15px 0px; color: var(--muted); line-height: 1.7;}
.sx-club .balances{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px; margin-block: 20px;}
.sx-club .balance{padding: 18px; border-radius: 8px; background: rgb(246, 246, 243);}
.sx-club .balance strong{font-size: 30px; line-height: 1;}
.sx-club .balance strong small{font-size: 12px; color: rgb(155, 155, 161); font-weight: 400;}
.sx-club .balance > span{display: block; margin-top: 7px; font-size: 10px; color: var(--muted);}
.sx-club .balance-bar{margin-top: 14px; height: 3px; background: rgb(222, 222, 220); border-radius: 5px; overflow: hidden;}
.sx-club .balance-bar > i{display: block; height: 100%; background: var(--red);}
.sx-club .member-stats{display: flex; justify-content: space-between; gap: 20px; font-size: 11px; border-top: 1px solid var(--line); padding-top: 17px; color: var(--muted);}
.sx-club .member-stats b{color: var(--ink); font-weight: 500; display: block; margin-top: 5px;}
.sx-club .renew-panel{margin-top: 22px; display: flex; gap: 20px; align-items: center;}
.sx-club .renew-panel > div{flex: 1 1 0%;}
.sx-club .renew-panel h2{font-size: 20px; margin: 0px 0px 10px;}
.sx-club .renew-panel p{font-size: 11px; color: var(--muted); margin: 0px;}
.sx-club .renew-panel .btn{font-size: 11px; white-space: nowrap;}
.sx-club .scheduled{padding: 17px; border: 1px solid rgb(190, 216, 199); background: rgb(241, 248, 243); border-radius: 7px; margin-top: 20px; font-size: 12px; color: rgb(54, 98, 69); line-height: 1.7;}
.sx-club .scheduled strong{display: block;}
.sx-club .history-panel{margin-top: 26px;}
.sx-club .history-list{margin: 0px;}
.sx-club .history-row{display: flex; justify-content: space-between; align-items: center; padding: 14px 0px; border-bottom: 1px solid rgb(236, 236, 234); font-size: 11px; gap: 18px;}
.sx-club .history-row:last-child{border-bottom: 0px;}
.sx-club .history-row strong{display: block; font-size: 11px; font-weight: 600;}
.sx-club .history-row small{font-size: 9px; color: var(--muted);}
.sx-club .history-row > span{text-align: right; flex: 0 0 auto;}
.sx-club .cash-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 25px;}
.sx-club .scan-target{border: 1px dashed rgb(201, 201, 206); border-radius: 8px; min-height: 205px; background: rgb(249, 249, 247); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; padding: 22px; position: relative; overflow: hidden;}
.sx-club .scan-target strong{font-size: 12px; font-weight: 500; margin-top: 9px;}
.sx-club .scan-target > span{color: var(--muted); font-size: 11px;}
.sx-club .scan-target video{width: 100%; max-height: 250px; object-fit: cover; position: relative; border-radius: 7px;}
.sx-club .scan-actions{display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 16px 0px 25px;}
.sx-club .scan-actions .btn{min-height: 40px; font-size: 11px; padding: 10px 12px; gap: 8px;}
.sx-club .scan-actions .text-btn{font-size: 10px;}
.sx-club .inline-input{display: flex; gap: 9px;}
.sx-club .inline-input input{min-width: 0px; flex: 1 1 0%;}
.sx-club label{display: block; font-size: 11px; font-weight: 600; margin-bottom: 8px;}
.sx-club input,.sx-club select{border: 1px solid rgb(209, 209, 209); border-radius: 6px; background: white; padding: 12px 13px; color: var(--ink); min-height: 46px; width: 100%; font-size: 13px;}
.sx-club input::placeholder{color: rgb(166, 166, 173);}
.sx-club .inline-input .btn{min-height: 46px; font-size: 11px; gap: 8px; padding: 12px 17px;}
.sx-club .inline-message{font-size: 12px; color: rgb(176, 0, 32); min-height: 18px; margin: 13px 0px;}
.sx-club .inline-message.success{color: var(--green);}
.sx-club .footnote{font-size: 10px; color: var(--muted); line-height: 1.7; margin-bottom: 0px;}
.sx-club .cash-result .empty-state{padding: 80px 15px;}
.sx-club .cash-valid{display: flex; align-items: center; gap: 8px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--green); margin-bottom: 20px;}
.sx-club .cash-client{border-bottom: 1px solid var(--line); padding-bottom: 19px; margin-bottom: 20px;}
.sx-club .cash-client h2{margin-bottom: 10px; font-size: 27px;}
.sx-club .cash-client p{font-size: 12px; color: var(--muted); margin: 0px;}
.sx-club .cash-client b{color: var(--ink); font-weight: 600;}
.sx-club .cash-plan{font-size: 11px; display: flex; justify-content: space-between; gap: 12px; color: var(--muted);}
.sx-club .cash-services{display: grid; gap: 9px; margin: 19px 0px;}
.sx-club .service-option{display: flex; align-items: center; gap: 9px; padding: 13px; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; font-size: 12px; font-weight: 400; margin: 0px;}
.sx-club .service-option:has(input:checked){border-color: var(--red); background: rgb(255, 247, 248);}
.sx-club .service-option input{min-height: 0px; width: 16px; accent-color: var(--red); margin: 0px;}
.sx-club .service-option span{margin-left: auto; font-size: 10px; color: var(--muted);}
.sx-club .service-option:has(input:disabled){opacity: 0.5; cursor: not-allowed;}
.sx-club .check-label{display: flex; align-items: flex-start; gap: 10px; font-size: 11px; font-weight: 400; margin: 18px 0px; cursor: pointer; line-height: 1.7;}
.sx-club .check-label input{width: 16px; min-height: 16px; height: 16px; flex: 0 0 auto; margin: 2px 0px 0px; accent-color: var(--red);}
.sx-club .plate-confirm{display: flex; gap: 10px; align-items: center;}
.sx-club .plate-confirm input{min-width: 0px;}
.sx-club .plate-confirm span{font-size: 10px; line-height: 1.6; color: var(--muted); max-width: 180px;}
.sx-club .flow-rail{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-bottom: 28px; background: rgb(234, 234, 230); border-radius: 12px; padding: 30px;}
.sx-club .flow-node{padding-inline: 25px; border-right: 1px solid rgb(210, 210, 207); position: relative;}
.sx-club .flow-node:last-child{border: 0px;}
.sx-club .flow-node small{font-size: 8px; letter-spacing: 0.15em; color: rgb(113, 113, 122);}
.sx-club .flow-node strong{display: block; font-size: 23px; font-weight: 700; letter-spacing: -0.03em; margin-top: 9px;}
.sx-club .flow-node p{font-size: 11px; color: var(--muted); margin: 10px 0px 0px;}
.sx-club .flow-cards{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 19px;}
.sx-club .flow-cards .panel{padding: 25px; display: flex; flex-direction: column; align-items: start;}
.sx-club .flow-cards h2{font-size: 24px; line-height: 1.2; margin: 22px 0px;}
.sx-club .flow-list{font-size: 11px; line-height: 1.9; padding-left: 15px; margin: 0px 0px 20px;}
.sx-club .flow-list li{padding-left: 5px; margin-bottom: 10px;}
.sx-club .flow-note{margin-top: auto; border-top: 1px solid var(--line); padding-top: 17px; font-size: 10px; line-height: 1.8; color: var(--muted);}
.sx-club .flow-note b{display: block; color: var(--ink); font-size: 11px; margin-bottom: 4px;}
.sx-club .integration-panel{margin-top: 30px; padding: 36px; background: rgb(27, 28, 33); border-radius: 12px; color: white; display: grid; grid-template-columns: 1fr 1fr; gap: 70px;}
.sx-club .integration-panel .eyebrow{font-size: 8px; margin-bottom: 15px;}
.sx-club .integration-panel h2{font-size: 34px;}
.sx-club .integration-panel p{font-size: 12px; color: rgb(160, 160, 170); margin: 0px;}
.sx-club .integration-panel ul{margin: 0px;}
.sx-club .integration-panel li{padding: 17px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.086); font-size: 11px;}
.sx-club .integration-panel li:first-child{padding-top: 0px;}
.sx-club .integration-panel li span{display: block; color: rgb(142, 142, 152); font-size: 9px; margin-bottom: 5px;}
.sx-club .integration-panel li b{font-weight: 500;}
.sx-club .integration-caption{font-size: 11px; color: var(--muted); margin: 18px 0px 0px;}
.sx-club .dialog-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.sx-club .dialog-top .eyebrow{font-size: 8px; margin: 0px;}
.sx-club .close-button{background: rgb(242, 242, 240); border-radius: 50%; width: 36px; height: 36px; font-size: 24px; line-height: 1; color: rgb(119, 119, 119); display: flex; align-items: center; justify-content: center;}
.sx-club dialog{border: 1px solid rgb(222, 222, 219); border-radius: 14px; width: min(620px, 100% - 32px); max-height: calc(100dvh - 48px); overflow: auto; padding: 28px; color: var(--ink); background: white; box-shadow: rgba(0, 0, 0, 0.267) 0px 30px 80px;}
.sx-club dialog::backdrop{background: rgba(8, 9, 16, 0.72); backdrop-filter: blur(4px);}
.sx-club dialog h2{font-size: 30px; margin: 12px 0px;}
.sx-club dialog p{font-size: 12px; color: var(--muted);}
.sx-club .checkout-steps{display: flex; gap: 8px; font-size: 9px; color: rgb(160, 160, 165); margin: 20px 0px 24px;}
.sx-club .checkout-steps span{flex: 1 1 0%; border-top: 2px solid rgb(228, 228, 228); padding-top: 8px;}
.sx-club .checkout-steps span.current{color: var(--ink); border-top-color: var(--red);}
.sx-club .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 18px 16px;}
.sx-club .form-grid .span-two{grid-column: 1 / -1;}
.sx-club .form-grid label small{font-size: 9px; font-weight: 400; color: var(--muted);}
.sx-club .checkout-total{padding: 18px; background: rgb(244, 244, 241); border-radius: 8px; margin: 20px 0px;}
.sx-club .checkout-total > div{display: flex; justify-content: space-between; gap: 15px; font-size: 12px; margin: 6px 0px;}
.sx-club .checkout-total .total-row{border-top: 1px solid rgb(217, 217, 213); padding-top: 13px; margin-top: 13px; font-weight: 700; font-size: 18px; align-items: center;}
.sx-club .checkout-total small{display: block; text-align: right; color: var(--muted); font-size: 9px; margin-top: 7px;}
.sx-club .dialog-actions{display: flex; align-items: center; gap: 15px; justify-content: space-between; margin-top: 20px;}
.sx-club .dialog-actions .btn{min-width: 165px;}
.sx-club .review-data{display: grid; grid-template-columns: 1fr 1fr; gap: 17px; font-size: 12px; padding: 20px 0px; border-top: 1px solid var(--line);}
.sx-club .review-data span{display: block; color: var(--muted); font-size: 9px; margin-bottom: 4px;}
.sx-club .payment-modes{display: flex; gap: 12px; margin: 18px 0px;}
.sx-club .payment-modes label{flex: 1 1 0%; border: 1px solid var(--line); padding: 13px; border-radius: 7px; display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 400; cursor: pointer;}
.sx-club .payment-modes label:has(input:checked){border-color: var(--ink); background: rgb(245, 245, 241);}
.sx-club .payment-modes input{width: 15px; min-height: 15px; accent-color: var(--red); margin: 0px;}
.sx-club .checkout-success{text-align: center; padding: 14px 10px;}
.sx-club .success-icon{width: 56px; height: 56px; background: rgb(234, 246, 238); color: var(--green); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 10px auto 20px;}
.sx-club .success-icon .icon{width: 28px; height: 28px;}
.sx-club .checkout-success .btn{margin-top: 15px;}
.sx-club .checkout-selects{display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 17px;}
.sx-club .quote-points{font-size: 12px; line-height: 1.9; list-style: disc; padding-left: 20px; color: var(--muted);}
.sx-club .info-table{width: 100%; border-collapse: collapse; font-size: 11px; margin-block: 20px;}
.sx-club .info-table th,.sx-club .info-table td{text-align: left; padding: 11px 7px; border-bottom: 1px solid var(--line);}
.sx-club .info-table th{font-size: 9px; color: var(--muted); font-weight: 500;}
.sx-club .toast{position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 32px); background: var(--ink); border: 1px solid rgb(71, 71, 75); color: white; padding: 13px 20px; border-radius: 7px; font-size: 12px; z-index: 300; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 30px;}
.sx-club .inline-alert{padding: 12px 15px; border-radius: 6px; background: rgb(255, 240, 241); color: rgb(154, 23, 48); font-size: 11px; line-height: 1.7; margin-bottom: 18px;}
.sx-club .storage-warning{background: rgb(255, 244, 216); color: rgb(99, 80, 25); padding: 13px 24px; text-align: center; font-size: 12px;}
.sx-club .renew-mode{background: rgb(255, 246, 232); border: 1px solid rgb(236, 216, 181); color: rgb(130, 97, 44); border-radius: 6px; padding: 13px; font-size: 11px; line-height: 1.7; margin-bottom: 20px;}
@media (min-width: 1440px){.sx-club .header,.sx-club .private-bar{padding-inline: max(40px, -580px + 50vw);}
.sx-club .hero-inner{min-height: 485px;}}
@media (max-width: 1050px){.sx-club .wrap{padding-inline: 28px;}
.sx-club .header{padding-inline: 28px; gap: 20px;}
.sx-club .header nav{gap: 20px;}
.sx-club .header-flow{gap: 12px;}
.sx-club .hero-inner{gap: 10px;}
.sx-club .hero-art{transform: scale(0.9); transform-origin: center center;}
.sx-club .hero h1{font-size: 39px;}
.sx-club .hero-facts{gap: 12px;}
.sx-club .plan-card{padding: 22px;}
.sx-club .plan-price{font-size: 32px;}
.sx-club .vehicle-toolbar{gap: 16px; flex-wrap: wrap;}
.sx-club .vehicle-toolbar > span{margin-left: 0px;}
.sx-club .choice-layout{gap: 30px;}
.sx-club .how-strip > .wrap{grid-template-columns: 1fr; gap: 20px;}
.sx-club .how-strip ol{margin: 0px;}
.sx-club .workspace-heading .demo-label{max-width: 180px; white-space: normal;}
.sx-club .renew-panel{flex-wrap: wrap;}
.sx-club .flow-node{padding-inline: 15px;}
.sx-club .flow-node strong{font-size: 20px;}
.sx-club .flow-cards .panel{padding: 20px;}
.sx-club .integration-panel{gap: 40px;}
.sx-club .digital-card{padding: 22px;}
.sx-club .member-layout{grid-template-columns: 0.9fr 1.3fr;}}
@media (max-width: 760px){.sx-club .private-bar{padding: 9px 20px; font-size: 9px;}
.sx-club .private-detail{display: none !important;}
.sx-club .header{height: auto; min-height: 110px; display: grid; grid-template-columns: 1fr auto; gap: 5px 20px; padding: 18px 20px 0px;}
.sx-club .header .brand img{width: 158px;}
.sx-club .header-flow{font-size: 9px; min-height: 34px; padding: 8px 10px; margin: 0px; gap: 13px;}
.sx-club .header nav{grid-area: 2 / 1 / auto / -1; justify-content: flex-start; gap: 26px; margin-left: 0px; min-width: 0px;}
.sx-club .nav-link{font-size: 11px; padding: 15px 0px 18px; min-height: 48px;}
.sx-club .nav-link.active::after{bottom: 0px;}
.sx-club .wrap{padding-inline: 20px;}
.sx-club .hero-inner{grid-template-columns: 1fr; padding-top: 36px; padding-bottom: 20px; gap: 10px;}
.sx-club .hero h1{font-size: clamp(34px, 8.8vw, 50px); margin-bottom: 19px; line-height: 1.12;}
.sx-club .hero .eyebrow{font-size: 8px; letter-spacing: 0.15em; margin-bottom: 20px;}
.sx-club .hero-copy > p{font-size: 12px; line-height: 1.8;}
.sx-club .hero-actions{gap: 24px;}
.sx-club .hero-actions .btn{font-size: 11px; min-height: 46px;}
.sx-club .hero-actions .text-btn{font-size: 11px;}
.sx-club .hero-facts{margin-top: 25px; gap: 10px 20px; font-size: 9px;}
.sx-club .hero-art{height: 310px; transform: none; max-width: 430px; width: 100%; margin: 0px auto;}
.sx-club .club-card{width: min(335px, 90%); height: 210px; padding: 22px; transform: perspective(1000px) rotateY(-9deg) rotateZ(-7deg);}
.sx-club .club-card-top img{width: 145px;}
.sx-club .card-chip{margin-top: 15px; width: 30px; height: 24px;}
.sx-club .card-bottom{margin-top: 9px;}
.sx-club .card-bottom strong{font-size: 15px;}
.sx-club .card-bottom small{font-size: 5px;}
.sx-club .card-x{font-size: 210px; right: 10px;}
.sx-club .mini-qr{width: 43px; height: 43px;}
.sx-club .floating-status{padding: 13px 14px; bottom: 10px; left: 15px;}
.sx-club .floating-status strong{font-size: 10px;}
.sx-club .floating-status small{font-size: 8px;}
.sx-club .floating-status .icon{margin-left: 12px;}
.sx-club .art-caption{bottom: -16px; font-size: 7px;}
.sx-club .hero-foot{margin-top: 28px; padding-block: 14px; font-size: 7px; gap: 15px;}
.sx-club .hero-foot > span:last-child{display: none;}
.sx-club .plans-section{padding-top: 38px; padding-bottom: 35px;}
.sx-club .section-heading{display: block; margin-bottom: 23px;}
.sx-club .section-heading .eyebrow{font-size: 8px; margin-bottom: 14px;}
.sx-club .section-heading h2{font-size: 28px;}
.sx-club .section-heading p:last-child{font-size: 12px; line-height: 1.7;}
.sx-club .proposal-pill{width: max-content; margin-top: 16px; padding: 6px 10px; font-size: 9px;}
.sx-club .vehicle-toolbar{gap: 13px; align-items: start; margin-bottom: 23px;}
.sx-club .vehicle-toolbar > div:first-child{width: 100%; font-size: 11px;}
.sx-club .vehicle-toolbar > span{font-size: 9px;}
.sx-club .segmented{width: 100%; gap: 3px; flex-wrap: nowrap;}
.sx-club .segmented button{flex: 1 1 0%; padding: 8px 7px; min-height: 38px; font-size: 10px; white-space: nowrap;}
.sx-club .plan-grid{grid-template-columns: 1fr; gap: 16px;}
.sx-club .plan-card{padding: 23px;}
.sx-club .plan-top{margin-bottom: 10px;}
.sx-club .plan-name{font-size: 24px;}
.sx-club .plan-badge{font-size: 9px;}
.sx-club .plan-tagline{margin-bottom: 20px; font-size: 12px;}
.sx-club .plan-price{font-size: 39px;}
.sx-club .plan-services{margin-top: 18px; gap: 13px;}
.sx-club .plan-services li{font-size: 13px;}
.sx-club .plan-services b{font-size: 14px;}
.sx-club .plan-card .btn{font-size: 12px; min-height: 45px;}
.sx-club .plan-value{font-size: 11px;}
.sx-club .plan-value strong{font-size: 11px;}
.sx-club .price-period{font-size: 11px;}
.sx-club .comparison-bottom{align-items: flex-start; display: block; padding-top: 16px;}
.sx-club .comparison-bottom > span{font-size: 10px; line-height: 1.7; align-items: flex-start;}
.sx-club .comparison-bottom > span .icon{margin-top: 2px;}
.sx-club .comparison-bottom .text-btn{margin-top: 3px;}
.sx-club .choice-layout{grid-template-columns: 1fr; gap: 28px; margin-top: 25px;}
.sx-club .selection-summary{grid-row: 1; padding: 23px;}
.sx-club .service-explainer h3{font-size: 25px;}
.sx-club .service-includes{gap: 10px 15px;}
.sx-club .service-includes li{font-size: 11px;}
.sx-club #sx-club-service-detail{min-height: 160px;}
.sx-club .how-strip{padding-block: 30px;}
.sx-club .how-strip h2{font-size: 26px;}
.sx-club .how-strip ol{grid-template-columns: 1fr; gap: 25px; margin-top: 5px;}
.sx-club .how-strip li{gap: 18px;}
.sx-club .how-strip strong{font-size: 13px;}
.sx-club .how-strip li p{font-size: 11px; margin-top: 4px;}
.sx-club .how-strip li > span{font-size: 12px;}
.sx-club .faq-section{grid-template-columns: 1fr; gap: 15px; padding-block: 36px;}
.sx-club .faq-section h2{font-size: 27px;}
.sx-club .faq-section > div > p:last-child{margin-bottom: 6px;}
.sx-club .faq-section > div > p:last-child br{display: none;}
.sx-club .faqs summary{font-size: 12px; padding-block: 18px; line-height: 1.5;}
.sx-club .footer{padding-top: 30px;}
.sx-club .footer > .wrap:first-child{display: grid; gap: 23px;}
.sx-club .footer-links{text-align: left;}
.sx-club .footer-fine{flex-wrap: wrap; gap: 8px; padding-block: 16px;}
.sx-club .footer-fine > span:first-child{width: 100%;}
.sx-club .footer span{font-size: 8px;}
.sx-club .footer-fine .text-btn{margin-left: auto;}
.sx-club .workspace-page{padding-block: 35px 45px;}
.sx-club .workspace-heading{display: block; margin-bottom: 26px;}
.sx-club .workspace-heading h1{font-size: 34px;}
.sx-club .workspace-heading .eyebrow{font-size: 8px; line-height: 1.8;}
.sx-club .workspace-heading p{font-size: 12px;}
.sx-club .workspace-heading > .demo-label{display: inline-block; margin-top: 16px; max-width: none; font-size: 8px;}
.sx-club .workspace-heading > .btn{margin-top: 20px;}
.sx-club .member-layout,.sx-club .cash-layout{grid-template-columns: 1fr; gap: 20px;}
.sx-club .member-layout{max-width: 500px; margin-inline: auto;}
.sx-club .panel{padding: 22px;}
.sx-club .digital-card{padding: 26px;}
.sx-club .digital-card-top img{width: 170px;}
.sx-club .member-qr{width: 176px; height: 176px;}
.sx-club .digital-card h2{font-size: 35px;}
.sx-club .card-tools .btn{font-size: 11px;}
.sx-club .balances{gap: 8px;}
.sx-club .balance{padding: 14px 11px;}
.sx-club .balance strong{font-size: 28px;}
.sx-club .member-stats{font-size: 10px;}
.sx-club .renew-panel{margin-top: 20px; gap: 18px;}
.sx-club .renew-panel .btn{width: 100%;}
.sx-club .cash-result .empty-state{padding: 45px 10px;}
.sx-club .inline-input{gap: 6px;}
.sx-club .inline-input .btn{padding-inline: 12px;}
.sx-club .scan-actions{gap: 15px;}
.sx-club .scan-actions .text-btn{font-size: 10px;}
.sx-club .history-panel .panel-heading{flex-wrap: wrap; gap: 12px;}
.sx-club .history-panel .demo-label{margin-left: 0px;}
.sx-club .flow-rail{grid-template-columns: 1fr; padding: 22px; gap: 20px;}
.sx-club .flow-node{padding: 0px 0px 20px; border-right: 0px; border-bottom: 1px solid rgb(210, 210, 207);}
.sx-club .flow-node:last-child{padding-bottom: 0px;}
.sx-club .flow-node strong{font-size: 23px;}
.sx-club .flow-node p{font-size: 12px;}
.sx-club .flow-cards{grid-template-columns: 1fr; gap: 18px;}
.sx-club .flow-cards .panel{padding: 25px;}
.sx-club .flow-cards h2{font-size: 25px; margin-block: 18px;}
.sx-club .flow-list{font-size: 12px;}
.sx-club .flow-note{font-size: 11px;}
.sx-club .integration-panel{grid-template-columns: 1fr; gap: 30px; padding: 25px;}
.sx-club .integration-panel h2{font-size: 32px;}
.sx-club .integration-panel .eyebrow{font-size: 7px;}
.sx-club .integration-panel li b{font-size: 12px;}
.sx-club .integration-caption{font-size: 10px;}
.sx-club dialog{padding: 22px; width: calc(100% - 24px); max-height: calc(100dvh - 24px);}
.sx-club dialog h2{font-size: 27px;}
.sx-club .form-grid{grid-template-columns: 1fr; gap: 15px;}
.sx-club .form-grid .span-two{grid-column: auto;}
.sx-club .form-grid input,.sx-club .form-grid select,.sx-club .checkout-selects select{font-size: 16px;}
.sx-club .checkout-steps{font-size: 8px; gap: 6px;}
.sx-club .dialog-actions{gap: 12px;}
.sx-club .dialog-actions .btn{min-width: 0px; flex: 1 1 0%; font-size: 12px;}
.sx-club .review-data{font-size: 12px; gap: 15px;}
.sx-club .payment-modes label{font-size: 10px; padding: 11px;}
.sx-club .checkout-selects{grid-template-columns: 1fr;}
.sx-club .info-table{font-size: 10px;}
.sx-club .info-table th,.sx-club .info-table td{padding: 10px 4px;}
.sx-club .plate-confirm{display: block;}
.sx-club .plate-confirm span{display: block; margin-top: 6px; max-width: none;}
.sx-club .check-label{font-size: 11px;}
.sx-club .desktop-only{display: none;}}
@media (prefers-reduced-motion: reduce){.sx-club{scroll-behavior: auto;}
.sx-club *,.sx-club ::before,.sx-club ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
@font-face { font-family: Barlow; src: url("assets/barlow.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("assets/barlow-condensed.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("assets/bebas-neue.ttf") format("truetype"); font-weight: 400; font-display: swap; }
.sx-club{--red: #ff002b; --red-dark: #b20026; --ink: #f0eeea; --muted: #b0abad; --line: #363234; --paper: #0d0d0d; --white: #fff; --green: #72dba5; --radius: 2px; --font: Barlow,Arial,sans-serif;}
.sx-club{background: rgb(13, 13, 13); color: rgb(240, 238, 234);}
.sx-club .header,.sx-club .hero,.sx-club .footer{background: rgb(13, 13, 13);}
.sx-club .header{border-bottom: 1px solid rgba(255, 0, 43, 0.2);}
.sx-club .private-bar{background: rgb(20, 20, 20); color: rgb(185, 180, 181); border-color: rgb(41, 37, 38);}
.sx-club .hero{background: radial-gradient(at 90% 45%, rgb(66, 0, 13) 0px, transparent 58%), rgb(13, 13, 13);}
.sx-club .hero h1,.sx-club h1,.sx-club h2,.sx-club h3,.sx-club .plan-name,.sx-club .plan-price,.sx-club .summary-total,.sx-club .balance strong{font-family: "Bebas Neue", "Barlow Condensed", sans-serif; font-weight: 400; letter-spacing: 0.015em;}
.sx-club .hero h1{font-size: clamp(48px, 5.5vw, 78px); line-height: 0.98;}
.sx-club .hero h1 > span,.sx-club .section-heading h2 span{color: rgb(255, 0, 43);}
.sx-club .hero-copy > p{color: rgb(197, 191, 193);}
.sx-club .hero-foot{border-color: rgba(255, 255, 255, 0.125);}
.sx-club .hero-facts{color: rgb(214, 207, 209);}
.sx-club .eyebrow,.sx-club .nav-link,.sx-club .header-flow,.sx-club .btn,.sx-club .summary-label,.sx-club .plan-badge,.sx-club .demo-label,.sx-club .segmented button,.sx-club .service-tabs button,.sx-club .footer strong{font-family: "Barlow Condensed", sans-serif; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase;}
.sx-club .eyebrow,.sx-club .eyebrow.dark{color: rgb(255, 49, 84);}
.sx-club .nav-link{font-size: 14px;}
.sx-club .header-flow{border-radius: 2px;}
.sx-club .btn{border-radius: 0px; clip-path: polygon(7px 0px, 100% 0px, calc(100% - 7px) 100%, 0px 100%); font-size: 14px;}
.sx-club .btn:focus-visible{clip-path: none;}
.sx-club .btn-dark,.sx-club .btn-red{background: rgb(255, 0, 43); color: rgb(255, 255, 255);}
.sx-club .btn-dark:hover,.sx-club .btn-red:hover{background: rgb(178, 0, 38);}
.sx-club .btn-outline{background: transparent; border-color: rgb(109, 98, 102); color: rgb(255, 255, 255);}
.sx-club .btn-outline:hover{background: rgb(48, 32, 37);}
.sx-club .plans-section,.sx-club .faq-section{background-image: repeating-linear-gradient(45deg, transparent, transparent 28px, rgba(255, 0, 43, 0.02) 29px, transparent 30px);}
.sx-club .plan-card,.sx-club .panel,.sx-club .selection-summary,.sx-club .service-explainer{background: rgb(28, 28, 28); border-color: rgb(54, 50, 52); border-radius: 2px; box-shadow: none;}
.sx-club .plan-card{position: relative; border-top: 3px solid rgb(68, 64, 68);}
.sx-club .plan-card.recommended{background: rgb(33, 0, 7); border-top-color: rgb(255, 0, 43);}
.sx-club .plan-card.selected{border-color: rgb(255, 0, 43); box-shadow: rgb(255, 0, 43) 0px 0px 0px 1px;}
.sx-club .plan-name{font-size: 34px;}
.sx-club .plan-price{font-size: 60px; color: rgb(255, 255, 255);}
.sx-club .plan-price small{color: rgb(180, 170, 174);}
.sx-club .plan-tagline,.sx-club .price-period,.sx-club .plan-value,.sx-club .comparison-bottom,.sx-club .section-heading p,.sx-club .faq-section > div > p{color: rgb(185, 176, 180);}
.sx-club .plan-badge{background: rgb(255, 0, 43); color: rgb(255, 255, 255); border-radius: 0px;}
.sx-club .plan-card:not(.recommended) .plan-badge{background: rgb(51, 44, 47) !important; color: rgb(228, 216, 221) !important;}
.sx-club .plan-mark{background: rgba(255, 0, 43, 0.125); color: rgb(255, 49, 84); border-radius: 0px;}
.sx-club .plan-services{color: rgb(238, 229, 232);}
.sx-club .plan-services .unavailable{color: rgb(165, 155, 160);}
.sx-club .plan-services .icon{color: rgb(255, 49, 84);}
.sx-club .plan-value{border-color: rgb(73, 54, 62);}
.sx-club .plan-value strong{color: rgb(114, 219, 165);}
.sx-club .plan-card.selected .select-plan{background: rgb(255, 0, 43); color: rgb(255, 255, 255); border-color: rgb(255, 0, 43);}
.sx-club .vehicle-toolbar,.sx-club .comparison-bottom,.sx-club .summary-details,.sx-club .faqs details,.sx-club .service-tabs{border-color: rgb(54, 50, 52);}
.sx-club .segmented{background: rgb(32, 32, 32); border: 1px solid rgb(71, 64, 68); border-radius: 2px;}
.sx-club .segmented button{color: rgb(185, 176, 180); border-radius: 0px;}
.sx-club .segmented button.active{background: rgb(255, 0, 43); color: rgb(255, 255, 255); box-shadow: none;}
.sx-club .proposal-pill,.sx-club .demo-label{background: rgb(36, 23, 27); border-color: rgb(96, 50, 62); color: rgb(242, 201, 210); border-radius: 2px;}
.sx-club .text-btn{color: rgb(240, 238, 234);}
.sx-club .muted,.sx-club .footnote,.sx-club .integration-caption{color: rgb(176, 171, 173);}
.sx-club .summary-label{color: rgb(255, 49, 84);}
.sx-club .summary-details,.sx-club .selection-summary > small,.sx-club #sx-club-service-detail p,.sx-club .service-includes,.sx-club .faqs p{color: rgb(185, 176, 180);}
.sx-club .service-tabs button{color: rgb(176, 171, 173); background: transparent;}
.sx-club .service-tabs button.active{color: rgb(255, 255, 255); border-color: rgb(255, 0, 43);}
.sx-club .service-includes .icon{color: rgb(255, 49, 84);}
.sx-club .how-strip,.sx-club .integration-panel{background: rgb(24, 0, 7); border-block: 1px solid rgba(255, 0, 43, 0.2); border-radius: 0px;}
.sx-club .how-strip p,.sx-club .how-strip li p{color: rgb(185, 176, 180);}
.sx-club .faqs summary{color: rgb(240, 238, 234);}
.sx-club .club-card,.sx-club .digital-card{border-radius: 4px; background: linear-gradient(125deg, rgb(36, 34, 36), rgb(16, 10, 13) 70%); border: 1px solid rgb(108, 41, 57);}
.sx-club .card-x{color: rgba(255, 0, 43, 0.133);}
.sx-club .floating-status{background: rgb(28, 28, 28); color: rgb(255, 255, 255); border: 1px solid rgb(88, 64, 71); border-radius: 2px;}
.sx-club .floating-status small{color: rgb(185, 176, 180);}
.sx-club .footer{border-top: 1px solid rgba(255, 0, 43, 0.267);}
.sx-club .footer-fine{border-color: rgb(54, 50, 52);}
.sx-club .flow-rail{background: rgb(28, 28, 28); border-radius: 2px;}
.sx-club .flow-node{border-color: rgb(73, 54, 62);}
.sx-club .flow-node p,.sx-club .flow-node small{color: rgb(185, 176, 180);}
.sx-club .flow-note{color: rgb(185, 176, 180);}
.sx-club .flow-note b{color: rgb(255, 255, 255);}
.sx-club dialog{background: rgb(28, 28, 28); color: rgb(240, 238, 234); border-color: rgb(85, 67, 75); border-radius: 3px;}
.sx-club dialog p{color: rgb(185, 176, 180);}
.sx-club .close-button{background: rgb(53, 39, 45); color: rgb(255, 255, 255);}
.sx-club .checkout-total{background: rgb(13, 13, 13);}
.sx-club .checkout-total .total-row{border-color: rgb(73, 54, 62);}
.sx-club .checkout-steps span.current{color: rgb(255, 255, 255);}
.sx-club .review-data,.sx-club .member-stats{border-color: rgb(73, 54, 62);}
.sx-club input,.sx-club select{background: rgb(20, 20, 20); color: rgb(240, 238, 234); border: 1px solid rgb(102, 84, 93); border-radius: 2px;}
.sx-club input:focus,.sx-club select:focus{border-color: rgb(255, 49, 84);}
.sx-club .payment-modes label:has(input:checked),.sx-club .service-option:has(input:checked){background: rgb(55, 0, 13); border-color: rgb(255, 49, 84);}
.sx-club .payment-modes label,.sx-club .service-option{border-color: rgb(102, 84, 93);}
.sx-club .balance{background: rgb(20, 20, 20); border-color: rgb(73, 54, 62);}
.sx-club .balance strong{color: rgb(255, 255, 255);}
.sx-club .scan-target{background: rgb(20, 20, 20); border-color: rgb(102, 84, 93);}
.sx-club .toast{background: rgb(42, 23, 32); color: rgb(255, 255, 255);}
@media (max-width: 760px){.sx-club .hero h1{font-size: clamp(44px, 11vw, 64px);}
.sx-club .plan-name{font-size: 34px;}
.sx-club .plan-price{font-size: 56px;}
.sx-club .section-heading h2,.sx-club .faq-section h2{font-size: 34px;}
.sx-club .header nav{gap: 20px;}
.sx-club .nav-link{font-size: 12px; letter-spacing: 1px;}
.sx-club .header-flow{letter-spacing: 1px;}
.sx-club .hero-facts{flex-wrap: wrap;}
.sx-club .hero-actions{gap: 18px;}}
.sx-club .hero-inner{min-height:0;padding-block:48px}.sx-club .hero h1{font-size:clamp(40px,5vw,68px)}.sx-club .hero-copy{max-width:920px}.sx-club .wrap{padding-inline:24px}.sx-club .plan-card{min-width:0}.sx-club .hero-actions{flex-wrap:wrap}