@theme{ --color-sky-500: #0ea5e9; }:root{--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .16);--accent-ring: rgba(34, 211, 238, .45);--accent-glow: rgba(34, 211, 238, .35)}.accent-text,.accent-hover-text:hover{color:var(--accent)}.accent-border{border-color:var(--accent)}.accent-soft-bg{background:var(--accent-soft)}.accent-focus-ring:focus{outline:none;box-shadow:0 0 0 1px var(--accent-ring)}.accent-cta{border:1px solid var(--accent);color:var(--accent);transition:background-color .2s ease,color .2s ease}.accent-cta:hover{background:var(--accent);color:#0a0a0a}.accent-chip:hover{color:var(--accent);border-color:#22d3ee73;background:#22d3ee14}.accent-hover-fill:hover{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.accent-glow{box-shadow:0 0 14px var(--accent-glow)}.checkmark{width:56px;height:56px;margin:0 auto;stroke:#34d399;stroke-width:2.5;stroke-miterlimit:10}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;animation:checkmark-stroke .6s ease-out forwards}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark-stroke .4s .6s ease-out forwards}@keyframes checkmark-stroke{to{stroke-dashoffset:0}}button{transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:scale(1.03)}.glass{background:#121212b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.glass-surface{background:#12121459;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-card{background:#18181b59;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-outline{border:1px solid rgba(255,255,255,.12)}.glass-tint{background:linear-gradient(135deg,#ffffff0a,#fff0)}@media(max-width:640px){.glass,.glass-surface{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 34px #00000047}}.timeline-indicator{position:absolute;top:8px;left:-24px;height:100%;width:20px;display:flex;justify-content:center}@media(max-width:640px){.timeline-indicator{left:0}}.timeline-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff2e}.timeline-dot{position:absolute;border-radius:999px;background:var(--accent)}.timeline-dot--large{width:10px;height:10px;box-shadow:0 0 14px var(--accent-glow)}.name-glow{text-shadow:0 0 8px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.35),0 0 36px rgba(255,255,255,.2)}.typing-dots{display:inline-flex;gap:6px;align-items:center;height:14px}.typing-dots span{width:6px;height:6px;border-radius:999px;background:#ffffffd9;animation:typing-bounce 1s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.12s}.typing-dots span:nth-child(3){animation-delay:.24s}.menu-toggle{border:1px solid rgba(255,255,255,.14)}.menu-card-enter{animation:menu-fade-in .2s ease-out}.menu-item-row{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 12px;color:#a1a1aa;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;transition:background-color .2s ease,color .2s ease,transform .2s ease}.menu-item-row:hover{color:#fafafa;background:#ffffff14}.menu-item-row--active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #22d3ee40}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-4px);opacity:1}}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-pill{padding:5px 14px;border:1px solid transparent;border-radius:999px;transition:border-color .3s ease,color .3s ease,background-color .3s ease}.nav-pill--active{border-color:#a1a1aa80;color:#fafafa}.star-motif{animation:spin-slow 12s linear infinite;opacity:.45}@keyframes spin-slow{to{transform:rotate(360deg)}}.marquee-band{position:relative}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 28s linear infinite}.marquee-content{white-space:nowrap;font-size:clamp(2.8rem,7vw,6.5rem);color:#27272ab3;letter-spacing:-.02em;line-height:1.1}.marquee-separator{opacity:.4;margin:0 .15em}.marquee-accent{color:#22d3ee2e}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation-play-state:paused}}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;will-change:transform}.particle--diamond{width:12px;height:12px;border:1px solid rgba(255,255,255,.12);transform:rotate(45deg);animation-name:particle-drift-1;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.particle--circle{width:8px;height:8px;border-radius:999px;background:#22d3ee1a;animation-name:particle-drift-2;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.particle--ring{width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.07);animation-name:particle-drift-3;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes particle-drift-1{0%,to{transform:rotate(45deg) translate(0);opacity:.1}25%{transform:rotate(45deg) translate(30px,-20px);opacity:.18}50%{transform:rotate(45deg) translate(-15px,-40px);opacity:.08}75%{transform:rotate(45deg) translate(20px,10px);opacity:.14}}@keyframes particle-drift-2{0%,to{transform:translate(0);opacity:.12}33%{transform:translate(-25px,30px);opacity:.06}66%{transform:translate(20px,-25px);opacity:.16}}@keyframes particle-drift-3{0%,to{transform:translate(0) scale(1);opacity:.08}30%{transform:translate(35px,20px) scale(1.1);opacity:.14}60%{transform:translate(-20px,-30px) scale(.9);opacity:.06}}@media(prefers-reduced-motion:reduce){.particle{animation:none!important;opacity:.08}}.section-title-interlude{font-size:clamp(3.5rem,11vw,9rem);color:#27272a8c;letter-spacing:-.03em;line-height:1;background:linear-gradient(to bottom,#3f3f46b3,#27272a59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-marker{position:absolute;top:.15em;right:-1.8em;font-family:Inter,sans-serif;font-size:.12em;font-style:normal;color:#a1a1aa66;letter-spacing:.05em}.counter-value{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:#fafafa;display:block}.counter-suffix{font-size:.55em;color:var(--accent);vertical-align:super}.counter-label{margin-top:.5rem;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#71717a}
