.hero{min-height:640px;background:linear-gradient(115deg,rgba(7,47,95,.96),rgba(12,92,168,.75)),url('/assets/img/website-design-team.jpg') center/cover;display:flex;align-items:center;color:#fff;overflow:hidden;position:relative}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);animation:float 6s ease-in-out infinite}.hero:before{width:260px;height:260px;background:rgba(87,199,255,.2);right:8%;top:13%}.hero:after{width:130px;height:130px;background:rgba(57,168,82,.2);right:28%;bottom:12%;animation-delay:-2s}.hero-content{position:relative;z-index:2;max-width:var(--max);width:min(var(--max),calc(100% - 48px));padding:78px 0;margin-left:auto;margin-right:auto}.hero-content>*{max-width:760px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#84dcff}.hero h1,.page-hero h1{font-size:clamp(48px,5.5vw,76px);font-weight:600;line-height:1.06;margin:12px 0 22px}.hero p{font-size:20px;font-weight:400;max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.actions .btn{min-width:170px}.section{padding:88px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:820px;margin-bottom:42px}.section-head h2{font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.12;margin:8px 0 16px;color:var(--navy)}.dark .section-head h2{color:#fff}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #dbe7f2;border-radius:22px;padding:30px;box-shadow:0 10px 30px rgba(7,47,95,.07);transition:.3s}.card:hover{transform:translateY(-9px);border-color:var(--green);box-shadow:0 22px 50px rgba(7,47,95,.16)}.card h3{color:var(--navy);margin-top:0;font-weight:600}.icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--sky),#c8efff);display:grid;place-items:center;font-size:26px;margin-bottom:20px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.split img{border-radius:28px;box-shadow:0 24px 60px rgba(7,47,95,.18)}.page-hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:110px 0 90px;position:relative;overflow:hidden}.page-hero:after{content:"</>";position:absolute;right:7%;top:15%;font-size:170px;font-weight:700;color:rgba(255,255,255,.07);animation:float 5s ease-in-out infinite}.content h2{color:var(--navy);font-size:38px;font-weight:600;margin-top:45px}.content h3{color:var(--blue);font-size:26px;font-weight:600}.content li{margin:7px 0}.blog-card img{height:220px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:20px}.cta{background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:28px;padding:46px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;font-size:38px;font-weight:600}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(2deg)}}.reveal{opacity:0;transform:translateY(26px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.hero{min-height:590px}.hero-content{width:min(100% - 36px,var(--max));padding:66px 0}}@media(max-width:620px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:70px 0}.hero h1,.page-hero h1{font-size:44px}.hero p{font-size:18px}.cta{flex-direction:column;align-items:flex-start}}