@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=Source+Sans+3:wght@300;400;500;600&display=swap');

:root {
  --charcoal:#2b2b2b;
  --charcoal-2:#3d3d3d;
  --slate:#5a6472;
  --slate-light:#8a95a0;
  --silver:#b8bfc8;
  --silver-light:#d8dde3;
  --silver-mist:#eceef1;
  --cream:#f5f1eb;
  --cream-dark:#ede8e0;
  --warm-white:#faf9f7;
  --white:#ffffff;
  --accent:#4a7fa5;
  --accent-dark:#2e5f82;
  --accent-light:#ddeaf3;
  --gold:#c9a84c;
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'Source Sans 3',sans-serif;
  --nav-h:80px;
  --max-w:1120px;
  --section-pad:96px 5%;
  --radius:12px;
  --radius-lg:20px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:17px;}
body{font-family:var(--font-body);color:var(--charcoal);background:var(--warm-white);line-height:1.75;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;color:var(--charcoal);}
h1{font-size:clamp(36px,5vw,60px);font-weight:700;}
h2{font-size:clamp(28px,3.5vw,42px);font-weight:500;}
h3{font-size:clamp(20px,2.5vw,26px);font-weight:500;}
h4{font-size:18px;font-weight:500;}
p{color:var(--slate);}

/* ── NAV ── */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);background:var(--warm-white);border-bottom:1px solid var(--silver-light);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 5%;transition:box-shadow 0.3s;}
.site-nav.scrolled{box-shadow:0 2px 24px rgba(43,43,43,0.08);}
.nav-inner{width:100%;max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;}

/* Logo — tight, no gap, tracking pulled in */
.nav-logo{text-decoration:none;display:flex;align-items:center;gap:10px;}
.nav-logo-img{width:58px;height:58px;object-fit:contain;flex-shrink:0;display:block;}
.nav-logo-text{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-0.02em;line-height:1;display:flex;align-items:baseline;gap:0;transform:scaleY(1.8);transform-origin:center 60%;}
.nav-logo-text .s{color:var(--slate-light) !important;}
.nav-logo-text .sp{color:var(--charcoal) !important;}

.nav-links{display:flex;gap:2px;list-style:none;align-items:center;}
.nav-links a{text-decoration:none;font-size:14.5px;font-weight:400;color:var(--slate);padding:6px 11px;border-radius:8px;transition:color 0.2s,background 0.2s;}
.nav-links a:hover{color:var(--charcoal);background:var(--silver-mist);}
.nav-links a.active{color:var(--charcoal);font-weight:500;}
.nav-cta{background:var(--charcoal)!important;color:var(--white)!important;padding:9px 18px!important;border-radius:8px!important;font-weight:500!important;font-size:14px!important;transition:background 0.2s,transform 0.15s!important;}
.nav-cta:hover{background:var(--accent)!important;transform:translateY(-1px)!important;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--charcoal);margin:5px 0;border-radius:2px;transition:all 0.25s;}

/* ── SVG ICON SYSTEM ── */
/* Inline SVG icons replace all emojis site-wide */
.ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.ico svg{width:100%;height:100%;}

/* ── LAYOUT ── */
.page-content{padding-top:var(--nav-h);}
.section{padding:var(--section-pad);}
.section-inner{max-width:var(--max-w);margin:0 auto;}
.section--cream{background:var(--cream);}
.section--mist{background:var(--silver-mist);}
.section--dark{background:var(--charcoal);}
.section--dark h2,.section--dark h3,.section--dark h4{color:var(--warm-white);}
.section--dark p{color:var(--silver-light);}

/* Diagonal section divider */
.section--angled{position:relative;}
.section--angled::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:60px;background:inherit;clip-path:polygon(0 100%,100% 0,100% 100%);}

.eyebrow{display:inline-block;font-family:var(--font-body);font-size:11.5px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--slate);background:var(--silver-mist);padding:5px 14px;border-radius:20px;margin-bottom:18px;}
.section--dark .eyebrow{background:rgba(255,255,255,0.1);color:var(--silver-light);}
.section--cream .eyebrow{background:var(--cream-dark);}

/* ── DECORATIVE ELEMENTS ── */
.deco-line{height:1px;background:linear-gradient(90deg,transparent,var(--silver-light) 30%,var(--silver-light) 70%,transparent);margin:48px 0;}
.deco-line--accent{background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);}
.accent-bar{width:48px;height:3px;background:var(--accent);border-radius:2px;margin:16px 0 28px;}
.accent-bar--gold{background:var(--gold);}

/* Circuit-trace background pattern (SVG data URI) */
.bg-circuit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M10 40h20M50 40h20M40 10v20M40 50v20' stroke='rgba(184,191,200,0.12)' stroke-width='1' fill='none'/%3E%3Ccircle cx='40' cy='40' r='3' fill='none' stroke='rgba(184,191,200,0.12)' stroke-width='1'/%3E%3Ccircle cx='10' cy='40' r='2' fill='rgba(184,191,200,0.08)'/%3E%3Ccircle cx='70' cy='40' r='2' fill='rgba(184,191,200,0.08)'/%3E%3Ccircle cx='40' cy='10' r='2' fill='rgba(184,191,200,0.08)'/%3E%3Ccircle cx='40' cy='70' r='2' fill='rgba(184,191,200,0.08)'/%3E%3C/svg%3E");}

/* ── BUTTONS ── */
.btn{display:inline-block;text-decoration:none;font-family:var(--font-body);font-size:15px;font-weight:500;border-radius:9px;padding:12px 26px;transition:all 0.22s;cursor:pointer;border:none;}
.btn-dark{background:var(--charcoal);color:var(--white);}
.btn-dark:hover{background:var(--charcoal-2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(43,43,43,0.22);}
.btn-outline{background:transparent;color:var(--charcoal);border:1.5px solid var(--charcoal);}
.btn-outline:hover{background:var(--charcoal);color:var(--white);transform:translateY(-2px);}
.btn-accent{background:var(--accent);color:var(--white);}
.btn-accent:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(74,127,165,0.32);}
.btn-ghost{background:rgba(255,255,255,0.1);color:var(--white);border:1px solid rgba(255,255,255,0.28);}
.btn-ghost:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);}
.btn-gold{background:var(--gold);color:var(--charcoal);}
.btn-gold:hover{background:#d9b85e;transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,0.3);}

/* ── CARDS ── */
.card{background:var(--white);border:1px solid var(--silver-light);border-radius:var(--radius-lg);padding:32px;transition:box-shadow 0.3s,transform 0.3s,border-color 0.3s;}
.card:hover{box-shadow:0 12px 40px rgba(43,43,43,0.1);transform:translateY(-3px);border-color:var(--silver);}
.card--cream{background:var(--cream);border-color:var(--cream-dark);}
.card--cream:hover{border-color:var(--silver-light);}
.card--dark{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);}
.card--dark:hover{border-color:rgba(255,255,255,0.2);}
.card--dark h3,.card--dark h4{color:var(--warm-white);}
.card--dark p{color:var(--silver-light);}
.card--featured{border-color:var(--accent);border-width:2px;box-shadow:0 8px 32px rgba(74,127,165,0.12);}

/* ── SERVICE ICON BADGES (SVG-based) ── */
.svc-badge{width:52px;height:52px;border-radius:13px;background:var(--silver-mist);border:1px solid var(--silver-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background 0.2s,transform 0.2s;flex-shrink:0;}
.svc-badge svg{width:26px;height:26px;stroke:var(--slate);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.2s;}
.card:hover .svc-badge{background:var(--accent-light);transform:scale(1.3);}
.card:hover .svc-badge svg{stroke:var(--accent-dark);}

/* ── IMAGE PLACEHOLDERS ── */
.img-placeholder{border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--silver-mist) 0%,var(--cream-dark) 100%);border:2px dashed var(--silver-light);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;}
.img-placeholder::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(184,191,200,0.07) 10px,rgba(184,191,200,0.07) 20px);}
.img-placeholder-inner{position:relative;z-index:1;text-align:center;padding:24px;}
.img-placeholder-icon{margin-bottom:10px;opacity:0.4;}
.img-placeholder-icon svg{width:40px;height:40px;stroke:var(--slate);stroke-width:1.4;fill:none;}
.img-placeholder-label{font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--slate);background:rgba(255,255,255,0.85);padding:6px 14px;border-radius:20px;border:1.5px dashed var(--silver-light);display:inline-block;}
.img-placeholder-sub{font-size:11px;color:var(--slate-light);margin-top:8px;line-height:1.4;}

/* ── FORMS ── */
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--charcoal);margin-bottom:7px;letter-spacing:0.02em;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--silver-light);border-radius:9px;font-family:var(--font-body);font-size:15px;color:var(--charcoal);background:var(--white);outline:none;transition:border-color 0.2s,box-shadow 0.2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,127,165,0.1);}
.form-group textarea{height:100px;resize:vertical;line-height:1.6;}
.form-group input:disabled,.form-group select:disabled{background:var(--silver-mist);color:var(--slate-light);cursor:not-allowed;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-submit{width:100%;padding:14px;border-radius:9px;font-family:var(--font-body);font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all 0.2s;margin-top:6px;}
.form-error{display:none;font-size:13px;color:#c0392b;margin-top:5px;font-weight:500;}

/* ── STARS ── */
.stars{color:var(--gold);font-size:17px;letter-spacing:2px;margin-bottom:12px;}
.star-btn{font-size:30px;background:none;border:none;cursor:pointer;color:var(--silver-light);transition:color 0.15s,transform 0.15s;padding:0;line-height:1;}
.star-btn:hover,.star-btn.lit{color:var(--gold);}
.star-btn:hover{transform:scale(1.15);}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 0.68s cubic-bezier(.22,1,.36,1),transform 0.68s cubic-bezier(.22,1,.36,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.1s;}
.reveal-delay-2{transition-delay:0.2s;}
.reveal-delay-3{transition-delay:0.3s;}
.reveal-delay-4{transition-delay:0.45s;}

/* ── PAGE HERO ── */
.page-hero{background:var(--charcoal);padding:80px 5%;position:relative;overflow:hidden;}
.page-hero-inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:1;}
.page-hero h1{color:var(--warm-white);margin-bottom:16px;}
.page-hero p{color:var(--silver-light);font-size:19px;max-width:580px;}
.hero-geo-circle{position:absolute;border-radius:50%;border:1px solid rgba(184,191,200,0.06);}

/* ── FOOTER ── */
.site-footer{background:var(--charcoal);padding:64px 5% 36px;position:relative;overflow:hidden;}
.site-footer::before{content:'';position:absolute;inset:0;opacity:0.3;} /* subtle pattern layer */
.footer-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;z-index:1;}
.footer-brand p{font-size:14px;color:var(--silver-light);line-height:1.75;max-width:280px;margin-top:14px;}
.footer-col h4{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--silver);margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col ul a{font-size:14px;color:var(--silver-light);text-decoration:none;transition:color 0.2s,padding-left 0.2s;}
.footer-col ul a:hover{color:var(--white);padding-left:4px;}
.footer-bottom{max-width:var(--max-w);margin:28px auto 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--slate-light);flex-wrap:wrap;gap:12px;position:relative;z-index:1;}
.social-row{display:flex;gap:10px;margin-top:20px;}
.social-btn{width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;color:var(--silver-light);transition:all 0.2s;font-weight:600;}
.social-btn:hover{border-color:var(--accent);color:var(--white);background:rgba(74,127,165,0.2);transform:translateY(-2px);}
.social-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}

/* Footer logo */
.footer-logo{text-decoration:none;display:inline-flex;align-items:center;gap:11px;margin-bottom:4px;}
.footer-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:5px;}
.footer-logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-0.02em;display:inline-flex;align-items:baseline;gap:0;line-height:1;}
.footer-logo-text .s{color:#c8d0da;}
.footer-logo-text .sp{color:#ffffff;}

@media(max-width:900px){:root{--section-pad:64px 5%;}.footer-inner{grid-template-columns:1fr 1fr;gap:32px;}.form-row{grid-template-columns:1fr;}}
@media(max-width:640px){
  /* Dropdown menu */
  .nav-links{display:none;flex-direction:column;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--warm-white);border-bottom:1px solid var(--silver-light);padding:16px 5%;gap:4px;z-index:300;}
  .nav-links.open{display:flex;}
  /* Show Schedule Service in dropdown — styled as a full-width button */
  .nav-links .nav-cta{display:block;text-align:center;margin-top:8px;width:100%;border-radius:8px !important;}
  /* Show hamburger */
  .nav-toggle{display:block;}
  .footer-inner{grid-template-columns:1fr;}
}

/* ── NAV BRAND TEXT — always visible, never overridden ── */
nav.site-nav .nav-logo-text .s  { color: var(--slate-light) !important; }
nav.site-nav .nav-logo-text .sp { color: var(--charcoal)    !important; }