/* CodeX draft: original styles inspired by the reference layout. */
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body.cx-store { background:#080809; color:#f0ede5; font-family:"DM Sans",sans-serif; -webkit-font-smoothing:antialiased; }
.cx-store h1,.cx-store h2,.cx-store h3,.cx-store h4,.cx-store h5 { font-family:"Space Grotesk","DM Sans",sans-serif; letter-spacing:-.035em; color:#f0ede5; }
.cx-store a { text-underline-offset:4px; }
.cx-store a:focus-visible,.cx-store button:focus-visible,.cx-store input:focus-visible,.cx-store select:focus-visible,.cx-store summary:focus-visible { outline:2px solid #ff73ab; outline-offset:5px; }
.cx-store .cx-skip { position:fixed; left:16px; top:-100px; z-index:99999; background:#ff0066; color:#fff; padding:12px 20px; border-radius:8px; }
.cx-store .cx-skip:focus { top:12px; }
.cx-store>.bg-image { display:none; }
.cx-store .container { max-width:1200px; }
.cx-store header.sticky-top { background:transparent; padding:16px 24px 0; }
.cx-store .cx-navbar { max-width:1180px; margin:0 auto; padding:0 8px; background:rgba(13,12,14,.91); border:1px solid rgba(255,0,102,.18); border-radius:999px; backdrop-filter:blur(22px); box-shadow:0 8px 40px #0005; }
.cx-store .cx-navbar>.container { width:100%; padding:10px 12px!important; gap:20px; }
.cx-store .navbar-brand { display:flex; align-items:center; gap:10px; margin-right:20px; font-size:22px; letter-spacing:-.7px; color:#f4f1ec; }
.cx-store .navbar-brand img { height:34px; width:34px; object-fit:contain; margin:0; }
.cx-store .navbar-nav { align-items:center; gap:3px!important; }
.cx-store .navbar .nav-link { font-size:13px; font-weight:600; padding:10px 13px!important; color:#b1adb2; border-radius:30px; }
.cx-store .navbar .nav-link:hover,.cx-store .navbar .nav-link:focus { color:#fff; background:#ff006614; }
.cx-store .navbar .btn { min-height:38px; padding:8px 14px; border-radius:30px; font-size:12px; border-color:#ffffff14; color:#e6e0de; }
.cx-store .navbar .user .btn { background:#ff0066; border-color:#ff0066; color:#fff; font-weight:700; }
.cx-store .navbar .cart svg { width:18px; height:18px; }
.cx-store .navbar-toggler { border:1px solid #ffffff20; border-radius:50%; width:42px; height:42px; padding:8px; box-shadow:none; }
.cx-store .navbar .currency-selector .choices { min-width:65px; margin:0; }
.cx-store .navbar .choices__inner { min-height:36px; padding:6px 20px 6px 9px; border-radius:24px; border-color:#ffffff16; font-size:12px; }
.cx-store .btn { transition:background .2s,border-color .2s,transform .2s; }
.cx-store .btn-primary { color:#fff; font-weight:700; background:#ff0066; border-color:#ff0066; }
.cx-store .btn-primary:hover { background:#ff4b93; border-color:#ff4b93; }
.cx-store .btn-outline-primary { border-color:#ffffff24; color:#e6e0de; }
.cx-store .btn-outline-primary:hover { background:#ff006614; border-color:#ff0066; color:#fff; }
.cx-store #cx-page-content { min-height:45vh; }
.cx-store .py-5-nav { padding-top:65px; padding-bottom:65px; }
.cx-store .section-title h1 { font-size:clamp(34px,5vw,56px); font-weight:700; }
.cx-store .section-title h2 { font-size:clamp(30px,4vw,46px); font-weight:700; }
.cx-store .section-subtitle { color:#a39ea5; line-height:1.75; }
.cx-store .products { row-gap:8px; }
.cx-store .products .card { background:#111113; border:1px solid #ffffff12; border-radius:18px; overflow:hidden; height:100%; transition:transform .2s,border-color .2s,box-shadow .2s; }
.cx-store .products .card:hover { transform:translateY(-4px); border-color:#ff006660; box-shadow:0 14px 36px #0005; }
.cx-store .products .card-img-top { overflow:hidden; border-radius:0; }
.cx-store .products .card-img-top img { transition:transform .35s; }
.cx-store .products .card:hover .card-img-top img { transform:scale(1.035); }
.cx-store .products .card-body { padding:20px; }
.cx-store .products .card-title { font-size:17px; line-height:1.45; margin:8px 0 0; letter-spacing:-.02em; }
.cx-store .products .price { color:#fff; font-weight:700; }
.cx-store .bg-gray,.cx-store .bg-block-secondary { background:#111113; border:1px solid #ffffff10; border-radius:16px!important; }
.cx-store .form-control,.cx-store .form-select { background-color:#141416; color:#f0ede5; border:1px solid #ffffff20; border-radius:10px; }
.cx-store .form-control::placeholder { color:#8c8790; }
.cx-store .form-control:focus { background-color:#141416; color:#fff; border-color:#ff0066; box-shadow:0 0 0 3px #ff006618; }
.cx-store .modal-content { background:#111113; border:1px solid #ffffff20; border-radius:18px; color:#f0ede5; }
.cx-store .modal-header { border-bottom-color:#ffffff12; }
.cx-store .product-page { padding-top:48px; }
.cx-store .footer { margin-top:32px; border-top:1px solid #ffffff12; background:linear-gradient(180deg,#0c0b0d,#080809); }
.cx-store .footer>.container { padding-top:18px; padding-bottom:12px; }
.cx-store .footer .logo { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.cx-store .footer .logo>img { width:34px; height:34px; object-fit:contain; margin:0!important; }
.cx-store .footer .logo>p.fs-5 { font-family:"Space Grotesk",sans-serif; font-size:24px!important; }
.cx-store .footer h5 { color:#8f8994; text-transform:uppercase; font-family:"DM Sans",sans-serif; font-size:11px; letter-spacing:.12em; margin-bottom:20px; }
.cx-store .footer .nav-link { color:#b5afb7; font-size:13px; line-height:1.8; }
.cx-store .footer .nav-link:hover { color:#ff73ab; }
.cx-store .cx-footer-note { flex:0 0 100%; font-size:13px; color:#96909b; max-width:250px; margin-top:6px; }
.cx-store .cx-footer-bottom { padding:24px 0 14px; border-top:1px solid #ffffff10; display:flex; justify-content:space-between; gap:20px; font-size:11px; color:#8f8994; }
.cx-store .cx-footer-bottom a { color:#aaa3ad; text-decoration:none; }
@media(min-width:992px) { .cx-store .navbar-nav.me-auto { margin-left:auto; margin-right:auto!important; } }
@media(max-width:1199px) { .cx-store .navbar .nav-link { padding:9px!important; } .cx-store .cx-navbar>.container { gap:10px; } .cx-store .navbar-brand { margin-right:5px; } }
@media(max-width:991px) { .cx-store header.sticky-top { padding:10px 12px 0; } .cx-store .cx-navbar { border-radius:28px; } .cx-store .cx-navbar>.container { padding:8px 10px!important; } .cx-store .navbar-collapse { padding:14px 5px 8px; border-top:1px solid #ffffff12; margin-top:5px; } .cx-store .navbar-nav { align-items:stretch; } .cx-store .navbar-nav .nav-item { width:100%; } .cx-store .navbar .nav-link { padding:12px!important; } .cx-store .navbar .user .btn { width:100%; margin-top:8px; } .cx-store .navbar .currency-selector { display:none; } .cx-store .navbar-brand { font-size:21px; } .cx-store .py-5-nav { padding-top:40px; } }
@media(max-width:575px) { .cx-store .container { padding-left:22px; padding-right:22px; } .cx-store .navbar-brand img { width:29px; height:29px; } .cx-store .footer .row { gap:28px 0; } .cx-store .cx-footer-bottom { flex-direction:column; gap:12px; } .cx-store .products .card-body { padding:16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .cx-store *, .cx-store *::before,.cx-store *::after { animation:none!important; transition:none!important; } }


/* CodeX draft homepage. Original implementation; layout reference: Dotty. */
.cx-home{--cx-bg:#080809;--cx-surface:#101012;--cx-cream:#f0ede5;--cx-muted:#a5a3a6;--cx-red:#ff0066;--cx-line:rgba(255,0,102,.15);color:var(--cx-cream);background:var(--cx-bg);font-family:"DM Sans",sans-serif;overflow:hidden}
.cx-home h1,.cx-home h2,.cx-home h3,.cx-home p,.cx-home dl,.cx-home dd{margin:0}
.cx-home a{text-decoration:none}
.cx-home a:focus-visible,.cx-home summary:focus-visible{outline:2px solid #ff62a1;outline-offset:5px}
.cx-hero{position:relative;isolation:isolate;min-height:760px;min-height:max(700px,84svh);display:grid;place-items:center;text-align:center;padding:138px 24px 66px;background:radial-gradient(ellipse at 50% 47%,rgba(255,0,102,.18),transparent 64%)}
.cx-hero-art{position:absolute;inset:0;z-index:-3;background-position:center 45%;background-repeat:no-repeat;background-size:cover;opacity:.28;filter:saturate(.4)}
.cx-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080809 1%,rgba(8,8,9,.24) 42%,rgba(8,8,9,.24) 58%,#080809 99%),linear-gradient(0deg,#080809 1%,rgba(8,8,9,.3) 50%,#080809 100%)}
.cx-hero:after{content:"";position:absolute;width:690px;height:430px;max-width:90vw;z-index:-1;top:22%;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,0,102,.09),transparent 68%);pointer-events:none}
.cx-hero-grid{position:absolute;inset:16% 10% 0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(255,0,102,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,102,.075) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.cx-hero-inner{width:min(100%,940px);position:relative}
.cx-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,0,102,.23);border-radius:100px;background:rgba(255,0,102,.06);color:#e4c5d1;font-size:11px;line-height:1.35;font-weight:500;letter-spacing:.025em}
.cx-eyebrow i{font-size:11px;color:var(--cx-red)}
.cx-live-dot{display:inline-block;width:6px;height:6px;background:var(--cx-red);border-radius:50%;box-shadow:0 0 0 4px rgba(255,0,102,.09);flex:none}
.cx-hero h1{font-family:"Space Grotesk","DM Sans",sans-serif;font-weight:700;font-size:clamp(48px,5vw,78px);letter-spacing:-.065em;line-height:1.11;margin:27px 0 25px}
.cx-hero h1 span{display:inline-block;color:var(--cx-red);background:linear-gradient(110deg,#ff77ad,#ff0066 68%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cx-hero-description{font-size:15px;line-height:1.85;max-width:510px;margin-inline:auto!important;color:#b6afb0;text-wrap:pretty}
.cx-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.cx-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:13px 23px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.4;transition:background .18s ease,transform .18s ease,border-color .18s ease;white-space:normal}
.cx-button>span{font-size:16px;margin-left:6px}
.cx-button-primary{color:#fff!important;border:1px solid var(--cx-red);background:var(--cx-red);box-shadow:0 3px 32px rgba(255,0,102,.12)}
.cx-button-primary:hover{background:#ff4d94;border-color:#ff4d94;transform:translateY(-2px)}
.cx-button-secondary{color:var(--cx-cream)!important;background:rgba(255,0,102,.58);border:1px solid rgba(255,0,102,.25)}
.cx-button-secondary i{color:#9a96ef}
.cx-button-secondary:hover{background:#24131a;border-color:rgba(255,0,102,.55);transform:translateY(-2px)}
.cx-stat-row{display:flex;justify-content:center;gap:0;margin-top:54px!important}
.cx-stat-row>div{padding:0 28px;min-width:144px;border-right:1px solid rgba(240,237,229,.12)}
.cx-stat-row>div:last-child{border-right:0}
.cx-stat-row dd{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:25px;font-weight:700;letter-spacing:-.035em;line-height:1.3}
.cx-stat-row dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#aaa3a6;font-weight:500;margin-top:5px}
.cx-stat-star{color:#ef468a;font-size:16px;vertical-align:2px}
.cx-stat-out-of{color:#827c80;font-size:13px;margin-left:3px;font-weight:400}
.cx-scroll-cue{display:inline-flex;align-items:center;gap:12px;color:#878186!important;font-size:10px;margin-top:58px;letter-spacing:.02em}
.cx-scroll-cue span{font-size:15px;color:var(--cx-red)}
.cx-section{width:min(1200px,calc(100% - 48px));margin-inline:auto;padding-block:88px}
.cx-section-heading{text-align:center;margin:0 auto 45px;max-width:790px}
.cx-section-heading h2,.cx-review-section .section-title h2{font-family:"Space Grotesk","DM Sans",sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,48px);letter-spacing:-.055em;line-height:1.16;margin-top:23px}
.cx-section-heading h2 span{color:var(--cx-red)}
.cx-section-heading p{color:var(--cx-muted);font-size:14px;line-height:1.7;margin-top:17px}
.cx-mobile-break{display:none}
.cx-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.cx-benefit{grid-column:span 4;min-width:0;position:relative;border:1px solid var(--cx-line);border-radius:21px;overflow:hidden;background:linear-gradient(150deg,#131014,#0c0b0d 66%);transition:border-color .2s ease}
.cx-benefit:hover{border-color:rgba(255,0,102,.35)}
.cx-benefit-browse{grid-column:span 6}
.cx-benefit-status,.cx-benefit-payments{grid-column:span 3}
.cx-card-art{height:208px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,rgba(255,0,102,.22),transparent 75%)}
.cx-card-copy{position:relative;padding:5px 24px 28px}
.cx-card-number{display:block;font-size:8px;letter-spacing:.13em;color:#ba738f;font-weight:600;margin-bottom:10px;line-height:1.5}
.cx-benefit h3{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:20px;line-height:1.3;letter-spacing:-.035em;font-weight:600;margin-bottom:10px}
.cx-benefit p{font-size:12px;line-height:1.8;color:#aaa3a7}
.cx-art-chip{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,0,102,.22);border-radius:30px;padding:7px 12px;font-size:9px;background:#160d11;color:#dfbdcb;z-index:2}
.cx-delivery-orbit{position:absolute;width:135px;height:135px;border:1px solid rgba(255,0,102,.15);border-radius:50%;box-shadow:0 0 0 20px rgba(255,0,102,.025),0 0 0 41px rgba(255,0,102,.02)}
.cx-delivery-orbit:after{content:"";position:absolute;inset:-1px;border:3px solid transparent;border-right-color:#ff0066;border-bottom-color:#ff0066;border-radius:50%;transform:rotate(-32deg)}
.cx-delivery-core{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,0,102,.24);border-radius:18px;background:linear-gradient(145deg,#411728,#190f13);color:#ff62a1;font-size:30px;box-shadow:0 12px 40px #0008}
.cx-delivery-chip{right:28px;bottom:31px}
.cx-art-wordmark{position:absolute;left:-16px;top:19px;font-family:"Space Grotesk",sans-serif;letter-spacing:-.07em;font-size:112px;font-weight:700;color:rgba(255,0,102,.035);z-index:-1;transform:rotate(-8deg)}
.cx-pricing-art{flex-direction:column;background:radial-gradient(ellipse at 20% 10%,rgba(255,0,102,.28),transparent 75%)}
.cx-price-label{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:40px;line-height:.96;letter-spacing:-.06em;color:#e2d7d9;transform:rotate(-5deg);position:relative}
.cx-price-label span{color:#756068}
.cx-price-tag{position:absolute;right:39px;top:27px;color:#fa5c9b;font-size:20px;transform:rotate(15deg)}
.cx-price-line{display:flex;align-items:center;gap:32px;font-size:8px;position:absolute;bottom:18px;color:#a88c92;background:#110d10;padding:8px 12px;border:1px solid #39212b;border-radius:6px;transform:rotate(-5deg)}
.cx-price-line i{color:#ef5090}
.cx-dashboard-art{align-items:flex-end}
.cx-mini-window{width:76%;max-width:260px;margin-bottom:20px;transform:perspective(700px) rotateY(-8deg) rotateX(4deg);padding:13px;border:1px solid #3b2830;border-radius:12px;background:linear-gradient(145deg,#1c151a,#100e12);box-shadow:0 15px 40px #0007}
.cx-mini-title{display:flex;align-items:center;gap:7px;font-size:9px;margin-bottom:16px;color:#eee0e6;font-weight:600}
.cx-mini-avatar{display:grid;place-items:center;width:23px;height:23px;background:#7b2648;color:#ff93be;font-weight:700;border-radius:50%}
.cx-mini-dots{margin-left:auto;color:#796a72}
.cx-mini-row{display:flex;align-items:center;gap:9px;font-size:8px;line-height:1.4;margin-top:6px;background:#1c141a;padding:8px;border-radius:5px;color:#bcacb2}
.cx-mini-row>i{color:#d7598b;width:11px}
.cx-mini-row>span:last-child{margin-left:auto;color:#70565f}
.cx-browse-art{align-items:flex-start;justify-content:flex-start;padding:33px 28px;flex-direction:column;gap:20px}
.cx-mini-search{display:flex;align-items:center;gap:12px;width:72%;min-width:245px;max-width:355px;padding:15px 14px;background:linear-gradient(120deg,#211319,#130e12);border:1px solid #492332;border-radius:10px;font-size:11px;color:#a4828e;box-shadow:0 10px 25px #0004;transform:rotate(-3deg)}
.cx-mini-search i{color:#e15a90}
.cx-mini-search span{margin-left:auto;color:#63414f}
.cx-browse-steps{display:flex;align-items:center;gap:8px;transform:rotate(-3deg);white-space:nowrap}
.cx-browse-steps>span{font-size:9px;color:#b99ca8;display:flex;align-items:center;gap:6px;border:1px solid #2c1a21;padding:9px;border-radius:7px;background:#150e14}
.cx-browse-steps i{color:#d9558a}
.cx-browse-steps b{font-size:10px;color:#6c3b4f;font-weight:400}
.cx-browse-annotation{position:absolute;right:25px;top:77px;transform:rotate(7deg);font-size:11px;line-height:1.5;color:#d36792;max-width:105px}
.cx-status-rings{display:grid;place-items:center;width:82px;height:82px;background:radial-gradient(circle at 30% 20%,#f95e9c,#c32061);border:1px solid #fe71a9;border-radius:50%;color:#ffe0ec;font-size:28px;box-shadow:0 0 0 24px #ea3b8109,0 0 0 48px #ea3b8106,0 0 0 70px #ea3b8103}
.cx-status-chip{bottom:15px;padding-block:5px;font-size:8px;background:#1b1016}
.cx-benefit-status .cx-card-copy,.cx-benefit-payments .cx-card-copy{padding-inline:20px}
.cx-card-link{display:inline-flex;align-items:center;gap:8px;color:#f189b3!important;font-size:11px;margin-top:12px;font-weight:600}
.cx-card-link:hover{color:#ffb3d1!important}
.cx-payment-art{flex-direction:column;gap:17px}
.cx-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;transform:rotate(-7deg)}
.cx-payment-grid>span{display:flex;align-items:center;justify-content:center;gap:7px;min-width:76px;height:40px;padding:7px 11px;font-size:10px;font-weight:600;color:#d4c1c9;border:1px solid #38252d;border-radius:8px;background:linear-gradient(145deg,#22161d,#141014);box-shadow:0 6px 10px #0004}
.cx-payment-grid i{font-size:15px;color:#dd719c}
.cx-payment-grid small{font-size:10px}
.cx-payment-line{font-size:8px;color:#886b76;display:flex;gap:6px;align-items:center}
.cx-payment-line i{font-size:7px}
.cx-review-section{padding-block:83px 64px;background:radial-gradient(ellipse at 50% 50%,rgba(255,0,102,.1),transparent 70%);text-align:center}
.cx-review-intro{text-align:center;margin-bottom:22px}
.cx-review-section .component{padding-top:0!important;padding-bottom:18px!important;width:min(1200px,calc(100% - 48px));margin-inline:auto}
.cx-review-section .section-title h2{margin:0 0 18px}
.cx-review-section .section-subtitle{color:var(--cx-muted)}
.cx-review-section .card,.cx-review-section .feedback-card,.cx-review-section .feedback{border-color:var(--cx-line)!important;border-radius:17px;background:#100e12!important;text-align:left;box-shadow:none}
.cx-text-link{display:inline-flex;align-items:center;gap:10px;color:#c9a1b1!important;font-size:12px;border-bottom:1px solid #4c2b38;padding-bottom:5px;margin-top:13px}
.cx-text-link:hover{color:#ffadce!important}
.cx-faq{max-width:850px;padding-top:95px}
.cx-faq-list{display:grid;gap:12px;margin-top:46px}
.cx-faq details{border:1px solid var(--cx-line);border-radius:14px;background:linear-gradient(120deg,#110e12,#0b0a0d);transition:border-color .18s}
.cx-faq details[open]{border-color:#72304a}
.cx-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:21px 23px;font-size:13px;font-weight:600;color:#e3dce0}
.cx-faq summary::-webkit-details-marker{display:none}
.cx-faq summary>span{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;background:#241018;border:1px solid #3f1b29;border-radius:7px;color:#e96b9d;font-size:17px;line-height:1;transition:transform .18s}
.cx-faq details[open] summary>span{transform:rotate(45deg)}
.cx-faq-answer{font-size:12px;color:#aaa0a8;line-height:1.9;padding:0 23px 23px;max-width:730px;text-align:left}
.cx-faq-answer a{color:#f695bc;text-decoration:underline;text-underline-offset:3px}
.cx-community{display:flex;align-items:center;gap:30px;position:relative;padding:40px 44px;margin-block:40px 94px;border:1px solid rgba(255,0,102,.2);border-radius:22px;background:radial-gradient(ellipse at 15% 50%,#3e122488,transparent 62%),#100d11}
.cx-community h2{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:30px;letter-spacing:-.045em;line-height:1.2;font-weight:600}
.cx-community p{font-size:12px;color:#aa9fa6;line-height:1.8;margin-top:13px}
.cx-community .cx-card-number{margin-bottom:11px}
.cx-community .cx-button{margin-left:auto;flex-shrink:0}
.cx-community-orb{flex-shrink:0;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#ef84af;border:1px solid #61253d;background:radial-gradient(circle at 30% 20%,#63203b,#220e16);box-shadow:0 0 0 12px #e4347a04}
@media(min-width:1600px){.cx-hero{min-height:800px}.cx-hero h1{font-size:80px}}
@media(max-width:1100px){.cx-benefit h3{font-size:18px}.cx-card-copy{padding-inline:20px}.cx-browse-annotation{display:none}.cx-mini-search{width:100%;min-width:0}.cx-browse-steps{gap:5px}.cx-browse-steps>span{padding:8px 7px}.cx-community{gap:25px;padding:34px}.cx-community h2{font-size:25px}.cx-community-orb{width:70px;height:70px;font-size:28px}}
@media(max-width:767px){.cx-section{width:calc(100% - 32px);padding-block:58px}.cx-hero{min-height:690px;min-height:max(630px,85svh);padding:115px 20px 45px}.cx-hero-art{background-size:auto 75%;opacity:.23}.cx-hero h1{font-size:clamp(40px,8.3vw,62px);letter-spacing:-.055em;line-height:1.12;margin-top:24px}.cx-hero-description{font-size:13px;line-height:1.85;max-width:400px}.cx-eyebrow{font-size:10px;padding:8px 11px}.cx-hero-actions{gap:10px;margin-top:28px}.cx-button{font-size:11px;min-height:46px;padding:12px 17px;gap:8px}.cx-stat-row{margin-top:42px!important}.cx-stat-row>div{min-width:0;flex:1;padding:0 14px;max-width:150px}.cx-stat-row dd{font-size:22px}.cx-stat-row dt{font-size:8px;letter-spacing:.07em}.cx-stat-star{font-size:12px;vertical-align:2px}.cx-stat-out-of{font-size:10px}.cx-scroll-cue{margin-top:40px}.cx-section-heading{margin-bottom:32px}.cx-section-heading h2,.cx-review-section .section-title h2{font-size:34px}.cx-section-heading p{font-size:12px;max-width:360px;margin-inline:auto}.cx-mobile-break{display:block}.cx-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cx-benefit{grid-column:span 1!important;border-radius:16px}.cx-benefit-browse{grid-column:span 2!important}.cx-card-art{height:175px}.cx-card-copy,.cx-benefit-status .cx-card-copy,.cx-benefit-payments .cx-card-copy{padding:2px 18px 23px}.cx-card-number{font-size:7px;letter-spacing:.1em}.cx-benefit h3{font-size:18px}.cx-benefit p{font-size:11px;line-height:1.8}.cx-mini-window{width:88%;padding:10px}.cx-mini-title{font-size:8px}.cx-mini-row{font-size:7px;gap:6px;padding:7px 5px}.cx-delivery-orbit{width:110px;height:110px}.cx-delivery-core{width:56px;height:56px;font-size:25px;border-radius:14px}.cx-delivery-chip{right:12px;bottom:20px;font-size:7px;padding:6px 8px}.cx-price-label{font-size:31px}.cx-price-tag{right:22px;top:18px;font-size:16px}.cx-price-line{gap:9px;font-size:7px;padding:6px 9px}.cx-browse-art{height:165px;padding:25px 27px;gap:15px}.cx-mini-search{width:78%;max-width:360px;padding:13px 12px;font-size:10px}.cx-browse-annotation{display:block;top:58px;right:27px}.cx-browse-steps>span{font-size:8px;padding:8px}.cx-status-rings{width:65px;height:65px;font-size:23px}.cx-payment-grid{gap:7px}.cx-payment-grid>span{min-width:62px;height:34px;font-size:8px;padding:6px 9px}.cx-payment-grid i{font-size:13px}.cx-payment-line{font-size:7px}.cx-review-section{padding-block:62px 28px}.cx-review-section .component{width:calc(100% - 32px)}.cx-faq-list{margin-top:30px;gap:10px}.cx-faq summary{font-size:12px;min-height:67px;padding:18px}.cx-faq-answer{padding:0 18px 20px;font-size:11px}.cx-community{width:calc(100% - 32px);display:grid;grid-template-columns:56px 1fr;gap:18px;padding:26px 22px;margin-block:15px 58px}.cx-community-orb{width:56px;height:56px;font-size:24px}.cx-community h2{font-size:23px}.cx-community p{font-size:11px}.cx-community .cx-card-number{font-size:7px}.cx-community .cx-button{grid-column:1/-1;margin-left:0;justify-self:start}}
@media(max-width:420px){.cx-hero{padding-inline:15px;min-height:665px}.cx-hero h1{font-size:39px}.cx-hero-description{max-width:320px}.cx-hero-actions{gap:8px}.cx-button{font-size:10px;padding-inline:13px}.cx-button>span{margin-left:0}.cx-hero-actions .cx-button-secondary{gap:7px}.cx-bento{grid-template-columns:1fr}.cx-benefit,.cx-benefit-browse{grid-column:span 1!important}.cx-card-art{height:190px}.cx-card-copy,.cx-benefit-status .cx-card-copy,.cx-benefit-payments .cx-card-copy{padding:4px 22px 25px}.cx-benefit h3{font-size:20px}.cx-benefit p{font-size:12px}.cx-mini-window{width:73%;padding:13px}.cx-mini-title{font-size:10px}.cx-mini-row{font-size:9px;padding:9px}.cx-browse-art{padding:30px 23px}.cx-browse-annotation{display:none}.cx-mini-search{width:100%}.cx-price-label{font-size:40px}.cx-price-line{font-size:8px}.cx-payment-grid>span{min-width:80px;height:40px;font-size:10px}.cx-community h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.cx-home *,.cx-home *:before,.cx-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cx-button:hover{transform:none}}

@media(min-width:1200px){.cx-review-section .row>div{flex:0 0 33.333333%;max-width:33.333333%;}}

/* Native mobile menu; works independently of the theme JavaScript. */
.cx-store .cx-mobile-nav{display:none}
.cx-store .navbar .choices__list--single{font-size:12px;color:#f0ede5;padding:0 8px 0 0}
@media(max-width:991px){
.cx-store .cx-mobile-nav{display:block}
.cx-store .cx-mobile-nav>summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff24;border-radius:50%;cursor:pointer}
.cx-store .cx-mobile-nav>summary::-webkit-details-marker{display:none}
.cx-store .cx-menu-lines{display:block;width:19px;height:2px;background:#ddd6df;box-shadow:0 -6px #ddd6df,0 6px #ddd6df}
.cx-store .cx-mobile-nav[open] .cx-menu-lines{background:#ff0066;box-shadow:0 -6px #ff0066,0 6px #ff0066}
.cx-store .cx-native-menu{position:absolute;top:calc(100% + 9px);left:0;right:0;padding:12px;background:#111013;border:1px solid #ff006638;border-radius:19px;box-shadow:0 20px 50px #0008;display:grid;gap:4px;z-index:1050}
.cx-store .cx-native-menu>a,.cx-store .cx-native-menu>button{padding:13px 16px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;text-align:left;color:#e4dee6;border:0;background:transparent}
.cx-store .cx-native-menu>a:hover{background:#ff006618}
.cx-store .cx-native-menu .cx-mobile-account{background:#ff0066;color:#fff;margin-top:6px}
.cx-store .navbar-collapse{display:none!important}
.cx-store .navbar .cart.d-md-none{display:block!important}
}
/* Brand accent and accessible foregrounds. */
.cx-store{--cx-accent:#ff0066}
.cx-home{--cx-red:#ff0066;--cx-line:rgba(255,0,102,.17)}
.cx-store .btn-primary,.cx-store .navbar .user .btn,.cx-store .cx-native-menu .cx-mobile-account,.cx-store .cx-button-primary{background-color:#ff0066;border-color:#ff0066;color:#16000b!important}
.cx-store .btn-primary:hover,.cx-store .cx-button-primary:hover{background-color:#ff3385;border-color:#ff3385;color:#16000b!important}

/* Original CodeX motion. Accent is supplied by the draft's #ff0066 palette. */
@keyframes cx-rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes cx-card-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes cx-ring-spin{from{transform:rotate(-32deg)}to{transform:rotate(328deg)}}
@keyframes cx-halo-breathe{0%,100%{opacity:.48;scale:1}50%{opacity:.95;scale:1.08}}
@keyframes cx-signal-pulse{0%,100%{box-shadow:0 0 0 20px #ff00660b,0 0 0 42px #ff006606,0 0 0 65px #ff006603}50%{box-shadow:0 0 0 28px #ff006612,0 0 0 53px #ff006608,0 0 0 78px #ff006603}}
@keyframes cx-dashboard-float{0%,100%{transform:perspective(700px) rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(700px) rotateY(-3deg) rotateX(1deg) translateY(-8px)}}
@keyframes cx-tag-float{0%,100%{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes cx-tile-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes cx-row-light{0%,70%,100%{background:#1c141a;border-color:transparent}20%,45%{background:#ff006617;border-color:#ff006636}}
@keyframes cx-orb-float{0%,100%{translate:0 0;box-shadow:0 0 0 12px #ff006605}50%{translate:0 -5px;box-shadow:0 0 0 19px #ff00660b}}
@keyframes cx-dot-breathe{0%,100%{box-shadow:0 0 0 4px #ff006618}50%{box-shadow:0 0 0 7px #ff006608}}
@media(prefers-reduced-motion:no-preference){
  .cx-home .cx-hero-inner>.cx-eyebrow,.cx-home .cx-hero h1,.cx-home .cx-hero-description,.cx-home .cx-hero-actions,.cx-home .cx-stat-row,.cx-home .cx-scroll-cue{animation:cx-rise-in .75s cubic-bezier(.2,.65,.25,1) both}
  .cx-home .cx-hero h1{animation-delay:.09s}
  .cx-home .cx-hero-description{animation-delay:.18s}
  .cx-home .cx-hero-actions{animation-delay:.27s}
  .cx-home .cx-stat-row{animation-delay:.36s}
  .cx-home .cx-scroll-cue{animation-delay:.45s}
  .cx-home .cx-motion-reveal{animation:cx-card-reveal .75s cubic-bezier(.2,.65,.25,1) both;animation-delay:var(--cx-reveal-delay,0ms)}
  .cx-home .cx-in-view{--cx-loop-state:running}
  .cx-home .cx-delivery-orbit:after{animation:cx-ring-spin 4.8s linear infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-hero:after{animation:cx-halo-breathe 7s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-status-rings{animation:cx-signal-pulse 4s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-mini-window{animation:cx-dashboard-float 6.5s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-price-tag{animation:cx-tag-float 4.5s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-payment-grid>span{animation:cx-tile-float 3.8s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-payment-grid>span:nth-child(2){animation-delay:-.95s}
  .cx-home .cx-payment-grid>span:nth-child(3){animation-delay:-1.9s}
  .cx-home .cx-payment-grid>span:nth-child(4){animation-delay:-2.85s}
  .cx-home .cx-mini-row{border:1px solid transparent;animation:cx-row-light 6s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-mini-row:nth-child(3){animation-delay:-2s}
  .cx-home .cx-mini-row:nth-child(4){animation-delay:-4s}
  .cx-home .cx-community-orb{animation:cx-orb-float 5s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home .cx-live-dot{animation:cx-dot-breathe 3s ease-in-out infinite;animation-play-state:var(--cx-loop-state,paused)}
  .cx-home[data-cx-motion-hidden="true"] .cx-in-view{--cx-loop-state:paused}
  .cx-home .cx-benefit{transition:translate .28s ease,border-color .28s ease,box-shadow .28s ease}
  .cx-home .cx-benefit:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--cx-pointer-x,50%) var(--cx-pointer-y,35%),#ff006616,transparent 75%);transition:opacity .28s ease}
  .cx-home .cx-benefit:focus-within{border-color:#ff006677;box-shadow:0 12px 42px #0004}
  .cx-home .cx-faq details[open] .cx-faq-answer{animation:cx-rise-in .3s ease both}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .cx-home .cx-benefit:hover{translate:0 -5px;border-color:#ff006677;box-shadow:0 18px 48px #0005}
  .cx-home .cx-benefit:hover:before{opacity:1}
  .cx-home .cx-button-primary:hover{box-shadow:0 8px 32px #ff006633}
}
@media(max-width:767px){
  .cx-home .cx-motion-reveal{animation-duration:.6s;animation-delay:0ms}
  .cx-home .cx-mini-window{animation-duration:8s}
  .cx-home .cx-payment-grid>span{animation-duration:5s}
}
@media(prefers-reduced-motion:reduce){
  .cx-home *,.cx-home *:before,.cx-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .cx-home .cx-motion-reveal{opacity:1!important;transform:none!important}
  .cx-home .cx-benefit:hover{translate:none}
}
.cx-home.cx-motion-off .cx-motion-reveal{opacity:1!important;transform:none!important;animation:none!important}
/* Genuine feedback only: the duplicate is inert and hidden from assistive tools. */
@keyframes cx-review-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cx-review-travel-reverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.cx-home .cx-review-marquee{overflow:hidden;position:relative;width:100%;margin-top:20px;padding-block:6px 14px;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.cx-home .cx-review-track{display:flex;width:max-content;animation:cx-review-travel 38s linear infinite;animation-play-state:var(--cx-review-play-state,var(--cx-loop-state,paused))}
.cx-home .cx-review-track-reverse{animation-name:cx-review-travel-reverse;animation-duration:42s;margin-top:16px}
.cx-home .cx-review-row{display:flex;flex-wrap:nowrap;gap:16px;flex:none;width:max-content;margin:0;padding:0 16px 0 0;align-items:stretch}
.cx-home .cx-review-row>div{flex:0 0 300px!important;width:300px!important;max-width:300px!important;padding:0}
.cx-home .cx-review-row .card,.cx-home .cx-review-row .feedback-card,.cx-home .cx-review-row .feedback{height:100%;margin-bottom:0}
.cx-home .cx-review-toggle{display:block;margin:0 0 12px auto;padding:8px 13px;border:1px solid #ff006644;border-radius:30px;background:#ff00660a;color:#f5bfd4;font:500 11px "DM Sans",sans-serif;cursor:pointer}
.cx-home .cx-review-toggle:hover{background:#ff00661c;border-color:#ff006680}
.cx-home .cx-review-toggle[hidden]{display:none}
.cx-home .cx-review-marquee:focus-within,.cx-home .cx-reviews-paused{--cx-review-play-state:paused}
.cx-home .cx-review-marquee:focus-within{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.cx-home .cx-review-marquee:focus-within .cx-review-track{animation:none;transform:none}
.cx-home.cx-motion-off .cx-review-marquee{overflow:visible;-webkit-mask-image:none;mask-image:none}
.cx-home.cx-motion-off .cx-review-track{display:block;width:auto;animation:none!important;transform:none!important}
.cx-home.cx-motion-off .cx-review-row{width:auto;flex-wrap:wrap;padding:0;gap:16px}
.cx-home.cx-motion-off .cx-review-row>div{flex:0 0 100%!important;width:100%!important;max-width:100%!important}
.cx-home.cx-motion-off .cx-review-marquee .cx-review-copy{display:none}
@media(min-width:768px){.cx-home.cx-motion-off .cx-review-row>div{flex:0 0 calc(50% - 8px)!important;width:calc(50% - 8px)!important;max-width:calc(50% - 8px)!important}}
@media(min-width:1200px){.cx-home.cx-motion-off .cx-review-row>div{flex:0 0 calc(33.333333% - 11px)!important;width:calc(33.333333% - 11px)!important;max-width:calc(33.333333% - 11px)!important}}
@media(max-width:767px){.cx-home .cx-review-row>div{flex-basis:270px!important;width:270px!important;max-width:270px!important}}

/* Motion controls and small-screen refinements. */
.cx-home .cx-motion-toggle{display:block;margin:20px auto 0;padding:10px 15px;min-height:44px;border:1px solid #ff006638;border-radius:30px;background:#ff006609;color:#d9b6c5;font:500 12px "DM Sans",sans-serif;cursor:pointer}
.cx-home .cx-motion-toggle:hover{background:#ff00661c;border-color:#ff006680}
.cx-home .cx-motion-toggle[hidden]{display:none}
.cx-home :is(.cx-motion-toggle,.cx-review-toggle):focus-visible{outline:2px solid #ff62a1;outline-offset:4px}
.cx-home .cx-review-toggle{min-height:44px;font-size:12px}
.cx-home.cx-motion-off *,.cx-home.cx-motion-off *:before,.cx-home.cx-motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.cx-home.cx-motion-off .cx-benefit:hover{translate:none}
.cx-home.cx-motion-off .cx-benefit:before{opacity:0}
.cx-home .cx-stat-row>div{display:flex;flex-direction:column}
.cx-home .cx-stat-row dd{order:-1}
.cx-store .cx-mobile-currency{padding:12px 16px;color:#e4dee6;font-size:13px}
.cx-store .cx-mobile-currency label{display:block;margin-bottom:8px;color:#b8aeb9;font-size:12px}
.cx-store .cx-mobile-currency .choices{margin-bottom:0}
.cx-store .cx-mobile-currency .choices__inner{min-height:44px}
.cx-store .cx-mobile-currency .form-select{min-height:44px;background-color:#1b141c;border-color:#ff006644;color:#f0ede5;font-size:14px;color-scheme:dark}
.cx-store .cx-mobile-currency .form-select:focus-visible{outline:2px solid #ff62a1;outline-offset:3px}
@media(min-width:421px) and (max-width:767px){.cx-home .cx-benefit-dashboard{grid-column:span 2!important}}
@media(max-width:767px){
  .cx-home .cx-button{font-size:12px;min-height:48px}
  .cx-home .cx-benefit p,.cx-home .cx-faq-answer,.cx-home .cx-community p,.cx-home .cx-section-heading p{font-size:13px;line-height:1.8}
  .cx-home .cx-faq summary{font-size:14px}
  .cx-home .cx-card-number{font-size:9px}
  .cx-home .cx-stat-row dt{font-size:9px}
  .cx-home .cx-scroll-cue{font-size:12px}
}
@media(max-width:420px){.cx-home .cx-hero h1{font-size:clamp(32px,9.2vw,39px)}.cx-home .cx-hero-actions .cx-button{width:100%;max-width:300px}.cx-home .cx-review-row>div{flex-basis:min(270px,calc(100vw - 48px))!important;width:min(270px,calc(100vw - 48px))!important;max-width:min(270px,calc(100vw - 48px))!important}}

/* CodeX member area. All rules are scoped to this page. */
.cx-members{--cx-member-accent:#ff0066;--cx-member-text:#f0ede5;--cx-member-muted:#a9a3ad;max-width:1200px;margin:0 auto;padding:66px 24px 88px;color:var(--cx-member-text);font-family:"DM Sans",sans-serif}
.cx-members [hidden]{display:none!important}
.cx-members a{text-decoration:none}
.cx-members a:focus-visible,.cx-members button:focus-visible{outline:2px solid #ff8cba;outline-offset:5px}
.cx-members .cx-members-heading{margin-bottom:38px;max-width:740px}
.cx-members .cx-members-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#e9a6c1;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.11em}
.cx-members .cx-members-eyebrow i{color:var(--cx-member-accent)}
.cx-members .cx-members-heading h1{margin:16px 0;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(32px,3.6vw,48px);line-height:1.13;letter-spacing:-.05em;font-weight:700;text-wrap:balance}
.cx-members .cx-members-heading h1 span{color:#ff669f}
.cx-members .cx-members-heading>p{margin:0;color:var(--cx-member-muted);font-size:14px;line-height:1.8;max-width:610px}
.cx-members .cx-members-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.cx-members .cx-member-sidebar,.cx-members .cx-members-main{min-width:0}
.cx-members .cx-member-profile,.cx-members .cx-member-links,.cx-members .cx-members-panel,.cx-members .cx-member-shortcut{background:#111013;border:1px solid #ffffff13;border-radius:20px}
.cx-members .cx-member-profile{overflow:hidden}
.cx-members .cx-member-profile-cover{position:relative;isolation:isolate;height:102px;overflow:hidden;background:radial-gradient(ellipse at 65% 110%,#ff00663d,transparent 70%),linear-gradient(125deg,#20111c,#140e14)}
.cx-members .cx-member-profile-cover>span{position:absolute;right:-25px;top:-75px;width:220px;height:220px;border:1px solid #ff006629;border-radius:50%}
.cx-members .cx-member-profile-cover>span:nth-child(2){inset:-46px -6px auto auto;width:160px;height:160px;border-color:#ff00661a}
.cx-members .cx-member-profile-cover>span:nth-child(3){inset:-18px 23px auto auto;width:102px;height:102px;border-color:#ff006638}
.cx-members .cx-member-profile-body{position:relative;padding:0 22px 24px}
.cx-members .cx-member-avatar{display:grid;place-items:center;position:relative;width:64px;height:64px;margin-top:-32px;margin-bottom:21px;border:4px solid #111013;border-radius:20px;background:linear-gradient(135deg,#7d1b44,#321322);color:#ffd5e6;font-family:"Space Grotesk",sans-serif;font-size:26px;font-weight:700;box-shadow:0 5px 24px #0004}
.cx-members .cx-member-avatar>i{font-size:23px}
.cx-members .cx-member-kicker{display:block;margin-bottom:7px;color:#b8879a;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.12em}
.cx-members .cx-member-profile h2{margin:0;color:var(--cx-member-text);font-size:23px;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}
.cx-members .cx-member-since,.cx-members .cx-member-profile-hint{margin:10px 0 0;color:var(--cx-member-muted);font-size:12px;line-height:1.7}
.cx-members .cx-member-profile-body>.cx-member-button{width:100%;margin-top:23px}
.cx-members .cx-member-profile-body>.cx-member-presence-toggle{margin-top:9px}
.cx-members .cx-member-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 15px;border:1px solid transparent;border-radius:10px;font:600 12px/1.5 "DM Sans",sans-serif;text-align:center;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}
.cx-members .cx-member-button-primary{background:var(--cx-member-accent);border-color:var(--cx-member-accent);color:#16000b}
.cx-members .cx-member-button-primary:hover{background:#ff3b89;border-color:#ff3b89;color:#16000b}
.cx-members .cx-member-button-secondary{background:#ffffff04;border-color:#ffffff1d;color:#e5dfe7}
.cx-members .cx-member-button-secondary:hover{background:#ff006610;border-color:#ff006655;color:#fff}
.cx-members .cx-member-presence-toggle[aria-pressed="true"]{background:#ff006618;border-color:#ff006660;color:#ffadcd}
.cx-members .cx-member-button:disabled{cursor:default;opacity:.5}
.cx-members .cx-member-links{display:grid;gap:4px;margin-top:16px;padding:10px}
.cx-members .cx-member-link{display:flex;align-items:center;gap:11px;min-height:46px;padding:12px 13px;color:#bfb6c3;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:500;transition:background-color .18s,color .18s}
.cx-members .cx-member-link>i:first-child{width:17px;flex:none;text-align:center;color:#a58b99;font-size:13px}
.cx-members .cx-member-link>i:last-child{margin-left:auto;color:#766977;font-size:10px}
.cx-members .cx-member-link:hover{background:#ffffff05;color:#fff}
.cx-members .cx-member-link.is-current{background:#ff006611;border-color:#ff006622;color:#ffd0e3}
.cx-members .cx-member-link.is-current>i{color:#ff6ca4}
.cx-members .cx-member-privacy{display:flex;align-items:flex-start;gap:10px;margin:20px 12px 0;color:#98909d;font-size:11px;line-height:1.75}
.cx-members .cx-member-privacy>i{color:#c07998;margin-top:4px;flex:none}
.cx-members .cx-members-panel{overflow:hidden}
.cx-members .cx-members-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 27px 0}
.cx-members .cx-members-panel-title{display:flex;align-items:center;gap:14px;min-width:0}
.cx-members .cx-members-panel-icon{display:grid;place-items:center;width:47px;height:47px;flex:none;background:#ff00660e;border:1px solid #ff006626;border-radius:14px;color:#f27ba9;font-size:18px}
.cx-members .cx-members-panel h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;font-size:23px;font-weight:600;line-height:1.35;letter-spacing:-.035em}
.cx-members .cx-members-panel-title .cx-member-kicker{margin-bottom:4px;font-size:8px}
.cx-members .cx-members-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:25px;padding:2px 8px;border:1px solid #ffffff18;border-radius:8px;color:#d4b9c6;background:#ffffff03;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:600;letter-spacing:0}
.cx-members .cx-members-refresh{min-height:36px;padding:8px 11px;flex:none;background:#ffffff04;border-color:#ffffff16;color:#cac1cf;font-size:11px}
.cx-members .cx-members-refresh:not(:disabled):hover{background:#ff006612;border-color:#ff00664a;color:#fff}
.cx-members .cx-members-status{margin:19px 27px 0;padding-bottom:19px;border-bottom:1px solid #ffffff0e;color:#9d949f;font-size:12px;line-height:1.7}
.cx-members .cx-members-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0 27px;margin:24px 0}
.cx-members .cx-members-list:empty{display:none}
.cx-members .cx-members-list>li{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff02;font-size:13px;overflow-wrap:anywhere}
.cx-members .cx-members-list>li>span:first-child{min-width:0}
.cx-members .cx-members-list>li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:11px;row-gap:4px;align-items:center}
.cx-members .cx-member-list-avatar{display:grid;place-items:center;grid-row:1/3;width:38px;height:38px;border:1px solid #ff006633;border-radius:12px;background:linear-gradient(135deg,#492035,#24151f);color:#ffd1e3;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:17px;font-weight:700;line-height:1}
.cx-members .cx-member-list-name{min-width:0;color:#e9dfe9;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.cx-members .cx-member-list-online{display:inline-flex;align-items:center;gap:6px;justify-self:start;color:#bda6b6;font-size:10px;font-weight:500;line-height:1.5}
.cx-members .cx-member-list-online::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#ff73aa;box-shadow:0 0 0 3px #ff00660c}
.cx-members .cx-members-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;min-height:330px;padding:35px;text-align:center;color:#b6a2b0}
.cx-members .cx-members-loading>i{font-size:27px;color:#ec79a7;animation:cx-members-loading-turn 1.2s linear infinite}
.cx-members .cx-members-loading>p{margin:0;font-size:13px;line-height:1.7}
@keyframes cx-members-loading-turn{to{transform:rotate(360deg)}}
.cx-members .cx-members-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:40px 30px 45px;text-align:center}
.cx-members .cx-members-empty-art{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:29px}
.cx-members .cx-members-empty-art>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff15;border-radius:14px;background:#18131a;color:#817280;font-size:17px;transform:rotate(-8deg)}
.cx-members .cx-members-empty-art>span:nth-child(2){width:64px;height:64px;background:radial-gradient(ellipse at 30% 20%,#42182c,#20131d);border-color:#ff00662b;color:#d07a9e;font-size:24px;transform:none;box-shadow:0 10px 36px #0003}
.cx-members .cx-members-empty-art>span:nth-child(3){transform:rotate(8deg)}
.cx-members .cx-members-empty h3{margin:0 0 11px;font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.03em;color:#e6dde7}
.cx-members .cx-members-empty>p{max-width:350px;margin:0;color:#a59aa9;font-size:13px;line-height:1.8}
.cx-members .cx-members-availability{display:inline-flex;align-items:center;gap:7px;margin-top:21px;padding:6px 10px;border:1px solid #ffffff11;border-radius:30px;background:#ffffff02;color:#9e919f;font-size:10px;line-height:1.6}
.cx-members .cx-members-availability>span{width:5px;height:5px;background:#948293;border-radius:50%}
.cx-members .cx-members-panel-foot{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 25px;background:#ffffff02;border-top:1px solid #ffffff0c;color:#9f93a2}
.cx-members .cx-members-panel-foot>i{font-size:12px;flex:none}
.cx-members .cx-members-panel-foot>p{margin:0;font-size:11px;line-height:1.7}
.cx-members .cx-member-shortcut{display:flex;align-items:center;gap:17px;margin-top:20px;padding:22px 25px;background:radial-gradient(ellipse at 0 0,#ff00660a,transparent 80%),#111013}
.cx-members .cx-member-shortcut-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;background:#ff006609;border:1px solid #ff00661f;border-radius:12px;color:#cb8ba6;font-size:17px}
.cx-members .cx-member-shortcut>div{min-width:0}
.cx-members .cx-member-shortcut h2{margin:0 0 5px;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.cx-members .cx-member-shortcut p{margin:0;color:#a194a6;font-size:12px;line-height:1.7}
.cx-members .cx-member-shortcut .cx-member-button{margin-left:auto;flex:none;font-size:11px}
@media(max-width:1050px){.cx-members .cx-members-layout{grid-template-columns:260px minmax(0,1fr);gap:20px}.cx-members .cx-members-panel-heading{padding-inline:22px}.cx-members .cx-members-panel-icon{display:none}.cx-members .cx-member-shortcut{flex-wrap:wrap}.cx-members .cx-member-shortcut>div{flex:1}.cx-members .cx-member-shortcut .cx-member-button{margin-left:60px}.cx-members .cx-members-list{grid-template-columns:1fr}}
@media(max-width:767px){.cx-members{padding:42px 20px 60px}.cx-members .cx-members-heading{margin-bottom:27px}.cx-members .cx-members-heading h1{font-size:35px}.cx-members .cx-members-heading>p{font-size:13px}.cx-members .cx-members-layout{grid-template-columns:1fr;gap:24px}.cx-members .cx-member-profile-cover{height:82px}.cx-members .cx-member-profile-body{padding:0 22px 23px}.cx-members .cx-member-profile-body>.cx-member-button{width:auto}.cx-members .cx-member-profile-body>.cx-member-presence-toggle{margin-left:8px}.cx-members .cx-member-links{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-members .cx-member-link{font-size:12px;padding-inline:11px}.cx-members .cx-member-privacy{font-size:12px;margin-top:14px}.cx-members .cx-members-panel-heading{padding:23px 22px 0}.cx-members .cx-members-panel h2{font-size:22px}.cx-members .cx-members-empty{min-height:310px;padding:32px 22px}.cx-members .cx-members-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:22px}.cx-members .cx-member-shortcut .cx-member-button{font-size:12px}.cx-members .cx-members-panel-foot{justify-content:flex-start;padding-inline:22px}}
@media(max-width:420px){.cx-members{padding-inline:16px}.cx-members .cx-members-heading h1{font-size:31px}.cx-members .cx-member-links{grid-template-columns:1fr}.cx-members .cx-member-link{font-size:13px}.cx-members .cx-member-profile-body>.cx-member-button{width:100%}.cx-members .cx-member-profile-body>.cx-member-presence-toggle{margin-left:0}.cx-members .cx-members-panel-heading{align-items:flex-start;gap:10px;padding-inline:18px}.cx-members .cx-members-panel h2{font-size:20px;gap:7px}.cx-members .cx-members-refresh{padding-inline:8px;font-size:10px}.cx-members .cx-members-status{margin-inline:18px}.cx-members .cx-members-list{grid-template-columns:1fr;padding-inline:18px}.cx-members .cx-members-empty h3{font-size:20px}.cx-members .cx-member-shortcut{padding:20px;gap:14px}.cx-members .cx-member-shortcut-icon{width:36px;height:36px}.cx-members .cx-member-shortcut .cx-member-button{width:100%;margin-left:0}.cx-members .cx-members-panel-foot{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.cx-members *,.cx-members *::before,.cx-members *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* CodeX identity: existing logo, official slogan and signature pink. */
.cx-home .cx-hero-brand{display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#f0ede5;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:32px;font-weight:700;letter-spacing:-.04em}
.cx-home .cx-hero-brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,0,102,.25))}
.cx-home .cx-hero h1{margin-top:22px}
.cx-store .navbar-brand img{width:40px;height:40px}
.cx-store .footer .logo>img{width:44px;height:44px;max-height:44px!important}
.cx-store .cx-footer-note{max-width:290px;color:#c6a5b4;line-height:1.8}
@media(max-width:575px){.cx-home .cx-hero-brand{font-size:27px;gap:10px}.cx-home .cx-hero-brand img{width:54px;height:54px}.cx-store .navbar-brand img{width:34px;height:34px}}
@media(prefers-reduced-motion:no-preference){.cx-home .cx-hero-brand{animation:cx-rise-in .75s cubic-bezier(.2,.65,.25,1) both}}

/* CodeX visitor badge and legal pages */
.cx-store .cx-navbar-identity{display:flex;align-items:center;gap:12px;flex-shrink:0}
.cx-store .cx-navbar-identity .navbar-brand{margin:0}
.cx-store .cx-online-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #77807833;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:500;color:#9ba49f;background:#818b8410;line-height:1.3}
.cx-store .cx-online-pill strong:empty{display:none}
.cx-store .cx-online-dot{width:6px;height:6px;border-radius:50%;background:#7d8981;flex:none}
.cx-store .cx-online-pill[data-cx-visitors-state=available]{color:#88dea8;border-color:#55ca813d;background:#55ca8112}
.cx-store .cx-online-pill[data-cx-visitors-state=available] .cx-online-dot{background:#62d791;box-shadow:0 0 0 3px #62d79112}
.cx-store .cx-legal{padding-top:64px;padding-bottom:88px;max-width:1140px}
.cx-store .cx-legal-heading{border-bottom:1px solid #ffffff12;padding-bottom:38px;margin-bottom:38px}
.cx-store .cx-legal-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ff73aa;font-size:10px;letter-spacing:.14em;font-weight:600;text-transform:uppercase}
.cx-store .cx-legal-heading h1{font:600 clamp(36px,4.5vw,58px)/1.13 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:18px 0 16px}
.cx-store .cx-legal-heading p{color:#ada7ac;font-size:14px;margin:0}
.cx-store .cx-legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start}
.cx-store .cx-legal-aside{position:sticky;top:118px}
.cx-store .cx-legal-aside-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ff00662b;border-radius:14px;color:#ff73aa;background:#ff00660c;margin-bottom:22px}
.cx-store .cx-legal-aside h2{font:500 25px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin-bottom:16px}
.cx-store .cx-legal-aside p{font-size:12px;line-height:1.9;color:#ada7ac;margin-bottom:24px}
.cx-store .cx-legal-aside .cx-button{padding:12px 15px;font-size:11px}
.cx-store .cx-legal-back{display:block;margin-top:20px;font-size:12px;color:#b4abb2}
.cx-store .cx-legal-back span{margin-left:9px;color:#ff73aa}
.cx-store .cx-legal-copy{min-width:0;padding:32px 36px;background:linear-gradient(145deg,#151116,#0e0d0f);border:1px solid #ffffff10;border-radius:22px;color:#c8c2c7;font-size:13px;line-height:1.95;overflow-wrap:anywhere}
.cx-store .cx-legal-copy :is(h1,h2,h3,h4){font-family:'Space Grotesk',sans-serif;color:#f5eff3;line-height:1.4;letter-spacing:-.02em;margin:30px 0 15px}
.cx-store .cx-legal-copy :is(h1,h2){font-size:22px}
.cx-store .cx-legal-copy :is(h3,h4){font-size:17px}
.cx-store .cx-legal-copy>:first-child{margin-top:0}
.cx-store .cx-legal-copy a{color:#ff85b5;text-decoration:underline;text-underline-offset:3px}
.cx-store .cx-legal-copy hr{border-color:#ffffff19;margin:30px 0}
.cx-store .cx-legal-copy li{padding-left:5px;margin-bottom:8px}
@media(min-width:992px) and (max-width:1199px){.cx-store .cx-navbar-identity{gap:8px}.cx-store .cx-navbar-identity .navbar-brand{font-size:19px}.cx-store .cx-navbar .nav-link{padding:7px!important}.cx-store .cx-navbar>.container{gap:8px}.cx-store .cx-navbar .navbar-nav.gap-3{gap:8px!important}}
@media(max-width:767px){.cx-store .cx-legal{padding-top:36px;padding-bottom:50px}.cx-store .cx-legal-heading{padding-bottom:28px;margin-bottom:28px}.cx-store .cx-legal-layout{grid-template-columns:1fr;gap:28px}.cx-store .cx-legal-aside{position:static;order:2;padding:24px;border:1px solid #ffffff12;border-radius:18px}.cx-store .cx-legal-aside h2 br{display:none}.cx-store .cx-legal-copy{padding:24px 21px;border-radius:18px}.cx-store .cx-legal-copy :is(h1,h2){font-size:21px}}
@media(max-width:575px){.cx-store .cx-navbar-identity{gap:7px}.cx-store .cx-navbar-identity .navbar-brand{gap:6px;font-size:18px}.cx-store .cx-online-pill{font-size:9px;padding:5px 7px;gap:4px}.cx-store .cx-online-dot{width:5px;height:5px}.cx-store .cx-navbar>.container{gap:5px}}
@media print{.cx-store header.sticky-top,.cx-store .footer,.cx-store .cx-legal-aside{display:none!important}.cx-store .cx-legal-layout{display:block}.cx-store .cx-legal-copy{border:0;padding:0;background:#fff;color:#000}.cx-store .cx-legal-copy :is(h1,h2,h3,h4){color:#000}}
@media(max-width:575px){.cx-store .cx-navbar-identity{flex-direction:column;align-items:flex-start;gap:3px}.cx-store .cx-navbar>.container{flex-wrap:nowrap}.cx-store .cx-navbar-identity .navbar-brand img{width:28px;height:28px}}


/* CodeX rank concept. Scoped styles; the existing header/logo/slogan are inherited. */
.cx-ranks {
  --cx-rank-pink: #ff0066;
  --cx-rank-bg: #080809;
  --cx-rank-panel: #111115;
  --cx-rank-card: #18181e;
  --cx-rank-line: #2b2b33;
  --cx-rank-text: #f6f4f8;
  --cx-rank-muted: #aaa8b5;
  width: min(100% - 48px, 1280px);
  margin: 0 auto;
  padding: 40px 0 64px;
  color: var(--cx-rank-text);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.55;
}
.cx-ranks,
.cx-ranks * { box-sizing: border-box; }
.cx-ranks [hidden] { display: none !important; }
.cx-ranks :is(h1, h2, h3, h4, p) { margin: 0; }
.cx-ranks :is(h1, h2, h3, h4) { font-family: "Space Grotesk", sans-serif; font-weight: 600; line-height: 1.15; }
.cx-ranks :is(a, button, summary):focus-visible { outline: 2px solid #ff82b2; outline-offset: 5px; }
.cx-ranks :is([id^="cx-rank-"], #cx-rank-options) { scroll-margin-top: 120px; }
.cx-ranks__hero {
  position: relative;
  overflow: hidden;
  padding: 26px 32px 0;
  border: 1px solid #3c1b2a;
  border-radius: 16px;
  background: radial-gradient(ellipse at 50% -45%, #64122e 0, #21111a 37%, #111115 72%);
}
.cx-ranks__hero::after { position: absolute; top: 0; left: 22%; right: 22%; height: 1px; background: linear-gradient(90deg, transparent, #ff4c94, transparent); content: ""; }
.cx-ranks__hero-topline { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.cx-ranks__eyebrow { color: #ff5a9c; font-size: 10px; font-weight: 800; letter-spacing: 0.18em; line-height: 1.5; }
.cx-ranks__draft { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #4b2637; border-radius: 999px; padding: 5px 10px; color: #ddbac9; background: #25151e; font-size: 10px; }
.cx-ranks__draft > span { width: 5px; height: 5px; border-radius: 50%; background: #ff6eaa; }
.cx-ranks__hero-content { max-width: 690px; margin: 22px auto 27px; text-align: center; }
.cx-ranks__crown { display: grid; width: 44px; height: 44px; margin: 0 auto 14px; place-items: center; border: 1px solid #6b2042; border-radius: 12px; background: #351023; color: var(--cx-rank-pink); transform: rotate(-5deg); }
.cx-ranks__crown svg { width: 29px; height: 29px; }
.cx-ranks h1 { font-size: clamp(36px, 4.5vw, 57px); letter-spacing: -0.055em; }
.cx-ranks h1 > span { color: #ff5a9c; }
.cx-ranks .cx-ranks__hero-description { max-width: 540px; margin: 17px auto 0; color: #c0b8c3; font-size: 14px; line-height: 1.65; }
.cx-ranks__hero-link { display: inline-flex; align-items: center; gap: 13px; min-height: 44px; margin-top: 10px; color: #f8d9e5; font-size: 12px; font-weight: 700; text-decoration: none; }
.cx-ranks__hero-link span { color: #ff5a9c; font-size: 18px; }
.cx-ranks .cx-ranks__proposal-note { margin-inline: -32px; padding: 12px 26px; border-top: 1px solid #2e1f29; background: #0b090c70; color: #b9aab5; font-size: 10px; text-align: center; }
.cx-ranks__comparison,
.cx-ranks__options { margin-top: 36px; }
.cx-ranks__section-title { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 20px; }
.cx-ranks__section-title h2 { margin-top: 5px; font-size: 25px; letter-spacing: -0.035em; }
.cx-ranks__section-title > p { padding-bottom: 2px; color: var(--cx-rank-muted); font-size: 11px; }
.cx-ranks__comparison-grid,
.cx-ranks__options-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.cx-ranks [data-cx-rank] { --rank: #ff5a9c; --rank-line: #753049; --rank-wash: #2c1320; --rank-art-dark: #270c1a; --rank-art-glow: #a92059; }
.cx-ranks [data-cx-rank="vip"] { --rank: #edd250; --rank-line: #655726; --rank-wash: #2b2513; --rank-art-dark: #24200c; --rank-art-glow: #9d8224; }
.cx-ranks [data-cx-rank="vip-plus"] { --rank: #43dcf5; --rank-line: #245b67; --rank-wash: #102830; --rank-art-dark: #08242c; --rank-art-glow: #1b88a1; }
.cx-ranks [data-cx-rank="elite"] { --rank: #c276ff; --rank-line: #563476; --rank-wash: #251733; --rank-art-dark: #210d36; --rank-art-glow: #7928b4; }
.cx-ranks__tier { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 19px 18px 0; border: 1px solid var(--rank-line); border-radius: 11px; background: linear-gradient(155deg, var(--rank-wash), var(--cx-rank-card) 24%, var(--cx-rank-card)); }
.cx-ranks__tier--featured { box-shadow: 0 0 0 1px #ff006625, 0 10px 42px #ff006610; background: linear-gradient(155deg, #3a0b1e, #1d1119 32%, #181318); }
.cx-ranks__tier-topline { display: flex; align-items: center; justify-content: space-between; min-height: 21px; gap: 5px; margin-bottom: 12px; }
.cx-ranks__tier-number { color: var(--rank); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; white-space: nowrap; }
.cx-ranks__top-rank { display: inline-flex; align-items: center; gap: 4px; padding: 4px 6px; border-radius: 4px; color: #ffd9e7; background: #6e1537; font-size: 8px; font-weight: 700; white-space: nowrap; }
.cx-ranks__top-rank svg { width: 11px; height: 11px; flex-shrink: 0; }
.cx-ranks__tier h3 { font-size: 26px; letter-spacing: -0.05em; }
.cx-ranks__discount { display: flex; align-items: baseline; gap: 8px; margin-top: 16px; color: var(--rank); font-family: "Space Grotesk", sans-serif; }
.cx-ranks__discount strong { font-size: 41px; font-weight: 700; letter-spacing: -0.075em; line-height: 1; }
.cx-ranks__discount strong > span { margin-left: 2px; font-size: 24px; letter-spacing: -0.025em; }
.cx-ranks__discount > span { font-size: 12px; font-weight: 700; letter-spacing: 0.09em; }
.cx-ranks .cx-ranks__discount-caption { margin-top: 5px; color: var(--cx-rank-muted); font-size: 10px; }
.cx-ranks .cx-ranks__tier-description { min-height: 3.1em; margin-top: 17px; color: #bcb8c6; font-size: 11px; }
.cx-ranks .cx-ranks__benefits-title { margin-top: 20px; padding-top: 13px; border-top: 1px solid #ffffff0d; color: #898692; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.cx-ranks__benefits { display: grid; gap: 9px; padding: 0; margin: 11px 0 18px; list-style: none; }
.cx-ranks__benefits li { display: flex; align-items: start; gap: 7px; color: #e1dde6; font-size: 11px; line-height: 1.45; }
.cx-ranks__benefits svg { width: 13px; height: 13px; margin-top: 1px; color: var(--rank); flex-shrink: 0; }
.cx-ranks__detail-callout { padding: 10px 11px; margin: 0 0 17px; border: 1px solid #633046; border-radius: 7px; background: #351a2660; }
.cx-ranks__detail-callout h4 { color: #ffd4e5; font-family: "DM Sans", sans-serif; font-size: 10px; font-weight: 700; line-height: 1.5; }
.cx-ranks__detail-callout p { margin-top: 4px; color: #cdb8c3; font-size: 10px; line-height: 1.5; }
.cx-ranks__tier-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 14px; margin-top: auto; border-top: 1px solid #ffffff0e; }
.cx-ranks__tier-footer > span { font-family: "Space Grotesk", sans-serif; font-size: 14px; font-weight: 600; white-space: nowrap; }
.cx-ranks__tier-footer small { display: block; margin-top: 1px; color: #9b95a2; font-family: "DM Sans", sans-serif; font-size: 8px; font-weight: 400; }
.cx-ranks__tier-footer a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--rank); font-size: 10px; font-weight: 700; text-decoration: none; }
.cx-ranks .cx-ranks__comparison-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 14px; color: #b3a2af; font-size: 10px; text-align: center; }
.cx-ranks__comparison-note > span { color: #ff5a9c; }
.cx-ranks__options { padding-top: 28px; border-top: 1px solid #25232b; }
.cx-ranks__option { min-width: 0; overflow: hidden; border: 1px solid var(--cx-rank-line); border-radius: 11px; background: #15151a; }
.cx-ranks__option--featured { border-color: #79334e; }
.cx-ranks__art { position: relative; isolation: isolate; display: grid; aspect-ratio: 1.85; overflow: hidden; place-items: center; background: radial-gradient(ellipse at 90% 100%, var(--rank-art-glow), transparent 74%), linear-gradient(145deg, #08090d, var(--rank-art-dark)); }
.cx-ranks__art::before { position: absolute; z-index: -1; inset: 12% -7% 12% 7%; border: 10px solid var(--rank); opacity: 0.18; transform: skewY(-12deg); content: ""; }
.cx-ranks__art::after { position: absolute; z-index: -1; inset: 0; opacity: 0.15; background-image: radial-gradient(#ffffff60 0.65px, transparent 0.65px); background-size: 8px 8px; content: ""; }
.cx-ranks__art img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.cx-ranks__art--image { background: none; }
.cx-ranks__art--image::after { z-index: -1; opacity: 1; background: #08080985; }
.cx-ranks__art-mark { position: absolute; left: 13px; top: 10px; color: var(--rank); font-family: "Space Grotesk", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: -0.11em; opacity: 0.75; }
.cx-ranks__art-copy { position: relative; text-align: center; }
.cx-ranks__art-copy > span { display: block; margin-bottom: 3px; color: #ffffffa1; font-size: 7px; font-weight: 800; letter-spacing: 0.35em; }
.cx-ranks__art-copy strong { display: block; font-family: "Space Grotesk", sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 700; line-height: 1; letter-spacing: -0.065em; text-transform: uppercase; text-shadow: 0 3px 18px #00000050; }
.cx-ranks__art-copy small { display: block; margin-top: 5px; color: var(--rank); font-size: 7px; font-weight: 800; letter-spacing: 0.19em; }
.cx-ranks__art-crown { position: absolute; right: 14px; top: 12px; width: 19px; height: 19px; color: #ff91bc; }
.cx-ranks__option-content { padding: 16px; }
.cx-ranks__option-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px; }
.cx-ranks__option-heading h3 { font-size: 17px; letter-spacing: -0.04em; }
.cx-ranks__option-heading > span { color: var(--rank); font-size: 8px; }
.cx-ranks .cx-ranks__option-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; margin-top: 10px; border-radius: 4px; color: #bcb2cc; background: #24202e; font-size: 8px; }
.cx-ranks__option-status > span { width: 4px; height: 4px; border-radius: 50%; background: #ad89dd; }
.cx-ranks .cx-ranks__option-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; margin-top: 17px; }
.cx-ranks__option-price strong { font-family: "Space Grotesk", sans-serif; font-size: 22px; font-weight: 600; letter-spacing: -0.035em; }
.cx-ranks__option-price > span { color: #9d97a7; font-size: 10px; }
.cx-ranks__option-button { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 10px 12px; margin-top: 13px; border: 1px solid #37333f; border-radius: 6px; background: #232129; color: #eeebf2; font-size: 10px; font-weight: 700; text-decoration: none; }
.cx-ranks__option-button > span { color: var(--rank); font-size: 14px; }
.cx-ranks__option--featured .cx-ranks__option-button { border-color: #ff0066; background: #ff0066; color: #080809; }
.cx-ranks__option--featured .cx-ranks__option-button > span { color: #080809; }
.cx-ranks__option-button:hover { border-color: var(--rank); }
.cx-ranks__billing-note { display: flex; align-items: start; gap: 13px; padding: 19px 22px; margin-top: 28px; border: 1px solid #302731; border-radius: 10px; background: #151116; }
.cx-ranks__billing-icon { display: grid; width: 24px; height: 24px; place-items: center; flex-shrink: 0; border: 1px solid #774058; border-radius: 50%; color: #ffa0c5; font-size: 13px; font-weight: 700; }
.cx-ranks__billing-note h2 { margin-top: 3px; font-size: 13px; letter-spacing: -0.015em; }
.cx-ranks__billing-note p { max-width: 910px; margin-top: 6px; color: #b0a4b0; font-size: 11px; }
.cx-ranks__empty { grid-column: 1 / -1; padding: 24px; border: 1px dashed #453640; border-radius: 10px; color: var(--cx-rank-muted); }
@media (max-width: 1100px) {
  .cx-ranks { width: min(100% - 32px, 1280px); }
  .cx-ranks__comparison-grid,
  .cx-ranks__options-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .cx-ranks__tier { padding: 22px 22px 0; }
  .cx-ranks__tier-description { min-height: auto; }
  .cx-ranks__art-copy strong { font-size: 42px; }
  .cx-ranks__top-rank { font-size: 9px; }
}
@media (max-width: 600px) {
  .cx-ranks { width: calc(100% - 24px); padding-top: 18px; padding-bottom: 32px; }
  .cx-ranks__hero { padding: 18px 18px 0; border-radius: 12px; }
  .cx-ranks__hero-topline { gap: 10px; }
  .cx-ranks__eyebrow { font-size: 9px; }
  .cx-ranks__draft { font-size: 8px; }
  .cx-ranks__hero-content { margin-top: 29px; }
  .cx-ranks h1 { font-size: clamp(33px, 9vw, 46px); }
  .cx-ranks .cx-ranks__hero-description { font-size: 12px; }
  .cx-ranks .cx-ranks__proposal-note { margin-inline: -18px; padding: 12px 18px; font-size: 9px; }
  .cx-ranks__section-title { display: block; margin-bottom: 15px; }
  .cx-ranks__section-title h2 { font-size: 24px; }
  .cx-ranks__section-title > p { margin-top: 7px; }
  .cx-ranks__comparison-grid,
  .cx-ranks__options-grid { grid-template-columns: minmax(0, 1fr); }
  .cx-ranks__tier { padding: 22px 22px 0; }
  .cx-ranks__tier-description,
  .cx-ranks__benefits li { font-size: 12px; }
  .cx-ranks__discount strong { font-size: 43px; }
  .cx-ranks__tier-footer > span { font-size: 17px; }
  .cx-ranks__tier-footer small { font-size: 9px; }
  .cx-ranks__tier-footer a { font-size: 11px; }
  .cx-ranks__detail-callout p { font-size: 11px; }
  .cx-ranks__art { aspect-ratio: 2.2; }
  .cx-ranks__art-copy strong { font-size: 45px; }
  .cx-ranks__option-content { padding: 18px; }
  .cx-ranks__option-heading > span,
  .cx-ranks__option-status { font-size: 10px; }
  .cx-ranks__option-button { font-size: 12px; }
  .cx-ranks__billing-note { padding: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .cx-ranks { scroll-behavior: auto; }
}

/* Final CodeX membership layout and readable plan detail. */
.cx-ranks .cx-ranks__hero-content{margin-top:18px;margin-bottom:25px}
.cx-ranks .cx-ranks__proposal-note{font-size:12px;line-height:1.65}
.cx-ranks .cx-ranks__tier-description{font-size:13px;line-height:1.65;min-height:4.9em}
.cx-ranks .cx-ranks__benefits-title{font-size:10px;letter-spacing:.09em}
.cx-ranks .cx-ranks__benefits li{font-size:12px;line-height:1.65}
.cx-ranks .cx-ranks__discount-caption,.cx-ranks .cx-ranks__comparison-note,.cx-ranks .cx-ranks__section-title>p{font-size:12px}
.cx-ranks .cx-ranks__tier-footer a{font-size:12px}
.cx-ranks .cx-ranks__tier-footer small{font-size:10px}
.cx-ranks .cx-ranks__option-status,.cx-ranks .cx-ranks__option-heading>span{font-size:11px}
.cx-ranks .cx-ranks__option-button{font-size:12px}
.cx-ranks .cx-ranks__detail-callout p{font-size:12px;line-height:1.65}
.cx-ranks .cx-ranks__detail-callout h4{font-size:12px}
.cx-ranks .cx-ranks__billing-note p{font-size:12px;line-height:1.8}
.cx-ranks .cx-ranks__manage{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:8px;color:#ff8ebc;font-size:12px;text-decoration:none}
.cx-ranks .cx-ranks__tier-footer>span{white-space:normal}
@media(min-width:992px) and (max-width:1350px){.cx-store .cx-navbar .nav-link{font-size:11px;padding-inline:7px!important}.cx-store .cx-navbar>.container{gap:8px}.cx-store .cx-navbar-identity{gap:8px}.cx-store .cx-navbar-identity .navbar-brand{font-size:19px}.cx-store .cx-navbar .navbar-nav.gap-3{gap:8px!important}}
@media(max-width:600px){.cx-ranks .cx-ranks__hero-topline{justify-content:space-between}.cx-ranks .cx-ranks__tier-description{min-height:0}.cx-ranks .cx-ranks__benefits li{font-size:13px}.cx-ranks .cx-ranks__proposal-note{font-size:11px}.cx-ranks .cx-ranks__option-status{font-size:10px}}


/* Original CodeX treatment for specifically blocked primary product artwork. */
.cx-store .cx-product-artwork {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 16px;
  overflow: hidden;
  isolation: isolate;
  color: #fff4f9;
  background: radial-gradient(ellipse at 100% 0, #6f153d 0, transparent 65%), linear-gradient(145deg, #111016, #1f101b);
  text-align: left;
}
.cx-store .cx-product-artwork::before {
  position: absolute;
  z-index: -1;
  inset: 12% -20% -35% 50%;
  border: 18px solid #ff006624;
  transform: rotate(-25deg);
  content: "";
}
.cx-store .cx-product-artwork__identity { display: flex; align-items: center; gap: 9px; min-width: 0; }
.cx-store .cx-product-artwork .cx-product-artwork__logo {
  display: block;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
  aspect-ratio: 1;
  border-radius: 0;
}
.cx-store .cx-product-artwork__monogram { color: #ff5a9c; font-family: "Space Grotesk", sans-serif; font-size: 23px; font-weight: 700; letter-spacing: -0.1em; }
.cx-store .cx-product-artwork__brand { color: #ff87b7; font-family: "DM Sans", sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
.cx-store .cx-product-artwork__name {
  display: -webkit-box;
  max-width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(15px, 1.2vw, 19px);
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cx-store .cx-product-artwork__accent { width: 30px; height: 3px; flex-shrink: 0; margin-top: 2px; background: #ff0066; border-radius: 2px; }
.cx-store .cx-product-artwork--compact { gap: 4px; padding: 7px; }
.cx-store .cx-product-artwork--compact .cx-product-artwork__identity { gap: 4px; }
.cx-store .cx-product-artwork--compact .cx-product-artwork__logo { flex-basis: 14px; width: 14px; height: 14px; max-width: 14px; max-height: 14px; }
.cx-store .cx-product-artwork--compact .cx-product-artwork__monogram { font-size: 13px; }
.cx-store .cx-product-artwork--compact .cx-product-artwork__brand { font-size: 7px; letter-spacing: 0.08em; }
.cx-store .cx-product-artwork--compact .cx-product-artwork__name { font-size: 10px; -webkit-line-clamp: 1; }
.cx-store .cx-product-artwork--compact .cx-product-artwork__accent { display: none; }
/* CodeX customer reviews: static, paginated feedback page. */
.cx-reviews{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:64px 0 80px;color:#f4f1ec}
.cx-reviews-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:center;padding:32px 0 55px}
.cx-reviews-intro h1{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(40px,4.4vw,62px);line-height:1.1;font-weight:700;letter-spacing:-.055em;margin:22px 0 19px}
.cx-reviews-intro h1 span{color:#ff0066}
.cx-reviews-intro>p{font-size:15px;line-height:1.8;color:#b5afb6;max-width:500px;margin:0}
.cx-reviews-summary{padding:27px 28px;background:radial-gradient(ellipse at 100% 0,rgba(255,0,102,.11),transparent 75%),#111113;border:1px solid #ffffff14;border-radius:22px}
.cx-reviews-score{display:flex;align-items:baseline;gap:10px}
.cx-reviews-score strong{font-family:"Space Grotesk","DM Sans",sans-serif;font-weight:700;font-size:60px;line-height:1;letter-spacing:-.06em}
.cx-reviews-score>span{color:#b5afb6;font-size:18px}
.cx-reviews-score-label{font-size:13px;color:#cec7cf;margin:10px 0 22px}
.cx-reviews-total{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;border-top:1px solid #ffffff12;padding-top:19px;color:#d8d0da}
.cx-reviews-total>i{color:#ff4b93}
.cx-reviews-total strong{font-weight:700;color:#fff}
.cx-reviews-summary-note{margin:8px 0 0;font-size:11px;line-height:1.6;color:#97909b}
.cx-reviews-toolbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 0 22px;border-bottom:1px solid #ffffff12;margin-bottom:24px}
.cx-reviews-toolbar h2{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:22px;letter-spacing:-.035em;margin:0}
.cx-reviews-toolbar>span{font-size:12px;color:#a59eaa}
.cx-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.cx-review-card{min-width:0;padding:24px;background:#111113;border:1px solid #ffffff12;border-radius:18px;overflow-wrap:anywhere}
.cx-review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cx-review-rating{display:flex;gap:4px;font-size:12px;color:#ff4b93;flex-shrink:0}
.cx-review-date{color:#99919e;font-size:10px;line-height:1.5;text-align:right}
.cx-review-author{font-size:12px;font-weight:600;color:#c8becb;margin:19px 0 10px}
.cx-review-message{font-size:14px;line-height:1.8;color:#f1edf2}
.cx-review-message p,.cx-review-reply p{white-space:pre-line;margin:0}
.cx-review-attachment{display:block;width:100%;max-height:260px;object-fit:contain;border:1px solid #ffffff12;border-radius:10px;margin-top:18px}
.cx-review-reply{padding:15px 16px;margin-top:20px;border-left:2px solid #ff0066;border-radius:0 10px 10px 0;background:#ff006609}
.cx-review-reply-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-bottom:9px;font-size:10px;color:#afa4b5}
.cx-review-reply-heading>span:first-child{font-weight:600;color:#f5b0cd}
.cx-review-reply-heading i{margin-right:5px}
.cx-review-reply p{font-size:12px;line-height:1.8;color:#d1c6d7}
.cx-review-product{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #ffffff0d;margin-top:22px;padding-top:16px;color:#9f95a7;font-size:11px;line-height:1.65}
.cx-review-product>i{flex-shrink:0;margin-top:4px;color:#78667f}
.cx-review-expand summary{list-style:none;cursor:pointer}
.cx-review-expand summary::-webkit-details-marker{display:none}
.cx-review-read-more,.cx-review-read-less{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;color:#ff91bc}
.cx-review-read-less{display:none}
.cx-review-expand[open] .cx-review-excerpt,.cx-review-expand[open] .cx-review-read-more{display:none}
.cx-review-expand[open] .cx-review-read-less{display:flex}
.cx-review-expand summary:focus-visible,.cx-reviews a:focus-visible{outline:2px solid #ff62a1;outline-offset:5px;border-radius:5px}
.cx-reviews-pagination{margin-top:36px;padding-top:14px;border-top:1px solid #ffffff12}
.cx-reviews-pagination .pagination{flex-wrap:wrap;gap:5px}
.cx-reviews-pagination .page-link{min-width:36px;min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff14!important;background:#111113;color:#c9becf;border-radius:8px!important;font-size:12px}
.cx-reviews-pagination .page-item.active .page-link{background:#ff0066;color:#16000b;border-color:#ff0066!important;font-weight:700}
.cx-reviews-pagination .page-item.disabled .page-link{color:#6c6473;background:#0d0c0f}
.cx-reviews-pagination .page-link:hover{color:#fff;border-color:#ff006677!important}
.cx-reviews-pagination .btn{min-height:44px;padding:11px 17px;border:1px solid #ffffff1c;border-radius:10px;color:#f3dbe8;font-size:12px;background:#111113}
.cx-reviews-support{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-top:55px;border:1px solid #ffffff12;border-radius:20px;background:#0d0c10}
.cx-reviews-support h2{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:25px;letter-spacing:-.035em;margin:9px 0}
.cx-reviews-support p{font-size:13px;color:#a59aa9;margin:0;line-height:1.8}
.cx-reviews-empty{text-align:center;padding:65px 22px;border:1px solid #ffffff12;border-radius:20px;background:#111113}
.cx-reviews-empty>i{font-size:32px;color:#ff4b93;margin-bottom:22px}
.cx-reviews-empty h3{font-size:24px;font-family:"Space Grotesk","DM Sans",sans-serif}
.cx-reviews-empty p{color:#b5afb6;font-size:14px;margin:12px 0 24px}
@media(max-width:991px){.cx-reviews-hero{grid-template-columns:minmax(0,1fr) 270px;gap:30px}.cx-reviews-summary{padding:24px}.cx-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cx-reviews{width:calc(100% - 32px);padding:35px 0 50px}.cx-reviews-hero{grid-template-columns:1fr;gap:26px;padding:12px 0 35px}.cx-reviews-intro h1{font-size:42px;margin-top:19px}.cx-reviews-intro>p{font-size:13px}.cx-reviews-summary{padding:22px 24px}.cx-reviews-score strong{font-size:48px}.cx-reviews-score-label{margin:8px 0 15px}.cx-reviews-total{padding-top:15px}.cx-reviews-toolbar{padding-bottom:17px;margin-bottom:18px}.cx-reviews-toolbar h2{font-size:20px}.cx-reviews-toolbar>span{font-size:11px}.cx-reviews-grid{grid-template-columns:1fr;gap:15px}.cx-review-card{padding:22px}.cx-review-message{font-size:14px}.cx-review-date{font-size:11px}.cx-reviews-support{flex-direction:column;align-items:flex-start;padding:24px;margin-top:35px}.cx-reviews-support h2{font-size:24px}.cx-reviews-support .cx-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.cx-reviews *{scroll-behavior:auto!important}}

/* CodeX homepage customer review cards; genuine feedback content is unchanged. */
.cx-home .cx-review-section .cx-review-row > div{display:flex;align-items:stretch}
.cx-home .cx-review-section .cx-review-row > div > div{display:flex;flex-direction:column;flex:1 0 auto;min-width:0;height:auto}
.cx-home .cx-review-section .testimonial{display:flex;flex-direction:column;justify-content:space-between;min-height:224px;height:auto;flex:1 0 auto;margin:0;border:1px solid rgba(255,0,102,.18);border-radius:20px;background:radial-gradient(ellipse at top right,rgba(255,0,102,.055),transparent 65%),#121015;box-shadow:0 4px 14px rgba(0,0,0,.12);text-align:left;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}
.cx-home .cx-review-section .testimonial .header{align-items:flex-start;gap:16px;padding:23px 23px 0;margin-bottom:20px}
.cx-home .cx-review-section .testimonial .header .quote{width:27px;height:27px;flex:0 0 27px;color:rgba(255,0,102,.38)}
.cx-home .cx-review-section .testimonial .stars{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;max-width:180px;padding-top:3px}
.cx-home .cx-review-section .testimonial .stars svg{width:14px;height:14px;flex:0 0 14px;stroke:#ff4b93}
.cx-home .cx-review-section .testimonial .stars svg[fill="#FFD700"]{fill:#ff4b93}
.cx-home .cx-review-section .testimonial .stars .username{flex-basis:100%;max-width:100%;margin:4px 0 0;font-size:11px;font-weight:500;line-height:1.6;color:#b9aab5}
.cx-home .cx-review-section .testimonial .content{padding:0 23px 20px}
.cx-home .cx-review-section .testimonial .message{font-size:14px;line-height:1.85;color:#f1eaf0;overflow-wrap:anywhere}
.cx-home .cx-review-section .testimonial .message p{margin:0}
.cx-home .cx-review-section .testimonial .message a,.cx-home .cx-review-section .testimonial .reply a{display:inline-block;min-height:32px;padding:5px 0;color:#ff8dbb!important;text-underline-offset:4px}
.cx-home .cx-review-section .testimonial .message small,.cx-home .cx-review-section .testimonial .reply small{font-size:12px;color:inherit!important}
.cx-home .cx-review-section .testimonial .content .image{margin:16px 0 0}
.cx-home .cx-review-section .testimonial .content .image img{object-fit:contain;border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.cx-home .cx-review-section .testimonial .content .reply{margin:18px 0 0;padding:14px;background:rgba(255,0,102,.035);border-radius:10px}
.cx-home .cx-review-section .testimonial .content .reply .text{font-size:12px;line-height:1.8;border-left-color:#ff0066;color:#d9cbd5}
.cx-home .cx-review-section .testimonial .content .reply .author{font-size:10px;line-height:1.7;color:#b9aab5}
.cx-home .cx-review-section .testimonial .footer{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding:15px 23px 17px;border-top:1px solid rgba(255,0,102,.1);border-radius:0;background:rgba(255,0,102,.025);white-space:normal}
.cx-home .cx-review-section .testimonial .footer .items{max-width:100%;font-size:11px;line-height:1.65;font-weight:500;color:#d3b4c3;white-space:normal;overflow-wrap:anywhere}
.cx-home .cx-review-section .testimonial .footer .date{font-size:10px;line-height:1.6;font-weight:400;letter-spacing:.02em;color:#a99aa5}
.cx-home .cx-review-section .testimonial:focus-within{border-color:rgba(255,0,102,.5);box-shadow:0 5px 20px rgba(255,0,102,.08)}
.cx-home .cx-review-section .testimonial a:focus-visible{outline:2px solid #ff8dbb;outline-offset:3px;border-radius:3px}
@media(hover:hover) and (pointer:fine){.cx-home .cx-review-section .testimonial:hover{border-color:rgba(255,0,102,.5);box-shadow:0 5px 20px rgba(255,0,102,.08)}}
@media(max-width:767px){.cx-home .cx-review-section .testimonial{min-height:212px;border-radius:17px}.cx-home .cx-review-section .testimonial .header{padding:20px 20px 0;margin-bottom:17px}.cx-home .cx-review-section .testimonial .content{padding:0 20px 18px}.cx-home .cx-review-section .testimonial .footer{padding:13px 20px 15px}.cx-home .cx-review-section .testimonial .message a,.cx-home .cx-review-section .testimonial .reply a{min-height:44px;padding-block:10px}}
@media(prefers-reduced-motion:reduce){.cx-home .cx-review-section .testimonial{transition:none}}

/* Full-width homepage reviews: remove the outer panel, retain individual cards. */
.cx-store .cx-home .cx-review-section > .component {
  width:100%; max-width:none; margin-inline:0; padding-inline:0!important;
  border:0; border-radius:0!important; background:transparent; box-shadow:none;
}
.cx-store .cx-home .cx-review-section > .component > .container {
  width:100%; max-width:none; padding-inline:0;
}
.cx-home .cx-review-section .section-title,
.cx-home .cx-review-section .section-subtitle { padding-inline:24px; }
.cx-home .cx-review-section .cx-review-toggle { margin-right:24px; }
.cx-home.cx-motion-off .cx-review-section > .component > .container { padding-inline:24px; }
/* CodeX review identity and product tags. */
.cx-home .cx-review-section .testimonial .header{align-items:center;gap:10px;padding:18px 18px 0;margin-bottom:17px}
.cx-feedback-person{display:flex;align-items:center;gap:9px;min-width:0;text-align:left}
.cx-feedback-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ff006644;border-radius:50%;background:#ff006617;color:#ff5a9c;font-size:14px}
.cx-feedback-identity{min-width:0;display:flex;flex-direction:column;gap:4px}
.cx-feedback-name{font-size:12px;font-weight:700;line-height:1.4;color:#f6edf2;overflow-wrap:anywhere}
.cx-feedback-verified{display:flex;align-items:center;gap:4px;font-size:9px;line-height:1.5;color:#ff80b3;white-space:nowrap}
.cx-home .cx-review-section .testimonial .stars{max-width:none;flex-wrap:nowrap;gap:2px;padding:0;flex-shrink:0}
.cx-home .cx-review-section .testimonial .stars svg{width:11px;height:11px;flex-basis:11px}
.cx-home .cx-review-section .testimonial .content{padding:0 18px 17px}
.cx-home .cx-review-section .testimonial .footer{padding:12px 18px 16px;gap:9px;border-top:0;background:transparent}
.cx-home .cx-review-section .testimonial .footer .items{display:inline-block;max-width:100%;padding:5px 10px;border:1px solid #ff006640;border-radius:12px;background:#ff006614;color:#ff9fc5;font-size:10px;line-height:1.55}
.cx-home .cx-review-section .testimonial .footer .date{font-size:9px;color:#a99aa5}


/* CodeX compact navigation — 2026-10-23. Scoped to the refreshed component. */
.cx-store .cx-navbar-refresh { max-width:1180px; padding:0; border-radius:999px; border-color:#ff006625; background:linear-gradient(110deg,#181016eF,#0f0e12F5 48%); box-shadow:0 8px 32px #0004,inset 0 1px #ffffff03; }
.cx-store .cx-navbar-refresh>.container { display:flex; align-items:center; flex-wrap:nowrap; padding:8px 12px!important; gap:20px; max-width:none; }
.cx-store .cx-navbar-refresh .cx-navbar-identity { flex-direction:row; align-items:center; gap:12px; }
.cx-store .cx-navbar-refresh .navbar-brand { font-size:20px; letter-spacing:-.7px; gap:8px; padding:0; margin:0; text-decoration:none; }
.cx-store .cx-navbar-refresh .navbar-brand img { width:34px; height:34px; }
.cx-store .cx-navbar-refresh .cx-online-pill { font-size:10px; padding:5px 8px; }
.cx-store .cx-navbar-refresh .navbar-collapse { align-items:center; gap:16px; min-width:0; }
.cx-store .cx-navbar-refresh .navbar-nav { display:flex; align-items:center; flex-wrap:nowrap; margin:0; padding:0; list-style:none; gap:3px!important; }
.cx-store .cx-navbar-refresh .cx-primary-links { margin-left:auto; margin-right:auto; }
.cx-store .cx-navbar-refresh .cx-nav-actions { gap:7px!important; }
.cx-store .cx-navbar-refresh .cx-nav-link { display:flex; align-items:center; justify-content:center; gap:6px; min-height:38px; padding:8px 10px!important; border:1px solid transparent; border-radius:999px; color:#b9b4bf; font-size:12px; line-height:20px; font-weight:600; text-decoration:none; white-space:nowrap; cursor:pointer; background:transparent; transition:color .16s,background .16s,border-color .16s; }
.cx-store .cx-navbar-refresh .cx-nav-link:hover { color:#f6f1f4; background:#ffffff06; }
.cx-store .cx-navbar-refresh .cx-nav-link.is-active { color:#ff73ab; border-color:#ff006638; background:#ff006614; box-shadow:inset 0 1px #ff89b508; }
.cx-store .cx-navbar-refresh .cx-nav-icon { width:15px; height:15px; flex:0 0 15px; vertical-align:middle; }
.cx-store .cx-navbar-refresh .btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:8px 12px; font-size:12px; font-weight:600; line-height:20px; white-space:nowrap; text-decoration:none; border:1px solid #ffffff12; border-radius:999px; }
.cx-store .cx-navbar-refresh .cart .btn { position:relative; color:#d6cfda; background:#ffffff03; }
.cx-store .cx-navbar-refresh .cart svg { width:15px; height:15px; }
.cx-store .cx-navbar-refresh .cart .btn:hover { background:#ffffff0a; border-color:#ffffff28; }
.cx-store .cx-navbar-refresh .cart .count { position:absolute; right:-3px; top:-4px; min-width:17px; height:17px; display:grid; place-items:center; padding:0 4px; border-radius:20px; font-size:9px; font-weight:700; line-height:1; background:#ff0066; color:#16000b; border:2px solid #100e12; }
.cx-store .cx-navbar-refresh .user .btn { background:#ff0066; border-color:#ff0066; color:#16000b!important; font-weight:700; }
.cx-store .cx-navbar-refresh .user .btn:hover { background:#ff3385; border-color:#ff3385; }
.cx-store .cx-navbar-refresh .currency-selector { flex-shrink:0; }
.cx-store .cx-navbar-refresh .currency-selector .choices { min-width:66px; }
.cx-store .cx-navbar-refresh .choices__inner { min-height:38px; border-color:#ffffff12; background:#ffffff03; border-radius:999px; }
.cx-store .cx-navbar-refresh .choices__list--dropdown { border-color:#ffffff20; background:#151218; border-radius:14px; margin-top:8px; }
.cx-store .cx-navbar-refresh .cx-nav-more { position:relative; }
.cx-store .cx-navbar-refresh summary { list-style:none; }
.cx-store .cx-navbar-refresh summary::-webkit-details-marker { display:none; }
.cx-store .cx-navbar-refresh .cx-nav-more>summary .cx-nav-icon:last-child { width:11px; flex-basis:11px; transition:transform .16s; }
.cx-store .cx-navbar-refresh .cx-nav-more[open]>summary { background:#ffffff09; color:#f6f1f4; }
.cx-store .cx-navbar-refresh .cx-nav-more[open]>summary .cx-nav-icon:last-child { transform:rotate(180deg); }
.cx-store .cx-navbar-refresh .cx-more-menu { position:absolute; top:calc(100% + 12px); left:50%; transform:translateX(-50%); width:200px; padding:7px; border:1px solid #ff00662a; border-radius:16px; background:#141116; box-shadow:0 18px 45px #0008; z-index:1050; }
.cx-store .cx-navbar-refresh .cx-more-menu .cx-nav-link { justify-content:flex-start; min-height:42px; padding:10px 12px!important; border-radius:10px; gap:10px; }
.cx-store .cx-navbar-refresh .cx-mobile-actions { display:none; }
.cx-store .cx-navbar-refresh :is(a,button,summary,select):focus-visible { outline:2px solid #ff8fbc; outline-offset:3px; }
@media(min-width:992px) and (max-width:1199px) {
  .cx-store .cx-navbar-refresh>.container { gap:12px; padding:8px 10px!important; }
  .cx-store .cx-navbar-refresh .cx-navbar-identity { gap:8px; }
  .cx-store .cx-navbar-refresh .navbar-collapse { gap:8px; }
  .cx-store .cx-navbar-refresh .cx-nav-link { gap:5px; padding:8px!important; }
  .cx-store .cx-navbar-refresh .cx-nav-actions { gap:5px!important; }
  .cx-store .cx-navbar-refresh .navbar-brand { font-size:18px; }
  .cx-store .cx-navbar-refresh .cx-cart-label { display:none; }
  .cx-store .cx-navbar-refresh .cx-online-pill { font-size:9px; padding:5px 6px; }
}
@media(max-width:991px) {
  .cx-store .cx-navbar-refresh>.container { justify-content:space-between; padding:8px 10px!important; gap:12px; }
  .cx-store .cx-navbar-refresh .cx-mobile-actions { display:flex; align-items:center; gap:7px; }
  .cx-store .cx-navbar-refresh .cx-mobile-nav { display:block; }
  .cx-store .cx-navbar-refresh .cx-mobile-nav>summary { width:40px; height:40px; border-color:#ffffff15; background:#ffffff03; }
  .cx-store .cx-navbar-refresh .cx-mobile-actions .cart .btn { width:40px; height:40px; padding:0; }
  .cx-store .cx-navbar-refresh .cx-cart-label { display:none; }
  .cx-store .cx-navbar-refresh .cx-native-menu { max-height:calc(100dvh - 110px); overflow-y:auto; padding:8px; border-color:#ff00662a; background:#141116; border-radius:18px; }
  .cx-store .cx-navbar-refresh .cx-native-menu .cx-nav-link { justify-content:flex-start; border-radius:11px; min-height:44px; padding:10px 13px!important; gap:11px; font-size:13px; }
  .cx-store .cx-navbar-refresh .cx-native-menu .cx-mobile-account { display:flex; align-items:center; gap:10px; justify-content:center; min-height:44px; border-radius:11px; }
  .cx-store .cx-navbar-refresh .cx-mobile-currency { margin:6px 5px; padding:10px 8px; border-top:1px solid #ffffff0c; }
}
@media(max-width:575px) {
  .cx-store .cx-navbar-refresh .cx-navbar-identity { flex-direction:row; align-items:center; gap:10px; }
  .cx-store .cx-navbar-refresh .navbar-brand { font-size:18px; gap:6px; }
  .cx-store .cx-navbar-refresh .navbar-brand img { width:30px; height:30px; }
  .cx-store .cx-navbar-refresh .cx-online-pill { font-size:9px; padding:5px 6px; gap:4px; }
}
@media(max-width:389px) {
  .cx-store .cx-navbar-refresh .cx-navbar-identity { gap:2px; flex-direction:column; align-items:flex-start; }
  .cx-store .cx-navbar-refresh .navbar-brand img { width:26px; height:26px; }
}
@media(prefers-reduced-motion:reduce) {
  .cx-store .cx-navbar-refresh .cx-nav-link,.cx-store .cx-navbar-refresh .cx-nav-icon { transition:none; }
}



/* Currency control: compact selected code, readable native option names. */
.cx-store .cx-navbar-refresh .cx-currency-item { flex:0 0 auto; }
.cx-store .cx-navbar-refresh .cx-currency-control { position:relative; display:flex; align-items:center; min-width:87px; height:38px; border:1px solid #ffffff12; border-radius:999px; background:#ffffff03; color:#d6cfda; transition:border-color .16s,background .16s; }
.cx-store .cx-navbar-refresh .cx-currency-control:hover { border-color:#ff00664d; background:#ff00660a; }
.cx-store .cx-navbar-refresh .cx-currency-control:focus-within { outline:2px solid #ff8fbc; outline-offset:3px; }
.cx-store .cx-navbar-refresh .cx-currency-value { padding:0 27px 0 12px; font-size:11px; font-weight:600; line-height:20px; white-space:nowrap; pointer-events:none; }
.cx-store .cx-navbar-refresh .cx-currency-control::after { content:""; position:absolute; right:12px; top:14px; width:6px; height:6px; border-right:1.5px solid #9c929f; border-bottom:1.5px solid #9c929f; transform:rotate(45deg); pointer-events:none; }
.cx-store .cx-navbar-refresh .cx-currency-control select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; border-radius:inherit; }
.cx-store .cx-navbar-refresh .cx-mobile-currency { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#b9b4bf; font-size:12px; }
.cx-store .cx-navbar-refresh .cx-mobile-currency select { min-width:0; max-width:72%; padding:10px 30px 10px 12px; color:#e9e0eb; background-color:#1b161e; border:1px solid #ffffff18; border-radius:10px; font-size:12px; }
.cx-store .cx-navbar-refresh select option { color:#ede6f0; background:#17131a; }
.cx-store [data-cx-price-label] { font-variant-numeric:tabular-nums; white-space:nowrap; }
@media(prefers-reduced-motion:reduce){.cx-store .cx-navbar-refresh .cx-currency-control{transition:none}}

/* Keep replies readable in both original and repeated homepage review cards. */
.cx-home .cx-review-section .testimonial > .main,
.cx-home .cx-review-section .testimonial > .footer{flex-shrink:0;min-width:0}
.testimonial .content .cx-feedback-reply{min-width:0;overflow-wrap:anywhere}
.testimonial .content .cx-feedback-reply .text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.testimonial .content .cx-feedback-reply-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin:0 0 10px;font-size:11px;line-height:1.6;color:#b9aab5}
.testimonial .content .cx-feedback-reply-heading > span:first-child{font-weight:600;color:#ff9fc5}

/* Status-page repair: keep product names, labels and indicators readable. */
.cx-status-page .status-cards{min-width:0}
.cx-status-page .status-group{min-width:0}
.cx-status-page .status-group h2{overflow-wrap:anywhere}
.cx-status-page .status-card{min-width:0;gap:12px 24px;flex-wrap:wrap}
.cx-status-page .status-card h3{flex:1 1 260px;min-width:0;margin:0;line-height:1.5;overflow-wrap:anywhere}
.cx-status-page .status-card .status{flex:0 1 auto;min-width:0;max-width:100%;gap:10px}
.cx-status-page .status-card .indicator{flex:0 0 12px;width:12px;height:12px}
.cx-status-page .status-card .label{min-width:0;line-height:1.5;overflow-wrap:anywhere}
.cx-status-page .cx-status-empty{margin:0;padding:24px;border:1px solid #ffffff12;border-radius:12px;color:#a39ea5}
@media(max-width:575px){
  .cx-status-page .status-card{flex-direction:column;align-items:flex-start;gap:10px}
  .cx-status-page .status-card h3{flex:none;width:100%;font-size:1rem}
}

/* Preserve game subheadings within the Call of Duty status section. */
.cx-status-page .cx-status-subgroup{min-width:0;margin-top:12px}
.cx-status-page .cx-status-subgroup-title{margin:0 0 12px;color:#c8bdc6;font-size:1rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}