:root{--yellow:#FFEB3B;--red:#FF5252;--blue:#2196F3;--black:#0a0a0a;--white:#ffffff;--gray:#1a1a1a;--gray2:#2a2a2a;--graytext:#9ca3af;--border:3px solid #000;--shadow:6px 6px 0 #000;--shadow-hover:10px 10px 0 #000}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;background:var(--white);color:var(--black);line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
.brutal-card{background:var(--white);border:var(--border);box-shadow:var(--shadow);transition:all .2s ease-out}.brutal-card:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}
.brutal-card-inverted{background:var(--black);border:var(--border);box-shadow:var(--shadow);color:var(--white);transition:all .2s ease-out}.brutal-card-inverted:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}
.brutal-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;border:var(--border);box-shadow:var(--shadow);background:var(--yellow);color:var(--black);cursor:pointer;transition:all .15s ease-out;border-radius:0}.brutal-btn:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
.brutal-btn-red{background:var(--red);color:var(--white)}.brutal-btn-blue{background:var(--blue);color:var(--white)}
.brutal-btn-outline{background:var(--white);border:var(--border);box-shadow:var(--shadow)}.brutal-btn-outline:hover{background:var(--gray);color:var(--white)}
.brutal-btn-lg{padding:1rem 2rem;font-size:1.125rem}
.brutal-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--yellow);border:var(--border);box-shadow:3px 3px 0 #000}
.brutal-section-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.02em}
.brutal-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-weight:700;font-size:.75rem;border:var(--border);box-shadow:3px 3px 0 #000}
.marquee{overflow:hidden;white-space:nowrap;border-top:var(--border);border-bottom:var(--border);background:var(--yellow);padding:.75rem 0}
.marquee-inner{display:inline-block;animation:marquee-scroll 20s linear infinite;font-weight:700;font-size:1.1rem;letter-spacing:.02em}
@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}

/* Grid Layout (Refactored) */
.grid-2, .grid-3, .grid-4 {display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

.nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:var(--border);padding:.75rem 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}
.nav-logo{display:flex;align-items:center;gap:.625rem;font-weight:800;font-size:1.125rem;letter-spacing:-0.02em}
.nav-logo-img{width:36px;height:36px;border:var(--border);box-shadow:3px 3px 0 #000;object-fit:cover}

/* Navigation Links (Refactored) */
.nav-links {display:none;gap:1.5rem;font-weight:600;font-size:.9rem}
.nav-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:768px){.nav-links{display:flex !important;flex-direction:row !important;position:static !important;padding:0 !important;box-shadow:none !important;background:transparent !important;border-bottom:none !important;width:auto !important}}
@media(max-width:767px){
  .nav-links {display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--white);border-bottom:var(--border);padding:1.5rem;gap:1rem;box-shadow:var(--shadow);z-index:140}
  .nav-links.active {display:flex}
  .nav-links a {width:100%;padding:0.5rem 0;border-bottom:2px dashed #eee}
  .nav-links a:last-child {border-bottom:none}
}

.logo-desktop{display:none}
@media(min-width:768px){.logo-desktop{display:inline}}

/* Menu Toggle classes */
.menu-toggle {display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:150;margin-left:0.5rem}
.menu-toggle span {width:100%;height:3px;background-color:var(--black);transition:all 0.3s cubic-bezier(0.22, 1, 0.36, 1)}
.menu-toggle.open span:nth-child(1) {transform:translateY(7.5px) rotate(45deg)}
.menu-toggle.open span:nth-child(2) {opacity:0}
.menu-toggle.open span:nth-child(3) {transform:translateY(-7.5px) rotate(-45deg)}
@media(max-width:767px){.menu-toggle {display:flex}}

@media(max-width:900px){.nav-logo{font-size:.95rem;white-space:nowrap}.nav .brutal-btn{white-space:nowrap;padding:.6rem 1rem;font-size:.9rem}.nav .brutal-btn svg{width:16px;height:16px}}
@media(max-width:480px){.nav-logo{font-size:.8rem;gap:.375rem;white-space:nowrap}.nav-logo-img{width:26px;height:26px}.nav .brutal-btn{padding:.45rem .625rem;font-size:.75rem;white-space:nowrap}.nav-inner{gap:.4rem}}

.hero{background:var(--black);color:var(--white);padding:4rem 0 5rem;border-bottom:var(--border)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1fr 1fr}}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--yellow);color:var(--black);border:var(--border);box-shadow:4px 4px 0 #000;padding:.375rem .875rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-0.03em;margin-top:1.25rem}
.hero h1 .line-through-yellow{text-decoration:line-through;text-decoration-thickness:5px;text-decoration-color:var(--yellow)}
.hero h1 .yellow{color:var(--yellow)}
.hero-desc{font-size:1.1rem;color:#b0b0b0;margin-top:1.25rem;max-width:480px;line-height:1.6}
.hero-video{border:var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-video img{width:100%;height:100%;object-fit:cover}
.hero-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hero-play-btn{width:72px;height:72px;border-radius:50%;background:var(--yellow);border:var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.hero-play-btn:hover{transform:scale(1.08);box-shadow:var(--shadow-hover)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:2rem}
@media(max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-actions a{width:100%;justify-content:center;text-align:center}}

.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:var(--border);background:var(--yellow)}
.stat-item{padding:1.5rem 1rem;text-align:center;border-right:var(--border);border-bottom:var(--border)}
.stat-item:nth-child(2n){border-right:none}.stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none}
.stat-num{font-size:2rem;font-weight:800;line-height:1}.stat-label{font-size:.85rem;font-weight:600;margin-top:.375rem;text-transform:uppercase;letter-spacing:.03em}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-item{border-bottom:none}.stat-item:nth-child(2n){border-right:var(--border)}.stat-item:last-child{border-right:none}}

.prob{background:var(--yellow);padding:4rem 0;border-bottom:var(--border)}.prob h2{color:var(--black)}
.prob-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}
@media(min-width:768px){.prob-grid{grid-template-columns:repeat(2,1fr)}}
.prob-item{display:flex;gap:1rem;align-items:flex-start;background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.25rem}
.prob-icon{width:44px;height:44px;border:var(--border);box-shadow:3px 3px 0 #000;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--red);color:var(--white);font-weight:800}

.b4a{background:var(--white);padding:4rem 0;border-bottom:var(--border)}
.b4a-card-red{background:var(--red);color:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.5rem}
.b4a-card-blue{background:var(--blue);color:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.5rem}
.b4a-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:2px solid rgba(0,0,0,.15)}.b4a-item:last-child{border-bottom:none}
.b4a-num{width:36px;height:36px;border:2px solid currentColor;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}

.ck{background:var(--black);color:var(--white);padding:4rem 0;border-bottom:var(--border)}
.ck-card{background:var(--white);color:var(--black);border:var(--border);box-shadow:var(--shadow);padding:1.75rem;position:relative}
.ck-num{position:absolute;top:-18px;right:16px;width:44px;height:44px;border:var(--border);box-shadow:4px 4px 0 #000;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem}

.met{background:var(--yellow);padding:4rem 0;border-bottom:var(--border)}
.met-card{display:flex;gap:1.25rem;align-items:flex-start;background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.5rem}
.met-icon{width:56px;height:56px;border:var(--border);box-shadow:4px 4px 0 #000;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--black);color:var(--yellow);font-size:1.5rem}

.fit{background:var(--white);padding:4rem 0;border-bottom:var(--border)}
.fit-card{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.fit-card .fit-icon{width:48px;height:48px;border:var(--border);box-shadow:4px 4px 0 #000;display:flex;align-items:center;justify-content:center;background:var(--yellow)}

.prc{background:var(--gray);padding:4rem 0;border-bottom:var(--border)}
.prc-card{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.75rem;display:flex;flex-direction:column}
.prc-card.pop{background:var(--yellow)}.prc-card.pop .brutal-btn{background:var(--black);color:var(--yellow)}
.prc-feature{display:flex;gap:.625rem;align-items:center;padding:.375rem 0;font-size:.9rem;border-bottom:2px dashed #000}.prc-feature:last-child{border-bottom:none}
.prc-check{width:20px;height:20px;border:var(--border);background:var(--black);display:flex;align-items:center;justify-content:center;color:var(--yellow);font-size:.75rem;flex-shrink:0}

.tes{background:var(--white);padding:4rem 0;border-bottom:var(--border)}
.tes-carousel-wrap{position:relative;margin-top:2rem;padding:0 48px}
@media(max-width:768px){.tes-carousel-wrap{padding:0 36px}}
.tes-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:1rem 0 1.5rem;cursor:grab}
.tes-carousel::-webkit-scrollbar{display:none}.tes-carousel:active{cursor:grabbing}
.tes-card{scroll-snap-align:start;flex-shrink:0;background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.5rem;transition:all .2s;width:85%;min-width:260px}
@media(min-width:640px){.tes-card{width:48%;min-width:280px}}@media(min-width:1024px){.tes-card{width:31%;min-width:300px}}
.tes-card:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}
.tes-avatar{width:40px;height:40px;border:var(--border);box-shadow:3px 3px 0 #000;display:flex;align-items:center;justify-content:center;background:var(--blue);color:var(--white);font-weight:800;font-size:.85rem;flex-shrink:0}
.tes-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:var(--border);box-shadow:var(--shadow);background:var(--yellow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .15s}
.tes-arrow:hover{box-shadow:var(--shadow-hover);transform:translateY(-50%) translate(-2px,-2px)}.tes-arrow:active{transform:translateY(-50%) translate(2px,2px);box-shadow:2px 2px 0 #000}
.tes-arrow-prev{left:0}.tes-arrow-next{right:0}
@media(max-width:768px){.tes-arrow{width:36px;height:36px}.tes-arrow-prev{left:0}.tes-arrow-next{right:0}}
.tes-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}
.tes-dot{width:12px;height:12px;border:var(--border);box-shadow:2px 2px 0 #000;background:var(--white);cursor:pointer;transition:all .15s}.tes-dot.active{background:var(--yellow)}.tes-dot:hover{background:var(--yellow);transform:scale(1.15)}

.faq{background:var(--yellow);padding:4rem 0;border-bottom:var(--border)}
.faq-item{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem;cursor:pointer}
.faq-item .faq-q{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-item .faq-icon{font-weight:800;font-size:1.25rem;transition:transform .2s;flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-item .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.open .faq-a{max-height:400px;padding-top:.75rem}

.foot{background:var(--black);color:var(--white);padding:3rem 0 1.5rem;border-top:var(--border)}

/* Footer grid (Refactored) */
.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2rem;border-bottom:3px solid #222}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}
@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}

.footer-col{display:flex;flex-direction:column;gap:.5rem}
.footer-brand{display:flex;align-items:center;gap:.625rem;font-weight:800;font-size:1.125rem;letter-spacing:-0.02em;color:var(--white)}
.footer-logo-img{width:36px;height:36px;border:var(--border);box-shadow:3px 3px 0 #000;object-fit:cover}
.footer-desc{color:#888;font-size:.9rem;line-height:1.5;margin-top:.5rem;max-width:260px}
.footer-title{font-size:1rem;font-weight:800;margin-bottom:.75rem;display:inline-block;padding:.25rem .5rem;background:var(--yellow);color:var(--black);border:var(--border);box-shadow:3px 3px 0 #000}
.footer-menu{display:flex;flex-direction:column;gap:.5rem}
.footer-menu li a{color:var(--graytext);font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s}
.footer-menu li a:hover{color:var(--yellow);transform:translateX(4px)}
.footer-menu li a::before{content:'';display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--yellow);opacity:0;transition:all .15s}
.footer-menu li a:hover::before{opacity:1}
.footer-social{display:flex;gap:.625rem;margin-top:.75rem}
.footer-social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray2);color:var(--white);border:2px solid #333;transition:all .15s}
.footer-social-link:hover{background:var(--yellow);color:var(--black);border-color:var(--black);box-shadow:3px 3px 0 #000;transform:translate(-2px,-2px)}
.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;padding-top:1.5rem}
@media(min-width:768px){.footer-bottom{flex-direction:row}}
.footer-copy{font-size:.85rem;color:#555}.footer-tagline{font-size:.75rem;color:#444;font-weight:500}

/* Utility classes */
.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}
.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}
.w-full{width:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}
.mx-auto{margin-left:auto;margin-right:auto}
.p-1{padding:.25rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.font-mono{font-family:'JetBrains Mono',monospace}.font-bold{font-weight:700}.font-extrabold{font-weight:800}
.tracking-tight{letter-spacing:-0.02em}.leading-tight{line-height:1.2}
.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.text-muted{color:var(--graytext)}.text-white{color:var(--white)}
.inline-flex{display:inline-flex}

/* ===== Push Notification Order ===== */
.push-notif-container{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;pointer-events:none}
.push-notif{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:.7rem .9rem;display:flex;align-items:center;gap:.7rem;max-width:310px;width:max-content;pointer-events:auto;transform:translateX(calc(-100% - 30px));opacity:0;transition:all .45s cubic-bezier(.22,1,.36,1)}
.push-notif.show{transform:translateX(0);opacity:1}
.push-notif.hide{transform:translateX(calc(-100% - 30px));opacity:0}
.push-notif-avatar{width:36px;height:36px;border:2px solid #000;box-shadow:2px 2px 0 #000;display:flex;align-items:center;justify-content:center;background:var(--yellow);font-weight:800;font-size:.8rem;flex-shrink:0}
.push-notif-body{flex:1;min-width:0}
.push-notif-name{font-weight:700;font-size:.82rem;line-height:1.2;color:var(--black)}
.push-notif-city{font-size:.68rem;color:#666;line-height:1.3}
.push-notif-action{font-size:.68rem;font-weight:600;margin-top:.12rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.push-notif-badge{display:inline-block;padding:.08rem .35rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--yellow);border:1.5px solid #000}
.push-notif-time{font-size:.62rem;color:#999}
.push-notif-close{flex-shrink:0;width:18px;height:18px;border:1.5px solid #000;background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;line-height:1;padding:0;transition:all .15s;align-self:flex-start}
.push-notif-close:hover{background:var(--red);color:var(--white)}
@media(max-width:480px){.push-notif-container{bottom:10px;left:6px;right:6px;align-items:stretch}.push-notif{max-width:100%}}

/* Certifications responsive grid (New) */
.cert-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:0 auto;width:100%}
@media(min-width:640px){.cert-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}
@media(min-width:1024px){.cert-grid{grid-template-columns:repeat(3,1fr);max-width:1000px}}
@media(max-width:899px){.hero-grid{display:flex;flex-direction:column}.hero-grid > div:first-child{display:contents}.hero-badge{order:1;align-self:flex-start}.hero-grid h1{order:2}.hero-desc{order:3}.hero-video{order:4;width:100%}.hero-actions{order:5;width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}}