:root{--accent:#0d6efd;--muted:#6c757d}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;background:#f8fafc;color:#0f1724}
a{color:var(--accent)}
/* Navbar */
.navbar .nav-link{color:rgba(15,23,36,.8)}
.navbar .nav-link:hover{color:var(--accent)}
.navbar-brand{font-weight:800}
/* Hero */
.hero{min-height:78vh;display:flex;align-items:center}
.hero .eyebrow{letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--muted);}
.hero-title{font-weight:800;line-height:1.05}
.hero-bg{position:absolute;inset:0;z-index:-1;filter:blur(28px);opacity:.16;background:linear-gradient(120deg,#a8edea,#fed6e3,#cfe9ff);background-size:400% 400%;animation:flow 16s linear infinite;border-radius:1rem;transform:translateZ(0);}
@keyframes flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* Cards and features */
.feature-card{transition:transform .35s ease,box-shadow .35s ease}

.feature-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(13,110,253,.06)}
.avatar{width:88px;height:88px;border-radius:14px;object-fit:cover}
.team-card img{transition:transform .45s ease}
.team-card:hover img{transform:scale(1.04)}
.team-card{border-radius:.85rem}
/* Timeline */
.timeline-item{position:relative;padding-left:2.5rem}
.timeline-item::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--accent);position:absolute;left:0;top:8px}
/* Portfolio */
.portfolio-card{overflow:hidden;border-radius:.75rem}
.portfolio-card img{transition:transform .6s ease}
/* CTA */
.cta-hero{background:linear-gradient(90deg, rgba(13,110,253,.06), rgba(59,130,246,.04));border-radius:.75rem;padding:1.5rem}
footer{background:#0f1724;color:#d1d5db;padding:3rem 0}
/* Animations */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
@media (max-width:575px){.hero{min-height:68vh}.avatar{width:72px;height:72px}}