/* Selected Option 3: charcoal with mint accents, native page reveal. */
#claralix-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;color:#fff;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#claralix-intro[hidden]{display:none}
html[data-claralix-intro=active]{overflow:hidden}
#claralix-intro .ci-surface{position:absolute;inset:0;background:#171e20}
#claralix-intro .ci-animation{position:absolute;inset:0;display:grid;place-items:center}
#claralix-intro .ci-content{width:min(88%,1050px);height:200px;position:relative}
#claralix-intro .ci-phrase{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font:400 clamp(48px,7.5vw,110px)/1.03 Georgia,serif;letter-spacing:-.05em;opacity:0}
#claralix-intro .ci-phrase em{color:#94dfc0;font-weight:400}
#claralix-intro .ci-track{position:absolute;bottom:-55px;height:1px;background:#ffffff30;left:30%;width:40%}
#claralix-intro .ci-track span{display:block;height:1px;background:#94dfc0;transform:scaleX(0);transform-origin:left}
#claralix-intro .ci-track i{position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#94dfc0;opacity:0}
#claralix-intro .ci-label{position:absolute;left:4%;bottom:30px;font-size:10px;letter-spacing:.17em}
#claralix-intro-skip{position:absolute;right:4%;bottom:18px;min-height:44px;padding:8px 0 8px 15px;border:0;color:inherit;background:transparent;font:12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;display:flex;align-items:center;gap:25px}
#claralix-intro-skip:focus-visible{outline:3px solid #94dfc0;outline-offset:5px}
#claralix-intro.ci-running .ci-one{animation:ci-phrase .95s .1s both}
#claralix-intro.ci-running .ci-two{animation:ci-phrase .95s .85s both}
#claralix-intro.ci-running .ci-three{animation:ci-final 1.1s 1.6s both}
#claralix-intro.ci-running .ci-track span{animation:ci-line 2s .2s linear both}
#claralix-intro.ci-running .ci-track i{animation:ci-travel 2s .2s linear both}
#claralix-intro.ci-running .ci-animation{animation:ci-away .55s 2.55s both}
#claralix-intro.ci-running .ci-surface{animation:ci-reveal 1.2s 2.15s ease-in-out both}
#claralix-intro.ci-running .ci-label,#claralix-intro.ci-running #claralix-intro-skip{animation:ci-away .2s 2.55s both}
@keyframes ci-phrase{0%{opacity:0;transform:translateY(20px)}25%,68%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
@keyframes ci-final{0%{opacity:0;transform:translateY(20px)}25%,100%{opacity:1;transform:translateY(0)}}
@keyframes ci-line{to{transform:scaleX(1)}}
@keyframes ci-travel{0%{opacity:1;left:0}100%{opacity:1;left:100%}}
@keyframes ci-away{to{opacity:0;transform:translateY(-12px)}}
@keyframes ci-reveal{0%{opacity:1}40%{opacity:.9}100%{opacity:0}}
@media(max-width:600px){#claralix-intro .ci-content{height:180px}#claralix-intro .ci-phrase{font-size:54px}#claralix-intro .ci-track{left:20%;width:60%}#claralix-intro .ci-label{left:6%;font-size:9px}#claralix-intro-skip{right:6%}}
@media(prefers-reduced-motion:reduce){#claralix-intro{display:none!important}html[data-claralix-intro]{overflow:auto}html[data-claralix-intro=pending] body{visibility:visible}#claralix-intro *{animation:none!important}}