/* contact-us page specific CSS */
:root { --red:#B91C1C;--red-dim:#7F1414;--red-soft:#FEF2F2;--dark:#111827;--dark2:#1F2937;--body:#475569;--bg:#F8FAFC;--panel-2:#F8FAFC;--white:#FFFFFF;--border:#E2E8F0;--success:#15803D;--muted:#64748B;--foot:#F3F3F3;--footfg:#64748B;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px); }
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) { --red:#F87171;--red-dim:#DC2626;--red-soft:#2A1616;--dark:#F1F5F9;--dark2:#E2E8F0;--body:#CBD5E1;--bg:#0F172A;--panel-2:#1E293B;--white:#111827;--border:#334155;--success:#4ADE80;--muted:#94A3B8;--foot:#0B1220;--footfg:#94A3B8; }
}
:root[data-theme="dark"] { --red:#F87171;--red-dim:#DC2626;--red-soft:#2A1616;--dark:#F1F5F9;--dark2:#E2E8F0;--body:#CBD5E1;--bg:#0F172A;--panel-2:#1E293B;--white:#111827;--border:#334155;--success:#4ADE80;--muted:#94A3B8;--foot:#0B1220;--footfg:#94A3B8; }
* { box-sizing:border-box;margin:0;padding:0; }
html { scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px); }
body { font-family:'Inter',system-ui,sans-serif;color:var(--body);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased; }
a { color:inherit;text-decoration:none; }
.wrap { max-width:1240px;margin:0 auto;padding:0 32px; }
h1, h2, h3 { color:var(--dark);font-weight:700;letter-spacing:-.02em; }
.btn { display:inline-flex;align-items:center;gap:8px;font:600 15px 'Inter',sans-serif;padding:12px 22px;border-radius:10px;border:0;cursor:pointer;background:var(--red);color:#fff; }
.btn:hover { filter:brightness(.92); }
.hero { padding:64px 0 56px;position:relative;overflow:hidden;text-align:center;background:
  repeating-linear-gradient(180deg,rgba(17,24,39,.025) 0px,rgba(17,24,39,.025) 1px,transparent 1px,transparent 3px); }
.hero h1 { font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08; }
.hero p.sub { color:var(--muted);max-width:60ch;margin:18px auto 0;font-size:1.05rem; }
.card { background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px; }
label { display:block;font-size:14px;font-weight:600;color:var(--dark);margin-bottom:6px; }
.row { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.f { margin-bottom:16px; }
input, select, textarea { width:100%;font:400 15px 'Inter',sans-serif;color:var(--dark);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px; }
textarea { min-height:140px;resize:vertical; }
input:focus, select:focus, textarea:focus { outline:2px solid var(--red);outline-offset:1px;background:var(--white); }
.ok { display:none;margin-top:16px;padding:14px 16px;border-radius:10px;background:var(--red-soft);color:var(--dark);font-size:15px; }
.ok.show { display:block; }
section.blk { padding:0 0 72px; }
.sec-h { font-size:34px;line-height:1.15;margin-bottom:12px; }
.lead { font-size:17px;max-width:64ch;margin-bottom:28px; }
.four { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.four .card { padding:26px; }
.four h3 { font-size:18px;margin-bottom:8px; }
.four p { font-size:15px; }
.hh { background:#111827;padding:80px 0; }
.hh-intro { display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:40px; }
.hh-intro h2 { font-size:clamp(28px,3.4vw,40px);line-height:1.1;color:#F1F5F9; }
.hh-intro p { font-size:17px;max-width:56ch;color:#CBD5E1; }
.hh-main { display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch; }
.hh-panel { background:var(--white);border:1px solid var(--border);border-radius:16px; }
.hh-form { padding:36px;border-top:3px solid var(--red); }
.hh-form h3, .hh-map h3 { font-size:24px;margin-bottom:6px; }
.hh-sub { font-size:15px;color:var(--muted);margin-bottom:24px; }
.hh-form textarea { min-height:160px; }
.hh-map { display:flex;flex-direction:column;overflow:hidden; }
.hh-map-head { padding:32px 32px 20px; }
.hh-map-head .hh-sub { margin-bottom:0; }
.hh-map iframe { display:block;width:100%;flex:1;min-height:300px;border:0;border-top:1px solid var(--border); }
.hh-map .cap { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;border-top:1px solid var(--border);font-size:15px; }
.hh-map .cap a { color:var(--red);font-weight:600; }
.hh-map .cap a:hover { text-decoration:underline; }
.hh-reach { background:var(--bg);padding:72px 0 80px;border-bottom:1px solid var(--border); }
.hh-contact { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.hh-c { background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s ease,box-shadow .15s ease; }
.hh-c:hover { border-color:var(--red);box-shadow:0 12px 28px rgba(17,24,39,.08); }
.hh-c .ic { flex:none;width:52px;height:52px;border-radius:14px;background:var(--red);color:#fff;display:grid;place-items:center;margin-bottom:6px; }
.hh-c .ic svg { width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.hh-c h3 { font-size:20px; }
.hh-c p { font-size:15px; }
.hh-c ul { list-style:none;margin-top:auto;padding-top:8px; }
.hh-c li a { display:block;padding:11px 0;border-top:1px solid var(--border);color:var(--dark);font-weight:600;font-size:15px;transition:color .15s ease; }
.hh-c li a:hover { color:var(--red); }
@media(max-width:900px) {
  .wrap { padding:0 20px; }
  .row { grid-template-columns:1fr; }
  .four { grid-template-columns:1fr; }
  .sec-h { font-size:28px; }
  .hh { padding:56px 0; }
  .hh-intro, .hh-main, .hh-contact { grid-template-columns:1fr; }
  .hh-intro { gap:12px;margin-bottom:28px; }
  .hh-form { padding:26px; }
  .hh-map-head { padding:26px 26px 18px; }
  .hh-map .cap { padding:14px 26px; }
  .hh-reach { padding:48px 0 56px; }
  .hh-c { padding:26px; }
}