.hero{min-height:100vh;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-lg) var(--space-3xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.heroFade{pointer-events:none;z-index:3;background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--bg-primary) 70%, transparent) 55%, var(--bg-primary) 100%);-webkit-backdrop-filter:blur(6px);height:220px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%)}.heroFadeTop{pointer-events:none;z-index:3;background:linear-gradient(to bottom, var(--bg-primary) 0%, var(--bg-primary) 35%, color-mix(in srgb, var(--bg-primary) 70%, transparent) 70%, transparent 100%);-webkit-backdrop-filter:blur(10px);height:260px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#0000 100%)}.heroContent{z-index:2;text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;max-width:900px;display:flex;position:relative}.heroTag{border-radius:var(--radius-full);color:#1d1d1f;opacity:0;isolation:isolate;cursor:pointer;transition:gap .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);background:0 0;border:none;align-items:center;gap:10px;padding:10px 22px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;transform:translateY(20px)}[data-theme=dark] .heroTag{color:#f0f0f2}[data-theme=dark] .heroTagBody{background:#1f1f22}[data-theme=dark] .heroTagArrow{color:#f0f0f2}.heroTagShine{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.heroTagShine canvas{border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}.heroTagBody{border-radius:inherit;pointer-events:none;z-index:1;background:#e8e8ec;position:absolute;inset:1.5px;overflow:hidden}.heroTagBody:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff8c 50%,#0000 65%) 150% 0/250% 100%;position:absolute;inset:0}.heroTag:hover .heroTagBody:before{animation:1.8s cubic-bezier(.22,1,.36,1) sentinelShimmer}@keyframes sentinelShimmer{0%{background-position:105% 0}to{background-position:-15% 0}}.heroTag{transition:gap .5s var(--ease-out-expo), transform .5s var(--ease-out-expo)}.heroTag:hover{gap:12px;transform:translateY(-2px)}.heroTagBody{transition:background .45s var(--ease-out-expo)}.heroTag:hover .heroTagBody{background:#2a2a2f}.heroTagShine{transition:filter .45s var(--ease-out-expo)}.heroTag:hover .heroTagShine{filter:brightness(1.25)saturate(1.15)}.heroTagText{z-index:2;display:inline-block;position:relative}.heroTagArrow{transition:transform .5s var(--ease-out-expo);color:#1d1d1f;z-index:2;display:inline-block;position:relative;transform:translate(0)}.heroTag:hover .heroTagArrow{transform:translate(2px)}.heroTitle{font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);visibility:hidden;text-wrap:balance;font-weight:700}.heroSubtitle{color:#e8e8ec;opacity:0;max-width:580px;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:500;line-height:1.5;transform:translateY(20px)}.heroCtas{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex;transform:translateY(20px)}.heroPrimary{background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-full);transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), opacity .4s ease, gap .5s var(--ease-out-expo);align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex}.heroPrimary:hover{opacity:.95;gap:14px;box-shadow:0 12px 32px #ffffff1f}.heroSecondary{background:linear-gradient(135deg, #ffffff24 0%, #ffffff05 45%, #fff0 60%, #ffffff14 100%), color-mix(in srgb, var(--bg-primary) 6%, transparent);-webkit-backdrop-filter:blur(48px)saturate(200%);color:var(--text-primary);border-radius:var(--radius-full);transition:transform .5s var(--ease-out-expo), border-color .4s ease, background .4s ease, box-shadow .5s var(--ease-out-expo);border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff0d,0 1px 1px #0000000a}.heroSecondary:hover{background:linear-gradient(135deg, #fff3 0%, #ffffff0a 45%, #fff0 60%, #ffffff1f 100%), color-mix(in srgb, var(--bg-primary) 12%, transparent);border-color:#ffffff47;transform:translateY(-2px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001f,inset 1px 0 #ffffff24,inset -1px 0 #ffffff14,0 2px 2px #0000000f}[data-theme=light] .heroSecondary{background:linear-gradient(135deg,#ffffff80 0%,#00000008 45%,#0000 60%,#0000000a 100%),#ffffff59;border-color:#0000001a;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000014,inset 1px 0 #ffffff73,inset -1px 0 #0000000a,0 1px 2px #0000000f}[data-theme=light] .heroSecondary:hover{background:linear-gradient(135deg,#ffffffa6 0%,#0000000d 45%,#0000 60%,#0000000f 100%),#ffffff80;border-color:#00000029;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #0000001a,inset 1px 0 #ffffff80,inset -1px 0 #0000000d,0 2px 4px #00000014}.heroOrb{z-index:0;display:none}.heroBeams{pointer-events:none;z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 70%,#0000 100%)}@media (max-width:768px){.hero{min-height:90vh;padding-top:calc(var(--nav-height) + var(--space-3xl))}.heroCtas{flex-direction:column;width:100%;max-width:320px}.heroPrimary,.heroSecondary{justify-content:center;width:100%}.heroOrb{width:500px;height:500px}.heroSecondary{background:linear-gradient(135deg, #ffffff38 0%, #ffffff0a 45%, #fff0 60%, #ffffff24 100%), color-mix(in srgb, var(--bg-primary) 22%, transparent);border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000024,inset 1px 0 #ffffff2e,inset -1px 0 #ffffff1a,0 1px 2px #0000001a}}
