/* SeeYourSite.vip shared landing styles */
:root {--navy:#18212e;--navy-light:#263548;--gold:#d7b576;--gold-light:#f0dcad;--cream:#faf7f0;--white:#fff;--text:#263140;--muted:#667180;--border:#e6e2d9;--shadow:0 10px 35px rgba(24,33,46,.08);--max:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;font:400 16px/1.7 'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{line-height:1.17}
h1{font-size:clamp(2.5rem,5vw,4.5rem)}
h2{font-size:clamp(2rem,3.3vw,2.8rem)}
h3{font-size:1.5rem}
h4{font-size:1.5rem}
.container{width:min(92%,var(--max));margin:auto}
.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:500}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.13);z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:21px}
.site-logo{font-size:1.5rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap;color:#fff}
.site-logo span{color:var(--gold)}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px 18px;flex-wrap:wrap}
.main-nav a{color:#e3e7ec;font-size:.83rem;font-weight:700;white-space:nowrap}
.main-nav a:hover{color:var(--gold)}
.eyebrow{color:var(--gold);font-size:.73rem;font-weight:800;letter-spacing:.18em;margin-bottom:20px}
.hero{background:radial-gradient(circle at 90% 15%,rgba(215,181,118,.13),transparent 38%),linear-gradient(135deg,var(--navy),var(--navy-light));color:white;text-align:center;padding:102px 0 112px}
.hero-content{max-width:850px}
.hero h1{margin-bottom:24px}
.hero-description{color:#d9dfe6;font-size:1.12rem;line-height:1.85;max-width:720px;margin:0 auto 33px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:6px;font-size:.94rem;font-weight:800;line-height:1.3;text-align:center;transition:transform .2s,background-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--gold);color:var(--navy);border:2px solid var(--gold)}.btn-primary:hover{background:var(--gold-light)}
.btn-outline{border:2px solid var(--navy);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:white}
.design-section{padding:91px 0 107px}.section-heading{text-align:center;max-width:780px;margin:0 auto 51px}.section-heading .eyebrow{color:#8b6934}.section-heading h2{margin-bottom:17px;color:var(--navy)}.section-heading>p:last-child{color:var(--muted);margin-bottom:0}
.design-group{margin:0 0 43px}.design-group:last-child{margin-bottom:0}.design-group__heading{display:flex;align-items:baseline;gap:16px 32px;justify-content:space-between;margin:0 0 17px;padding-bottom:14px;border-bottom:1px solid #d7d3cb}.design-group__heading h3{color:var(--navy);margin:0}.design-group__heading p{color:var(--muted);margin:0;font-size:.9rem}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.design-card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.design-card:hover{transform:translateY(-4px);box-shadow:0 17px 36px rgba(24,33,46,.14)}
.design-card-top{background:var(--navy);border-bottom:4px solid var(--gold);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:82px}
.design-number{font-size:2.1rem;line-height:1;font-weight:800;color:var(--gold)}
.design-tag{border:1px solid rgba(240,220,173,.5);color:var(--gold-light);font-size:.75rem;border-radius:100px;padding:6px 12px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.palette-dot{height:12px;width:12px;display:inline-block;border-radius:50%;border:1px solid rgba(255,255,255,.4)}
.design-card-body{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:26px 28px 29px}
.design-card h4{margin:0 0 3px;color:var(--navy)}.design-subtitle{margin:0 0 15px;color:#8b6934;font-size:.87rem;font-weight:800}
.design-description{flex:1;color:var(--muted);margin:0 0 23px;font-size:.95rem}.design-card .btn{width:100%}
.feedback-section{text-align:center;background:#fff;border-top:1px solid var(--border);padding:84px 0 95px}.feedback-content{max-width:760px}.feedback-content .eyebrow{color:#8b6934}.feedback-content h2{margin-bottom:24px;color:var(--navy)}.feedback-content>p:not(.eyebrow){margin-bottom:26px;color:var(--muted);font-size:1.02rem}
.site-footer{background:var(--navy);color:white;padding:42px 0}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-inner strong{font-size:1.35rem;color:var(--gold)}.footer-inner p{color:#c1cbd5;font-size:.86rem;margin:9px 0 0}.footer-credit{text-align:right;max-width:460px}.footer-credit a{color:var(--gold);font-weight:800}.footer-credit .disclaimer{font-size:.75rem;color:#aeb8c4}
@media(max-width:980px){.header-inner{flex-direction:column}.main-nav{justify-content:center}.hero{padding:80px 0 90px}}
@media(max-width:650px){html{scroll-padding-top:155px}.header-inner{padding:13px 0;gap:10px}.site-logo{font-size:1.4rem}.main-nav{gap:6px 13px}.main-nav a{font-size:.75rem}.hero{padding:68px 0 74px}.hero-description{font-size:1rem}.design-section{padding:67px 0 74px}.design-grid{grid-template-columns:1fr}.design-group__heading{flex-direction:column;gap:2px}.design-card-body{padding:23px}.feedback-section{padding:68px 0 74px}.footer-inner{flex-direction:column;text-align:center;align-items:center;gap:19px}.footer-credit{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}