/* ============================================================================
ExamBeacon · Home page — STYLES
----------------------------------------------------------------------------
HOW THIS WORKS
Lives in Studio's /public folder and is served statically by Vercel at
https://epp.studio/exambeacon/home-page.css
The Webflow page references that URL in its custom code, so editing this
file + pushing to main updates the live page on the next Vercel deploy —
no Webflow re-publish needed.
SERVES: Home page → exambeacon.com/
REFERENCED IN: Webflow page → Inside tag:
PAIRED WITH: home-page.js
Contains: tab-pane animation, the hero-heading "render immediately" override,
and the school-names marquee styling. The font preconnect/preload s
must stay inline in the Webflow (they can't live in an external file).
============================================================================ */
/* Tab pane animation */
.w-tab-pane{transition:transform 0.4s ease,opacity 0.4s ease;transform:scale(0.97);}
.w-tab-pane.w--tab-active{transform:scale(1);}
/* Hero heading must render immediately — don't wait for GSAP animation */
.banner-heading{opacity:1 !important;visibility:visible !important;transform:none !important;}
/* School-names marquee */
.eb-marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);}
.eb-track>*:nth-child(5n+1) .eb-chip-icon{background:#EC4899;border-radius:50%;} /* circle */
.eb-track>*:nth-child(5n+2) .eb-chip-icon{background:#8B5CF6;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);} /* diamond */
.eb-track>*:nth-child(5n+3) .eb-chip-icon{background:#FB923C;clip-path:polygon(50% 0,100% 100%,0 100%);} /* triangle */
.eb-track>*:nth-child(5n+4) .eb-chip-icon{background:#22C55E;border-radius:2px;} /* square */
.eb-track>*:nth-child(5n+5) .eb-chip-icon{background:#38BDF8;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);} /* pentagon */
@media (max-width:767px){.eb-track{grid-column-gap:36px;}.eb-chip{font-size:16px;}.eb-chip-icon{width:14px;height:14px;}}