/* Hero motion is opt-in through JS; content remains visible without it. */
.home-hero { isolation: isolate; }
.home-ambient { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.home-ambient::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgb(var(--aziza-accent) / .055) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--aziza-accent) / .055) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at 77% 40%, #000, transparent 68%); }
.home-orb { position: absolute; width: 640px; height: 640px; border-radius: 50%; }
.home-orb-one { right: -80px; top: -100px; background: radial-gradient(circle, rgb(var(--aziza-accent) / .18), transparent 68%); }
.home-orb-two { right: 20%; bottom: -230px; background: radial-gradient(circle, rgb(56 189 248 / .09), transparent 66%); }
.home-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; background: radial-gradient(380px circle at var(--pointer-x, 70%) var(--pointer-y, 40%), rgb(var(--aziza-accent) / .10), transparent 75%); transition: opacity .5s ease; }
.home-motion-enabled.home-pointer-active::after { opacity: 1; }
.home-motion-enabled .home-orb-one { animation: home-aurora-one 16s ease-in-out infinite alternate; }
.home-motion-enabled .home-orb-two { animation: home-aurora-two 20s ease-in-out infinite alternate; }
.home-motion-enabled .home-title-brand { background: linear-gradient(110deg, var(--home-accent) 20%, #c4b5fd 45%, #a5f3fc 52%, var(--home-accent) 78%); background-size: 260% 100%; background-clip: text; -webkit-background-clip: text; color: transparent; animation: home-brand-light 8s ease-in-out infinite; }
html[data-theme="light"] .home-motion-enabled .home-title-brand { background-image: linear-gradient(110deg, #4f46e5 20%, #7c3aed 45%, #0369a1 52%, #4f46e5 78%); }
.home-hero .hiring-preview { position: relative; transform: perspective(1400px) rotateX(var(--card-rx, 0deg)) rotateY(var(--card-ry, 0deg)); transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; }
.home-hero .hiring-preview::after { content: ''; position: absolute; top: 0; left: 0; width: 70%; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--home-accent), #a5f3fc, transparent); opacity: .75; }
.home-motion-enabled .hiring-preview::after { animation: home-edge-light 7s ease-in-out infinite alternate; }
.home-motion-enabled .preview-spark { animation: home-spark-breathe 4s ease-in-out infinite; }
.home-motion-enabled .preview-status-dot { animation: home-status-pulse 3s ease-out infinite; }
.preview-tabs[data-motion-tabs] { position: relative; isolation: isolate; }
.preview-tab-indicator { position: absolute; pointer-events: none; z-index: -1; border-radius: 5px; border: 1px solid var(--home-line); background: rgb(var(--aziza-card-hi)); box-shadow: 0 2px 7px rgb(0 0 0 / .10); }
.home-motion-enabled .preview-tab-indicator { transition: left .32s cubic-bezier(.16,1,.3,1), width .32s cubic-bezier(.16,1,.3,1), top .2s, height .2s; }
.preview-tabs[data-motion-tabs] button[aria-selected="true"] { background: transparent; border-color: transparent; box-shadow: none; }
.preview-panels.is-switching { overflow: hidden; }
.home-motion-enabled .preview-candidate { transition: background .2s ease, translate .25s ease; border-radius: 6px; }
.home-motion-enabled .home-button { position: relative; overflow: hidden; transition: translate .22s ease, box-shadow .22s ease, background .22s ease; }
.home-motion-enabled .home-button svg { transition: transform .25s ease; }
.home-motion-enabled .home-button-primary::before { content: ''; position: absolute; inset: -60% -20%; pointer-events: none; background: linear-gradient(110deg, transparent 35%, rgb(255 255 255 / .18) 50%, transparent 65%); transform: translateX(-100%); transition: transform .65s ease; }
.home-motion-enabled .home-button:active { translate: 0 0; }
.home-motion-toggle { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--home-line); border-radius: 50%; color: var(--home-muted); background: rgb(var(--aziza-card) / .6); }
.home-motion-toggle:hover { border-color: var(--home-accent); color: var(--home-accent); }
.home-motion-toggle svg { width: 14px; height: 14px; }
.home-motion-toggle[hidden], .home-motion-toggle [hidden] { display: none !important; }
.home-hero:not(.home-motion-enabled) .is-playing .preview-wave i { animation: none; }
.home-motion-suspended *, .home-motion-suspended *::after { animation-play-state: paused !important; }
@media (hover: hover) and (pointer: fine) {
  .home-motion-enabled .hiring-preview:hover { box-shadow: 0 30px 80px rgb(0 0 0 / .21), 0 0 0 7px rgb(var(--aziza-accent) / .055), 0 0 45px rgb(var(--aziza-accent) / .08); }
  .home-motion-enabled .preview-candidate:hover { background: rgb(var(--aziza-accent) / .045); translate: 3px 0; }
  .home-motion-enabled .home-button:hover { translate: 0 -3px; }
  .home-motion-enabled .home-button:hover svg { transform: translateX(3px); }
  .home-motion-enabled .home-button-primary:hover::before { transform: translateX(100%); }
}
@media (max-width: 800px) { .home-orb { width: 420px; height: 420px; } }
@media (pointer: coarse) { .home-motion-toggle { width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) {
  .home-hero *, .home-hero *::after { animation: none !important; transition: none !important; }
  .home-hero .hiring-preview { transform: none; }
}
@media (forced-colors: active) {
  .home-motion-enabled .home-title-brand { color: CanvasText; background: none; }
  .home-ambient, .home-hero::after { display: none; }
  .preview-tab-indicator { border-color: Highlight; }
}
@keyframes home-aurora-one { to { transform: translate(-100px, 70px) scale(1.15); } }
@keyframes home-aurora-two { to { transform: translate(90px, -65px) scale(.85); } }
@keyframes home-brand-light { 0%, 25%, 100% { background-position: 100% 50%; } 65% { background-position: 0% 50%; } }
@keyframes home-edge-light { from { transform: translateX(-35%); } to { transform: translateX(80%); } }
@keyframes home-spark-breathe { 0%, 100% { box-shadow: 0 0 0 0 rgb(var(--aziza-accent) / 0); } 50% { box-shadow: 0 0 24px 4px rgb(var(--aziza-accent) / .13); } }
@keyframes home-status-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgb(var(--aziza-success) / 0); } 30% { box-shadow: 0 0 0 5px rgb(var(--aziza-success) / .12); } 70% { box-shadow: 0 0 0 9px rgb(var(--aziza-success) / 0); } }