.web-hero{padding:95px 7%;color:#fff;text-align:center;background:radial-gradient(circle at 85% 20%,rgba(29,168,221,.28),transparent 34%),linear-gradient(135deg,#06233a,#0b5d8e 65%,#1f6f34)}
.web-hero-inner{max-width:980px;margin:0 auto}.web-hero h1{font-size:clamp(2.8rem,5vw,5.3rem);line-height:.95;letter-spacing:-.05em;margin-bottom:22px}.web-hero p{max-width:820px;margin:0 auto 30px;color:#e4f4fb;font-size:1.18rem}.web-actions{display:flex;flex-wrap:wrap;gap:14px}.web-actions.center,.web-hero .web-actions{justify-content:center}
.web-feature-grid,.web-package-grid,.process-grid,.portfolio-grid{max-width:1180px;margin:0 auto;display:grid;gap:22px}.web-feature-grid{grid-template-columns:repeat(3,1fr)}.web-feature-card,.web-package-card,.process-step,.portfolio-card{background:#fff;border:1px solid #d9e8ef;border-radius:28px;padding:30px;box-shadow:0 14px 40px rgba(6,35,58,.08);transition:.25s ease}.web-feature-card:hover,.web-package-card:hover,.process-step:hover,.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(6,35,58,.16)}.web-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#e9f6fb;color:#0b5d8e;font-size:1.6rem;margin-bottom:18px}.web-feature-card h3,.web-package-card h3,.process-step h3,.portfolio-card h3{color:#06233a;font-size:1.35rem;margin-bottom:12px}.web-feature-card p,.web-package-card li,.process-step p,.portfolio-card p{color:#5e7181}
.web-packages-section,.web-portfolio,.web-cta{background:#f3f8fb}.web-package-grid{grid-template-columns:repeat(3,1fr)}.web-package-card{text-align:center}.web-package-card.featured{border:2px solid #1f6f34;transform:translateY(-8px)}.package-label{display:inline-block;background:#e9f6fb;color:#0b5d8e;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.web-price{color:#1f6f34;font-size:3.1rem;font-weight:900;line-height:1;margin:14px 0 20px}.web-package-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.web-package-card li::before{content:"✓ ";color:#1f6f34;font-weight:900}
.process-grid{grid-template-columns:repeat(4,1fr)}.process-step span{width:46px;height:46px;display:grid;place-items:center;background:#1f6f34;color:#fff;border-radius:999px;font-weight:900;margin-bottom:16px}.portfolio-grid{grid-template-columns:repeat(4,1fr)}.web-care{background:#fff}.web-care-card{max-width:1050px;margin:0 auto;background:linear-gradient(135deg,#06233a,#0b5d8e);color:#fff;border-radius:38px;padding:50px;box-shadow:0 24px 70px rgba(6,35,58,.18);display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.web-care-card h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.04em;margin-bottom:18px}.web-care-card p{color:#e4f4fb;font-size:1.1rem}.care-price-box{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:30px;text-align:center}.care-price-box span{display:block;font-weight:900;margin-bottom:12px}.care-price-box strong{display:block;font-size:2.5rem;margin-bottom:10px}.web-cta-card{max-width:900px;margin:0 auto;text-align:center;background:#fff;border-radius:34px;padding:48px;box-shadow:0 24px 70px rgba(6,35,58,.14);border:1px solid #d9e8ef}.web-cta-card h2{color:#06233a;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.04em;margin-bottom:16px}.web-cta-card p{color:#5e7181;font-size:1.1rem;margin-bottom:28px}.web-phone{display:inline-block;color:#1f6f34;font-weight:900;font-size:clamp(1.7rem,3vw,2.5rem);text-decoration:none;margin-bottom:22px}
@media(max-width:980px){.web-feature-grid,.web-package-grid,.process-grid,.portfolio-grid,.web-care-card{grid-template-columns:1fr 1fr}.web-package-card.featured{transform:none}}@media(max-width:640px){.web-feature-grid,.web-package-grid,.process-grid,.portfolio-grid,.web-care-card{grid-template-columns:1fr}.web-hero,.section{padding-left:5%;padding-right:5%}.web-care-card,.web-cta-card{padding:32px 22px;border-radius:28px}}
.web-hero .reveal,
.web-intro .reveal,
.web-packages-section .reveal,
.web-process .reveal,
.web-portfolio .reveal,
.web-care .reveal,
.web-cta .reveal {
  opacity: 1 !important;
  transform: none !important;
}


/* Live portfolio profiles */
.portfolio-grid { grid-template-columns: repeat(3, 1fr); }
.portfolio-project { display:flex; flex-direction:column; overflow:hidden; padding:0; }
.portfolio-project > h3,
.portfolio-project > p,
.portfolio-project > a { margin-left:28px; margin-right:28px; }
.portfolio-project > h3 { margin-top:4px; }
.portfolio-project > p:not(.portfolio-category) { flex:1; }
.portfolio-browser { background:#eef5f8; border-bottom:1px solid #d9e8ef; padding:15px 15px 0; }
.portfolio-browser > span { display:inline-block; width:9px; height:9px; border-radius:50%; background:#b8cbd5; margin-right:5px; }
.portfolio-screen { min-height:180px; margin-top:12px; border-radius:18px 18px 0 0; display:flex; flex-direction:column; justify-content:flex-end; padding:24px; color:white; background:linear-gradient(135deg,#06233a,#0b5d8e); }
.portfolio-screen strong { font-size:1.35rem; }
.portfolio-screen small { opacity:.88; margin-top:5px; }
.portfolio-tint .portfolio-screen { background:linear-gradient(135deg,#0c3b63,#3fa8d6); }
.portfolio-cba .portfolio-screen { background:linear-gradient(135deg,#72b9d6,#b5e3ee); color:#173b50; }
.portfolio-photo .portfolio-screen { background:linear-gradient(135deg,#242126,#9c778a); }
.portfolio-category { margin-top:24px; margin-bottom:7px; color:var(--green)!important; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; font-weight:900; }
.portfolio-link { display:inline-flex; align-items:center; justify-content:space-between; margin-top:20px; margin-bottom:28px; color:var(--blue); font-weight:900; text-decoration:none; }
.portfolio-link span { font-size:1.25rem; }
@media (max-width:980px){ .portfolio-grid{grid-template-columns:1fr;} }
/* ===== Featured Portfolio ===== */

.portfolio-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(420px,420px));
    justify-content:center;
    gap:40px;
    margin-top:50px;
}

.portfolio-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    transition:.3s ease;
}

.portfolio-card:hover{
    transform:translateY(-8px);
}

@media(max-width:900px){

.portfolio-grid{
    grid-template-columns:1fr;
    max-width:500px;
    margin:50px auto 0;
}

}

/* Milestone 2 portfolio refinements */
.web-proof{background:#fff}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px}.portfolio-highlights{list-style:none;padding:0;margin:18px 28px 0;display:grid;gap:8px;color:#425c6c}.portfolio-highlights li::before{content:"✓ ";color:#1f6f34;font-weight:900}.portfolio-project>p:not(.portfolio-category){min-height:120px}.portfolio-cba .portfolio-screen{background:linear-gradient(135deg,#6caed0,#d9f1f6);color:#173b50}@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr}.portfolio-project>p:not(.portfolio-category){min-height:auto}}