:root{--wine:#a82d3d;--wine-dark:#8d2535;--ink:#30282d;--muted:#665d62;--peach:#fff0ea;--line:#f0d6d0;--cream:#fffaf7;--footer:#2d1517}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Poppins",sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(168,45,61,.08)}
.nav-container{height:74px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center}.site-logo{width:auto;height:48px}
.site-nav ul{display:flex;align-items:center;gap:29px;list-style:none;margin:0;padding:0}.site-nav a{font-size:13px;font-weight:500;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--wine)}
.site-nav .nav-cta{display:inline-flex;padding:11px 27px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#b63b4c,#9d2939);box-shadow:0 8px 22px rgba(168,45,61,.16)}
.nav-toggle{display:none;border:0;background:none;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--wine-dark)}
.case-hero{overflow:hidden;background:radial-gradient(circle at 17% 13%,#fff 0,transparent 34%),linear-gradient(110deg,#fff8f4 10%,#ffe3da 100%);border-bottom:1px solid #ffe1d8}
.hero-grid{min-height:430px;display:grid;grid-template-columns:1.72fr .72fr;align-items:center;gap:70px;padding-block:55px 45px}
.eyebrow,.case-number{text-transform:uppercase;letter-spacing:.22em;color:var(--wine);font-size:11px;font-weight:700;margin:0 0 17px}
h1,h2{font-family:"Playfair Display",serif;color:var(--wine-dark);line-height:1.11;margin:0}
h1{font-size:clamp(42px,4.1vw,63px);letter-spacing:-.025em}.hero-intro{max-width:740px;margin:18px 0 30px;color:#544b50;font-size:16px;line-height:1.65}
.hero-features{display:flex;align-items:stretch;gap:0}.hero-feature{display:flex;align-items:center;gap:13px;padding:0 27px;border-right:1px solid rgba(168,45,61,.18)}.hero-feature:first-child{padding-left:0}.hero-feature:last-child{border:0}.hero-feature strong,.hero-feature small{display:block;white-space:nowrap}.hero-feature strong{font-size:13px;color:#30272c}.hero-feature small{font-size:11px;color:#766c70}.feature-icon{display:grid;place-items:center;color:var(--wine);font-size:29px;width:34px}.feature-icon.bars{font-size:33px}
.hero-statement{position:relative;justify-self:center;color:#bd4551;font-family:"Segoe Script","Brush Script MT",cursive;font-size:50px;font-weight:300;line-height:1.1;transform:rotate(-5deg)}.hero-statement span{display:block;width:180px;height:9px;border-radius:50%;margin:15px 0 0 25px;background:#f6a15d;transform:rotate(-8deg)}
.case-studies{padding:25px 0 0}.case-row{display:grid;grid-template-columns:minmax(400px,1.22fr) minmax(350px,.88fr) minmax(190px,.4fr);gap:36px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.case-row.reverse{grid-template-columns:minmax(340px,.82fr) minmax(500px,1.4fr);padding-inline:50px 0}.case-row:last-child{border-bottom:0}
.case-visual{min-height:326px;border-radius:13px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 13px 30px rgba(59,33,27,.13)}
.visual-website{background-image:url("../assets/images/case-studies/website-care-dashboard-mockup.png")}.visual-classmate{background-image:url("../assets/images/case-studies/lchs95-event-dashboard-mockup.png")}.visual-wedding{background-image:url("../assets/images/case-studies/wedding-rsvp-dashboard-mockup.png")}
.case-copy h2{font-size:clamp(31px,3vw,43px);letter-spacing:-.02em}.case-copy>p:not(.case-number){margin:14px 0 18px;color:var(--muted);line-height:1.65}.badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.badges span{padding:5px 12px;border-radius:99px;background:#fde8e3;color:#9d2b38;font-size:11px;font-weight:600}
.case-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:205px;padding:12px 24px;border-radius:999px;background:linear-gradient(135deg,#b63a4a,#982838);color:#fff;font-size:13px;font-weight:500;box-shadow:0 8px 20px rgba(168,45,61,.18);transition:transform .2s,box-shadow .2s}.case-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(168,45,61,.25)}
.feature-list{border-left:1px solid var(--line);list-style:none;margin:0;padding:8px 0 8px 27px}.feature-list li{display:flex;align-items:center;gap:13px;margin:0 0 22px;color:#61575d;font-size:13px}.feature-list li:last-child{margin-bottom:0}.feature-list span{width:22px;color:var(--wine);font-size:20px;text-align:center}
.case-cta{text-align:center;background:radial-gradient(circle at 50% 0,#fff 0,transparent 45%),linear-gradient(110deg,#fff1ec,#ffe0d7);padding:48px 0 42px}.case-cta .eyebrow{margin-bottom:10px}.case-cta h2{font-size:clamp(32px,3.2vw,45px)}.case-cta>div>p:not(.eyebrow){max-width:720px;margin:12px auto 17px;color:#685c61}.case-cta .case-button{min-width:240px}
.site-footer{background:var(--footer);color:#fbe3d3}.footer-inner{display:grid;grid-template-columns:minmax(300px,1.9fr) minmax(150px,.75fr) minmax(170px,.75fr);gap:60px;padding:35px 0 27px}.footer-brand{max-width:340px}.footer-logo{height:49px;width:auto;margin-bottom:8px}.footer-brand p{margin:0;color:#f7d7cf;font-size:13px;line-height:1.65}.footer-column{display:flex;flex-direction:column}.footer-heading{margin:4px 0 10px;text-transform:uppercase;letter-spacing:.18em;color:#ffe3d7;font-size:11px}.footer-column a{width:max-content;margin:2px 0;color:#fbe3d3;font-size:12px;opacity:.9}.footer-column a:hover{opacity:1;color:#f7ad87}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);background:#1f0e10;text-align:center;color:#c89a94;font-size:11px;padding:14px 0}
@media(max-width:1050px){.container{width:min(100% - 42px,960px)}.site-nav ul{gap:18px}.site-nav a{font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-statement{display:none}.case-row,.case-row.reverse{grid-template-columns:1.15fr .85fr;padding-inline:0}.case-row .feature-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.case-row.reverse .case-copy{order:1}.case-row.reverse .case-visual{order:2}}
@media(max-width:800px){body.nav-open{overflow:hidden}.nav-toggle{display:block;position:relative;z-index:3}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff;padding:20px 24px 28px;box-shadow:0 12px 24px rgba(45,21,23,.12)}.site-nav.nav-open{display:block}.site-nav ul{align-items:stretch;flex-direction:column;gap:4px}.site-nav a{display:block;padding:10px;font-size:14px}.site-nav .nav-cta{text-align:center;justify-content:center;margin-top:9px}.hero-grid{min-height:auto;padding:54px 0}.hero-features{display:grid;grid-template-columns:1fr;gap:17px}.hero-feature,.hero-feature:first-child{padding:0;border:0}.case-row,.case-row.reverse{grid-template-columns:1fr;gap:27px;padding:35px 0}.case-row.reverse .case-copy{order:2}.case-row.reverse .case-visual{order:1}.case-visual{min-height:330px}.case-row .feature-list{grid-column:auto;grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.site-logo{height:38px}.nav-container{height:64px}.site-nav{top:63px}h1{font-size:38px}.hero-intro{font-size:14px}.case-visual{min-height:225px}.case-copy h2{font-size:31px}.case-row .feature-list{grid-template-columns:1fr}.feature-list li{margin-bottom:13px}.footer-inner{grid-template-columns:1fr;gap:25px}.footer-brand{grid-column:auto}.case-cta{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-button{transition:none}}
.feature-showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin: 100px 0;
}

.feature-showcase.reverse .feature-text {
    order: 1;
}

.feature-showcase.reverse .feature-image {
    order: 2;
}

.feature-image img {
    width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0,0,0,.12);
}

.feature-text h3 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.feature-text p {
    line-height: 1.8;
}

.feature-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:14px;
}

/*New Code*/
.dashboard-highlights{
    background:#fff;
    padding:100px 0;
}

/*.highlight-row{
    display:grid;
    grid-template-columns:55% 45%;
    gap:80px;
    align-items:center;
    margin:120px 0;
}*/

.highlight-row{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.highlight-row.reverse{
    grid-template-columns:45% 55%;
}

.highlight-row.reverse .highlight-image{
    order:2;
}

.highlight-row.reverse .highlight-content{
    order:1;
}

.highlight-image{
    text-align:center;
}

.highlight-image img{
    width:100%;
    max-width:600px;
}
/*.highlight-image img{
    width:90%;
    max-width:650px;
    border-radius:18px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    display:block;
    margin:auto;
}*/

/*.highlight-content{
    max-width:420px;
}*/

.highlight-content h3{
    font-size:2rem;
    margin-bottom:18px;
}

.highlight-content p{
    line-height:1.8;
    color:#555;
}

@media(max-width:991px){

    .highlight-row,
    .highlight-row.reverse{
        grid-template-columns:1fr;
        gap:35px;
    }

    .highlight-row.reverse .highlight-image,
    .highlight-row.reverse .highlight-content{
        order:unset;
    }

}