/* ===== FormForgeIQ: nav badge + teaser page ===== */
.site-header nav a.nav-ffq{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.site-header nav a.nav-ffq em{font-style:normal;font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#1F242C;background:#E89B22;padding:3px 5px 2px;border-radius:3px}
.site-header nav a.nav-ffq[aria-current="page"]{color:#5b2a9e}

.ffq-teaser{--a:#E89B22;--a2:#F5B648;position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080C13;color:#E9EDF4;padding:72px 20px 88px;isolation:isolate}
.ffq-teaser:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%)}
.ffq-teaser:after{content:"";position:absolute;z-index:-1;width:min(900px,120vw);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(232,155,34,.13),rgba(232,155,34,0) 62%);animation:ffqGlow 9s ease-in-out infinite alternate}
@keyframes ffqGlow{from{transform:translate(-55%,-52%) scale(.92)}to{transform:translate(-45%,-48%) scale(1.06)}}
.ffq-teaser-inner{max-width:760px;text-align:center;display:flex;flex-direction:column;align-items:center}
.ffq-status{display:inline-flex;align-items:center;gap:10px;margin:0 0 44px;padding:8px 14px;border:1px solid rgba(232,155,34,.35);border-radius:999px;font:600 10.5px/1 'IBM Plex Mono',monospace;letter-spacing:.22em;color:var(--a2);background:rgba(232,155,34,.06)}
.ffq-status i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(232,155,34,.6);animation:ffqPulse 2s infinite}
@keyframes ffqPulse{70%{box-shadow:0 0 0 9px rgba(232,155,34,0)}100%{box-shadow:0 0 0 0 rgba(232,155,34,0)}}
.ffq-tmark{width:clamp(76px,9vw,108px);height:auto;overflow:visible;margin-bottom:30px}
.ffq-tmark .p1{animation:ffqIn1 1.1s cubic-bezier(.2,.7,.2,1) .2s both}
.ffq-tmark .p2{animation:ffqIn2 1.1s cubic-bezier(.2,.7,.2,1) .35s both}
.ffq-tmark .p3{transform-origin:45px 44.5px;animation:ffqIn3 .7s cubic-bezier(.2,.7,.2,1) 1.1s both}
@keyframes ffqIn1{from{opacity:0;transform:translate(-26px,-26px)}to{opacity:1;transform:none}}
@keyframes ffqIn2{from{opacity:0;transform:translate(26px,26px)}to{opacity:1;transform:none}}
@keyframes ffqIn3{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
.ffq-tword{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(32px,5.4vw,64px);letter-spacing:.1em;line-height:1;color:#fff;white-space:nowrap;animation:ffqFade 1s ease 1.2s both}
.ffq-tword b{color:var(--a);margin-left:.28em}
.ffq-trule{width:56px;height:2px;border:0;background:var(--a);margin:34px 0;animation:ffqGrow .8s ease 1.6s both}
@keyframes ffqGrow{from{width:0}to{width:56px}}
@keyframes ffqFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ffq-tl{margin:0;color:#B9C3D3;font-size:clamp(15px,1.4vw,18px);line-height:1.7;animation:ffqFade 1s ease both}
.ffq-tl.l1{font-style:italic;color:#D3DAE6;animation-delay:1.9s}
.ffq-tl.l2{margin-top:10px;animation-delay:2.3s}
.ffq-tl.l3{margin-top:10px;color:#8FA9D6;font-weight:600;animation-delay:2.7s}
.ffq-redact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:40px 0 0;animation:ffqFade 1s ease 3.1s both}
.ffq-redact span{display:block;height:10px;border-radius:2px;background:linear-gradient(90deg,#1B222E,#2A3342,#1B222E);background-size:200% 100%;animation:ffqShimmer 2.6s linear infinite}
@keyframes ffqShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.ffq-tbig{margin:46px 0 0;font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3.4vw,42px);font-weight:600;letter-spacing:-.5px;color:#fff;animation:ffqFade 1.2s ease 3.5s both}
.ffq-tbig em{font-style:normal;color:var(--a2)}
.ffq-tactions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:48px;animation:ffqFade 1s ease 4s both}
.ffq-tactions a{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#9AA6B8;padding:10px 2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.ffq-tactions a:hover{color:#fff;border-bottom-color:var(--a)}
.ffq-tactions a.hl{color:var(--a2)}
.ffq-tactions a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:560px){.ffq-tword{font-size:clamp(26px,8.6vw,36px);letter-spacing:.06em}.ffq-status{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){.ffq-teaser *,.ffq-teaser:after{animation:none!important}}
