.hero{padding:84px 0 35px;background:radial-gradient(circle at 80% 20%,rgba(79,70,229,.2),transparent 34%),radial-gradient(circle at 20% 20%,rgba(55,215,255,.08),transparent 28%),var(--bg)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.05;margin:18px 0 22px}.hero h1 span{background:linear-gradient(90deg,#63b3ff,#8b5cf6);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.hero-proof div{padding:15px;border:1px solid var(--line);background:var(--surface);border-radius:16px;display:flex;flex-direction:column}.hero-proof span{font-size:11px;color:var(--muted)}
.hero-stage{position:relative;min-height:610px}.hero-card{position:absolute;inset:0 90px 0 0;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:32px;box-shadow:var(--shadow)}.hero-card>img{width:100%;height:100%;object-fit:cover;border-radius:22px}.hero-caption{position:absolute;left:30px;right:30px;bottom:30px;padding:14px 16px;background:rgba(8,12,25,.75);backdrop-filter:blur(15px);border-radius:16px;color:#fff;display:flex;flex-direction:column}.hero-dock{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px}.hero-thumb{width:82px;height:102px;border:2px solid transparent;border-radius:16px;padding:0;overflow:hidden;opacity:.55}.hero-thumb.active{opacity:1;border-color:var(--cyan)}.hero-thumb img{width:100%;height:100%;object-fit:cover}
.service-grid,.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.why-card{padding:26px;min-height:250px}.service-card h3,.why-card h3{font-size:20px}.service-card p,.why-card p{color:var(--muted);font-size:13px}.portfolio-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-preview a{position:relative;height:330px;border-radius:20px;overflow:hidden}.portfolio-preview img{width:100%;height:100%;object-fit:cover}.portfolio-preview span{position:absolute;left:14px;right:14px;bottom:14px;padding:12px;background:rgba(8,12,25,.75);color:#fff;border-radius:13px}
.cta{padding:38px 0 85px}.cta-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:42px;background:linear-gradient(135deg,#244be8,#7b3ff2);color:#fff;border-radius:28px}.cta-card h2{font-size:35px;margin:8px 0}.cta-actions{display:flex;gap:10px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.service-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero h1{font-size:39px}.hero-proof{grid-template-columns:1fr 1fr}.hero-stage{min-height:440px}.hero-card{right:0}.hero-dock{display:none}.service-grid,.why-grid,.portfolio-preview{grid-template-columns:1fr}.cta-card{flex-direction:column;align-items:flex-start}.cta-actions{flex-wrap:wrap}}