.hero{min-height:100vh;padding-top:var(--header-height);background:var(--color-bg);transition:background var(--theme-transition);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.mesh-1{background:radial-gradient(at 20% 30%,#f59e0b1f 0%,#0000 50%),radial-gradient(at 80% 20%,#d9770614 0%,#0000 50%);animation:20s ease-in-out infinite alternate meshDrift;position:absolute;inset:-50%}.mesh-2{background:radial-gradient(at 70% 80%,#f59e0b14 0%,#0000 40%),radial-gradient(at 30% 70%,#b453090f 0%,#0000 40%);animation:25s ease-in-out infinite alternate-reverse meshDrift;position:absolute;inset:-50%}@keyframes meshDrift{0%{transform:translate(0)scale(1)}to{transform:translate(5%,3%)scale(1.05)}}.grid-overlay{background-image:linear-gradient(#f59e0b08 1px,#0000 1px),linear-gradient(90deg,#f59e0b08 1px,#0000 1px);background-size:60px 60px;animation:18s linear infinite gridTravel;position:absolute;inset:0;mask-image:radial-gradient(#000 30%,#0000 70%)}@keyframes gridTravel{0%{background-position:0 0}to{background-position:60px 60px}}[data-theme=light] .grid-overlay{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}.orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:#f59e0b26;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:#b453091f;width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-50px}.orb-3{background:#fbbf241a;width:200px;height:200px;animation-delay:-10s;top:50%;left:50%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.hero-content{z-index:1;padding-top:4rem;padding-bottom:4rem;display:block;position:relative}.hero-copy{text-align:center}.hero-badge{color:var(--amber-500);opacity:0;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:9999px;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;animation:.7s ease-out .1s forwards heroReveal,3s ease-in-out 1s infinite badgePulse;display:inline-block}.hero-title{color:var(--color-text);opacity:0;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.15;animation:.85s cubic-bezier(.22,1,.36,1) .25s forwards heroReveal}.hero-title span{background:linear-gradient(135deg, var(--amber-400), var(--amber-600));-webkit-text-fill-color:transparent;background-size:200% 200%;background-clip:text;animation:4s ease-in-out infinite titleShimmer}.hero-description{color:var(--color-text-muted);opacity:0;max-width:600px;margin:0 auto 2.5rem;font-size:1.125rem;animation:.85s cubic-bezier(.22,1,.36,1) .45s forwards heroReveal}@keyframes heroReveal{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 28px #f59e0b33}}@keyframes titleShimmer{0%,to{background-position:0%}50%{background-position:100%}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.hero-features{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:700px;margin:0 auto;display:flex}.hero-showcase{perspective:1200px;opacity:0;width:min(100%,1120px);min-height:590px;margin:3.5rem auto 0;animation:1s cubic-bezier(.22,1,.36,1) .45s forwards showcaseReveal;position:relative}.showcase-glow{filter:blur(45px);background:radial-gradient(circle,#f59e0b42,#2563eb1a 45%,#0000 72%);border-radius:50%;animation:5s ease-in-out infinite showcaseGlow;position:absolute;inset:15% 10%}.showcase-card{isolation:isolate;background:#07111f;border:1px solid #f59e0b59;border-radius:1rem;margin:0;position:absolute;overflow:hidden;box-shadow:0 22px 65px #0006,0 0 35px #f59e0b14}.showcase-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 28% 70%,#f59e0b24);position:absolute;inset:0}.showcase-card img{object-fit:cover;width:100%;height:100%}.showcase-card figcaption{z-index:2;backdrop-filter:blur(12px);color:#f8fafc;background:#030a14c7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.72rem;font-weight:600;display:flex;position:absolute;bottom:.75rem;left:.75rem}.showcase-card figcaption span{color:var(--amber-400);font-weight:800}.showcase-main{z-index:2;animation:7s ease-in-out infinite cardFloatMain;inset:55px 35px 80px;transform:rotateY(-4deg)rotateX(2deg)}.showcase-database{z-index:3;width:45%;height:190px;animation:6s ease-in-out infinite cardFloatTop;top:0;right:0;transform:rotate(3deg)}.showcase-methodology{z-index:4;width:49%;height:200px;animation:6.5s ease-in-out infinite cardFloatBottom;bottom:0;left:0;transform:rotate(-3deg)}@keyframes showcaseReveal{0%{opacity:0;transform:translate(35px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes showcaseGlow{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes cardFloatMain{0%,to{transform:rotateY(-4deg)rotateX(2deg)translateY(0)}50%{transform:rotateY(-2deg)rotateX(1deg)translateY(-8px)}}@keyframes cardFloatTop{0%,to{transform:rotate(3deg)translate(0)}50%{transform:rotate(1deg)translate(-5px,-8px)}}@keyframes cardFloatBottom{0%,to{transform:rotate(-3deg)translate(0)}50%{transform:rotate(-1deg)translate(6px,8px)}}.hf-item{color:var(--color-text);opacity:0;cursor:default;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:9999px;align-items:center;gap:.625rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;transition:transform .3s,box-shadow .3s,background .3s;animation:.6s ease-out forwards hfFadeIn;display:flex}.hf-item:first-child{animation-delay:.65s}.hf-item:nth-child(2){animation-delay:.8s}.hf-item:nth-child(3){animation-delay:.95s}.hf-item:nth-child(4){animation-delay:1.1s}.hf-item:hover{background:#f59e0b24;transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b26}.hf-icon{width:28px;height:28px;color:var(--amber-500);background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s,background .3s;display:flex}.hf-item:hover .hf-icon{background:#f59e0b40;transform:scale(1.15)rotate(-8deg)}@keyframes hfFadeIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=768px){.hero-title{font-size:clamp(2.7rem,4.5vw,3.75rem)}.hero-features{gap:1.25rem}.hf-item{padding:.75rem 1.5rem;font-size:.9375rem}}@media (width>=1100px){.hero-showcase{min-height:640px}.showcase-main{inset:50px 45px 85px}.showcase-database{width:44%;height:230px}.showcase-methodology{width:47%;height:240px}}@media (width<=767px){.hero-content{padding-top:6rem}.hero-showcase{min-height:360px}.showcase-main{inset:45px 10px 65px}.showcase-database{width:48%;height:110px}.showcase-methodology{width:52%;height:115px}}