:root{--yellow:#ffc81d;--bg:#101112;--muted:#96989d;--border:#292a2c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f9f9fa;font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}p{line-height:1.7;color:var(--muted)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.announcement{background:var(--yellow);color:#161616;text-align:center;padding:13px 20px;font-size:13px;font-weight:800;letter-spacing:1.1px}.announcement span{font-weight:500;letter-spacing:0;margin-left:16px}header{height:105px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:3px}.brand img{width:49px;height:49px;border-radius:7px;object-fit:cover}.brand-sub{display:block;font-size:10px;letter-spacing:4px;color:#acadb0;margin-top:3px}nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#adaeb2}nav a:hover,.plain:hover{color:var(--yellow)}.plain{padding:0;border:0;background:none;text-align:left}.login{background:#1b1c1d;border:1px solid var(--border);padding:15px 20px;border-radius:5px;font-size:14px}.login span{color:var(--yellow);font-weight:bold;margin-left:10px}.menu{display:none}.hero{min-height:730px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #242527}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#101112 5%,rgba(16,17,18,.94) 30%,rgba(16,17,18,.22) 68%),linear-gradient(0deg,#101112,transparent 40%),url('assets/redesign/cover.png');background-position:center,right center,calc(100% + 130px) center;background-size:cover,cover,auto 100%;background-repeat:no-repeat;z-index:-2}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:100px 100px;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent)}.hero-content{padding-top:94px;padding-bottom:110px}.eyebrow{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:1.6px;color:#b2b3b5}.badge{background:var(--yellow);color:#141414;padding:8px 11px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.5px}h1{font-size:clamp(48px,5.3vw,76px);letter-spacing:-3px;line-height:1.08;margin:28px 0 24px;font-weight:800}h1 em{font-style:normal;color:var(--yellow)}.hero-content>p{max-width:440px;font-size:16px;margin-bottom:34px}.hero-actions{display:flex;gap:12px}.button{padding:18px 23px;border-radius:5px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.yellow{background:var(--yellow);color:#151515}.yellow:hover{background:#ffda61}.outline{background:#141516bb;border-color:#363739}.outline:hover{background:#242526}.play{color:var(--yellow);font-size:22px}.hero-bottom{display:flex;gap:15px;align-items:center;margin-top:57px;font-size:10px;letter-spacing:2px;color:#94969a}.line{width:35px;height:2px;background:var(--yellow)}.scroll{position:absolute;bottom:24px;right:48px;font-size:10px;letter-spacing:2px;color:#a4a5a8}.scroll span{margin-left:16px;font-size:20px}.start,.products,.faq{padding-top:100px;padding-bottom:90px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:25px}.kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--yellow)}h2{font-size:36px;letter-spacing:-1px;margin:16px 0}h3{font-size:20px;letter-spacing:-.4px}.section-title p{margin:0;font-size:15px}.section-mark{font-size:11px;letter-spacing:3px;color:#666}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:30px;background:#171819;border:1px solid #252628;border-radius:8px;position:relative}.number{font-size:38px;font-weight:800;color:#49452e}.steps h3{margin:27px 0 10px}.steps p{font-size:14px;min-height:70px}.steps a{color:var(--yellow);font-size:14px;display:inline-block;margin-top:10px}.community{padding:44px 48px;background:#1b1b17;border:1px solid #383526;border-radius:8px;display:grid;grid-template-columns:1fr 1.5fr;gap:15px 55px}.community h2{margin-bottom:0}.paths{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.path{font-size:13px;padding:13px 16px;border:1px solid #3d3c30;border-radius:4px;background:transparent}.path.active{background:var(--yellow);color:#141414;border-color:var(--yellow)}#path-text{grid-column:2;margin:0;font-size:15px;min-height:77px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid #252628;border-radius:9px;overflow:hidden;background:#171819}.product-image{height:205px;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.05)}.product-image .badge{position:absolute;top:16px;left:16px}.image-one img{object-position:left;object-fit:cover;width:180%;max-width:none}.image-two img{width:180%;max-width:none;transform:translateX(-42%)}.product:hover .image-two img{transform:translateX(-42%) scale(1.05)}.image-three{background:#211f13}.image-three img{object-fit:contain}.product-body{padding:26px}.product-body h3{margin:12px 0}.product-body p{font-size:14px}.product-body button{width:100%;padding:15px;background:#202123;border:1px solid #303133;border-radius:4px;font-size:14px;margin-top:10px}.product-body button:hover{border-color:var(--yellow)}.faq{text-align:center;padding-top:20px}.faq>p{font-size:15px}.questions{margin-top:40px;text-align:left}details{background:#171819;border:1px solid #252628;border-radius:5px;margin:10px 0;padding:0 25px}summary{padding:23px 0;cursor:pointer;font-weight:700;font-size:16px;list-style:none;position:relative;padding-right:35px}summary::after{content:'+';position:absolute;right:0;color:#a4a5a8;font-size:20px}details[open] summary::after{content:'−';color:var(--yellow)}details p{font-size:15px;margin:0 0 24px;max-width:950px}.join{padding:65px 0;background:radial-gradient(ellipse at 90% 90%,#3d3411,transparent 70%),#171815;border-top:1px solid #353122;border-bottom:1px solid #353122}.join .wrap{position:relative}.join h2{margin-bottom:0}.join .button{position:absolute;right:0;top:10px}footer{padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-top p{font-size:14px}.footer-top h3{font-size:15px;margin-top:0}.footer-top>div>a:not(.brand),.footer-top .plain{display:block;font-size:14px;color:#999ba0;margin:14px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #252628;margin-top:48px;padding-top:25px;font-size:12px;color:#7c7f85}dialog{background:#1b1c1e;color:white;border:1px solid #454238;border-radius:10px;padding:40px;width:min(520px,calc(100% - 40px))}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:28px}.close{position:absolute;right:15px;top:10px;background:none;border:none;font-size:28px;color:#aaa}.close-action{margin-top:15px}@media(min-width:1700px){.hero-art{background-position:center,right center,right center}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}nav{gap:18px;font-size:13px}.brand{font-size:19px}.hero-art{opacity:.7;background-position:center,center,calc(100% + 230px) center}.community{grid-template-columns:1fr;padding:32px}#path-text{grid-column:1}.section-mark{display:none}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.announcement{font-size:10px;letter-spacing:.5px}.announcement span{display:none}header{height:84px}.brand img{width:40px;height:40px}.login{margin-left:auto;padding:10px;font-size:12px}.menu{display:block;border:0;background:none;font-size:23px;margin-left:15px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#1b1c1e;padding:24px;border:1px solid #333;border-radius:5px;flex-direction:column;align-items:flex-start;font-size:16px}nav.open{display:flex}.hero{min-height:650px}.hero-art{background-position:center,center,63% center;background-size:cover,cover,auto 100%;opacity:.42}.hero-content{padding-top:75px;padding-bottom:80px}.eyebrow{font-size:9px;gap:10px;letter-spacing:1px}h1{font-size:54px;letter-spacing:-2px}.hero-content>p{font-size:15px;max-width:350px}.hero-actions{flex-wrap:wrap}.button{padding:16px 18px;font-size:13px}.hero-bottom{font-size:8px;letter-spacing:1.3px;margin-top:36px}.scroll{right:18px;font-size:8px}.start,.products,.faq{padding:60px 0}.section-title{align-items:flex-start}.section-title .button{display:none}h2{font-size:29px}.steps,.cards{grid-template-columns:1fr;gap:16px}.steps article{padding:25px}.steps p{min-height:0}.steps h3{margin-top:15px}.community{padding:27px 23px}.paths{margin-top:12px}.path{font-size:12px;padding:12px}#path-text{min-height:110px}.product-image{height:235px}.faq{padding-top:0}summary{font-size:15px}.join{padding:45px 0}.join .button{position:static;margin-top:26px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;font-size:11px}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

header .brand img{width:76px;height:76px;object-fit:contain;border-radius:0}.announcement{font-size:14px;letter-spacing:.3px;font-weight:600}.announcement strong{background:#171717;color:var(--yellow);border-radius:3px;padding:3px 7px;margin:0 3px;font-size:12px;letter-spacing:1px}@media(max-width:760px){header .brand img{width:63px;height:63px}.announcement{font-size:12px}}

.player-status{display:flex;align-items:center;gap:15px;margin-bottom:30px;font-size:14px}.player-count{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:11px 15px;background:var(--yellow);color:#111;border-radius:5px;font-weight:800;box-shadow:0 0 0 4px #ffc81d12}.player-status small{display:block;color:#85888e;font-size:12px;margin-top:5px}.hero h1{font-size:clamp(42px,4.3vw,62px);line-height:1.12;letter-spacing:-2px;max-width:760px}.hero-divider{width:42px;height:2px;background:var(--yellow);margin:28px 0}.hero-content>p{max-width:490px}.hero-content{padding-top:72px}@media(max-width:760px){.hero h1{font-size:clamp(35px,8.7vw,50px);letter-spacing:-1.4px}.player-status{font-size:12px;gap:12px}.player-status small{font-size:12px}.hero-content{padding-top:60px}.hero-divider{margin:24px 0}}
/* Center the hero composition at every viewport size. */
.hero-art{background-image:linear-gradient(0deg,#101112 0%,rgba(16,17,18,.36) 55%,rgba(16,17,18,.2) 100%),linear-gradient(90deg,rgba(16,17,18,.5),rgba(16,17,18,.5)),url('assets/redesign/cover.png');background-position:center,center,center;background-size:cover,cover,cover;opacity:1}.hero-content{text-align:center;padding-top:78px;padding-bottom:100px}.player-status{justify-content:center}.hero h1{margin-left:auto;margin-right:auto;max-width:900px;text-shadow:0 3px 25px #0008}.hero-content>p{margin-left:auto;margin-right:auto;max-width:560px;color:#c2c3c6;text-shadow:0 2px 10px #000}.hero-actions{justify-content:center}.grid{mask-image:none;opacity:.4}.scroll{right:50%;transform:translateX(50%)}@media(max-width:1050px){.hero-art{background-position:center;background-size:cover;opacity:1}}@media(max-width:760px){.hero-content{padding-top:64px;padding-bottom:85px}.hero-art{background-position:center;background-size:cover;opacity:1}.hero h1{max-width:100%}.hero-content>p{max-width:440px}.player-status{flex-wrap:wrap}.hero-actions{gap:12px}.scroll{right:50%}}
/* Keep the original left-hand content with the centered background. */
.hero-content{text-align:left;padding-top:72px}.player-status{justify-content:flex-start}.hero h1{margin-left:0;margin-right:0;max-width:760px}.hero-content>p{margin-left:0;margin-right:0;max-width:490px}.hero-actions{justify-content:flex-start}.scroll{right:48px;transform:none}@media(max-width:760px){.hero-content{padding-top:60px}.hero h1{max-width:100%}.hero-content>p{max-width:440px}.player-status{justify-content:flex-start}.hero-actions{justify-content:flex-start}.scroll{right:18px;transform:none}}

.login{display:inline-flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;font-weight:500;color:#f9f9fa}.fivem-icon{width:19px;height:21px;flex:none}@media(max-width:760px){.login{font-size:12px;gap:7px;padding:11px 12px}.fivem-icon{width:16px;height:18px}}

/* Refined getting-started section. */
.start{padding-top:80px;padding-bottom:48px}.start .section-title{margin-bottom:32px}.start h2{font-size:40px;margin:14px 0}.steps{gap:20px}.steps article{padding:30px;display:flex;flex-direction:column;min-height:300px;background:linear-gradient(145deg,#1b1c1d,#151617);border-color:#2b2c2e;transition:border-color .2s,transform .2s}.steps article:hover{border-color:#ffc81d70;transform:translateY(-3px)}.steps .number{font-size:28px;line-height:1;letter-spacing:-1px;color:var(--yellow);background:#ffc81d0c;border:1px solid #ffc81d2b;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.steps h3{margin:25px 0 10px;font-size:21px;line-height:1.3}.steps p{font-size:15px;min-height:0;margin:0 0 25px;line-height:1.7}.steps a{margin-top:auto;padding-top:17px;border-top:1px solid #303133;width:100%;font-weight:600;font-size:14px}.step-note{margin-top:auto;padding-top:17px;border-top:1px solid #303133;font-size:13px;color:#85888e;line-height:1.5}.community{background:linear-gradient(120deg,#202018,#171819 65%);padding:38px 40px;grid-template-columns:.8fr 1.5fr;gap:15px 55px;border-color:#393628}.community>div:first-child{grid-row:1/3;align-self:center}.community h2{font-size:34px}.paths{gap:8px;align-self:end}.path{padding:13px 18px;font-size:14px;border-radius:6px}.path:not(.active):hover{background:#ffffff08;border-color:#7d6b29}#path-text{min-height:60px;margin-top:8px;font-size:15px;max-width:680px}@media(max-width:1050px){.community{grid-template-columns:1fr;gap:22px}.community>div:first-child{grid-row:auto}#path-text{grid-column:1;margin-top:0}}@media(max-width:760px){.start{padding:55px 0 30px}.start h2{font-size:30px}.steps article{padding:25px;min-height:0}.steps .number{width:50px;height:50px;font-size:24px}.steps h3{font-size:20px;margin-top:22px}.steps p{font-size:15px}.community{padding:28px 24px;gap:20px}.community h2{font-size:30px}.paths{margin-top:0}.path{font-size:13px;padding:12px 14px}#path-text{min-height:100px}}

/* Compact city paths panel. */
.community{padding:24px 30px;grid-template-columns:320px minmax(0,1fr);gap:8px 32px;align-items:start}.community>div:first-child{align-self:center}.community h2{margin:10px 0 0;font-size:30px}.paths{align-self:start}.path{padding:11px 15px}#path-text{min-height:0;margin:6px 0 0;max-width:none;line-height:1.6}@media(max-width:1050px){.community{grid-template-columns:250px minmax(0,1fr);gap:8px 24px}.community>div:first-child{grid-row:1/3}#path-text{grid-column:2}}@media(max-width:760px){.community{padding:22px;grid-template-columns:1fr;gap:14px}.community>div:first-child{grid-row:auto}.community h2{font-size:28px}.paths{margin:0}.path{padding:10px 12px}#path-text{grid-column:1;min-height:0;margin:0}}

/* Popular credit packages. */
.products .section-title{margin-bottom:42px}.products h2{margin-top:0;font-size:40px}.products-divider{width:44px;height:2px;background:var(--yellow);margin:18px 0}.products .section-title p{max-width:830px}.credit-product{border:0;background:#141516}.credit-image{height:265px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#6e551e80,transparent 64%),#0d0e0f}.credit-image img{width:180px;height:180px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 5px 25px #ffc81d40);transition:transform .3s}.credit-product:hover .credit-image img{transform:scale(1.05)}.credit-numeral{position:absolute;font-size:240px;line-height:1;letter-spacing:-15px;font-weight:800;color:transparent;-webkit-text-stroke:1px #ffffff16;user-select:none}.credit-image .badge{position:absolute;top:20px;left:20px;z-index:2}.credit-product .product-body{padding:24px 22px 20px}.credit-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.credit-title h3{margin:0;font-size:21px}.credit-price{font-size:23px;font-weight:700;white-space:nowrap}.credit-product .product-body button{display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:#171819;margin-top:24px;min-height:56px;font-weight:600}.credit-product .product-body button svg{color:#85868a}.credit-product .product-body button:hover{background:#21221f;color:var(--yellow)}@media(max-width:760px){.products h2{font-size:30px}.products .section-title{flex-direction:column;gap:20px;margin-bottom:28px}.products .section-title .button{display:inline-flex}.credit-image{height:240px}.credit-title h3{font-size:20px}.credit-price{font-size:22px}}

/* Consistent interaction motion. */
a,button,summary{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.button:active,.path:active,.login:active{transform:scale(.97)}.login:hover{border-color:#ffc81d70;background:#252522}.path.active{box-shadow:0 3px 15px #ffc81d15}details{transition:border-color .25s ease,background-color .25s ease}details[open]{border-color:#ffc81d40;background:#1a1b1b}summary::after{transition:transform .25s ease,color .25s ease}details[open] summary::after{transform:rotate(180deg)}nav.open{animation:menu-in .25s ease both}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.footer-top>.footer-about>a.footer-brand{display:inline-flex;color:inherit;margin:0;align-items:center;gap:17px;width:fit-content}.footer-brand img{width:66px;height:66px;object-fit:contain}.footer-brand>span{font-size:25px;font-weight:800;letter-spacing:-.7px}.footer-brand>span>span{color:var(--yellow);font-weight:600}.footer-about p{max-width:430px;line-height:1.8;margin:18px 0 0}.footer-brand:hover{transform:translateY(-2px)}@media(max-width:760px){.footer-brand img{width:56px;height:56px}.footer-brand>span{font-size:23px}.footer-about p{max-width:380px}}

nav a[aria-current="page"]{color:var(--yellow)}.about-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--border);padding:36px 0 85px}.about-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101112 12%,#101112e8 40%,#10111255),linear-gradient(0deg,#101112,transparent 70%),url('assets/redesign/cover.png') center/cover no-repeat;opacity:.8}.about-back{display:block;width:fit-content;font-size:13px;color:var(--muted);margin-bottom:55px}.about-back:hover{color:var(--yellow)}.about-hero .kicker{display:block}.about-hero h1{font-size:clamp(42px,5vw,68px);max-width:850px;letter-spacing:-2.5px;margin-top:22px}.about-hero p{max-width:600px;margin:24px 0 30px;font-size:17px}.about-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding-top:85px;padding-bottom:85px}.about-intro h2,.about-values h2{line-height:1.2}.about-intro p:first-child{margin-top:0}.about-intro p{font-size:16px}.about-paths{padding-bottom:90px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-cards article{padding:30px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,#212018,#171819 55%);transition:transform .25s,border-color .25s}.about-cards article:hover{transform:translateY(-5px);border-color:#756129}.about-symbol{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #655421;border-radius:10px;color:var(--yellow);font-size:25px;background:#ffc81d0b}.about-cards h3{margin:25px 0 12px}.about-cards p{font-size:15px;margin:0 0 25px}.about-tag{display:block;font-size:11px;color:#c2b47f;border-top:1px solid #343127;padding-top:18px}.about-values{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding-bottom:85px}.about-values>div>p{max-width:390px;font-size:15px}.value-list article{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid var(--border)}.value-list article:first-child{padding-top:0}.value-list article>span{color:var(--yellow);font-size:12px;letter-spacing:1px;padding-top:5px}.value-list h3{margin:0 0 10px}.value-list p{font-size:15px;margin:0}.about-beta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 40px;margin-bottom:65px;border:1px solid #514523;border-radius:10px;background:radial-gradient(ellipse at top right,#ffc81d13,transparent 70%),#191a17}.about-beta h2{font-size:28px}.about-beta p{max-width:660px;font-size:15px;margin-bottom:0}.about-beta .button{flex-shrink:0}.about-page{animation:about-enter .45s ease-out}@keyframes about-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.about-intro,.about-values{gap:35px}.about-cards{gap:14px}.about-cards article{padding:22px}.about-beta{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.about-hero{padding:25px 0 55px}.about-back{margin-bottom:38px}.about-art{opacity:.4;background-position:60% center}.about-hero h1{letter-spacing:-1.5px}.about-hero p{font-size:15px}.about-intro,.about-values{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:55px}.about-cards{grid-template-columns:1fr}.about-paths{padding-bottom:0}.about-beta{padding:25px;margin-bottom:40px}.about-beta h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.about-page{animation:none}}

.project-story{padding-top:75px;padding-bottom:85px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:85px}.story-heading h2{font-size:34px;line-height:1.2}.story-heading>p{font-size:15px;max-width:300px}.story-content{max-width:800px}.story-content article+article{border-top:1px solid var(--border);margin-top:35px;padding-top:35px}.story-content h3{font-size:23px;letter-spacing:-.5px;margin:0 0 20px}.story-content p{font-size:16px;line-height:1.85;margin:0 0 18px;color:#a6a8ac}.story-content article p:last-child{margin-bottom:0}.story-content .button{margin-top:12px}@media(max-width:1050px){.project-story{grid-template-columns:260px minmax(0,1fr);gap:40px}}@media(max-width:760px){.project-story{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:55px}.story-heading>p{max-width:100%}.story-heading h2{font-size:29px}.story-content h3{font-size:21px}.story-content p{font-size:15px}.story-content article+article{margin-top:28px;padding-top:28px}}

.shop-page{padding:55px 0 75px}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:45px}.shop-heading h1{font-size:clamp(40px,4.5vw,62px);letter-spacing:-2px}.shop-heading p{font-size:16px}.cart-link span{display:inline-grid;place-items:center;min-width:25px;height:25px;background:var(--yellow);color:#151515;border-radius:50%}.shop-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:20px;flex-wrap:wrap}.shop-tabs button{border:1px solid #333;background:#191a1b;border-radius:6px;padding:14px 24px;color:#aaa}.shop-tabs button[aria-selected="true"]{background:var(--yellow);color:#151515;border-color:var(--yellow)}.shop-panel{padding:30px 0 50px}.shop-panel[hidden]{display:none}.shop-panel>h2{font-size:28px}.shop-panel>p{margin-bottom:28px}.shop-demo-note{font-size:12px}.custom-product{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#171819}.custom-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;min-height:350px;color:var(--yellow);background:radial-gradient(ellipse,#ffc81d19,transparent 70%),#141513}.custom-visual svg{width:160px;height:160px}.custom-visual>span{font-size:10px;letter-spacing:2px}.request-form{padding:35px}.request-form h3{margin-top:0;font-size:24px}.request-form p{font-size:14px}.request-form label{display:block;font-size:13px;margin:20px 0 9px;color:#c6c7ca}.request-form input,.request-form textarea{display:block;width:100%;padding:13px 15px;background:#101112;color:white;border:1px solid #363739;border-radius:5px;font:inherit;font-size:14px}.request-form textarea{resize:vertical;min-height:90px}.request-form input:focus,.request-form textarea:focus{outline:2px solid var(--yellow);outline-offset:2px}.request-form .button{margin-top:22px}.shop-cart{padding:30px;border:1px solid #383429;border-radius:10px;background:#171819;scroll-margin-top:25px}.cart-heading{display:flex;justify-content:space-between;align-items:center}.cart-heading h2{font-size:27px;margin-top:0}.cart-heading>span{font-size:10px;color:var(--muted);letter-spacing:1.5px}.cart-empty{padding:25px 0;font-size:15px}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border)}.cart-row strong{font-size:15px}.cart-row small{display:block;color:#93969b;margin-top:8px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.cart-row button{border:1px solid #38393b;background:transparent;border-radius:5px;padding:9px 13px;font-size:12px}.cart-row button:hover{color:var(--yellow)}.cart-total{display:flex;justify-content:space-between;padding-top:25px}.cart-total strong{color:var(--yellow);font-size:23px}.cart-help{font-size:13px;max-width:760px}.shop-cart button:disabled{opacity:.4;cursor:default;transform:none}#shop-status{font-size:14px;color:var(--yellow);margin-bottom:0}.shop-panel{animation:about-enter .3s ease-out}@media(max-width:760px){.shop-page{padding-top:30px}.shop-heading{align-items:flex-start;flex-direction:column;gap:10px}.shop-tabs button{padding:12px 16px;font-size:13px}.custom-product{grid-template-columns:1fr}.custom-visual{min-height:210px;gap:15px}.custom-visual svg{width:110px;height:110px}.request-form{padding:24px}.shop-cart{padding:22px}.cart-row{align-items:flex-start}.cart-heading>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.shop-panel{animation:none}}

.unblock-image svg{width:130px;height:130px;color:var(--yellow)}.shop-page .credit-numeral{font-size:clamp(85px,9vw,140px)}

.request-form select{display:block;width:100%;padding:13px 42px 13px 15px;background-color:#101112;color:#f9f9fa;border:1px solid #363739;border-radius:5px;font:inherit;font-size:14px;cursor:pointer;color-scheme:dark;min-height:45px}.request-form select:focus{outline:2px solid var(--yellow);outline-offset:2px}.request-form select:invalid{color:#96989d}.request-form select option,.request-form select optgroup{background:#191a1b;color:#f9f9fa}

.custom-product{overflow:visible}.custom-visual{border-radius:10px 0 0 10px}.district-picker{position:relative}.district-picker[hidden],.district-menu[hidden]{display:none}.district-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;min-height:45px;border:1px solid #363739;border-radius:6px;background:#101112;color:#96989d;font-size:14px;text-align:left;gap:12px}.district-trigger.has-value{color:#f9f9fa}.district-trigger[aria-expanded="true"]{border-color:var(--yellow);box-shadow:0 0 0 3px #ffc81d10}.district-trigger svg{flex-shrink:0;transition:transform .2s}.district-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.district-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10;background:#1b1c1e;border:1px solid #494334;border-radius:10px;padding:10px;box-shadow:0 20px 50px #0009;animation:about-enter .18s ease-out}.district-search{padding:2px 2px 10px}.district-search input{padding:11px 13px!important;border-radius:6px!important}.district-options{max-height:290px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#62552c #1b1c1e;padding:0 2px}.district-group h4{font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:1.5;color:#a99d73;padding:14px 10px 7px;margin:0}.district-option{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;border:0;padding:11px 12px;border-radius:5px;font-size:14px;color:#ddd}.district-option:hover,.district-option:focus-visible{background:#ffffff08}.district-option[aria-pressed="true"]{background:#ffc81d16;color:var(--yellow)}.district-option[aria-pressed="true"]::after{content:'✓';font-size:14px}.district-empty{font-size:13px;text-align:center;padding:16px;margin:0}.district-group[hidden],.district-option[hidden]{display:none}@media(max-width:760px){.custom-visual{border-radius:10px 10px 0 0}.district-options{max-height:240px}}@media(prefers-reduced-motion:reduce){.district-menu{animation:none}}

.request-form select[hidden]{display:none}

.custom-photo{padding:20px;background:radial-gradient(ellipse at center,#292820,#141513 75%);overflow:hidden}.custom-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:9px;box-shadow:0 12px 35px #0005}.custom-photo{min-width:0}@media(max-width:760px){.custom-photo{padding:14px;min-height:0}.custom-photo img{border-radius:7px}}
