:root{
  --fr-yellow:#f5b400;--fr-black:#07090b;--fr-ink:#111419;--fr-muted:#596067;
  --fr-line:#e1e3e6;--fr-max:1180px
}
*{box-sizing:border-box}
body.frames-select-page{margin:0;background:#fff;color:var(--fr-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
.frames-select-page a{text-decoration:none;color:inherit}
.fr-shell{width:min(var(--fr-max),calc(100% - 54px));margin:auto}
.fr-header{height:64px;background:#060708;color:#fff;border-bottom:1px solid #24272a}
.fr-nav{height:100%;max-width:1380px;margin:auto;padding:0 17px;display:flex;align-items:center;gap:34px}
.fr-brand{width:156px;min-width:156px}.fr-brand img{width:100%;display:block}
.fr-menu{display:flex;align-items:center;justify-content:center;gap:32px;flex:1;height:100%}
.fr-menu>a,.fr-parent{height:100%;display:flex;align-items:center;font-size:10px;font-weight:850;white-space:nowrap;border-bottom:3px solid transparent}
.fr-menu>a:hover,.fr-menu>a.active,.fr-parent:hover{color:var(--fr-yellow);border-bottom-color:var(--fr-yellow)}
.fr-dd{height:100%;position:relative;display:flex;align-items:center}
.fr-dd-menu{display:none;position:absolute;top:64px;left:50%;transform:translateX(-50%);min-width:235px;background:#0b0d0f;border:1px solid #2a2d30;padding:7px;z-index:80;box-shadow:0 16px 34px rgba(0,0,0,.34)}
.fr-dd:hover .fr-dd-menu,.fr-dd:focus-within .fr-dd-menu{display:block}
.fr-dd-menu a{display:block;padding:11px 12px;font-size:10px;font-weight:800;color:#fff}
.fr-dd-menu a:hover{background:#171a1d;color:var(--fr-yellow)}
.fr-hero{height:330px;background:#080a0c;position:relative;overflow:hidden;color:#fff}
.fr-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090b 0%,#07090b 42%,rgba(7,9,11,.75) 61%,rgba(7,9,11,.15) 100%)}
.fr-hero-img{position:absolute;right:0;top:0;width:56%;height:100%;object-fit:cover;object-position:center}
.fr-hero-copy{position:relative;z-index:2;padding-top:55px}
.fr-kicker{font-size:13px;color:var(--fr-yellow);font-weight:900;letter-spacing:1.5px}
.fr-kicker:after{content:"";display:block;width:43px;height:3px;background:var(--fr-yellow);margin-top:13px}
.fr-hero h1{font-family:"Arial Narrow","Aptos Narrow",Impact,sans-serif;font-size:43px;line-height:1.05;margin:18px 0 12px;max-width:520px}
.fr-hero p{font-size:14px;line-height:1.65;max-width:500px;color:#e9ecef}
.fr-main{padding:35px 0 48px}
.fr-heading h2{font-family:"Arial Narrow","Aptos Narrow",Impact,sans-serif;font-size:30px;margin:0}
.fr-heading p{font-size:13px;line-height:1.6;color:var(--fr-muted);max-width:720px;margin:7px 0 24px}
.fr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fr-card{border:1px solid var(--fr-line);border-radius:7px;overflow:hidden;background:#fff;transition:.15s ease;display:flex;flex-direction:column}
.fr-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.fr-card-image{aspect-ratio:1.45/1;background:#f3f4f5;overflow:hidden}
.fr-card-image img{width:100%;height:100%;object-fit:cover}
.fr-card-copy{padding:19px 18px 20px;display:flex;flex-direction:column;flex:1}
.fr-card-copy h3{font-family:"Arial Narrow","Aptos Narrow",Impact,sans-serif;font-size:27px;margin:0 0 5px}
.fr-tag{color:#dc9900;font-size:11px;font-weight:900;margin-bottom:10px}
.fr-card-copy p{font-size:12px;line-height:1.6;color:#555d64;margin:0 0 17px;flex:1}
.fr-btn{display:inline-flex;justify-content:space-between;align-items:center;border:2px solid var(--fr-yellow);border-radius:22px;color:#d99500;font-size:11px;font-weight:900;padding:9px 15px;width:100%}
.fr-note{border-top:1px solid var(--fr-line);margin-top:30px;padding-top:20px;font-size:11px;color:#646b71}
.fr-footer{border-top:1px solid #e5e6e8;padding:29px 0 22px;background:#fff}
.fr-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}
.fr-footer img{width:175px}.fr-footer h4{font-size:11px;margin:0 0 10px}.fr-footer p,.fr-footer a{display:block;font-size:10px;line-height:1.75;color:#343a40}
@media(max-width:850px){.fr-grid{grid-template-columns:1fr}.fr-menu{gap:14px}.fr-menu>a,.fr-parent{font-size:9px}}