.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);position:relative;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-16);gap:var(--space-16);align-items:center}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-dim);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-8)}.hero-badge-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-element{opacity:0;transform:translateY(16px);animation:fadeUp .5s ease forwards}.intro-first-load .hero-element:first-child{animation-delay:.95s}.intro-first-load .hero-element:nth-child(2){animation-delay:1.05s}.intro-first-load .hero-element:nth-child(3){animation-delay:1.15s}.intro-first-load .hero-element:nth-child(4){animation-delay:1.25s}.intro-played .hero-element{animation-delay:.1s!important}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-heading);font-size:4rem;font-weight:700;line-height:1.05;margin-bottom:var(--space-6)}.hero-title .accent{color:var(--color-accent)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-10);max-width:480px}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-visual{position:relative;z-index:2;height:480px}.floating-card{position:absolute;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--color-border-dim)}.floating-card-1{top:10%;right:0;width:280px;height:180px;background:var(--color-surface);padding:var(--space-4);animation:float-1 6s ease-in-out infinite}.floating-card-2{top:40%;right:15%;width:240px;height:200px;background:var(--color-surface-2);padding:var(--space-4);animation:float-2 7s ease-in-out infinite;z-index:1}.floating-card-3{bottom:5%;right:5%;width:200px;height:120px;background:var(--color-surface);padding:var(--space-4);animation:float-3 5s ease-in-out infinite}.fc-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.fc-dot{width:8px;height:8px;border-radius:50%}.fc-dot-r{background:#ff5f57}.fc-dot-y{background:#ffbd2e}.fc-dot-g{background:#28ca41}.fc-line{height:6px;background:var(--color-surface-3);border-radius:3px;margin-bottom:var(--space-2)}.fc-line.accent{background:var(--color-accent-dim)}.fc-line.short{width:60%}.fc-line.medium{width:80%}.fc-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3)}.fc-icon-item{aspect-ratio:1;background:var(--color-surface-3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:var(--text-sm)}.fc-bar-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:60px;margin-top:var(--space-3)}.fc-bar{flex:1 1;background:var(--color-accent-dim);border-radius:3px 3px 0 0;min-height:8px}.fc-bar:first-child{height:40%}.fc-bar:nth-child(2){height:70%;background:var(--color-accent)}.fc-bar:nth-child(3){height:55%}.fc-bar:nth-child(4){height:85%;background:var(--color-accent)}.fc-bar:nth-child(5){height:60%}@keyframes float-1{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(0deg)}}@keyframes float-2{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes float-3{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(0deg)}}@media (max-width:1024px){.hero .container{grid-template-columns:1fr;gap:var(--space-12)}.hero-title{font-size:3.5rem}.hero-visual{height:350px}}@media (max-width:768px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-16)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:var(--text-base)}.hero-visual{display:none}}.cta-section{padding:var(--space-24) 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-heading);font-size:3rem;font-weight:700;margin-bottom:var(--space-4)}@media (max-width:1024px){.cta-title{font-size:2.5rem}}@media (max-width:768px){.cta-title{font-size:2rem}}.cta-desc{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.7}