/* 2026-10-19 PREVIEW: Team Avenue brand layer (black / red / white). Loads last. */
:root{--ta-red:#e10600;--ta-red-2:#ff2a2a}
/* Wordmark: TAP IN-style bold italic white + red, speed stripes */
.ta-wm{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.1em .35em;font:italic 800 clamp(1.15rem,3.2vw,1.9rem)/1 var(--font-display,"Inter",sans-serif);letter-spacing:.01em;text-transform:uppercase;transform:skewX(-6deg)}
.ta-wm-w{color:#fff}.ta-wm-r{color:var(--ta-red)}
.ta-stripes{display:inline-flex;gap:4px;margin-left:.35em;align-self:center}
.ta-stripes i{display:block;height:5px;width:30px;background:var(--ta-red);transform:skewX(-30deg);border-radius:1px}
.ta-stripes i:nth-child(2){width:22px;opacity:.8}.ta-stripes i:nth-child(3){width:14px;opacity:.6}
/* Brand band before every footer */
.ta-band{background:linear-gradient(100deg,#000 0%,#0b0b0b 55%,#2a0000 100%);border-top:3px solid var(--ta-red);border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.ta-band:after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:180px;background:repeating-linear-gradient(110deg,transparent 0 18px,rgba(225,6,0,.55) 18px 30px);opacity:.5;pointer-events:none}
.ta-band-in{max-width:1180px;margin:0 auto;padding:28px 20px;display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.ta-band-mark{width:64px;height:64px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ta-red)}
.ta-band-copy{flex:1;min-width:0}.ta-band-tag{margin:.45rem 0 0;color:#cfcfcf;font-size:.95rem}
.ta-band-btn{flex:none}
@media (max-width:640px){.ta-band-in{flex-wrap:wrap;padding:24px 18px 28px}.ta-band-btn{width:100%;justify-content:center}.ta-band:after{width:90px;opacity:.35}}
/* Kickers: speed-stripe prefix */
.vx-kicker,.kicker,.cs-eyebrow,.fs-kicker{font-style:italic;font-weight:800!important;letter-spacing:.12em;color:var(--ta-red)!important}
.vx-kicker:before,.kicker:before,.cs-eyebrow:before{content:"";display:inline-block;width:26px;height:4px;margin-right:.55em;vertical-align:middle;background:linear-gradient(90deg,var(--ta-red) 0 55%,transparent 55% 65%,var(--ta-red) 65% 82%,transparent 82% 88%,var(--ta-red) 88%);transform:skewX(-30deg)}
/* Hero + section headings: bold italic, red underline stripe */
.vx-hero h1,.page-hero h1,.cs-hero h1,.cs-title,.fs-hero h1{font-style:italic;font-weight:800;letter-spacing:-.005em}
.vx-section h2,.section-head h2,.cs-h,.fs-section h2{font-style:italic;font-weight:800}
.section-head h2:after,.vx-section > .wrap > h2:after{content:"";display:block;width:64px;height:4px;margin-top:.6rem;background:var(--ta-red);transform:skewX(-30deg)}
.page-hero,.cs-hero{border-bottom:3px solid var(--ta-red)}
/* Dividers between sections */
.vx-section + .vx-section,.section + .section{border-top:1px solid rgba(225,6,0,.22)}
/* CTA buttons: one consistent red */
.btn-primary{background:linear-gradient(135deg,#ff2a2a,#e10600 55%,#a10000)!important;border-color:transparent!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(135deg,#ff4a3d,#c00500 55%,#8a0000)!important;color:#fff!important}
.btn-ghost{border-color:rgba(255,255,255,.7)}
/* Footer */
.site-footer{border-top:3px solid var(--ta-red)}
@media (prefers-reduced-motion:reduce){.ta-wm{transform:none}}
.page-hero,.cs-hero{position:relative}
.page-hero > .wrap:before,.cs-hero > .wrap:before{content:"";display:block;width:52px;height:52px;margin-bottom:.9rem;background:url(/public/brand/ta-orig-160.png) center/contain no-repeat;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #e10600}
.page-hero:has(.tapin-logo) > .wrap:before,.fs-hero > .wrap:before{display:none}
/* Branded panel (replaces AI art on live pages) */
.ta-bpanel{position:relative;aspect-ratio:16/9;width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(120deg,#000 0%,#111 58%,#3a0000 100%);border:1px solid rgba(225,6,0,.45);display:grid;place-items:center}
.ta-bpanel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 26px,rgba(225,6,0,.16) 26px 34px);pointer-events:none}
.ta-bp-mark{position:relative;width:clamp(56px,14%,96px);height:auto;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 5px #e10600,0 10px 30px rgba(0,0,0,.6)}
.ta-bp-stripes{position:absolute;left:18px;top:18px;display:flex;gap:5px}.ta-bp-stripes i{display:block;width:34px;height:6px;background:#e10600;transform:skewX(-30deg)}.ta-bp-stripes i:nth-child(2){width:24px;opacity:.8}.ta-bp-stripes i:nth-child(3){width:14px;opacity:.6}
.ta-bp-label{position:absolute;right:16px;bottom:14px;font:italic 800 .9rem/1 var(--font-display,"Inter",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:.35rem .6rem;border-left:3px solid #e10600;background:rgba(0,0,0,.55)}
.tl-panel.ta-bpanel img.ta-bp-mark{width:clamp(56px,16%,96px)!important;height:auto!important;max-width:96px!important;position:relative!important;inset:auto!important;object-fit:contain!important;transform:none!important;opacity:1!important;filter:none!important;aspect-ratio:1/1}
/* SEO FAQ 2026-10-19 */
.seo-faq-item{border-top:1px solid rgba(0,0,0,.15);padding:.8rem 0}.seo-faq-item summary{cursor:pointer;list-style:none}.seo-faq-item summary h3{display:inline;font-size:1.05rem;margin:0}.seo-faq-item summary::after{content:" +";color:#e10600;font-weight:700}.seo-faq-item[open] summary::after{content:" –"}.seo-faq-item p{margin:.5rem 0 0}
/* 2026-10-19 (Thomari): hero TA panel title smaller + responsive, no clipping on phones */
.hx h1{font-size:clamp(2.4rem,5.2vw,5.4rem);line-height:.92;max-width:100%;overflow-wrap:anywhere;padding-right:.15em}
.hx h1 .hx-l{white-space:nowrap}
@media(max-width:699px){.hx h1{font-size:clamp(1.75rem,9vw,2.3rem);line-height:.95;margin-bottom:1rem}.hx .hx-copy .hx-mark{width:80px;height:80px;margin-bottom:.9rem}}
@media(max-width:340px){.hx h1 .hx-l{white-space:normal}}
/* 2026-10-19 PREVIEW: concept-image tag + red HUD glow on tech cards */
.tl-concept{position:relative;overflow:hidden;border:1px solid rgba(225,6,0,.5);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 28px rgba(225,6,0,.22)}
.tl-concept .tl-br{border-color:#e10600!important}
.tl-concept:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.45))}
.tl-concept-tag{position:absolute;right:10px;top:10px;z-index:3;font:600 .62rem/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:.3rem .45rem}
/* 2026-10-19: email address under mail buttons, never breaks */
.mail-addr{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;font-size:clamp(.8rem,3.6vw,.95rem);letter-spacing:.01em;margin:.6rem 0 0;opacity:.85;user-select:all}
/* 2026-10-19 (Thomari): partner strip, dark TA treatment, logos always on solid white cards */
.tp-strip{background:#0b0b0b!important;border-top:3px solid #e10600;color:#fff}
.tp-strip h2{color:#fff!important}.tp-strip .tp-eyebrow{color:#e10600!important}.tp-strip .tp-eyebrow:before{background:#e10600!important}
.tp-strip .tp-btn{background:#e10600!important;color:#fff!important;border-color:#e10600!important}
.tp-strip .tp-card{background:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-top:3px solid #e10600!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important}
.tp-strip .tp-card img{opacity:1!important;filter:none!important}
.tp-strip-list{-webkit-mask-image:none!important;mask-image:none!important}