:root{--f9c-max:1280px;--f9c-line:rgba(255,255,255,.09);--f9c-soft:rgba(255,255,255,.58)}
.f9-category-main{background:#0b0d12;color:#f7f8fb;min-height:70vh}
.f9c-container{width:min(var(--f9c-max),calc(100% - 48px));margin:0 auto}
.f9c-breadcrumb{display:flex;gap:8px;align-items:center;padding:24px 0 10px;color:rgba(255,255,255,.46);font-size:10px}
.f9c-breadcrumb a{color:inherit;text-decoration:none}.f9c-breadcrumb b{color:rgba(255,255,255,.2)}
.f9c-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;min-height:390px;padding:28px 0 38px;border-bottom:1px solid var(--f9c-line)}
.f9c-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 15px;color:var(--f9-orange);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.f9c-kicker::before{content:"";width:28px;height:1px;background:currentColor}
.f9c-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(46px,6.5vw,90px);font-weight:900;letter-spacing:-.055em;line-height:.9;text-transform:uppercase}
.f9c-hero h1 span{display:block;color:rgba(255,255,255,.42)}
.f9c-hero__lead{max-width:650px;margin:22px 0 0;color:rgba(255,255,255,.66);font-size:14px;line-height:1.7}
.f9c-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.f9c-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--f9-orange);border-radius:4px;background:var(--f9-orange);color:#090b0f;font-size:9px;font-weight:950;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.f9c-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.16)}
.f9c-visual{position:relative;display:grid;place-items:center;min-height:320px}
.f9c-visual::before{content:"";position:absolute;inset:10% 5%;background:radial-gradient(circle at center,rgba(var(--f9-accent-rgb),.18),transparent 62%);filter:blur(10px)}
.f9c-visual img{position:relative;z-index:1;max-width:92%;max-height:300px;filter:drop-shadow(0 25px 40px rgba(0,0,0,.35))}
.f9c-section{padding:64px 0;border-bottom:1px solid var(--f9c-line)}
.f9c-section__head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}
.f9c-section__head h2{margin:0;color:#fff;font-size:clamp(28px,3vw,46px);letter-spacing:-.035em}
.f9c-section__head p{max-width:500px;margin:0;color:var(--f9c-soft);font-size:11px;line-height:1.65}
.f9c-subgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.f9c-subcard{position:relative;min-height:145px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));text-decoration:none;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.f9c-subcard:hover{transform:translateY(-2px);border-color:rgba(var(--f9-accent-rgb),.4);background:linear-gradient(145deg,rgba(var(--f9-accent-rgb),.065),rgba(255,255,255,.018))}
.f9c-subcard small{display:block;color:var(--f9-orange);font-size:8px;font-weight:900;letter-spacing:.11em;margin-bottom:18px}
.f9c-subcard strong{display:block;color:#fff;font-size:16px;line-height:1.15}
.f9c-subcard span{display:block;margin-top:9px;color:rgba(255,255,255,.46);font-size:9.5px;line-height:1.45}
.f9c-subcard b{position:absolute;right:16px;bottom:14px;color:rgba(255,255,255,.26);font-size:16px}
.f9c-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.f9c-info{padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:rgba(255,255,255,.018)}
.f9c-info em{display:block;margin-bottom:14px;color:var(--f9-orange);font-style:normal;font-size:9px;font-weight:900;letter-spacing:.12em}
.f9c-info h3{margin:0 0 9px;font-size:18px}
.f9c-info p{margin:0;color:var(--f9c-soft);font-size:10.5px;line-height:1.65}
.f9c-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.f9c-feature__copy{padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,rgba(var(--f9-accent-rgb),.06),rgba(255,255,255,.015))}
.f9c-feature__copy h3{margin:0 0 12px;font-size:30px;letter-spacing:-.03em}
.f9c-feature__copy p{margin:0 0 20px;color:var(--f9c-soft);font-size:11px;line-height:1.7}
.f9c-feature__visual{display:grid;place-items:center;min-height:300px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#090b10;overflow:hidden}
.f9c-feature__visual img{max-width:90%;max-height:280px}
.f9c-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.f9c-directory article{padding:20px;border-top:1px solid rgba(255,255,255,.12)}
.f9c-directory h3{margin:0 0 12px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.12em}
.f9c-directory a,.f9c-directory span{display:flex;align-items:center;justify-content:space-between;min-height:29px;color:rgba(255,255,255,.75);font-size:10px;text-decoration:none}
.f9c-directory span{color:rgba(255,255,255,.34)}.f9c-directory a:hover{color:#fff}
.f9c-status{font-size:7px!important;color:rgba(255,255,255,.25)!important;text-transform:uppercase;letter-spacing:.08em}
.f9c-note{padding:22px 0 70px;color:rgba(255,255,255,.42);font-size:10px;line-height:1.6}
@media(max-width:1050px){.f9c-hero{grid-template-columns:1fr .65fr}.f9c-subgrid{grid-template-columns:repeat(3,1fr)}.f9c-directory{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.f9c-container{width:min(100% - 28px,var(--f9c-max))}.f9c-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:30px}.f9c-visual{min-height:210px}.f9c-visual img{max-height:200px}.f9c-subgrid{grid-template-columns:repeat(2,1fr)}.f9c-info-grid,.f9c-feature{grid-template-columns:1fr}.f9c-directory{grid-template-columns:repeat(2,1fr)}.f9c-section{padding:44px 0}.f9c-section__head{display:block}.f9c-section__head p{margin-top:10px}}
@media(max-width:480px){.f9c-subgrid,.f9c-directory{grid-template-columns:1fr}.f9c-hero h1{font-size:44px}}