/*
Theme Name: Shortlisted HiFi V5.2 Stable
Theme URI: https://example.com/
Author: OpenAI
Description: Custom editable WordPress theme for Shortlisted, based on supplied HiFi wireframes.
Version: 5.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: shortlisted-hifi
*/

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root{--red:#7a0000;--cream:#f4ece3;--blue:#213e62;--ink:#111;--white:#fff;--line:#d8c6b8;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf7f2;color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-shell{min-height:100vh}.container{width:min(1380px,calc(100% - 64px));margin:0 auto}

/* LANDING */
.landing-page{min-height:100vh;background:radial-gradient(circle at center,#fffaf5 0%,#f4ece3 65%,#efe4d9 100%);position:relative;overflow:hidden}.landing-logo{position:absolute;top:40px;left:50px;z-index:2;font-family:'Big Shoulders Display',sans-serif;font-size:43px;line-height:1;font-weight:800;color:var(--red);letter-spacing:.5px}.landing-main{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-inner{text-align:center;width:min(980px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-title{margin:0;font-family:'Big Shoulders Display',sans-serif;font-size:clamp(110px,17vw,270px);line-height:.78;font-weight:800;letter-spacing:-.04em;color:var(--red);text-transform:uppercase;text-shadow:0 10px 18px rgba(122,0,0,.10)}...landing-copy {
    max-width: 700px;
    margin: 58px auto 0;
    color: #14253b;
    font-size: clamp(20px, 2.1vw, 34px);
    line-height: 1.45;
}

.landing-copy p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.landing-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-top: 48px;
    min-width: min(620px, 90vw);
    padding: 28px 44px;
    border-radius: 24px;
    background: #7a0000;
    color: #fff;
    font-size: clamp(18px, 1.5vw, 28px);
    font-weight: 800;
    text-decoration: none;
    box-shadow: none;
    transition: 0.2s ease;
}

.landing-cta:hover {
    transform: translateY(-2px);
    background: #213e62;
    color: #fff;
    box-shadow: none;
}

.landing-cta .arrow {
    font-size: 1.45em;
    font-weight: 400;
}.landing-copy {
    max-width: 700px;
    margin: 38px auto 0;
    color: #14253b;
    font-size: clamp(20px, 2.1vw, 34px);
    line-height: 1.45;
    font-weight: 400;
    text-align: center;
}
/* MAIN HEADER */
.site-header{height:84px;background:#fffaf6;display:flex;align-items:center;position:relative;z-index:20}.header-inner{width:min(1380px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-lockup{display:block}.brand-title{font-family:'Big Shoulders Display',sans-serif;font-size:48px;line-height:.88;font-weight:800;color:var(--red);text-transform:uppercase}.brand-tagline{margin-top:4px;color:#0b2342;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:48px;align-items:center}.primary-nav a{color:#000;font-size:15px;font-weight:700;text-transform:uppercase;position:relative;padding:30px 2px 20px}.primary-nav .current-menu-item a:after,.primary-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--red)}

/* HOME */
.home-hero{display:grid;grid-template-columns:38% 62%;min-height:386px;background:#f7efe8}.home-hero-copy{padding:34px 46px 28px max(42px,calc((100vw - 1380px)/2 + 18px));display:flex;flex-direction:column;justify-content:center}.home-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,4vw,62px);line-height:.92;margin:0}.home-title .red{color:#92231e}.home-title .blue{color:#17375e}.mini-rule{width:58px;height:2px;background:var(--red);margin:23px 0 18px}.home-intro{font-size:16px;line-height:1.6;max-width:440px}.feedback-card{border:1px solid #d9aa98;border-radius:5px;padding:14px 18px;margin-top:20px;display:flex;align-items:center;gap:16px;max-width:460px}.feedback-icon{width:56px;height:56px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--red);flex:0 0 auto}.feedback-card strong{color:var(--red)}.home-hero-image{min-height:386px;background-size:cover;background-position:center}
.section-label{text-align:center;color:#17375e;font-weight:800;font-size:18px;text-transform:uppercase;padding-top:14px}.section-label:after{content:"";display:block;width:40px;height:2px;background:var(--red);margin:7px auto 0}
.services-strip{background:#fbf6f1;padding:0 0 22px}.services-grid{width:min(1260px,calc(100% - 64px));margin:10px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}.service-item{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:0 38px;align-items:center}.service-item+.service-item{border-left:1px solid #d9c8bc}.service-icon{width:64px;height:64px;border-radius:50%;background:#efe2d8;display:grid;place-items:center;color:var(--red);font-size:28px}.service-item h3{margin:0 0 8px;color:#17375e;font-size:17px}.service-item p{margin:0;font-size:14px;line-height:1.55}
.why-section{background:linear-gradient(135deg,#0d2944,#06223b 58%,#173f5c);color:#fff;padding:22px 0}.why-grid{width:min(1380px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:31% 38% 31%;align-items:center}.why-copy{padding:0 24px}.why-copy h2{font-size:22px;margin:0 0 10px;text-transform:uppercase}.why-copy h2:after{content:"";display:block;width:54px;height:2px;background:var(--red);margin-top:7px}.why-point{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;margin:10px 0}.why-icon{width:58px;height:58px;border-radius:50%;background:#9f0000;border:1px solid #fff;display:grid;place-items:center;font-size:25px}.why-point h3{font-size:18px;margin:0 0 2px}.why-point p{font-size:14px;line-height:1.4;margin:0}.chess-image{min-height:248px;background-size:cover;background-position:center;border-left:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8)}.quote-box{padding:0 38px}.quote-icon{width:58px;height:58px;border-radius:50%;background:#9f0000;border:1px solid #fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:34px}.quote-text{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,2.3vw,42px);line-height:1.15;margin:12px 0}.quote-rule{width:54px;height:2px;background:var(--red)}
.stats-strip{background:#fbf6f1;padding:24px 0}.stats-grid{width:min(1320px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center;padding:0 28px}.stat+.stat{border-left:1px solid #d9c8bc}.stat-icon{font-size:48px;color:#17375e;text-align:center}.stat-text{font-size:15px;line-height:1.45;text-transform:uppercase}
.site-footer{background:#213e62;color:#fff;padding:28px 0}.footer-inner{width:min(1320px,calc(100% - 64px));margin:0 auto;font-size:14px}
.page-content{width:min(980px,calc(100% - 48px));margin:70px auto;min-height:50vh}.page-content h1{font-family:'Big Shoulders Display';font-size:70px;color:var(--red)}

@media(max-width:900px){.landing-logo{top:28px;left:26px;font-size:34px}.landing-main{padding:86px 22px 28px}.landing-title{font-size:clamp(84px,22vw,160px)}.landing-copy{margin-top:34px}.site-header{height:auto;padding:18px 0}.header-inner{align-items:flex-start}.primary-nav ul{gap:18px;flex-wrap:wrap;justify-content:flex-end}.primary-nav a{padding:10px 0}.home-hero{grid-template-columns:1fr}.home-hero-copy{padding:38px 28px}.home-hero-image{min-height:320px}.services-grid,.why-grid,.stats-grid{grid-template-columns:1fr}.service-item+.service-item,.stat+.stat{border-left:0;border-top:1px solid #d9c8bc}.service-item,.stat{padding:22px 10px}.chess-image{min-height:280px;border:0}.quote-box{padding:30px 20px}.why-copy{padding:20px}.brand-title{font-size:38px}}
@media(max-width:560px){.container,.header-inner,.services-grid,.why-grid,.stats-grid,.footer-inner{width:min(100% - 28px,1380px)}.landing-title{font-size:82px}.landing-copy{font-size:20px}.landing-cta{min-width:0;width:100%;padding:20px 18px;font-size:17px;gap:12px}.header-inner{flex-direction:column}.primary-nav ul{justify-content:flex-start}.home-title{font-size:44px}.service-item{grid-template-columns:56px 1fr}.service-icon{width:50px;height:50px}.stat{grid-template-columns:56px 1fr}}
