.hero{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#25c38026 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#25c38014 0%,#0000 40%),radial-gradient(50% 30% at 20% 80%,#25c3800f 0%,#0000 35%);animation:15s ease-in-out infinite heroGradientShift;position:absolute;inset:0}[data-theme=light] .hero:before{background:radial-gradient(80% 50% at 50% -20%,#1a9d631f 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#1a9d630f 0%,#0000 40%),radial-gradient(50% 30% at 20% 80%,#1a9d630a 0%,#0000 35%)}@keyframes heroGradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.hero__orb{filter:blur(60px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero__orb--1{background:var(--accent);width:300px;height:300px;animation:20s ease-in-out infinite float1;top:10%;left:20%}.hero__orb--2{background:var(--accent-hover);width:200px;height:200px;animation:25s ease-in-out infinite float2;bottom:20%;right:15%}@keyframes float1{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,20px)}}@keyframes float2{0%,to{transform:translate(0)}33%{transform:translate(-25px,15px)}66%{transform:translate(15px,-25px)}}.hero__content{z-index:1;text-align:center;max-width:800px;animation:fadeInUp .8s var(--ease) forwards;position:relative}.hero__name{margin-bottom:var(--space-4);background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__role{margin-bottom:var(--space-6);color:var(--text-secondary);font-weight:500}.hero__tagline{max-width:560px;margin:0 auto var(--space-6);font-size:var(--text-lg);color:var(--text-muted)}.hero__proof{justify-content:center;gap:var(--space-2);max-width:680px;margin:0 auto var(--space-8);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero__proof li{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);background:#25c3800f;border:1px solid #25c38047;border-radius:999px;font-weight:500}.hero__ai-expertise{max-width:520px;margin:calc(-1 * var(--space-4)) auto var(--space-8);font-size:var(--text-base);color:var(--text-secondary)}.hero__cta{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero__scroll-hint{bottom:var(--space-8);color:var(--text-muted);transition:color var(--duration-fast) var(--ease);animation:2s infinite bounce;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-hint:hover{color:var(--accent)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero:before,.hero__orb,.hero__scroll-hint{animation:none}}@media (max-width:768px){.hero__name{font-size:var(--text-2xl)}.hero__role{font-size:var(--text-lg)}.hero__tagline{font-size:var(--text-base)}.hero__proof{max-width:340px;margin-bottom:var(--space-6)}.hero__proof li{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.hero__ai-expertise{font-size:var(--text-sm)}}
.app-container{z-index:1;min-height:100vh;position:relative}.skip-to-content{z-index:200;padding:var(--space-4) var(--space-6);background-color:var(--accent);color:var(--bg);border-radius:var(--radius);transition:top var(--duration-fast) var(--ease);font-weight:600;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-to-content:focus{top:var(--space-4);outline:2px solid var(--text);outline-offset:2px}.main-content{padding:var(--space-12) var(--space-6);transition:margin-left var(--duration-base) var(--ease);margin-left:0}.footer{padding:var(--space-8) var(--space-6);text-align:center;border-top:1px solid var(--border);transition:margin-left var(--duration-base) var(--ease);margin-left:0}.footer p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.section--placeholder{opacity:.45;animation:fadeIn var(--duration-slow) var(--ease)}.section__content--placeholder{gap:var(--space-3);display:grid}.placeholder-block{border-radius:calc(var(--radius) / 2);background:var(--surface);border:1px solid var(--border);height:1.25rem}@media (min-width:1025px){.sidebar--visible~.app-container .main-content,.sidebar--visible~.app-container .footer{margin-left:var(--sidebar-width)}}@media (max-width:1024px){.main-content{padding:var(--space-8) var(--space-6)}}@media (max-width:768px){.main-content,.footer{padding:var(--space-6) var(--space-4)}}