/* SZ STORE storefront — dark editorial layout with electric-blue accents. */
:root{--bg:#080b10;--panel:#111720;--line:#29394b;--muted:#8e9eaf;--blue:#22adff;--white:#f5f7fa}body{background:var(--bg)}html{scroll-padding-top:120px}.section-wrap{width:min(1300px,calc(100% - 96px));margin-inline:auto}h1,h2,h3{font-style:italic}button[hidden],a[hidden]{display:none!important}.announcement{padding:11px 20px;display:flex;justify-content:center;align-items:center;gap:12px;background:#050709;border-bottom:1px solid #1e2731;font:700 8px Inter;letter-spacing:1.4px;color:#a9b4c3}.announcement a{color:var(--blue)}.announcement i{color:#4c596c;margin:0 8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px #22adff60}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);vertical-align:middle}.site-header{height:87px;max-width:none;padding:0 max(48px,calc((100vw - 1300px)/2));gap:35px;background:#0c1017;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{gap:12px;font-size:20px;font-weight:900;letter-spacing:1.5px}.brand-symbol{position:relative;background:var(--blue);color:#04111b;font:900 italic 38px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;border-radius:6px;transform:skew(-6deg);padding:0 15px 3px 7px;box-shadow:3px 3px 0 #000}.brand-symbol>span{font:900 17px Inter;position:absolute;top:1px;right:1px}.brand small{font-size:7px;letter-spacing:2.2px}.site-header nav{gap:7px}.site-header nav a{font:700 italic 17px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent;padding:11px 18px;border-radius:5px}.site-header nav .active{background:var(--blue);color:#05101b;border-color:var(--blue);box-shadow:0 3px 0 #000}.active:after{display:none}.site-header nav a:not(.active):hover{border-color:#425369;background:#151e2a}.header-actions{display:flex;align-items:center;gap:12px}.discord-button{display:inline-flex;align-items:center;gap:10px;background:#5865f2;color:#fff;border:1px solid #818cff;border-radius:5px;box-shadow:0 3px 0 #020309;font:700 9px Inter;padding:13px 17px}.discord-button:hover{background:#6a76ff}.cart-open{border:1px solid #3b4859;background:#131b27;border-radius:5px;color:white;padding:11px 13px;min-height:43px;gap:8px;display:flex;align-items:center}.cart-open svg{width:20px;height:20px}.cart-open>span{width:auto;height:auto;display:inline;background:none;font-size:10px;color:#7cccff;margin:0}.hero{position:relative;display:block;max-width:none;min-height:0;padding:0;overflow:hidden;border-bottom:1px solid #264058;background:#09121c;isolation:isolate}.hero:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(125deg,var(--blue) 0 11px,#0a1523 11px 25px)}.hero-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#080d15 2%,#080d15de 42%,#080d1590),url('assets/7632789.jpg') center/cover;opacity:.65;z-index:-1}.hero-inner{max-width:1440px;margin:auto;padding:58px 48px 54px;display:grid;grid-template-columns:1fr 1.04fr;gap:45px;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#a4b4c7}.hero h1{font-size:clamp(65px,7.7vw,109px);line-height:.94;letter-spacing:-1.5px;font-weight:900;margin:24px 0 0;white-space:nowrap}.hero-signature{font:800 italic 35px 'Barlow Condensed';letter-spacing:7px;margin-top:14px;color:#b9d6ef}.hero-signature sup{font:400 10px Inter;letter-spacing:0;vertical-align:top}.hero-copy>p{color:#a3afbd;font-size:13px;line-height:1.85;margin-top:24px;max-width:none}.hero-actions{gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;font-weight:800;letter-spacing:.7px;padding:17px 21px;min-height:49px;border-radius:4px;box-shadow:0 3px 0 #000;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button span{font-size:16px;line-height:12px}.primary{background:var(--blue);color:#021424;border:1px solid #63c7ff}.primary:hover{background:#63c5ff}.outline{background:#111923;color:#d7e1ed;border:1px solid #435368}.outline:hover{background:#1c2a3c}.hero-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #28405680;display:flex;align-items:center;gap:14px;color:#6c849f;font-size:8px;letter-spacing:1px;line-height:1.9}.crosshair{font-size:34px;color:var(--blue);line-height:1}.hero-bottom b{color:#a9bfd7;font-weight:500}.hero-bottom>a{font-size:20px;color:var(--blue);margin-left:auto}.showcase{border:1px solid #3d576d;background:#0d1722f5;border-radius:12px;padding:14px;box-shadow:8px 8px 0 #02070c70;min-width:0}.showcase-top{display:flex;justify-content:space-between;padding:1px 2px 13px;font-size:8px;letter-spacing:1.5px;color:#7e94aa}.showcase-top>span:first-child{color:#9bd4ff;font-weight:700}.hero-feature{height:auto;aspect-ratio:16/9;padding:0;transform:none;width:100%;border:1px solid #344960;border-radius:6px;box-shadow:none;display:block;color:white;text-align:left}.hero-feature>img{display:block}.image-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#030b16a1,transparent 55%)}.hero-image-label{position:absolute;left:12px;top:12px;font-size:7px;letter-spacing:1px;background:#080e17dd;border:1px solid #3b5268;padding:6px 8px}.hero-price{position:absolute;bottom:12px;right:12px;background:var(--blue);color:#03182a;border:2px solid #02080f;box-shadow:2px 3px 0 #000;padding:8px 13px;border-radius:4px;font:800 23px 'Barlow Condensed'}.feature-open{position:absolute;bottom:15px;left:14px;font:700 8px Inter;letter-spacing:1px}.feature-info{display:flex;align-items:center;justify-content:space-between;margin:17px 2px}.feature-info .eyebrow{font-size:7px;color:#6995ba}.feature-info h2{font-size:32px;margin-top:4px;line-height:1}.feature-arrow{width:37px;height:37px;border:1px solid #425971;border-radius:4px;background:#14273b;color:#87d1ff;font-size:23px}.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.showcase-tab{min-width:0;padding:0;border:1px solid #2d3e51;border-radius:5px;background:#101d2c;color:white;overflow:hidden;text-align:left;position:relative}.showcase-tab img{aspect-ratio:16/8;object-fit:cover;width:100%;display:block;opacity:.6}.showcase-tab>span{display:block;padding:7px 9px;font:700 italic 17px 'Barlow Condensed';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-tab.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.showcase-tab.selected img,.showcase-tab:hover img{opacity:1}.showcase-tab.selected:after{content:'↗';position:absolute;top:5px;right:5px;background:var(--blue);color:#000;width:17px;height:17px;font-size:12px;text-align:center;line-height:17px;border-radius:2px}.framework-strip{padding:25px 48px;display:flex;align-items:center;justify-content:center;gap:45px;border-bottom:1px solid var(--line);background:#0d121a}.framework-strip>span,.framework-strip small{font-size:7px;letter-spacing:1px;color:#687c92;line-height:1.8;max-width:130px}.framework-strip>div{font:700 italic 24px 'Barlow Condensed';color:#a9b8ca;white-space:nowrap}.framework-strip i{font:400 14px Inter;color:var(--blue);margin:0 20px}.catalog{padding:67px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.section-heading h2{font-size:56px;font-weight:800;line-height:.98;letter-spacing:-.5px;margin-top:15px}.section-heading h2 span{color:var(--blue)}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:4px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;padding:12px;background:#0e141d;border:1px solid var(--line);border-radius:5px;align-items:center}.filters{gap:4px}.filters button{padding:13px 15px;border:1px solid transparent;border-radius:3px;color:#a4b0c0;font-size:8px;font-weight:700;white-space:nowrap;letter-spacing:.3px}.filters button.selected{background:var(--blue);color:#041424;border-color:#6dccff;box-shadow:0 2px 0 #000}.filters span{color:inherit;font-size:8px}.search{border-color:#2a394a;background:#090e16}.search input{width:170px;font-size:10px}.search span{font-size:20px}select{background:#101924;font-size:9px}.catalog-meta{font-size:7px;letter-spacing:1px;color:#6d8199}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.product{background:#111923;border:1px solid #2c3c4e;border-radius:7px;box-shadow:0 4px 0 #030508}.product-image{margin:8px 8px 0;border:1px solid #2c3c4e;border-radius:4px}.product-tag{font-size:7px;padding:5px 7px;top:8px;left:8px;color:#a2d8ff}.product-content{padding:18px}.product-content>span{font-size:7px;letter-spacing:1.4px;color:#7193b1}.product h3{font-size:30px;line-height:1.1;margin-top:6px}.product-content>p{font-size:10px;line-height:1.8;margin:10px 0 17px;height:36px}.product-bottom{gap:10px}.price{font:800 28px 'Barlow Condensed';white-space:nowrap}.product-actions{display:flex;align-items:center;gap:7px}.product-bottom .product-actions button{font:700 8px Inter;border:1px solid #3a536b;color:#a4c1da;background:#162536;border-radius:3px;min-height:32px;padding:8px 10px}.product-bottom .product-actions .quick-add{background:var(--blue);border-color:#79d2ff;color:#02121f;font-size:16px;padding:5px 11px}.catalog-disclaimer{font-size:9px;color:#65768a}.free-banner{position:relative;display:flex;align-items:center;min-height:330px;background:#0b92dc;border:1px solid #68caff;border-radius:8px;overflow:hidden;isolation:isolate}.free-banner-copy{padding:40px 45px;color:#031d31;z-index:1}.free-banner .eyebrow{color:#083753}.free-banner h2{font-size:52px;font-weight:900;line-height:1;margin:15px 0}.free-banner h2 span{color:white}.free-banner p{font-size:12px;line-height:1.8;color:#083c5a;margin-bottom:20px}.free-banner .primary{background:#081e31;color:white;border-color:#193f5a}.free-art{position:absolute;inset:0 0 0 40%;z-index:-1}.free-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b92dc,#0b92dc11 70%)}.free-art img{width:100%;height:100%;object-fit:cover;opacity:.8}.free-stamp{position:absolute;right:25px;bottom:20px;font:900 italic 43px 'Barlow Condensed';line-height:.85;transform:rotate(-6deg);color:white;text-shadow:3px 3px 0 #000}.how{padding-block:70px}.how .section-heading h2{font-size:48px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.steps article{padding:24px;border-top:2px solid #355673;background:linear-gradient(140deg,#132231,#0b121b);border-radius:0 0 5px 5px;display:flex;gap:18px}.steps article>span{font:700 italic 38px 'Barlow Condensed';line-height:1;color:#3f94c8}.steps h3{font-size:22px;margin-top:3px}.steps p{font-size:10px;line-height:1.9;color:#8b9fb4;margin-top:9px}.community{position:relative;padding:50px 55px;grid-template-columns:.7fr 1fr;gap:60px;align-items:center;background:radial-gradient(ellipse at 20% 50%,#29387477,transparent 65%),#111829;border:1px solid #354169;border-radius:8px}.community h2{font-size:45px;line-height:1.05;margin:18px 0}.community h2>span{color:#8b9dff}.community p{font-size:12px;color:#96a3b9;line-height:1.8;margin-bottom:24px}.community-logo{font:900 italic 200px 'Barlow Condensed';line-height:.8;letter-spacing:-17px;color:#8c9fff;text-shadow:7px 8px 0 #070e23;justify-self:center;transform:rotate(-8deg)}.community-logo span{display:block;font:800 italic 24px 'Barlow Condensed';letter-spacing:12px;padding-left:14px;margin-top:25px;color:#8e9ecb;text-shadow:none}.faq{grid-template-columns:.8fr 1.2fr;gap:80px;padding:80px 0}.faq h2{font-size:56px;line-height:.95}.faq>div>a{font-size:11px;color:#87b4da}.questions summary{font-weight:600}.questions details{padding:23px 0}.questions details:first-child{padding-top:0}.questions p{line-height:1.9}footer{display:block;padding:35px 0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:28px}.footer-top>p{font:700 italic 17px 'Barlow Condensed';letter-spacing:.7px;color:#7a91ab}.footer-top>a:last-child{font-size:8px;letter-spacing:1px;color:#84bde6}.footer-bottom{border-top:1px solid #1d2c3d;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#60778e}.footer-bottom>div{display:flex;gap:25px}.footer-bottom b{font-size:11px;color:#b1c1d0;font-style:italic;margin-left:4px}.detail-copy h2{font-weight:800}.detail-bottom strong{font:800 34px 'Barlow Condensed'}.video-link{display:inline-block;margin:5px 0 20px;color:#7ecaff;font-size:10px}.cart-heading h2{font-weight:800}.cart-actions .button{letter-spacing:0}.cart-heading button{padding:10px 13px;border-radius:4px}.cart-totals strong{font:800 29px 'Barlow Condensed'}
@media(max-width:1150px){.site-header{gap:20px;padding-inline:30px}.site-header nav a{padding:10px 12px}.header-actions .discord-button span{display:none}.hero-inner{padding:45px 30px;gap:30px}.hero h1{font-size:8vw}.hero-signature{font-size:27px}.section-wrap{width:calc(100% - 60px)}.framework-strip{gap:25px;padding-inline:30px}.framework-strip i{margin:0 13px}.catalog-toolbar{flex-wrap:wrap}.search-sort{margin-left:auto}.section-heading h2{font-size:49px}.community{padding:40px;gap:30px}.community-logo{font-size:160px}}
@media(max-width:800px){.announcement{font-size:6px;letter-spacing:.4px;gap:6px}.announcement i{margin:0}.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:17px 24px 0;gap:16px}.brand{font-size:17px}.brand-symbol{font-size:32px}.header-actions{margin-left:auto}.site-header nav{order:3;flex-basis:100%;justify-content:center;margin:0;padding:12px 0 13px;border-top:1px solid #1b2939}.site-header nav a{padding:8px 19px;font-size:15px}.site-header nav a:last-child{display:block}.hero-inner{grid-template-columns:1fr;padding:33px 24px 40px;gap:35px}.hero h1{font-size:clamp(63px,12vw,100px);white-space:normal}.hero-signature{font-size:27px}.hero-copy>p{font-size:12px}.hero-actions .button{padding:15px 18px;gap:20px;font-size:9px}.hero-bottom{margin-top:25px}.showcase{width:100%;max-width:650px;justify-self:center}.showcase-tabs img{aspect-ratio:16/7}.framework-strip{gap:13px;padding:22px;flex-direction:column}.framework-strip>span,.framework-strip small{max-width:none}.framework-strip>div{font-size:22px}.section-wrap{width:calc(100% - 48px)}.catalog{padding:45px 0}.section-heading h2{font-size:46px}.section-heading>p{display:none}.catalog-toolbar{gap:13px;padding:9px}.filters{width:100%}.filters button{flex:1;font-size:8px;padding:12px 8px}.filters span{margin-left:5px}.search-sort{width:100%;margin:0}.search{flex:1;min-width:0}.search input{width:100%;min-width:0}.search-sort select{max-width:120px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product-content{padding:13px}.product h3{font-size:25px}.product-content>p{font-size:9px}.product-bottom{align-items:flex-start;flex-wrap:wrap;gap:13px}.price{font-size:25px}.product-actions{margin-left:auto}.product-bottom .product-actions button{font-size:7px;padding:8px}.product-image{margin:5px 5px 0}.product-tag{font-size:6px;padding:4px;top:5px;left:5px}.free-banner{min-height:360px}.free-banner-copy{padding:30px}.free-banner h2{font-size:43px}.free-art{inset:0;opacity:.35}.free-stamp{font-size:28px;right:15px;bottom:15px;opacity:.8}.steps{grid-template-columns:1fr}.how{padding-block:45px}.how .section-heading h2{font-size:43px}.steps article{padding:20px}.community{grid-template-columns:1fr;padding:35px 30px;gap:0}.community-logo{position:absolute;right:-5px;top:70px;opacity:.08;font-size:220px;pointer-events:none}.community>div:last-child{z-index:1}.community h2{font-size:38px}.faq{grid-template-columns:1fr;padding:50px 0;gap:30px}.faq h2{font-size:45px}.faq h2 br{display:none}.faq h2>span{margin-left:7px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top>p{order:3;width:100%;font-size:16px}.footer-bottom{flex-wrap:wrap;font-size:8px;line-height:1.8}.footer-bottom>div{order:3;flex-basis:100%}.footer-bottom>span:last-child{margin-left:auto}.detail-bottom .button{font-size:8px;padding:14px}.detail-bottom strong{font-size:28px}}
@media(max-width:390px){.section-wrap{width:calc(100% - 32px)}.hero-inner{padding-inline:16px}.site-header{padding-inline:16px}.site-header nav a{padding:8px 16px}.hero h1{font-size:60px}.hero-actions .button{font-size:8px;padding:14px;gap:16px}.section-heading h2{font-size:40px}.product-content{padding:10px}.product-actions{width:100%}.product-actions button:first-child{flex:1}.product h3{font-size:23px}.catalog-meta{font-size:6px;letter-spacing:.3px}.community{padding:28px 20px}.community h2{font-size:34px}.filters button{font-size:7px}.framework-strip i{margin:0 9px}}
