@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Roboto+Condensed:wght@400;700&display=swap');
.fx{--o:#f77517;--od:#f77517;--k:#151515;--w:#fff;font-family:'Roboto Condensed',Arial,sans-serif;color:var(--k);background:var(--o);overflow:hidden}
.fx *{box-sizing:border-box}
.fx h1,.fx h2,.fx h3{font-family:'Oswald',Impact,sans-serif;text-transform:none;margin:0;line-height:1.05}
.fx .wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.fx .band{display:inline-block;background:var(--k);color:var(--w);padding:.35em 1.4em;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);font-family:'Oswald',sans-serif;text-transform:none;letter-spacing:.04em}
.fx .lines{display:flex;align-items:center;gap:14px;justify-content:center}
.fx .lines::before,.fx .lines::after{content:"";flex:0 1 120px;height:4px;background:var(--k)}
.fx .btn{display:inline-block;font-family:'Oswald',sans-serif;text-transform:none;font-size:1.1rem;padding:14px 30px;text-decoration:none;border:3px solid var(--k);transition:.2s}
.fx .btn-k{background:var(--k);color:var(--w)}.fx .btn-k:hover{background:transparent;color:var(--k)}
.fx .btn-o{color:var(--k)}.fx .btn-o:hover{background:var(--k);color:var(--o)}

/* HERO */
.fx-hero{text-align:center;padding:70px 0 80px;background:radial-gradient(circle at 50% 30%,#ff9a3c 0,var(--o) 60%)}
.fx-hero .tools{width:min(520px,90%);height:auto;margin-bottom:10px}
.fx-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);letter-spacing:.02em}
.fx-hero .band{font-size:clamp(1rem,2.6vw,1.6rem);margin:14px 0}
.fx-hero p{max-width:640px;margin:18px auto 30px;font-size:1.15rem}
.fx-hero .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* SECTIONS */
.fx-sec{padding:70px 0}
.fx-sec.dark{background:var(--k);color:var(--w)}
.fx-sec.dark .lines::before,.fx-sec.dark .lines::after{background:var(--o)}
.fx-title{text-align:center;margin-bottom:40px}
.fx-title h2{font-size:clamp(2rem,5vw,3.2rem)}
.fx-sec.dark .fx-title h2{color:var(--o)}

/* CATEGORIES */
.fx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.fx-card{background:#1f1f1f;border-top:6px solid var(--o);padding:28px 24px;transition:.25s;position:relative}
.fx-card:hover{transform:translateY(-6px);background:#262626}
.fx-card svg{width:56px;height:56px;fill:var(--o);margin-bottom:14px}
.fx-card h3{font-size:1.35rem;color:var(--w);margin-bottom:8px}
.fx-card p{color:#bdbdbd;margin:0;line-height:1.5}

/* BRANDS */
.fx-brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.fx-brand{background:var(--w);border:4px solid var(--k);padding:30px;text-align:center;box-shadow:8px 8px 0 var(--k)}
.fx-brand .name{font-family:'Oswald',sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:.05em}
.fx-brand .band{font-size:.9rem;margin:10px 0 14px}
.fx-brand p{margin:0;line-height:1.5}

/* WHY */
.fx-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;text-align:center}
.fx-why .num{font-family:'Oswald',sans-serif;font-size:3.4rem;color:var(--o);line-height:1}
.fx-why h3{font-size:1.25rem;margin:8px 0}
.fx-why p{color:#bdbdbd;margin:0}

/* CTA */
.fx-cta{text-align:center;padding:80px 0}
.fx-cta h2{font-size:clamp(2rem,5.5vw,3.6rem)}
.fx-cta p{font-size:1.2rem;max-width:620px;margin:16px auto 28px}
.fx-cta .bolt{width:44px;height:44px;fill:var(--k);vertical-align:middle}