:root{color-scheme:dark;--bg:#080b10;--panel:#11161e;--ink:#f5f6f8;--muted:#a4acb9;--line:#ffffff16;--blue:#8fc9ff;--accent:#147ee9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.wrap{width:min(1320px,90%);margin:auto}.demo{text-align:center;padding:8px 16px;background:#141a23;color:#bac4d2;font-size:11px;letter-spacing:.04em}.wrap>header{height:78px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{font-weight:650;letter-spacing:-.7px;font-size:20px;display:flex;align-items:center;gap:10px}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #83bcf5;border-radius:50%;font-size:10px;letter-spacing:-1px;color:var(--blue)}nav{display:flex;gap:32px;align-items:center;font-size:12px;color:#c2c9d1}.navbutton{border:1px solid #ffffff35;border-radius:30px;padding:9px 18px}nav a:hover{color:white}.hero{height:min(760px,85vh);min-height:570px;position:relative;isolation:isolate;overflow:hidden;border-radius:26px;display:flex;align-items:center;margin-bottom:0;background:#17202d}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-3;animation:cinematic 1.5s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070d17dd 0%,#070d177a 45%,#070d1705 80%),linear-gradient(0deg,#070d17ad,transparent 40%)}.hero-copy{padding:70px 6%;animation:arrive .9s ease-out both;max-width:800px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.8px;color:var(--blue)}.hero h1{font-size:clamp(58px,7.3vw,108px);font-weight:600;line-height:1.01;letter-spacing:-6px;margin:26px 0}.hero h1 em{font-style:normal;color:#b9d9ff}p{color:var(--muted)}.intro{font-size:17px;line-height:1.7;color:#d3dae4;margin:28px 0 32px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;border-radius:30px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.btn:hover{background:#3296fa;transform:translateY(-2px)}.hero .btn{background:#f5f8fc;color:#101722}.hero .btn:hover{background:white}.hero-secondary{display:inline-block;font-size:13px;margin-left:24px}.hero-secondary span{margin-left:10px}.hero-platforms{font-size:9px;letter-spacing:1.7px;color:#b0bac8;margin-top:35px}.hero-platforms span{padding:0 12px;color:#667389}.hero-bottom{position:absolute;bottom:23px;left:6%;right:6%;display:flex;justify-content:space-between;color:#b7bfca;font-size:9px;letter-spacing:1.7px}.benefits{display:flex;justify-content:center;gap:65px;padding:30px 0;color:#62768d;font-size:10px;letter-spacing:.6px}.benefits b{font-weight:400;color:#afb9c5;margin-left:12px}.section{padding:85px 0;border-top:1px solid var(--line)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.wrap h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1.1;font-weight:550;margin:16px 0}.selectlabel{display:block;font-size:9px;color:#a4acb9;letter-spacing:1.4px;margin-bottom:8px}select{background:#141b25;border:1px solid #ffffff24;border-radius:12px;color:#e6edf6;padding:12px;font-size:12px;max-width:100%}.fieldlabel{font-size:12px;font-weight:500;color:#a4acb9;display:block;margin-bottom:12px}.platforms{display:inline-flex;gap:4px;padding:5px;background:#161c25;border:1px solid var(--line);border-radius:30px;margin-bottom:28px}.platforms button{border:0;border-radius:22px;background:transparent;color:#a4acb9;padding:11px 24px;font-size:13px;transition:all .2s}.platforms button.active{background:#e8eef6;color:#111722}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #ffffff25;border-radius:30px;padding:9px 20px;font-size:12px;color:#a4acb9;transition:all .2s}.filter.active,.filter:hover{background:#25374b;border-color:#7496bb;color:#dcecff}#package-count{font-size:11px;color:#8694a6;white-space:nowrap}.visual-note{font-size:11px;color:#8795a8;margin:0 0 25px;max-width:650px}.amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.package-card{display:block;text-align:left;padding:0;background:var(--panel);border:1px solid #ffffff12;border-radius:20px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;color:var(--ink);min-width:0}.package-card:hover{transform:translateY(-6px);border-color:#6b8fb8;box-shadow:0 18px 50px #0005}.package-card.active{border-color:#75b7ff;box-shadow:0 0 0 1px #75b7ff}.package-art{position:relative;aspect-ratio:1.65;overflow:hidden;background:#182330}.package-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s}.package-card:hover img{transform:scale(1.05)}.package-index{position:absolute;top:16px;left:17px;background:#09121b88;backdrop-filter:blur(10px);padding:4px 8px;border-radius:5px;font-size:9px;letter-spacing:1.4px}.selected-check{position:absolute;right:15px;top:15px;border-radius:50%;background:#9acfff;color:#07121f;height:25px;width:25px;display:none;place-items:center;font-size:13px}.active .selected-check{display:grid}.package-body{padding:23px}.package-theme{font-size:10px;letter-spacing:1px;color:#91a2b7}.package-body h3{font-weight:550;font-size:42px;letter-spacing:-1.8px;line-height:1.15;margin:12px 0 26px}.package-body h3 span{font-size:17px;letter-spacing:-.4px;color:#c5ced9;font-weight:400}.package-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:18px;border-top:1px solid var(--line)}.card-price{font-size:13px;font-weight:500;white-space:nowrap}.choose-label{color:var(--blue);font-size:11px}.choose-label span{margin-left:8px}.stepper{display:flex;align-items:center;justify-content:center;gap:30px;width:160px;margin:30px auto 24px}.stepper button{width:35px;height:35px;border:1px solid #ffffff25;border-radius:50%;background:#141c27;font-size:20px}.stepper output{font-size:14px}.selection{position:sticky;bottom:18px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 25px;border:1px solid #8297b73b;background:#172131eb;backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 15px 45px #0006}.selection-details{display:flex;gap:18px;align-items:center}.selection-details img{object-fit:cover;border-radius:10px;width:80px;height:68px}.selection strong{font-size:14px;font-weight:500}.selection .selectlabel{font-size:8px;margin-bottom:3px}.package-price{font-size:21px;letter-spacing:-.5px;color:#fff;margin:2px 0 0;font-weight:600}.note{font-size:12px;line-height:1.75;color:#8795a8;max-width:1000px;margin:24px 0 0}.note strong{color:#cbd5e2}.lifestyle{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.lifestyle h2 span{color:#8598b1}.lifestyle p{font-size:15px;max-width:360px}.lifestyle img{width:100%;height:430px;object-fit:cover;border-radius:24px}.text-link{display:inline-block;color:var(--blue);font-size:13px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps>div{border-top:1px solid #526782;padding-top:20px}.stepnum{font-size:10px;color:var(--blue);letter-spacing:2px}.steps h3{font-size:21px;font-weight:500;letter-spacing:-.4px;margin:22px 0 14px}.steps p{font-size:13px;line-height:1.9}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq>div>p{font-size:14px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:300;color:#91a5bf}details[open]>summary:after{content:'−'}details p{font-size:13px;line-height:1.9}.contact{padding:48px;background:linear-gradient(120deg,#172c44,#101925);border:1px solid #ffffff18;border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:34px;letter-spacing:-1px}.contact p{font-size:13px;max-width:570px;margin-bottom:0}.contact .btn{flex-shrink:0}footer{padding:30px 0 45px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#7f8b9b}footer .brand{color:#c7d1df;font-size:17px}dialog{color-scheme:light;background:#fff;color:#162334;border:0;border-radius:22px;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog>h2{font-size:28px;letter-spacing:-1px}dialog p{color:#536379;font-size:14px}dialog .eyebrow{color:#0674c1}dialog details{border-color:#dce3eb}dialog .close{float:right;background:transparent;color:#1a2b41;border:0;font-size:26px}dialog .btn{border-radius:10px;white-space:normal}dialog textarea{width:100%;height:150px;resize:vertical;background:#f4f7fb;border:1px solid #d5deea;color:#24354d;padding:12px;border-radius:9px;font-size:12px;margin:12px 0 20px}dialog .status{font-size:13px;color:#0067a6}dialog>label{font-size:13px}dialog ol{font-size:13px}dialog a.discord-link{background:#5865f2}body.modal-open{overflow:hidden}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes cinematic{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(min-width:1600px){.hero-copy{padding-left:75px}}@media(max-width:950px){.amounts{gap:16px}.package-body{padding:18px}.package-bottom{align-items:start;flex-direction:column}.benefits{gap:24px}.lifestyle{gap:30px}.faq{gap:35px}.hero{min-height:620px}.hero h1{letter-spacing:-4px}}@media(max-width:700px){.wrap{width:92%}.demo{font-size:9px;padding:8px}.wrap>header{height:68px}.brand{font-size:17px}nav a:not(.navbutton){display:none}.navbutton{font-size:11px;padding:8px 14px}.hero{height:680px;min-height:0;border-radius:18px;align-items:start}.hero-copy{padding:52px 7%}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(180deg,#080e19b8 0%,#080e1966 50%,#080e190a 80%),linear-gradient(0deg,#080e19bb,transparent 25%)}.hero h1{font-size:65px;letter-spacing:-4px;margin:22px 0}.intro{font-size:14px;margin:23px 0 26px}.hero-secondary{margin-left:14px;font-size:11px}.hero .btn{padding:13px 17px;font-size:12px;gap:10px}.hero-platforms{font-size:8px;margin-top:25px}.hero-bottom{font-size:7px}.benefits{justify-content:space-between;gap:10px;padding:22px 3px;font-size:8px}.benefits b{display:block;margin:3px 0 0;font-size:9px}.section{padding:55px 0}.sectionhead{display:block;margin-bottom:26px}.wrap h2{font-size:37px;letter-spacing:-1.7px}.sectionhead>div+div{margin-top:26px}.sectionhead select{width:100%;font-size:12px}.amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-card{border-radius:14px}.package-art{aspect-ratio:1.1}.package-index{font-size:7px;left:10px;top:10px}.selected-check{right:10px;top:10px;width:20px;height:20px;font-size:11px}.package-body{padding:15px 12px}.package-theme{font-size:8px;letter-spacing:.3px}.package-body h3{font-size:33px;margin:10px 0 16px}.package-body h3 span{font-size:12px;display:block;margin-top:3px}.card-price{font-size:12px}.package-bottom{padding-top:12px;gap:8px}.choose-label{font-size:10px}.platforms{display:flex}.platforms button{flex:1;font-size:12px;padding:10px 14px}.catalog-tools{align-items:start}.filters{gap:5px}.filter{font-size:10px;padding:8px 12px}#package-count{display:none}.visual-note{font-size:10px}.selection{bottom:10px;padding:14px;border-radius:15px;gap:10px}.selection-details{gap:8px}.selection-details img{display:none}.selection .selectlabel{font-size:7px;letter-spacing:.4px}.selection strong{font-size:11px}.selection .package-price{font-size:17px}.selection .btn{padding:13px 15px;font-size:11px;max-width:140px;white-space:normal}.note{font-size:11px}.lifestyle{grid-template-columns:1fr;gap:25px}.lifestyle img{height:300px}.lifestyle p{font-size:14px}.steps{grid-template-columns:1fr;gap:28px}.steps h3{margin:14px 0 10px}.faq{grid-template-columns:1fr;gap:20px}.contact{padding:27px;display:block}.contact h2{font-size:29px}.contact .btn{margin-top:26px}footer{flex-direction:column;gap:15px}dialog{padding:22px}dialog .btn{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.package-card:hover,.package-card:hover img,.btn:hover{transform:none}}
#charge-note{display:block;color:#b3c9e2;font-size:10px}#charge-note:empty{display:none}
@media(max-width:700px){.hero h1{font-size:clamp(43px,13vw,56px);letter-spacing:-3px}.hero{height:620px}}

/* Payment shell: storefront display typography must never reach the Brick. */
#order{padding:32px;background:#f5f7fb;border:1px solid #d5dfec;border-radius:24px;scrollbar-width:thin;scrollbar-color:#aab8ca #f5f7fb}
#order>.eyebrow{color:#2676c5;font-size:10px;letter-spacing:1.7px;margin:4px 36px 12px 0}
#order>h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 38px 20px 0;color:#17283e}
#order>.close{position:sticky;top:0;float:right;width:34px;height:34px;border-radius:50%;background:#e7edf5;color:#27415d;font-size:22px;z-index:2}
#checkout-summary{background:#e9f0f9;border:1px solid #d5e1f0;border-radius:14px;padding:16px;font-size:15px!important;color:#213c5e!important;font-weight:600}
#checkout-status{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:#46617e}
#cardPaymentBrick_container{background:white;border:1px solid #dce5ef;border-radius:18px;padding:8px;margin:24px 0 18px;color:#23364d;letter-spacing:normal;line-height:1.5;text-align:left}
#cardPaymentBrick_container :is(h1,h2,h3,h4){letter-spacing:normal;line-height:1.4;font-weight:600}
#order>aside{background:#edf3fa!important;border-color:#d6e2ef!important;border-radius:14px!important}
#order>aside strong{font-size:13px;color:#234e7b}
#order>aside p{font-size:12px;line-height:1.7}
@media(max-width:700px){#order{padding:20px;border-radius:20px}#order>h2{font-size:25px}#cardPaymentBrick_container{padding:2px;margin-top:20px}#checkout-summary{font-size:13px!important;padding:13px}}

.brand-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}footer .brand-logo{width:42px;height:42px}@media(max-width:700px){.brand-logo{width:40px;height:40px}}