:root { --blue:#039fd7; --blue-dark:#007ba8; --ink:#151719; --soft:#f2f5f6; --muted:#5c656b; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:80px; }
body { margin:0; background:#fff; color:var(--ink); font-family:"Titillium Web",Arial,sans-serif; font-size:18px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.site-header { position:fixed; inset:0 0 auto; z-index:50; background:rgba(3,159,215,.95); backdrop-filter:blur(14px); box-shadow:0 8px 32px rgba(0,0,0,.13); }
.header-inner { min-height:76px; display:flex; align-items:center; gap:36px; }
.brand { margin-right:auto; }
.brand img { width:218px; height:auto; }
nav { display:flex; align-items:center; gap:28px; }
.nav-link { position:relative; color:#fff; font-weight:700; font-size:15px; letter-spacing:.06em; text-transform:uppercase; }
.nav-link:after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:#fff; transition:.2s ease; }
.nav-link:hover:after { right:0; }
.call-button { display:flex; align-items:center; gap:9px; padding:11px 17px; border-radius:9px; background:#fff; color:var(--blue-dark); font-size:16px; font-weight:700; transition:.2s ease; }
.call-button:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.18); }
.hero { position:relative; min-height:760px; height:92vh; display:flex; align-items:center; isolation:isolate; overflow:hidden; color:#fff; background:#0b1115; }
.hero-background { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(9,15,19,.88) 0%,rgba(9,15,19,.63) 46%,rgba(9,15,19,.15) 78%),linear-gradient(0deg,rgba(9,15,19,.5),transparent 55%); }
.hero-content { padding-top:90px; }
.kicker,.section-label { margin:0 0 15px; font-size:14px; font-weight:700; letter-spacing:.2em; }
.hero h1 { max-width:800px; margin:0; font-size:clamp(58px,7vw,96px); line-height:.9; letter-spacing:-.035em; font-weight:900; text-transform:uppercase; text-wrap:balance; }
.hero h1 span { color:var(--blue); }
.hero-lead { max-width:620px; margin:28px 0 0; color:rgba(255,255,255,.86); font-size:22px; line-height:1.5; }
.hero-actions { display:flex; gap:12px; margin-top:34px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:9px; padding:12px 21px; font-family:inherit; font-size:17px; font-weight:700; cursor:pointer; transition:.2s ease; }
.button-primary { background:var(--blue); color:#fff; }
.button-primary:hover { background:#09ade8; transform:translateY(-2px); box-shadow:0 10px 30px rgba(3,159,215,.25); }
.button-ghost { border:1px solid rgba(255,255,255,.45); background:rgba(0,0,0,.12); color:#fff; }
.button-ghost:hover { background:#fff; color:var(--ink); }
.dark-section { position:relative; background:var(--ink); color:#fff; }
.intro { padding:100px 0; }
.split { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:72px; align-items:center; }
.intro-image { position:relative; overflow:hidden; border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.35); }
.intro-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,10,13,.58),transparent 55%); pointer-events:none; }
.intro-image img { width:100%; aspect-ratio:1.5; object-fit:cover; }
.intro-badge { position:absolute; left:24px; bottom:22px; z-index:1; display:grid; padding-left:14px; border-left:4px solid var(--blue); color:#fff; }
.intro-badge strong { font-size:19px; line-height:1; letter-spacing:.06em; }
.intro-badge span { color:rgba(255,255,255,.72); font-size:14px; }
.intro-copy h2,.about-grid h2,.location-copy h2,.contact-copy h2 { margin:0; font-size:clamp(42px,5vw,66px); line-height:1; letter-spacing:-.03em; font-weight:900; text-wrap:balance; }
.intro-copy>p:not(.section-label) { margin:26px 0 0; color:#cfd3d5; font-size:20px; }
.section-label { color:#9aa3a8; }
.section-label.blue { color:var(--blue-dark); }
.section-label.light { color:rgba(255,255,255,.7); }
.trust-list { display:grid; gap:9px; padding:0; margin:28px 0 0; list-style:none; }
.trust-list li { display:flex; gap:10px; align-items:center; color:#fff; font-weight:600; }
.trust-list svg { flex:none; color:var(--blue); }
.about-section { padding:100px 0 70px; }
.about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:78px; align-items:start; }
.about-copy { color:var(--muted); font-size:20px; }
.about-copy p { margin:0 0 18px; }
.partner-row { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:60px; }
.partner-row a { min-height:118px; display:grid; place-items:center; padding:20px; border:1px solid #dfe5e8; border-radius:12px; background:#fff; transition:.2s ease; }
.partner-row a:hover { transform:translateY(-4px); border-color:var(--blue); box-shadow:0 14px 34px rgba(12,45,57,.09); }
.partner-row img { max-width:190px; max-height:72px; object-fit:contain; filter:grayscale(1); opacity:.75; transition:.2s ease; }
.partner-row a:hover img { filter:none; opacity:1; }
.services-section { background:var(--soft); padding-bottom:90px; }
.section-heading { padding:54px 0 58px; color:#fff; }
.section-heading h2 { margin:0; font-size:clamp(42px,5.2vw,70px); line-height:.96; letter-spacing:-.03em; font-weight:900; }
.blue-heading { background:var(--blue); }
.dark-heading { margin-top:70px; background:var(--ink); }
.service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:-26px; position:relative; }
.service-card { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); overflow:hidden; border-radius:14px; background:#fff; box-shadow:0 18px 42px rgba(14,37,46,.1); }
.service-image-wrap { position:relative; min-height:335px; }
.service-image { width:100%; height:100%; object-fit:cover; }
.service-icon { position:absolute; right:-25px; top:30px; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:var(--blue); color:#fff; box-shadow:0 8px 18px rgba(3,159,215,.3); }
.service-copy { padding:38px 34px 32px 46px; }
.service-copy h3 { margin:0 0 18px; color:var(--blue-dark); font-size:31px; line-height:1; font-weight:900; }
.service-copy h3 a:hover { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.service-copy p:not(.service-eyebrow) { margin:0; color:var(--muted); font-size:17px; }
.service-eyebrow { margin:0 0 8px; color:#7c868c; font-size:11px; line-height:1.25; font-weight:700; letter-spacing:.13em; }
.service-badge { width:min(230px,100%); height:auto; margin-top:24px; object-fit:contain; }
.faq-section { padding:100px 0; background:#fff; }
.faq-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:76px; align-items:start; }
.faq-heading h2 { margin:0; font-size:clamp(42px,5vw,62px); line-height:1; letter-spacing:-.03em; font-weight:900; text-wrap:balance; }
.faq-heading>p:not(.section-label) { margin:24px 0 0; color:var(--muted); font-size:19px; }
.faq-list { border-top:1px solid #dce3e6; }
.faq-list details { border-bottom:1px solid #dce3e6; }
.faq-list summary { position:relative; padding:22px 44px 22px 0; list-style:none; color:var(--ink); font-size:21px; line-height:1.3; font-weight:700; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:"+"; position:absolute; right:8px; top:16px; color:var(--blue-dark); font-size:30px; font-weight:400; transition:.2s ease; }
.faq-list details[open] summary:after { transform:rotate(45deg); }
.faq-list details p { margin:0; padding:0 44px 22px 0; color:var(--muted); font-size:17px; }
.location-section { padding:100px 0; background:#fff; }
.location-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:58px; align-items:stretch; }
.location-copy>p:not(.section-label) { margin:25px 0; color:var(--muted); font-size:19px; }
.address-card { display:flex; gap:14px; align-items:flex-start; padding:20px; border-radius:12px; background:var(--soft); }
.address-card svg { flex:none; color:var(--blue-dark); }
.address-card strong,.address-card span { display:block; }
.address-card strong { font-size:20px; }
.address-card span { color:var(--muted); font-size:16px; }
.hours { display:flex; gap:10px; align-items:center; margin:18px 0; color:var(--muted); font-size:16px; }
.hours svg { color:var(--blue-dark); }
.text-link { display:inline-flex; gap:8px; align-items:center; color:var(--blue-dark); font-weight:700; }
.map-wrap { min-height:520px; overflow:hidden; border-radius:16px; box-shadow:0 20px 50px rgba(14,37,46,.16); }
.map-card { position:relative; display:block; isolation:isolate; overflow:hidden; background:linear-gradient(145deg,#e7eef0,#cbdade); }
.map-card iframe { position:absolute; inset:0; width:100%; height:100%; border:0; background:#e7eef0; }
.map-card:before { content:""; position:absolute; inset:0; z-index:-3; opacity:.75; background-image:linear-gradient(32deg,transparent 46%,#fff 47%,#fff 51%,transparent 52%),linear-gradient(-28deg,transparent 44%,rgba(255,255,255,.75) 45%,rgba(255,255,255,.75) 49%,transparent 50%),linear-gradient(90deg,rgba(97,130,139,.12) 1px,transparent 1px),linear-gradient(rgba(97,130,139,.12) 1px,transparent 1px); background-size:240px 180px,300px 220px,52px 52px,52px 52px; }
.map-card:after { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(0deg,rgba(7,36,46,.72),transparent 62%); }
.map-road { position:absolute; z-index:-1; display:block; height:18px; border:4px solid #fff; border-radius:999px; background:#8fd0df; box-shadow:0 0 0 1px rgba(37,106,124,.16); }
.road-one { width:125%; left:-12%; top:30%; transform:rotate(-11deg); }
.road-two { width:100%; left:18%; top:57%; transform:rotate(38deg); }
.road-three { width:70%; left:-8%; top:72%; transform:rotate(9deg); }
.map-marker { position:absolute; left:52%; top:42%; display:grid; justify-items:center; gap:5px; transform:translate(-50%,-50%); color:var(--blue-dark); font-size:15px; letter-spacing:.08em; }
.map-marker svg { width:64px; height:64px; padding:15px; border-radius:50%; background:#fff; filter:drop-shadow(0 12px 18px rgba(4,51,67,.24)); }
.map-marker strong { padding:5px 10px; border-radius:6px; background:#fff; box-shadow:0 5px 14px rgba(4,51,67,.17); }
.map-card-copy { position:absolute; left:30px; right:30px; bottom:92px; display:grid; color:#fff; }
.map-card-copy small { color:#91dff8; font-size:12px; font-weight:700; letter-spacing:.16em; }
.map-card-copy>strong { margin-top:3px; font-size:22px; }
.map-load-button { position:absolute; left:30px; bottom:28px; display:inline-flex; align-items:center; gap:8px; min-height:48px; border:0; border-radius:9px; padding:11px 17px; background:var(--blue); color:#fff; font:700 16px/1.2 "Titillium Web",Arial,sans-serif; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.2); transition:.2s ease; }
.map-load-button:hover { background:#09ade8; transform:translateY(-2px); }
.map-noscript { position:absolute; right:28px; bottom:38px; color:#fff; font-weight:700; text-decoration:underline; }
.contact-section { padding:100px 0; background:var(--ink); color:#fff; }
.contact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:76px; align-items:start; }
.contact-copy>p:not(.section-label) { color:#b9c0c4; font-size:20px; }
.contact-links { display:grid; gap:12px; margin:30px 0; }
.contact-links a { display:flex; gap:13px; align-items:center; width:max-content; font-size:20px; font-weight:700; }
.contact-links a:hover { color:var(--blue); }
.contact-links small { display:block; color:#929ba0; font-size:12px; line-height:1.1; letter-spacing:.12em; text-transform:uppercase; }
.company-data { padding-top:24px; border-top:1px solid #343a3e; color:#8f989d; font-size:14px; }
.company-data p { margin:0 0 14px; }
.company-data strong { color:#c9cfd2; }
.contact-form { display:grid; gap:18px; padding:36px; border-radius:16px; background:#fff; color:var(--ink); box-shadow:0 24px 60px rgba(0,0,0,.3); }
.contact-form label { display:grid; gap:7px; font-size:14px; font-weight:700; letter-spacing:.04em; }
.contact-form input,.contact-form textarea,.contact-form select { width:100%; border:1px solid #d8e0e4; border-radius:8px; background:#f8fafb; padding:13px 14px; color:var(--ink); font:400 17px/1.4 "Titillium Web",Arial,sans-serif; outline:none; transition:.2s ease; }
.contact-form textarea { resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus { border-color:var(--blue); background:#fff; box-shadow:0 0 0 3px rgba(3,159,215,.12); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.consent { display:flex!important; grid-template-columns:none; align-items:flex-start; gap:9px!important; color:#657078; font-weight:400!important; letter-spacing:0!important; }
.consent input { width:17px; height:17px; margin-top:3px; accent-color:var(--blue); }
.form-submit { justify-self:start; }
.form-submit:disabled { opacity:.65; cursor:wait; transform:none; box-shadow:none; }
.form-status { padding:13px 15px; border-radius:8px; font-size:16px; font-weight:700; line-height:1.4; }
.form-status[hidden] { display:none; }
.form-status.success { border:1px solid #8bd5aa; background:#ecfbf2; color:#17643a; }
.form-status.error { border:1px solid #edaaaa; background:#fff1f1; color:#922b2b; }
.form-note { display:flex; align-items:flex-start; gap:8px; margin:0; color:#68747a; font-size:13px; line-height:1.35; }
.form-note svg { flex:none; margin-top:1px; color:var(--blue-dark); }
.honey { position:absolute!important; left:-9999px!important; }
footer { background:#0c0d0e; color:#858d92; }
.footer-inner { min-height:110px; display:flex; align-items:center; gap:28px; font-size:14px; }
.footer-brand { width:160px; height:auto; object-fit:contain; opacity:1; }
.footer-inner p { margin-right:auto; }
.footer-inner a { display:flex; gap:6px; align-items:center; color:#fff; font-weight:700; }
.footer-credit { gap:10px!important; padding-right:22px; border-right:1px solid #303437; color:#7e878c!important; font-size:12px; font-weight:600!important; text-transform:uppercase; letter-spacing:.06em; }
.footer-credit img { width:108px; max-height:42px; object-fit:contain; opacity:.92; }
.footer-credit:hover img { opacity:1; }
.up-arrow { transform:rotate(180deg); }

@media (max-width:1000px) {
  nav { display:none; }
  .hero { min-height:700px; }
  .split,.about-grid,.faq-grid,.location-grid,.contact-grid { grid-template-columns:1fr; }
  .intro-image { max-width:680px; }
  .service-card { grid-template-columns:1fr; }
  .service-image-wrap { min-height:260px; }
  .service-icon { right:24px; top:auto; bottom:-25px; }
  .service-copy { padding:38px 30px 30px; }
  .map-wrap { min-height:430px; }
}
@media (max-width:720px) {
  .shell { width:min(100% - 28px,1160px); }
  .header-inner { min-height:68px; }
  .brand img { width:155px; }
  .call-button { padding:10px 12px; }
  .hero { height:auto; min-height:720px; }
  .hero-content { padding:125px 0 110px; }
  .hero h1 { font-size:clamp(48px,15vw,70px); }
  .hero-lead { font-size:19px; }
  .hero-actions { align-items:stretch; flex-direction:column; max-width:330px; }
  .intro,.about-section,.faq-section,.location-section,.contact-section { padding:74px 0; }
  .split,.about-grid,.faq-grid,.location-grid,.contact-grid { gap:44px; }
  .intro-copy h2,.about-grid h2,.location-copy h2,.contact-copy h2 { font-size:43px; }
  .partner-row { grid-template-columns:repeat(2,1fr); gap:10px; }
  .partner-row a { min-height:90px; padding:12px; }
  .section-heading { padding:44px 0 48px; }
  .section-heading h2 { font-size:42px; }
  .service-grid { grid-template-columns:1fr; }
  .dark-heading { margin-top:55px; }
  .contact-form { padding:24px 18px; }
  .form-row { grid-template-columns:1fr; }
  .footer-inner { padding:28px 0; flex-wrap:wrap; }
  .footer-inner p { order:3; width:100%; margin:0; }
  .footer-credit { margin-left:auto; padding-right:0; border-right:0; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }