.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding-top:var(--nav-h);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(0,113,227,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(0,113,227,.04) 0%,transparent 60%);pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(40px,6vw,80px);padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(60px,8vw,100px);width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--container-px);padding-right:var(--container-px)}.hero-content{display:flex;flex-direction:column;gap:24px;max-width:600px}.hero-title{line-height:1.04!important;margin-bottom:0}.hero-name{display:block;background:var(--hero-name-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role-line{display:flex;align-items:baseline;gap:8px;font-size:clamp(22px,3vw,34px);font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}.hero-role-prefix{color:var(--text-secondary)}.hero-role-typed{color:var(--text)}.hero-desc{color:var(--text-secondary);max-width:520px;margin:0}.hero-desc strong{color:var(--text);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-stagger{opacity:0;transform:translateY(20px);transition:none}.hero-stagger.animate{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.hero-visual{position:relative;flex-shrink:0}.hero-img-wrap{position:relative;width:clamp(240px,28vw,360px);height:clamp(240px,28vw,360px)}.hero-img-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid var(--border);animation:rotateRing 12s linear infinite}.ring-2{top:-20px;right:-20px;bottom:-20px;left:-20px;border-style:dashed;opacity:.5;animation-duration:20s;animation-direction:reverse}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--border)}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);cursor:pointer;transition:opacity var(--dur-fast)}.scroll-indicator:hover{opacity:.5}.home-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.section-cta{display:flex;justify-content:center;margin-top:40px}.home-services-section{border-top:1px solid var(--border)}.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-service-item{padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:12px;transition:border-color var(--dur-mid) var(--ease),transform var(--dur-mid) var(--ease)}.home-service-item:hover{border-color:var(--border-hover);transform:translateY(-3px)}.home-service-item .service-icon-wrap{width:48px;height:48px;border-radius:var(--r-md);background:var(--surface-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.home-service-price{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-top:auto}.home-cta-section{border-top:1px solid var(--border)}.home-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:clamp(40px,6vw,64px) 0}@media (max-width: 900px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%;align-items:center;order:2}.hero-visual{display:flex;justify-content:center;order:1}.hero-role-line,.hero-actions,.hero-stats{justify-content:center}.hero-img-wrap{width:220px;height:220px}.home-projects-grid,.home-service-grid{grid-template-columns:1fr}}@media (max-width: 680px){.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;justify-content:center;max-width:280px}}