.ff-wrap{--ff-bg:#061d18;--ff-panel:#12422f;--ff-accent:#aee3b7;--ff-text:#ffffff;--ff-soft:#d0e5d4;--ff-line:#ffffff29;--ff-radius:12px;--ff-glow:#aee3b722;--ff-button-ink:#101b16}
.ff-visually-hidden{top:0;left:0}
.ff-wrap{box-sizing:border-box;max-width:1200px;width:100%;margin:28px auto;padding:0 20px;container-type:inline-size;clear:both}
.ff-wrap.ff-in-content{padding:0}
.ff-card,.ff-mini{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--ff-line);color:var(--ff-text);background:linear-gradient(120deg,var(--ff-bg),var(--ff-panel));border-radius:var(--ff-radius);box-shadow:0 12px 28px #00000012;font-family:inherit}
.ff-card{display:grid;grid-template-columns:110px minmax(0,1fr) 190px;gap:22px;align-items:center;padding:25px}
.ff-card:before{content:"";z-index:-1;position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,var(--ff-glow),transparent 58%)}
.ff-brand{display:grid;gap:12px;align-content:center;justify-items:start;min-width:0}
.ff-rank{display:flex;gap:6px;align-items:center;font-size:10px;letter-spacing:.05em;font-weight:700;line-height:1.3;text-transform:uppercase;flex-wrap:wrap}
.ff-rank b{background:var(--ff-accent);color:var(--ff-button-ink);border-radius:5px;padding:5px 7px;font-size:12px;letter-spacing:0}
.ff-logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:110px;height:68px;background:#061521;border:1px solid #ffffff17;border-radius:9px;padding:9px;overflow:hidden}
.ff-logo img{width:100%;height:100%;object-fit:contain;display:block}
.ff-wordmark{color:#fff;font:bold italic 30px/1 Arial,sans-serif;letter-spacing:-2px}
.ff-wordmark span{color:#67e2a9}
.ff-copy{min-width:0}
.ff-copy .ff-kicker,.ff-mini .ff-kicker{font-size:10px;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--ff-accent);margin:0 0 8px}
.ff-card .ff-copy h2{font:700 clamp(21px,2.2vw,30px)/1.18 Arial,sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--ff-text);margin:0 0 10px;padding:0;border:0}
.ff-card .ff-copy p:not(.ff-kicker){font-size:13px;color:var(--ff-soft);line-height:1.7;margin:0;max-width:650px}
.ff-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0}
.ff-chips span{border:1px solid var(--ff-line);border-radius:20px;font-size:10px;line-height:1.5;padding:4px 9px;color:var(--ff-soft)}
.ff-action{display:grid;gap:10px;text-align:center}
a.ff-button{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-height:48px;padding:12px 15px;text-decoration:none!important;border:0;border-radius:7px;background:var(--ff-accent);color:var(--ff-button-ink)!important;font:700 13px/1.45 Arial,sans-serif;box-shadow:0 4px 14px #00000010;overflow-wrap:anywhere;transition:filter .18s,transform .18s}
a.ff-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
a.ff-button:focus-visible{outline:3px solid var(--ff-text);outline-offset:4px}
.ff-action small{font-size:10px;color:var(--ff-soft);line-height:1.5}
.ff-terms{grid-column:1/-1;border-top:1px solid var(--ff-line);padding-top:12px;font-size:10px;color:var(--ff-soft);line-height:1.7}
.ff-terms summary{cursor:pointer;font-size:10px;line-height:1.6;color:var(--ff-soft)}
.ff-terms p{margin:8px 0 0;max-width:900px;font-size:11px;color:var(--ff-soft)}
.ff-mini{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:17px;padding:19px 22px;max-width:1200px;margin:28px auto;clear:both;container-type:inline-size}
.ff-mini .ff-logo{width:80px;height:54px;padding:6px}
.ff-mini .ff-wordmark{font-size:25px}
.ff-mini h3{font:700 19px/1.2 Arial,sans-serif;color:var(--ff-text);margin:0 0 6px!important;letter-spacing:-.02em;overflow-wrap:anywhere}
.ff-mini p:not(.ff-kicker){font-size:12px;line-height:1.6;color:var(--ff-soft);margin:0}
.ff-mini .ff-button{min-width:130px;max-width:200px}
.ff-variant-1 .ff-card{border-left:5px solid var(--ff-accent)}
.ff-variant-2 .ff-card{border-top:4px solid var(--ff-accent);background:linear-gradient(155deg,var(--ff-bg),var(--ff-panel))}
.ff-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
@container(max-width:650px){.ff-card{grid-template-columns:90px minmax(0,1fr);gap:16px;padding:20px}.ff-logo{width:90px;height:64px}.ff-action{grid-column:1/-1}.ff-copy h2{font-size:23px!important}.ff-rank{font-size:9px}.ff-action small{text-align:left}.ff-mini{grid-template-columns:66px minmax(0,1fr);gap:14px;padding:17px}.ff-mini .ff-logo{width:66px;height:48px}.ff-mini .ff-button{grid-column:1/-1;width:100%;max-width:none;min-width:0}.ff-mini h3{font-size:18px}}
@media(max-width:640px){.ff-wrap{padding:0 16px;margin:22px auto}.ff-wrap.ff-in-content{padding:0}.ff-card{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:17px}.ff-card .ff-logo{width:76px;height:54px;padding:6px}.ff-card .ff-wordmark{font-size:26px}.ff-card .ff-copy h2{font-size:21px!important}.ff-card .ff-copy p:not(.ff-kicker){font-size:12px}.ff-kicker{font-size:9px!important}.ff-rank{font-size:8px;max-width:76px}.ff-chips{gap:5px;margin-top:10px}.ff-chips span{font-size:9px;padding:3px 7px}.ff-action{grid-column:1/-1}.ff-terms{font-size:9px}.ff-mini{grid-template-columns:66px minmax(0,1fr);gap:14px;padding:17px;margin:24px auto}.ff-mini .ff-logo{width:66px;height:48px}.ff-mini .ff-button{grid-column:1/-1;width:100%;max-width:none;min-width:0}.ff-mini h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){a.ff-button{transition:none}}