/* Shared art direction for navigation, category cards, and supporting sections. */
.navigation-art{display:block;flex-shrink:0;aspect-ratio:1;background-image:url('assets/navigation-art.png');background-size:300% 300%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat}
.categories{gap:14px;margin-top:-8px}
.category.premium-category{display:flex;flex-direction:column;align-items:stretch;justify-content:start;position:relative;padding:0;gap:0;min-height:0;overflow:hidden;border:1px solid #344056;border-radius:19px;background:linear-gradient(150deg,#151d2b,#0b1019);text-align:left;box-shadow:inset 0 1px 0 #ffffff0b,0 12px 28px #0003}
.premium-category:after{display:none}.premium-category>.navigation-art{width:100%;mask-image:linear-gradient(#000 75%,transparent 100%);transition:transform .3s}
.premium-category-copy{display:block;padding:0 16px 22px;margin-top:-3px;position:relative;z-index:1}
.category.premium-category strong{display:block;font-size:14px;line-height:1.55;margin:0 0 7px;letter-spacing:-.2px}
.category.premium-category small{display:block;color:#93a4c1;font-size:10px;line-height:1.6;margin:0;max-width:95%}
.category-corner{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff1a;border-radius:50%;font-size:15px;background:#07101b99;color:#b5c5e0;transition:.2s}
.category.premium-category:hover,.category.premium-category.active{border-color:var(--accent);background:linear-gradient(150deg,#1a2536,#0c121e);box-shadow:0 12px 32px #0005,0 0 20px color-mix(in srgb,var(--accent) 8%,transparent)}
.premium-category:hover>.navigation-art{transform:scale(1.035)}.premium-category.active .category-corner{background:var(--accent);color:#08111d;border-color:var(--accent)}
#menu-panel{width:min(760px,92vw);padding:22px;gap:0;display:block;left:50%;transform:translateX(-42%);border:1px solid #49556e;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#30204155,transparent 60%),linear-gradient(135deg,#192234f7,#0c121efc);backdrop-filter:blur(24px);box-shadow:0 25px 90px #000b,inset 0 1px 0 #ffffff10}
.mega-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 2px 18px}.mega-heading>div{display:flex;flex-direction:column;gap:4px}.mega-eyebrow{font-size:9px;letter-spacing:2.5px;color:#fb5570}.mega-heading strong{font-size:22px;line-height:1.5;letter-spacing:-.5px}.mega-count{border:1px solid #ffffff13;border-radius:20px;padding:6px 10px;color:#a1b3d1;font-size:10px;white-space:nowrap}
.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#menu-panel .mega-grid button{display:flex;flex-direction:row;align-items:center;gap:13px;padding:10px 28px 10px 7px;border:1px solid #ffffff0e;border-radius:13px;background:linear-gradient(110deg,#ffffff04,#ffffff01);min-width:0;overflow:hidden}
#menu-panel .mega-grid button:before{display:none}.mega-art{width:78px;border-radius:12px;mask-image:radial-gradient(ellipse,#000 40%,transparent 76%)}.mega-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.mega-copy>span{font-size:13px;font-weight:bold;line-height:1.5}.mega-copy small{line-height:1.5;font-size:10px}
#menu-panel .mega-grid button b{top:14px;right:12px;font-size:14px;font-weight:normal}#menu-panel .mega-grid button:hover{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 10%,transparent),#ffffff02)}
.mega-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 2px 0;padding-top:14px;border-top:1px solid #ffffff0c;color:#7e91af;font-size:10px}.mega-bottom a{display:flex;gap:15px;align-items:center;color:#e6ecf6;font-size:11px;padding:5px}
.how-section{position:relative;padding-top:60px;border-top:1px solid #344056}.how-section:before{content:'';position:absolute;top:-1px;left:0;width:95px;height:2px;background:linear-gradient(90deg,#fa3656,transparent)}
.premium-steps{gap:22px;margin-top:32px}.premium-steps article{padding:0;overflow:hidden;position:relative;min-height:365px;border-radius:20px;border-color:#344157;background:radial-gradient(ellipse at 80% 5%,#26325155,transparent 60%),linear-gradient(145deg,#141b2a,#0b111b);box-shadow:inset 0 1px 0 #ffffff0a,0 12px 32px #0002}
.step-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:23px 25px 0}.step-number{font-size:35px;font-weight:bold;line-height:1;color:#f54b66;letter-spacing:-2px}.step-tag{border:1px solid #53617b44;border-radius:20px;font-size:9px;letter-spacing:2px;padding:5px 10px;color:#91a7ca}
.step-art{width:185px;margin:-27px 18px -12px auto;mask-image:radial-gradient(ellipse,#000 38%,transparent 76%)}.step-copy{padding:0 25px 28px;position:relative}.premium-steps h3{font-size:21px;margin:0 0 10px;letter-spacing:-.3px}.premium-steps p{font-size:13px;line-height:1.9;color:#99abc7;max-width:310px}
.premium-faq{grid-template-columns:1fr 1.65fr;gap:70px;align-items:start;padding:48px 0 0;margin-top:45px;margin-bottom:75px}.faq-intro{padding-top:14px}.faq-intro h2{font-size:30px}.faq-intro>.muted{font-size:13px}.faq-brand-card{display:flex;align-items:center;gap:13px;max-width:310px;margin-top:28px;padding:15px 18px 15px 8px;border:1px solid #313d51;border-radius:15px;background:radial-gradient(ellipse at 0 50%,#e72a4620,transparent 85%),#0f1622}.faq-brand-card img{width:70px;height:70px;object-fit:cover;border-radius:13px}.faq-brand-card strong{font-size:13px}.faq-brand-card p{font-size:11px;color:#92a5c5;margin:4px 0 0;line-height:1.8}.faq-explore{display:inline-flex;gap:25px;align-items:center;color:#b9c8e1;font-size:12px;margin-top:20px;padding:5px 0}.faq-explore:hover{color:white}
.premium-faq .faq-items{counter-reset:faq;display:flex;flex-direction:column;gap:11px}.premium-faq details,.premium-faq .faq-items details:first-child{counter-increment:faq;padding:0;border:1px solid #303c50;border-radius:14px;background:linear-gradient(120deg,#141c29,#0c121c);overflow:hidden}.premium-faq summary{list-style:none;display:flex;align-items:center;gap:16px;padding:20px;font-size:14px;line-height:1.7}.premium-faq summary::-webkit-details-marker{display:none}.premium-faq summary:before{content:'0' counter(faq);color:#6f829f;font-size:11px;letter-spacing:1px}.premium-faq summary>span{flex:1}.premium-faq summary i{font-style:normal;display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:8px;border:1px solid #44536e;color:#aabbd7;font-size:20px;font-weight:normal;transition:.2s}.premium-faq details[open]{border-color:#775161;background:linear-gradient(120deg,#1d1c2b,#0c121c)}.premium-faq details[open] summary i{transform:rotate(45deg);color:#ff5a75;border-color:#9b435b}.premium-faq details p{margin:0;padding:0 25px 23px 56px;font-size:13px;line-height:1.9;color:#9bafcd}
footer.wrap{position:relative;padding:32px 0 36px;border-top:1px solid #303c50;gap:25px}footer.wrap:before{content:'';position:absolute;top:-1px;left:0;height:2px;width:100px;background:linear-gradient(90deg,#ff3657,transparent)}.footer-message{display:flex;flex-direction:column;gap:4px}.footer-message span{font-size:9px;letter-spacing:3px;color:#778aaa}.footer-message strong{font-size:13px;font-weight:normal;color:#b7c7e0}footer small{max-width:340px;line-height:1.8;text-align:right;color:#7689a8}
@media(max-width:1100px){.premium-category-copy{padding:0 11px 17px}.category.premium-category strong{font-size:12px}.category.premium-category small{font-size:8px}#menu-panel{transform:translateX(-40%);width:670px}.mega-art{width:65px}.step-copy{padding:0 20px 24px}.step-top{padding:21px 20px 0}.premium-steps h3{font-size:18px}.step-art{width:160px;margin-right:6px}.premium-steps p{font-size:12px}.premium-steps article{min-height:335px}.premium-faq{gap:35px}}
@media(max-width:760px){.categories{gap:10px;margin-top:0}.category.premium-category{min-height:0;border-radius:14px}.premium-category-copy{padding:0 9px 15px;text-align:center;margin-top:-4px}.category.premium-category strong{font-size:11px;margin-bottom:5px}.category.premium-category small{font-size:8px;max-width:none}.category-corner{top:7px;right:7px;width:21px;height:21px;font-size:12px}.how-section{padding-top:35px}.premium-steps{gap:15px}.premium-steps article{min-height:225px}.step-top{padding:20px 20px 0;justify-content:start;gap:15px}.step-number{font-size:30px}.step-art{position:absolute;right:0;top:25px;width:155px;margin:0}.step-copy{padding:23px 20px 25px;max-width:68%}.premium-steps h3{font-size:18px}.premium-steps p{font-size:12px}.premium-faq{grid-template-columns:1fr;gap:26px;margin-top:25px;padding-top:20px;margin-bottom:45px}.faq-intro{padding-top:0}.faq-intro h2{font-size:25px}.faq-brand-card{max-width:none;margin-top:20px}.premium-faq summary{padding:16px 14px;gap:10px;font-size:12px}.premium-faq details p{padding:0 18px 19px 42px;font-size:12px}.mega-heading{margin-bottom:12px}.mega-heading strong{font-size:20px}.mega-eyebrow{font-size:8px;letter-spacing:1.8px}.mega-count{font-size:9px;padding:5px 7px}#menu-panel{position:fixed;top:132px;left:4%;right:4%;transform:none;width:auto;max-height:calc(100dvh - 150px);overflow-y:auto;padding:16px;border-radius:18px}.mega-grid{gap:8px}#menu-panel .mega-grid button{flex-direction:column;align-items:start;padding:8px 12px 15px;gap:0}.mega-art{width:66px;align-self:center}.mega-copy{gap:5px}.mega-copy>span{font-size:12px}#menu-panel .mega-copy small{font-size:9px}.mega-bottom{font-size:9px;align-items:start}.mega-bottom>span{max-width:52%}.mega-bottom a{white-space:nowrap;font-size:10px}footer.wrap{display:flex;flex-wrap:wrap;gap:20px;padding-top:25px}footer small{width:100%;max-width:none;text-align:left}.footer-message span{font-size:8px;letter-spacing:1.8px}.footer-message strong{font-size:11px}}
@media(max-width:380px){.category.premium-category strong{font-size:10px}.category.premium-category small{font-size:7px}.premium-category-copy{padding-left:5px;padding-right:5px}.step-art{width:125px;top:40px;right:-5px}.step-copy{max-width:73%;padding-left:17px}.premium-steps h3{font-size:16px}.step-top{padding-left:17px}.mega-heading strong{font-size:17px}.mega-count{font-size:8px}.mega-copy>span{font-size:11px}#menu-panel .mega-copy small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.premium-category>.navigation-art,.premium-faq summary i{transition:none}.premium-category:hover>.navigation-art{transform:none}}