/* ==========================================================================
   TCシステムズ株式会社 コーポレートサイト 共通CSS（Rev.4）
   Design DNA Contract Rev.2：参考サイトを株式会社スータブル・ソリューションズ
   （suitable.co.jp／白×ネイビー×イエロー、王道フォーマルBtoBの「クリーンさ」）
   に変更したことに伴う全面改訂。ダーク背景を多用する構成から、
   白地基調＋ネイビーの引き締め＋イエロー1色のCTAアクセントに刷新。

   Rev.4（2026-07-15）：②HP構成・③クライアント理解ドキュメントの反映に伴い、
   4事業体制（法人向けIT支援／医療向け／AVESTA／Media Mix）への再構成用に
   コンポーネントを追加。トンマナ（カラー・タイポ）はRev.2から変更なし。
   追加：.stat-grid（数値バッジ）／.cols-4／.works-table（実績テーブル）／
   .profile-flex・.timeline（代表者プロフィール）／.check-list／.hero-btns
   廃止：.price-* 系（料金ページ削除に伴い未使用。将来の再掲載に備え定義は残置）
   ========================================================================== */
:root {
  /* Brand Colors : Primary（コーポレートネイビー） */
  --color-primary: #16305E;
  --color-primary-dark: #0E2245;
  --color-primary-light: #3E67A6;
  --color-primary-pale: #E9EEF7;

  /* Brand Colors : Secondary（明るいコーポレートブルー・ラベル/リンク用） */
  --color-secondary: #2B93D1;
  --color-secondary-dark: #1D71A8;
  --color-secondary-light: #7FC3EA;
  --color-secondary-pale: #E7F4FB;

  /* Accent（イエロー・主要CTA専用） */
  --color-accent-warm: #F2B705;
  --color-accent-warm-dark: #CE9C03;
  --color-accent-warm-pale: #FDF1CE;

  /* Brand Colors : Logo（ロゴ基準の予備反映 2026-07-22）
     ロゴPNGから抽出：緑 #9DC255／赤 #C40018／グレー #7F8286。
     ※AI（ベクター）データ共有後に最終確定する暫定値。
       信頼感の紺ベースは維持し、緑・グレーをアクセント、赤はワンポイント専用。 */
  --color-brand-green: #9DC255;        /* 面・装飾用（明） */
  --color-brand-green-dark: #56761F;   /* 白抜きアイコン背景／小さめテキスト用（AA確保） */
  --color-brand-green-pale: #EEF4DF;
  --color-brand-gray: #7F8286;         /* ロゴグレー */
  --color-brand-gray-dark: #5E6266;
  --color-brand-gray-pale: #EDEEEF;
  --color-brand-red: #C40018;          /* ワンポイント専用（必須マーク・位置ピン等） */

  /* Neutral */
  --color-text-primary: #14181F;
  --color-text-secondary: #4B5568;
  --color-text-light: #7C8598;
  --color-white: #FFFFFF;
  --color-bg-gray: #F5F7FA;
  --color-bg-dark: #0E2245;
  --color-border: #DCE1EA;

  --font-en: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --font-ja: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --fs-h1: clamp(30px, 5vw, 48px);
  --fs-h2: clamp(24px, 3.6vw, 34px);
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body: 16px;
  --fs-caption: 13px;
  --lh-heading: 1.35;
  --lh-body: 1.8;

  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 32px;
  --sp-5: 40px; --sp-6: 56px; --sp-7: 80px; --sp-8: 120px;

  --max-width: 1160px;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-pill: 999px;
  --shadow-card: 0 4px 16px rgba(14, 34, 69, 0.08);
  --shadow-hover: 0 8px 24px rgba(14, 34, 69, 0.14);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-ja);
  color: var(--color-text-primary);
  background: var(--color-white);
  line-height: var(--lh-body);
  font-size: var(--fs-body);
}
.wrap { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--sp-4); }
img, picture { max-width: 100%; display: block; }
a { color: inherit; }

header.site-header {
  position: sticky; top: 0; z-index: 50;
  background: var(--color-white);
  border-bottom: 1px solid var(--color-border);
}
.header-inner { display: flex; align-items: center; justify-content: space-between; padding: var(--sp-2) var(--sp-4); max-width: var(--max-width); margin: 0 auto; }
.logo { font-family: var(--font-en); font-weight: 700; font-size: 18px; letter-spacing: 0.02em; color: var(--color-primary); }
.logo small { display:block; font-family: var(--font-ja); font-size: 10px; font-weight: 400; color: var(--color-text-light); }
/* 受領ロゴ画像＋和文社名のロックアップ（英字フォントワードマークを廃止） */
.logo-lockup { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.logo-lockup img { height: 40px; width: auto; display: block; }
.logo-lockup .lname { font-family: var(--font-ja); font-weight: 500; font-size: 16px; letter-spacing: .01em; color: var(--color-primary); line-height: 1.2; white-space: nowrap; }
.logo-lockup .lname b { font-weight: 700; }
.footer-brand .logo-lockup img { height: 38px; }
@media (max-width: 860px) {
  .logo-lockup img { height: 34px; }
  .logo-lockup .lname { font-size: 14px; }
}
nav.gnav { display: flex; gap: var(--sp-3); font-size: 14px; }
nav.gnav a { text-decoration: none; color: var(--color-text-primary); padding: 6px 0; }
nav.gnav a.active { border-bottom: 2px solid var(--color-primary); font-weight: 700; color: var(--color-primary); }
.header-cta { background: var(--color-accent-warm); color: var(--color-primary-dark); padding: 10px 20px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.header-cta:hover { background: var(--color-accent-warm-dark); }

section { padding: var(--sp-7) 0; }
.sec-alt { background: var(--color-bg-gray); }
/* sec-dark：以前はダークネイビーの全面背景だったが、C案（白地基調）採用に伴い
   ダーク背景をやめ、白地＋ネイビーの縁取りで引き締める構成に変更 */
.sec-dark { background: var(--color-white); color: var(--color-text-primary); border-bottom: 1px solid var(--color-border); }
.eyebrow { font-family: var(--font-en); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-secondary-dark); margin-bottom: var(--sp-1); }
.sec-dark .eyebrow { color: var(--color-secondary-dark); }
h2.sec-title { font-size: var(--fs-h2); font-weight: 700; line-height: var(--lh-heading); margin-bottom: var(--sp-3); color: var(--color-primary); }
.sec-dark h2.sec-title { color: var(--color-primary); }
p.sec-lead { color: var(--color-text-secondary); max-width: 640px; margin-bottom: var(--sp-5); }
.sec-dark p.sec-lead { color: var(--color-text-secondary); }

/* ページ共通見出しバナー（TOP以外の各ページ上部）：ダーク背景→白地＋ネイビー罫線に変更 */
.page-header { background: var(--color-bg-gray); color: var(--color-text-primary); padding: var(--sp-6) 0; border-bottom: 3px solid var(--color-primary); }
.page-header .breadcrumb { font-size: 12px; color: var(--color-text-light); margin-bottom: var(--sp-2); }
.page-header .breadcrumb a { color: var(--color-secondary-dark); text-decoration: none; }
.page-header h1 { font-size: var(--fs-h2); font-weight: 700; color: var(--color-primary); }
.page-header p { color: var(--color-text-secondary); margin-top: var(--sp-2); max-width: 600px; }

.btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-ja); font-weight: 700; font-size: 15px; padding: 16px 32px; border-radius: var(--radius-pill); border: none; cursor: pointer; text-decoration: none; transition: background .2s ease, opacity .2s ease; }
.btn-primary { background: var(--color-accent-warm); color: var(--color-primary-dark); box-shadow: var(--shadow-card); }
.btn-primary:hover { background: var(--color-accent-warm-dark); }
.btn-secondary { background: var(--color-primary); color: var(--color-white); }
.btn-secondary:hover { background: var(--color-primary-dark); }
.btn-ghost { background: transparent; border: 1.5px solid var(--color-primary); color: var(--color-primary); }
.btn-ghost-light { background: transparent; border: 1.5px solid var(--color-primary); color: var(--color-primary); }
.btn-ghost-light:hover { background: var(--color-primary-pale); }
.btn-sm { padding: 10px 20px; font-size: 13px; }
.micro { font-size: 12px; color: var(--color-text-light); margin-top: var(--sp-2); }
.sec-dark .micro { color: var(--color-text-light); }

/* Hero（TOPのみ）：白地＋ネイビー見出し＋角の装飾ドット（参考サイトの意匠を踏襲） */
.hero { padding: var(--sp-8) 0 var(--sp-7); position: relative; overflow: hidden; background: var(--color-bg-gray); }
.hero .wrap { max-width: var(--max-width); position: relative; z-index: 1; }
.hero-inner { display: flex; align-items: center; gap: var(--sp-7); }
.hero-text { flex: 1.15; max-width: 600px; }
.hero-visual { flex: 1; display: flex; justify-content: center; align-items: center; }
.hero-visual svg { width: 100%; max-width: 420px; height: auto; }
.hero h1 { font-size: clamp(28px, 4.2vw, 44px); font-weight: 700; line-height: 1.45; margin-bottom: var(--sp-3); color: var(--color-primary); }
/* 日本語見出しの不自然な位置での改行を防ぐ（意味のまとまり単位で折り返す） */
.nb { white-space: nowrap; }
.hero .sub { font-size: 18px; color: var(--color-text-secondary); margin-bottom: var(--sp-2); }
.hero .feature-list { font-size: 14px; color: var(--color-secondary-dark); margin-bottom: var(--sp-5); }
.hero .eyebrow { color: var(--color-secondary-dark); }
.hero::before, .hero::after {
  content: ""; position: absolute; width: 10px; height: 10px; background: var(--color-brand-green); opacity: .8;
}
.hero::before { top: 48px; left: 6%; }
.hero::after { top: 92px; left: 10%; background: var(--color-brand-red); opacity: .7; }
@media (max-width: 860px) {
  .hero h1 { font-size: clamp(26px, 7.5vw, 40px); }
  .hero-inner { flex-direction: column; }
  .hero-visual { max-width: 260px; margin: 0 auto var(--sp-4); order: -1; }
}

/* 悩み共感 */
.pain-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-4); }
.pain-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--sp-4); }
.pain-card .num { font-family: var(--font-en); font-size: 12px; color: var(--color-secondary-dark); margin-bottom: 8px; }
.pain-card p { font-size: 16px; font-weight: 500; }

/* 強み */
.strength-flex { display: flex; gap: var(--sp-6); align-items: center; }
.strength-flex .img-placeholder { flex: 1; aspect-ratio: 4/3; background: var(--color-primary-pale); border-radius: var(--radius-lg); display:flex; align-items:center; justify-content:center; color: var(--color-primary-light); font-size: 13px; padding: var(--sp-4); }
.strength-flex .img-placeholder svg { width: 100%; height: 100%; }
.strength-flex .text { flex: 1; }
.strength-list { list-style: none; margin-top: var(--sp-3); }
.strength-list li { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px dashed var(--color-border); font-size: 15px; }
.strength-list li .mark { color: var(--color-secondary-dark); font-weight: 700; }

/* サービスカード（TOPのダイジェスト／サービスページ双方で使用）：色付きボーダーを廃し、白＋薄い枠のみに */
.service-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp-3); }
.service-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--sp-3); }
.service-card .tag { display:inline-block; font-size: 11px; background: var(--color-secondary-pale); color: var(--color-secondary-dark); padding: 3px 10px; border-radius: var(--radius-pill); margin-bottom: var(--sp-2); }
.service-card h4 { font-size: var(--fs-h4); margin-bottom: 6px; color: var(--color-primary); }
.service-card p { font-size: 13px; color: var(--color-text-secondary); }
.service-card .for { margin-top: 10px; font-size: 12px; color: var(--color-text-light); border-top: 1px solid var(--color-border); padding-top: 8px; }
.service-card a.more { display:inline-block; margin-top: 10px; font-size: 12px; font-weight: 700; text-decoration: underline; color: var(--color-secondary-dark); }

/* サービス詳細セクション（service.html各アンカー） */
.service-detail { border-top: 1px solid var(--color-border); padding: var(--sp-6) 0; scroll-margin-top: 80px; }
.service-detail .flex { display: flex; gap: var(--sp-6); align-items: flex-start; }
.service-detail .num-label { font-family: var(--font-en); font-size: 40px; font-weight: 700; color: var(--color-primary-pale); line-height: 1; width: 90px; flex-shrink: 0; }
.service-detail .content { flex: 1; }
.service-detail h3 { font-size: var(--fs-h3); margin-bottom: var(--sp-2); color: var(--color-primary); }
.service-detail .meta { font-size: 13px; color: var(--color-text-light); margin-top: var(--sp-2); }

/* 流れ */
.flow-row { display: flex; justify-content: space-between; gap: var(--sp-2); position: relative; }
.flow-step { flex: 1; text-align: center; position: relative; }
.flow-step .circle { width: 56px; height: 56px; border-radius: 50%; background: var(--color-primary); color: var(--color-white); display: flex; align-items: center; justify-content: center; font-family: var(--font-en); font-weight: 700; margin: 0 auto var(--sp-2); }
.flow-step .label { font-size: 14px; font-weight: 700; }
.flow-step .desc { font-size: 12px; color: var(--color-text-light); margin-top: 4px; }
.flow-row::before { content:""; position: absolute; top: 28px; left: 8%; right: 8%; height: 1px; background: var(--color-border); z-index: 0; }

/* 料金 */
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); align-items: stretch; }
.price-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--sp-4); display: flex; flex-direction: column; }
.price-card.recommend { border: 2px solid var(--color-primary); box-shadow: var(--shadow-hover); position: relative; transform: translateY(-8px); }
.price-card.recommend::before { content: "おすすめ"; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--color-primary); color: var(--color-white); font-size: 12px; padding: 4px 16px; border-radius: var(--radius-pill); }
.price-card h4 { font-size: var(--fs-h4); margin-bottom: 8px; color: var(--color-primary); }
.price-card .range { font-family: var(--font-en); font-size: 24px; font-weight: 700; color: var(--color-primary); margin-bottom: var(--sp-2); }
.price-card ul { list-style: none; font-size: 13px; color: var(--color-text-secondary); flex: 1; }
.price-card li { padding: 6px 0; border-top: 1px dashed var(--color-border); }
.price-card li:first-child { border-top: none; }

/* 実績・資格 */
.results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); }
.result-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--sp-4); }
.result-card .icon-placeholder { width: 48px; height: 48px; border-radius: 50%; margin-bottom: var(--sp-3); display: flex; align-items: center; justify-content: center; }
.result-card h4 { font-size: 16px; margin-bottom: 6px; color: var(--color-primary); }
.result-card p { font-size: 13px; color: var(--color-text-secondary); }
.coming-soon { border: 1.5px dashed var(--color-border); border-radius: var(--radius-md); padding: var(--sp-5); text-align: center; color: var(--color-text-light); font-size: 14px; background: var(--color-bg-gray); }

/* FAQ */
.faq-item { border-bottom: 1px solid var(--color-border); padding: var(--sp-3) 0; }
.faq-item .q { font-weight: 700; display: flex; gap: 10px; font-size: 15px; color: var(--color-primary); }
.faq-item .q .mark { color: var(--color-secondary-dark); }
.faq-item .a { margin-top: 8px; padding-left: 24px; font-size: 14px; color: var(--color-text-secondary); }

/* 会社概要テーブル */
.company-table { width: 100%; border-collapse: collapse; }
.company-table th, .company-table td { text-align: left; padding: 14px 0; border-bottom: 1px solid var(--color-border); font-size: 14px; vertical-align: top; }
.company-table th { width: 160px; color: var(--color-text-light); font-weight: 400; }
.map-placeholder { background: var(--color-bg-gray); border: 1px dashed var(--color-border); border-radius: var(--radius-md); height: 220px; display:flex; align-items:center; justify-content:center; color:var(--color-text-light); font-size:13px; margin-top: var(--sp-4); }

/* フォーム */
.form-box { background: var(--color-white); color: var(--color-text-primary); border-radius: var(--radius-lg); padding: var(--sp-5); max-width: 560px; margin: 0 auto; box-shadow: var(--shadow-hover); border: 1px solid var(--color-border); }
.form-row { margin-bottom: var(--sp-3); }
.form-row label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 6px; color: var(--color-primary); }
.form-row .req { color: var(--color-brand-red); font-size: 11px; font-weight: 700; margin-left: 6px; }
.form-row .opt { color: var(--color-text-light); font-size: 11px; margin-left: 6px; }
.form-row input, .form-row select, .form-row textarea {
  width: 100%; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-sm);
  font-family: var(--font-ja); font-size: 14px;
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus {
  outline: none; border-color: var(--color-secondary);
}
.form-submit { width: 100%; text-align: center; justify-content: center; }
.form-privacy { font-size: 12px; color: var(--color-text-light); text-align: center; margin-top: var(--sp-3); }
.form-privacy a { color: var(--color-secondary-dark); }

/* プレーンコンテンツ（プライバシーポリシー等） */
.prose h3 { font-size: 18px; margin: var(--sp-4) 0 var(--sp-2); color: var(--color-primary); }
.prose p, .prose li { font-size: 14px; color: var(--color-text-secondary); margin-bottom: var(--sp-2); }
.prose ul { padding-left: 20px; }
.prose a { color: var(--color-secondary-dark); }

/* サンクスページ */
.thanks-box { text-align: center; padding: var(--sp-8) 0; }
.thanks-box .icon { width: 72px; height: 72px; border-radius: 50%; background: var(--color-primary); margin: 0 auto var(--sp-4); display: flex; align-items: center; justify-content: center; }
.thanks-links { display: flex; justify-content: center; gap: var(--sp-4); margin-top: var(--sp-5); flex-wrap: wrap; font-size: 14px; }
.thanks-links a { color: var(--color-secondary-dark); text-decoration: underline; }

/* 404ページ */
.error-page { padding: var(--sp-8) 0 var(--sp-8); text-align: center; }
.error-code { font-family: var(--font-en); font-size: clamp(72px, 14vw, 140px); font-weight: 700; color: var(--color-primary-pale); line-height: 1; margin-bottom: var(--sp-2); }
.error-links { display: flex; justify-content: center; gap: var(--sp-4); margin-top: var(--sp-4); flex-wrap: wrap; font-size: 14px; }
.error-links a { color: var(--color-secondary-dark); text-decoration: underline; }

/* Footer：ロゴ・サイトメニュー・CTAの3カラム構成に刷新（旧：1行のみのシンプルフッター） */
footer.site-footer { background: var(--color-white); color: var(--color-text-light); font-size: 12px; border-top: 1px solid var(--color-border); }
.footer-main { display: flex; justify-content: space-between; gap: var(--sp-6); padding: var(--sp-7) 0 var(--sp-5); flex-wrap: wrap; }
.footer-brand { flex: 1.4; min-width: 220px; }
.footer-logo { font-family: var(--font-en); font-weight: 700; font-size: 18px; letter-spacing: 0.02em; color: var(--color-primary); }
.footer-logo small { display: block; font-family: var(--font-ja); font-size: 11px; font-weight: 400; color: var(--color-text-light); margin-top: 2px; }
.footer-desc { font-size: 13px; color: var(--color-text-secondary); margin: var(--sp-2) 0 var(--sp-3); max-width: 320px; line-height: 1.7; }
.footer-area-badge { display: inline-block; font-size: 11px; background: var(--color-brand-green-pale); color: var(--color-brand-green-dark); padding: 4px 12px; border-radius: var(--radius-pill); font-weight: 700; }
.footer-area-badge::before { content: "\1F4CD"; margin-right: 4px; }
.footer-nav-col, .footer-cta-col { flex: 1; min-width: 160px; }
.footer-col-title { font-size: 12px; font-weight: 700; color: var(--color-text-light); letter-spacing: 0.06em; margin-bottom: var(--sp-2); }
.footer-nav-col a { display: block; font-size: 14px; color: var(--color-text-secondary); text-decoration: none; padding: 5px 0; }
.footer-nav-col a:hover { color: var(--color-primary); }
.footer-cta-text { font-size: 13px; color: var(--color-text-secondary); margin-bottom: var(--sp-3); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--sp-2); padding: var(--sp-4) 0; border-top: 1px solid var(--color-border); }
.footer-links { display: flex; gap: var(--sp-3); }
.footer-links a { color: var(--color-text-secondary); text-decoration: none; }
@media (max-width: 860px) {
  .footer-main { flex-direction: column; gap: var(--sp-5); }
}

.sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; background: var(--color-white); border-top: 1px solid var(--color-border); padding: var(--sp-2); display: none; z-index: 60; box-shadow: 0 -4px 16px rgba(14, 34, 69, 0.10); }
.sticky-cta .btn-primary { width: 100%; justify-content: center; }

/* ==========================================================================
   Rev.4 追加コンポーネント
   ========================================================================== */

/* ヒーローのボタン並び（②案：CTA2本立て） */
.hero-btns { display: flex; gap: var(--sp-2); flex-wrap: wrap; align-items: center; }

/* 数値バッジ（TOP／信用構築の一次情報） */
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-3); }
.stat-card { text-align: center; padding: var(--sp-4) var(--sp-2); background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.stat-card .val { font-family: var(--font-en); font-size: 34px; font-weight: 700; color: var(--color-primary); line-height: 1.1; }
.stat-card .lbl { font-size: 12px; color: var(--color-text-secondary); margin-top: 6px; line-height: 1.5; }

/* 4カラム展開（4事業／選ばれる理由4点） */
.service-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.results-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.service-card .no { display: block; font-family: var(--font-en); font-size: 12px; font-weight: 700; color: var(--color-secondary-dark); letter-spacing: .08em; margin-bottom: 6px; }
.service-card.is-planned { background: var(--color-bg-gray); border-style: dashed; }
.service-card.is-planned h4 { color: var(--color-text-light); }

/* 実績テーブル（対応実績） */
.works-table { width: 100%; border-collapse: collapse; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; }
.works-table th, .works-table td { text-align: left; padding: 14px var(--sp-2); border-bottom: 1px solid var(--color-border); font-size: 14px; vertical-align: top; }
.works-table thead th { background: var(--color-primary-pale); color: var(--color-primary); font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.works-table tbody tr:last-child th, .works-table tbody tr:last-child td { border-bottom: none; }
.works-table tbody th { font-weight: 500; color: var(--color-text-primary); }
.works-table td.n { font-family: var(--font-en); font-weight: 700; color: var(--color-primary); white-space: nowrap; width: 90px; }
.works-table td.d { color: var(--color-text-secondary); }
.works-table td.d.tbd { color: var(--color-text-light); }

/* 代表者プロフィール */
.profile-flex { display: flex; gap: var(--sp-6); align-items: flex-start; }
.profile-photo { flex: 0 0 260px; }
.profile-photo .ph { aspect-ratio: 3/4; background: var(--color-primary-pale); border: 1px dashed var(--color-border); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; text-align: center; color: var(--color-primary-light); font-size: 12px; padding: var(--sp-3); line-height: 1.7; }
.profile-photo .name { margin-top: var(--sp-3); }
.profile-photo .name strong { display: block; font-size: 22px; color: var(--color-primary); line-height: 1.4; }
.profile-photo .name span { font-size: 12px; color: var(--color-text-light); }
.profile-body { flex: 1; }
.profile-quote { border-left: 3px solid var(--color-brand-green); padding-left: var(--sp-3); font-size: 16px; color: var(--color-text-secondary); margin-bottom: var(--sp-5); line-height: 1.9; }

/* 略歴タイムライン */
.timeline { list-style: none; }
.timeline li { display: flex; gap: var(--sp-3); padding: 14px 0; border-bottom: 1px dashed var(--color-border); }
.timeline li:last-child { border-bottom: none; }
.timeline .yr { font-family: var(--font-en); font-size: 13px; font-weight: 700; color: var(--color-secondary-dark); flex: 0 0 108px; padding-top: 2px; }
.timeline .txt { font-size: 14px; color: var(--color-text-secondary); flex: 1; line-height: 1.75; }
.timeline .txt b { color: var(--color-text-primary); }

/* 対応業務リスト */
.check-list { list-style: none; }
.check-list li { position: relative; padding: 10px 0 10px 26px; font-size: 15px; color: var(--color-text-secondary); border-bottom: 1px dashed var(--color-border); }
.check-list li:last-child { border-bottom: none; }
.check-list li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--color-brand-green); }
.check-list li b { color: var(--color-text-primary); }

/* 注記 */
.note { font-size: 13px; color: var(--color-text-light); margin-top: var(--sp-3); }

/* ==========================================================================
   Rev.5 追加（2026-07-22）
   ・法人ITを主役に、AVESTAを縮小したTOP事業セクション
   ・課題判別型のお問い合わせフォーム（チェックボックス／連絡方法）
   ・ロゴ配色の予備反映（緑・グレー・赤）に伴うアクセント
   ========================================================================== */

/* グリッド列数バリエーション */
.service-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.service-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }

/* TOP事業：法人IT主役ブロック（3本柱） */
.biz-lead { background: var(--color-bg-gray); border: 1px solid var(--color-border); border-left: 4px solid var(--color-brand-green); border-radius: var(--radius-lg); padding: var(--sp-5); }
.biz-lead-head { max-width: 760px; margin-bottom: var(--sp-4); }
.biz-lead-head .badge { display: inline-block; font-family: var(--font-en); font-size: 11px; font-weight: 700; letter-spacing: .12em; color: var(--color-brand-green-dark); background: var(--color-brand-green-pale); padding: 3px 12px; border-radius: var(--radius-pill); margin-bottom: var(--sp-2); }
.biz-lead-head h3 { font-size: var(--fs-h3); color: var(--color-primary); margin-bottom: 8px; }
.biz-lead-head p { color: var(--color-text-secondary); font-size: 14px; margin-bottom: var(--sp-2); }
.biz-lead-head a.more { font-size: 13px; font-weight: 700; text-decoration: underline; color: var(--color-secondary-dark); }
.pillars .service-card { background: var(--color-white); }

/* TOP事業：医療・相談の並列カード */
.service-card.feature { display: flex; flex-direction: column; }
.service-card.feature .no { color: var(--color-brand-green-dark); }
.service-card.feature p { flex: 1; font-size: 14px; }

/* TOP事業：その他事業（AVESTA・Media Mix）縮小表示 */
.biz-sub { margin-top: var(--sp-4); display: flex; gap: var(--sp-3) var(--sp-5); flex-wrap: wrap; align-items: center; padding: var(--sp-3) var(--sp-4); border: 1px dashed var(--color-border); border-radius: var(--radius-md); background: var(--color-white); }
.biz-sub .biz-sub-title { font-size: 12px; font-weight: 700; color: var(--color-text-light); letter-spacing: .06em; }
.biz-sub .biz-sub-item { font-size: 13px; color: var(--color-text-secondary); }
.biz-sub a { color: var(--color-secondary-dark); text-decoration: underline; }

/* お問い合わせ：はじめての方への安心コピー */
.form-intro { background: var(--color-brand-green-pale); border: 1px solid var(--color-brand-green); border-radius: var(--radius-md); padding: var(--sp-3) var(--sp-4); font-size: 13px; color: var(--color-text-secondary); margin-bottom: var(--sp-4); line-height: 1.8; }
.form-intro b { color: var(--color-primary); }

/* お問い合わせ：チェックボックス／ラジオ（課題判別・連絡方法） */
.form-check-group { display: grid; gap: 8px; }
.form-check-group label, .form-radio-group label { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; font-weight: 400; color: var(--color-text-secondary); background: var(--color-bg-gray); border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: 10px 12px; cursor: pointer; margin-bottom: 0; }
.form-check-group input, .form-radio-group input { width: auto; margin-top: 3px; flex: 0 0 auto; accent-color: var(--color-brand-green-dark); }
.form-check-group label:hover, .form-radio-group label:hover { border-color: var(--color-brand-green); }
.form-radio-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.form-note { font-size: 12px; color: var(--color-text-light); margin-top: 6px; }

/* 送信ボタン下の安心コピー */
.form-reassure { display: flex; gap: 10px; align-items: flex-start; background: var(--color-bg-gray); border-radius: var(--radius-md); padding: var(--sp-3); font-size: 13px; color: var(--color-text-secondary); margin-top: var(--sp-3); line-height: 1.75; }
.form-reassure .dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: var(--color-brand-green); margin-top: 6px; }

/* 下部CTAバンド：紺の帯＋ロゴ3色ストライプでメリハリを付与（全ページ共通） */
#cta { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); position: relative; overflow: hidden; }
#cta::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--color-brand-green) 0 33.34%, var(--color-brand-gray) 33.34% 66.67%, var(--color-brand-red) 66.67% 100%); }
#cta::after { content: ""; position: absolute; right: -60px; bottom: -60px; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,.05); }
#cta .wrap { position: relative; z-index: 1; }
#cta .sec-title { color: var(--color-white); }
#cta .sec-lead { color: rgba(255,255,255,.86); }
#cta .btn-primary { box-shadow: 0 10px 26px rgba(0,0,0,.28); }
#cta .btn-primary:hover { transform: translateY(-1px); }

@media (max-width: 860px) {
  .service-grid.cols-3, .service-grid.cols-2 { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .form-radio-group { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .service-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
  .results-grid.cols-4 { grid-template-columns: 1fr; }
  .profile-flex { flex-direction: column; }
  .profile-photo { flex: none; width: 100%; max-width: 240px; }
  .works-table th, .works-table td { padding: 12px var(--sp-1); font-size: 13px; }
  .timeline li { flex-direction: column; gap: 4px; }
}

@media (max-width: 860px) {
  nav.gnav { display: none; }
  .pain-grid { grid-template-columns: 1fr; }
  .strength-flex { flex-direction: column; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .service-detail .flex { flex-direction: column; gap: var(--sp-2); }
  .flow-row { flex-direction: column; gap: var(--sp-4); }
  .flow-row::before { display: none; }
  .price-grid { grid-template-columns: 1fr; }
  .price-card.recommend { transform: none; }
  .results-grid { grid-template-columns: 1fr; }
  .sticky-cta { display: block; }
  body { padding-bottom: 74px; }
}

/* TC Systems review implementation. Extends the supplied navy / white / yellow design. */
:root{--color-text-light:#626D80;--fs-caption:0.875rem;--radius-lg:10px}
body{overflow-wrap:anywhere}img{height:auto}main{outline:none}section[id],div[id]{scroll-margin-top:100px}
a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #1D71A8;outline-offset:4px}
button,input,textarea,select{font:inherit}button[disabled]{cursor:not-allowed;opacity:.6}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:200;background:#16305E;color:white;padding:12px 20px}
.skip-link:focus{transform:none}.header-inner{gap:22px}.gnav{flex-shrink:0;gap:20px!important}.gnav a{white-space:nowrap}
.menu-toggle,.mobile-contact{display:none}.logo-lockup{flex-shrink:0}.lname b{font-weight:600!important}
.hero{padding:88px 0 72px}.hero-inner{gap:48px}.hero-text{max-width:655px;flex:1.6}.hero-visual{flex:1;min-width:0}.hero h1{font-size:clamp(29px,3.35vw,44px);letter-spacing:-.035em;line-height:1.6}.hero .sub{font-size:17px;line-height:1.95}.hero .micro{max-width:580px;font-size:14px}
.hero::before,.hero::after{display:none}.stat-card .val span{font-size:.6em}.stat-card .lbl{font-size:14px}.stat-card{border-radius:6px}
.sec-lead{line-height:1.95}.service-card p,.service-card.feature p,.result-card p,.biz-lead-head p,.footer-desc{font-size:16px!important;line-height:1.85}
.service-card a.more,.biz-lead-head a.more,.biz-sub .biz-sub-item,.biz-sub .biz-sub-title,.btn-sm,.micro,.note,.page-header .breadcrumb{font-size:14px}
.service-card h3,.result-card h3{font-size:18px;color:var(--color-primary);margin-bottom:8px}.service-card .no,.eyebrow{font-size:13px}.result-card h4{line-height:1.6}
.footer-desc{max-width:390px}.footer-area-badge,.footer-col-title,.footer-cta-text{font-size:14px}.footer-brand{max-width:440px}.footer-main{gap:48px}.footer-nav-col a{line-height:1.7}.footer-cta-col{max-width:280px}.footer-bottom{font-size:14px}
.btn,.header-cta{min-height:44px}.btn{justify-content:center;text-align:center}.btn:hover{transition:background .15s}.btn:active{transform:translateY(1px)}
.section-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.section-nav a{font-size:14px;color:#16305E;border:1px solid #C8D0DF;border-radius:4px;padding:8px 14px;background:white;text-decoration:none}.section-nav a:hover{background:#E9EEF7}
.section-intro{margin-bottom:40px}.section-intro .sec-lead{margin-bottom:0}.num-label{color:#3E67A6!important;font-size:30px!important}
.service-photo{margin:28px 0 0;max-width:720px}.service-photo img{width:100%;object-fit:cover;border-radius:6px;max-height:360px}.service-photo + .service-detail{margin-top:40px}
.planned-label{display:inline-block;padding:5px 14px;background:#E9EEF7;color:#16305E;font-size:14px;margin-bottom:22px}
.faq-wrap{max-width:900px}.faq-detail{border-bottom:1px solid #DCE1EA}.faq-detail:first-of-type{border-top:1px solid #DCE1EA}.faq-detail summary{padding:22px 36px 22px 0;cursor:pointer;list-style:none;color:#16305E;position:relative;font-weight:600}.faq-detail summary::-webkit-details-marker{display:none}.faq-detail summary::after{content:'＋';position:absolute;right:4px;top:22px;font-size:20px}.faq-detail[open] summary::after{content:'−'}.faq-answer{padding:0 32px 26px 0;color:#4B5568}.faq-answer .a{font-size:16px;line-height:1.9}
.experience-line{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:26px;border-bottom:1px solid #DCE1EA;padding-bottom:20px;color:#16305E}.experience-line strong{font-size:24px}.profile-photo .ph{font-size:18px}.profile-photo .ph small{font-size:14px}.profile-photo .name span{font-size:14px}.timeline .txt{font-size:16px}.company-table th,.company-table td{font-size:16px}.company-table th{width:170px}.works-table th,.works-table td{font-size:16px}.works-table thead th{font-size:14px}
.form-row{border:0;padding:0;min-width:0}.form-row legend{font-weight:700;margin-bottom:8px}.form-check-group input,.form-radio-group input,.consent-row input{width:20px!important;height:20px;min-width:20px;accent-color:#16305E}.form-check-group label,.form-radio-group label{font-size:16px;padding:12px}.form-intro,.form-note,.form-reassure,.form-privacy{font-size:14px;line-height:1.85}.form-box input:not([type=checkbox]):not([type=radio]),.form-box textarea,.form-box select{font-size:16px;max-width:100%;min-height:48px}.form-box select{white-space:normal}.preview-notice{border-left:3px solid #1D71A8;padding:10px 16px;background:#E7F4FB;font-size:14px;margin-bottom:24px;color:#16305E}.consent-row label{display:flex;gap:12px;align-items:flex-start}.form-confirmation{margin-top:32px;padding:28px 0;border-top:2px solid #16305E}.form-confirmation h2{font-size:22px;color:#16305E}.form-confirmation p{margin:12px 0 24px}.confirmation-list{margin-bottom:28px}.confirmation-list dt{font-weight:700;color:#16305E;margin-top:18px}.confirmation-list dd{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:4px}.form-submit{width:100%}body[data-page=contact]{padding-bottom:0}
[hidden]{display:none!important}
@media(min-width:1061px){nav.gnav{display:flex!important}}
@media(max-width:1060px){
 .header-inner{padding:14px 24px;gap:14px;flex-wrap:wrap}.header-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:9px;order:3;font-size:14px;background:white;border:1px solid #C8D0DF;border-radius:4px;padding:9px 12px;min-height:44px;color:#16305E}.menu-lines{width:15px;height:10px;border-top:2px solid #16305E;border-bottom:2px solid #16305E}
 nav.gnav{display:flex;order:4;flex-basis:100%;flex-direction:column;gap:0!important;border-top:1px solid #DCE1EA;padding-top:8px}html.js nav.gnav:not(.is-open){display:none}nav.gnav a{padding:13px 8px;white-space:normal}nav.gnav a.active{border-bottom:0;background:#E9EEF7;border-radius:3px}.mobile-contact{display:block}.hero-inner{gap:26px}.hero-text{flex:1.6}.hero h1{font-size:34px}
}
@media(max-width:860px){
 .wrap{padding:0 24px}section{padding:56px 0}.hero{padding:50px 0 42px}.hero-inner{flex-direction:column;gap:28px}.hero-text{max-width:none}.hero-visual{order:0;max-width:280px;margin:0;align-self:center}.hero h1{font-size:clamp(26px,5.8vw,40px)}.hero .sub{font-size:16px}.hero-btns{gap:12px}.hero-btns .btn{padding:14px 22px}.nb{white-space:normal}.desktop-break{display:block}.strength-flex .img-placeholder{width:100%;max-width:460px;flex:auto}.strength-flex .text{width:100%}.stat-grid{gap:12px}.stat-card{padding:24px 12px}.biz-lead{padding:28px 24px}.service-card{padding:24px}.biz-sub{gap:12px;flex-direction:column;align-items:flex-start}.results-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-main{gap:36px}.footer-cta-col{max-width:none}.service-photo img{max-height:300px}.timeline .yr{flex:auto}.form-box{padding:28px 24px}.works-table td.n{width:60px}.works-table th,.works-table td{font-size:14px;line-height:1.8}
}
@media(max-width:560px){
 .header-inner{padding:12px 18px}.logo-lockup img{height:32px;width:32px}.logo-lockup .lname{font-size:13px}.header-cta{display:none}.menu-toggle{margin-left:auto;gap:6px;padding:8px}.menu-toggle span:last-child{font-size:12px}.wrap{padding:0 20px}.hero{padding:42px 0 32px}.hero h1{font-size:clamp(22px,6.3vw,34px);letter-spacing:-.04em}.hero-visual{max-width:230px}.hero .micro{font-size:14px}.hero-btns{align-items:stretch}.hero-btns .btn{font-size:14px;padding:13px 18px}.stat-card .val{font-size:32px}.stat-card .lbl{font-size:13px}.stat-grid{gap:10px}.results-grid.cols-4,.service-grid.cols-4,.service-grid{grid-template-columns:1fr}.sec-title{line-height:1.5!important}.biz-lead{padding:24px 18px}.section-nav{gap:8px}.section-nav a{padding:8px 10px}.service-detail .num-label{width:auto}.service-detail{padding:32px 0}.company-table tr,.company-table th,.company-table td{display:block;width:100%}.company-table th{padding:16px 0 6px;border:0}.company-table td{padding:0 0 18px}.form-box{padding:0;border:0;box-shadow:none}.form-intro{padding:20px}.works-table th,.works-table td{padding:12px 8px}.footer-links{flex-wrap:wrap;gap:16px}.footer-bottom{gap:18px}.btn{max-width:100%;white-space:normal}.profile-photo{max-width:220px}.experience-line{gap:12px;flex-direction:column}.faq-detail summary{padding-right:30px}.faq-answer{padding-right:0}.sticky-cta{padding:10px 20px calc(10px + env(safe-area-inset-bottom))}body{padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* TC Systems: local landscape and generous, direct typography. */
:root{--max-width:1280px;--radius-pill:2px;--radius-lg:2px;--radius-md:2px;--shadow-card:none;--shadow-hover:none}
.header-inner{max-width:1440px;padding:21px 40px}.gnav a{font-weight:500}.header-cta{padding:13px 24px;border-radius:2px}.logo-lockup .lname{font-weight:700;letter-spacing:.03em}.logo-lockup .lname b{font-size:.76em;display:block;margin-top:4px}
.btn,.section-nav a{border-radius:2px;box-shadow:none}.service-card,.result-card,.biz-lead,.stat-card,.contact-aside,.profile-card{box-shadow:none;border-radius:0}.service-card,.result-card{border:0;border-top:1px solid #bdc7d5}.service-card:hover,.result-card:hover{transform:none;box-shadow:none}.badge{border-radius:0}.footer-area-badge{background:none;border:0;padding:0}.footer-area-badge::before{content:none}
.home-fv{max-width:1600px;margin:auto;padding:48px 40px 0;color:#16305e;background:#fff;border:0}.fv-heading{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:40px;align-items:end;margin-bottom:36px}.fv-kicker{font-size:15px;font-weight:600;letter-spacing:.12em;margin:0 0 18px}.home-fv h1{font-size:clamp(48px,5.42vw,86px);line-height:1.22;letter-spacing:-.065em;font-weight:800;margin:0;overflow-wrap:normal}.home-fv h1 span{display:block}.home-fv h1 .fv-first{font-size:1.17em;letter-spacing:-.07em;margin-bottom:6px}.fv-mobile-break{display:none}.fv-intro{padding-bottom:5px}.fv-intro p{font-size:15px;line-height:1.95;letter-spacing:.01em;margin:0 0 25px}.fv-contact{display:block;width:100%;padding:18px 20px;background:#f2b705;color:#10284c;text-decoration:none;text-align:center;font-size:15px;font-weight:700;border-bottom:2px solid #16305e;transition:background .18s}.fv-contact:hover{background:#ffcb2e}.fv-landscape{position:relative;width:100%;height:clamp(260px,30vw,480px);margin:0;overflow:hidden;background:#dbe9f8}.fv-landscape img{height:100%;width:100%;max-width:none;object-fit:cover;object-position:44% 39%;animation:tc-landscape 1.1s ease-out both}.fv-landscape figcaption{position:absolute;left:0;bottom:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;color:white;background:linear-gradient(transparent,rgba(9,29,49,.68));font-size:15px;letter-spacing:.09em}.fv-location{font-size:12px}.fv-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0 23px;border-bottom:1px solid #16305e}.fv-bottom p{font-size:12px;letter-spacing:.13em}.fv-bottom a{font-size:14px;text-underline-offset:6px}.fv-title-group{animation:tc-title .65s ease-out both}
@keyframes tc-title{from{opacity:.3;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes tc-landscape{from{transform:scale(1.04)}to{transform:scale(1)}}
.home-introduction{background:white}.intro-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.intro-layout h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-.045em;line-height:1.5;color:#16305e;margin-top:22px}.intro-body>p{font-size:19px;line-height:2.15;color:#253b59}.experience-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:40px;padding-top:28px;border-top:1px solid #c4cdda}.experience-facts dt{font-size:13px;color:#50617a}.experience-facts dd{font-family:Arial,sans-serif;font-size:42px;color:#16305e;line-height:1.5;letter-spacing:-.04em}.experience-facts dd span{font-family:var(--font-ja);font-size:15px;letter-spacing:0;margin:0 4px}
.home-business{background:#f2f5f7}.section-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #16305e;padding-top:20px;margin-bottom:50px}.section-topline p{font-size:14px;color:#16305e}.section-topline .eyebrow{margin:0}.business-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.business-heading .sec-title{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.035em;margin:0}.business-heading>p{font-size:16px;color:#50617a;line-height:1.8}.service-rows{border-top:1px solid #aebacd}.service-row{display:grid;grid-template-columns:65px 1.1fr 1fr 90px;gap:25px;align-items:center;padding:38px 8px;border-bottom:1px solid #aebacd;color:#16305e;text-decoration:none;transition:background .2s}.service-row:hover{background:#e7edf2}.service-index{align-self:start;font:16px/1.6 Arial,sans-serif;padding-top:5px}.service-row h3{font-size:clamp(22px,2.3vw,30px);line-height:1.5;margin:0 0 5px;letter-spacing:-.03em}.service-en{font:11px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#56667d}.service-row p{font-size:15px;line-height:1.9;color:#40546e}.service-row-link{font-size:13px;text-decoration:underline;text-underline-offset:6px;text-align:right}.business-notes{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;margin-top:64px}.business-notes>div{padding-left:24px;border-left:2px solid #16305e}.note-index{font-size:13px;color:#50617a}.business-notes h3{font-size:22px;margin:12px 0;color:#16305e}.business-notes p{font-size:15px;line-height:1.9;margin-bottom:18px;max-width:450px}.text-link{font-size:14px;color:#16305e;text-underline-offset:6px}
.home-strength{background:white}.home-strength .strength-flex{display:block}.home-strength .strength-flex .text{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.home-strength .strength-flex .eyebrow{grid-column:1/-1}.home-strength .strength-flex h2{grid-column:1;grid-row:2/4;font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:-.03em}.home-strength .strength-flex .sec-lead{grid-column:2;margin-bottom:20px}.home-strength .strength-flex .btn{grid-column:2;justify-self:start;background:transparent;color:#16305e;padding:0 0 8px;min-height:0;border:0;border-bottom:1px solid #16305e}.home-strength .results-grid{gap:32px}.home-strength .result-card{padding:22px 0 0;background:none;box-shadow:none;border:0;border-top:1px solid #bdc7d5}.strength-index{display:block;font:13px/1.5 Arial,sans-serif;color:#5c6d84;margin-bottom:20px}.home-strength .result-card h3{font-size:20px;margin-bottom:15px}.home-strength .result-card p{font-size:15px!important}.home-cta .wrap{max-width:1100px}.home-cta{background:#16305e!important;border:0!important;color:white!important}.home-cta h2.sec-title{font-size:36px;color:white!important}.home-cta .sec-lead{color:#edf1f8!important}.home-cta::before,.home-cta::after{display:none!important}
@media(min-width:1600px){.home-fv{padding-top:64px}.fv-heading{gap:70px;grid-template-columns:minmax(0,1fr) 330px}.fv-intro p{font-size:16px}}
@media(max-width:1100px){.header-inner{padding:18px 24px}.home-fv{padding:35px 24px 0}.fv-heading{grid-template-columns:minmax(0,1fr) 235px;gap:24px}.home-fv h1{font-size:5.4vw}.fv-intro p{font-size:14px}.fv-contact{padding:15px;font-size:14px}.intro-layout{gap:48px}.service-row{grid-template-columns:40px 1.05fr 1fr;gap:20px}.service-row-link{display:none}.business-notes{gap:48px}.home-strength .strength-flex .text{column-gap:40px}}
@media(max-width:800px){.fv-heading{display:block;margin-bottom:25px}.home-fv{padding-top:34px}.home-fv h1{font-size:7.6vw;line-height:1.3}.fv-kicker{font-size:13px;margin-bottom:16px}.fv-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:30px}.fv-intro p{margin:0;font-size:14px}.fv-contact{max-width:215px;min-width:195px}.fv-landscape{height:300px}.fv-bottom p{font-size:10px}.intro-layout{grid-template-columns:1fr;gap:35px}.intro-layout h2 br{display:none}.intro-layout h2{margin-top:14px}.intro-body>p{font-size:18px}.experience-facts{max-width:650px}.business-heading{display:block;margin-bottom:30px}.business-heading>p{margin-top:20px}.business-heading>p br{display:none}.service-row{grid-template-columns:35px 1fr;column-gap:20px;padding:26px 0;row-gap:12px}.service-row p{grid-column:2}.service-row p br{display:none}.service-en{font-size:11px}.business-notes{gap:35px}.home-strength .strength-flex .text{display:block}.home-strength .results-grid{grid-template-columns:repeat(2,1fr)}.section-topline{margin-bottom:35px}}
@media(max-width:540px){.header-inner{padding:15px 20px}.logo-lockup img{height:34px;width:34px}.logo-lockup .lname{font-size:14px}.home-fv{padding:32px 20px 0}.home-fv h1{font-size:clamp(38px,10.5vw,57px);line-height:1.27;letter-spacing:-.055em}.home-fv h1 .fv-first{font-size:1.19em;margin-bottom:7px}.fv-mobile-break{display:block}.fv-intro{margin-top:25px;display:block}.fv-intro p{font-size:14px;line-height:1.85}.fv-contact{max-width:none;min-width:0;width:220px;margin-top:20px;padding:14px 18px}.fv-landscape{width:calc(100% + 40px);margin-left:-20px;height:230px}.fv-landscape img{object-position:43% 38%}.fv-landscape figcaption{padding:22px 20px 14px;font-size:12px;letter-spacing:.035em}.fv-location{font-size:11px}.fv-bottom{align-items:flex-start;padding:15px 0 18px;gap:14px}.fv-bottom p{font-size:10px;line-height:1.8;max-width:168px;letter-spacing:.05em}.fv-bottom a{font-size:12px;white-space:nowrap;margin-top:3px}.wrap{padding-left:24px;padding-right:24px}.intro-layout h2{font-size:30px;letter-spacing:-.035em}.intro-layout h2 br{display:block}.intro-body>p{font-size:16px;line-height:2}.experience-facts{gap:12px;margin-top:28px;padding-top:20px}.experience-facts dt{font-size:11px;letter-spacing:-.03em}.experience-facts dd{font-size:32px}.experience-facts dd span{font-size:12px;margin:0 2px}.business-heading .sec-title{font-size:28px}.business-notes{grid-template-columns:1fr;gap:35px;margin-top:40px}.section-topline p{font-size:12px}.home-strength .results-grid{grid-template-columns:1fr;gap:26px;margin-top:var(--tc-content-gap)}.home-strength .result-card{display:grid;grid-template-columns:32px 1fr;gap:0 14px;padding-top:22px}.home-strength .result-card h3{font-size:19px;grid-column:2;grid-row:1;margin:0 0 10px}.home-strength .result-card h3 br{display:none}.home-strength .result-card p{grid-column:2}.strength-index{grid-column:1;grid-row:1;margin:4px 0 0}.home-cta h2.sec-title{font-size:28px}.sticky-cta{display:none!important}}
@media(prefers-reduced-motion:reduce){.fv-title-group,.fv-landscape img{animation:none}.service-row,.fv-contact{transition:none}}

/* Full-bleed photography. The shared section spacing remains in spacing.css. */
.landscape-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;height:100vh;height:100svh;min-height:0;margin:0;padding:124px max(48px,calc((100vw - 1216px)/2)) 126px;color:#fff;background:#243944;overflow:hidden}
.landscape-slides,.landscape-slide{position:absolute;inset:0;margin:0;padding:0}
.landscape-slides{z-index:-2}
.landscape-slide{opacity:0;transition:opacity 1.6s ease;pointer-events:none}
.landscape-slide.is-active{opacity:1}
.landscape-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
.landscape-slide[data-scene=server] img{object-position:50% 55%}
.landscape-slide[data-scene=workspace] img{object-position:50% 50%}
.landscape-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(9,22,29,.65),transparent 30%),linear-gradient(90deg,rgba(9,22,29,.46),rgba(9,22,29,.09) 76%),linear-gradient(0deg,rgba(9,22,29,.68),transparent 76%)}
.landscape-content{max-width:780px}
.landscape-kicker{margin:0 0 28px;font-size:15px;font-weight:500;letter-spacing:.1em}
.landscape-hero h1{margin:0;font-size:clamp(40px,4.1vw,64px);font-weight:500;letter-spacing:.025em;line-height:1.55;color:inherit;overflow-wrap:normal;text-shadow:0 2px 22px rgba(0,0,0,.12)}
.landscape-mobile-break{display:none}
.landscape-description{margin:var(--tc-heading-gap) 0 0;font-size:16px;line-height:1.95;letter-spacing:.025em}
.landscape-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:54px;margin-top:var(--tc-action-gap);padding:12px 22px;border:1px solid rgba(255,255,255,.75);color:#fff;text-decoration:none;font-size:14px;line-height:1.6;transition:background .2s,color .2s}
.landscape-contact:hover{background:#fff;color:#16305e}.landscape-contact span{font-size:20px;line-height:1}
.landscape-footer{position:absolute;left:max(48px,calc((100vw - 1216px)/2));right:max(48px,calc((100vw - 1216px)/2));bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.landscape-scroll{display:inline-flex;align-items:center;gap:28px;min-height:44px;color:#fff;font-size:12px;letter-spacing:.06em;text-decoration:none}
.landscape-scroll span{font-size:21px}
.landscape-controls{display:flex;gap:8px;align-items:center}
.landscape-controls button{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0 10px;background:none;border:0;color:#fff;cursor:pointer;font:13px/1.5 Arial,sans-serif;position:relative}
.landscape-page::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:1px;background:rgba(255,255,255,.35)}
.landscape-page.is-current::after{height:2px;background:#fff}
.landscape-controls button:hover{background:rgba(255,255,255,.1)}
.landscape-pause{margin-left:12px;border-left:1px solid rgba(255,255,255,.35)!important;font-size:17px!important}
.landscape-hero :focus-visible{outline-color:#fff;outline-offset:4px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.photo-credit{margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:11px;color:#c3cbda}.photo-credit summary{cursor:pointer;min-height:32px}.photo-credit p{margin:8px 0;line-height:1.8}.photo-credit a{color:inherit;text-underline-offset:3px}
@media(max-width:1060px){.landscape-hero{padding-left:40px;padding-right:40px}.landscape-footer{left:40px;right:40px}}
@media(max-width:600px){.landscape-hero{padding:114px 24px 104px;align-items:flex-end}.landscape-hero::after{background:linear-gradient(180deg,rgba(8,23,30,.65),transparent 30%),linear-gradient(0deg,rgba(8,23,30,.78),rgba(8,23,30,.29) 60%,rgba(8,23,30,.07))}.landscape-kicker{font-size:12px;letter-spacing:.06em;margin-bottom:20px}.landscape-mobile-break{display:block}.landscape-hero h1{font-size:clamp(30px,8.5vw,44px);line-height:1.5;letter-spacing:.015em}.landscape-description{font-size:13px;line-height:1.95;letter-spacing:0}.landscape-contact{font-size:13px;min-height:50px;padding:12px 18px;gap:34px}.landscape-slide[data-scene=bay] img{object-position:49% 50%}.landscape-slide[data-scene=server] img{object-position:50% 50%}.landscape-slide[data-scene=workspace] img{object-position:65% 50%}.landscape-footer{left:24px;right:24px;bottom:20px;gap:8px}.landscape-scroll{font-size:10px;gap:10px}.landscape-controls{gap:0}.landscape-controls button{min-width:40px}.landscape-pause{margin-left:4px}.photo-credit{font-size:11px}}
/* The homepage header sits over the same photograph as the hero. */
body[data-page=index] .site-header{position:fixed;left:0;right:0;transition:background .2s,border-color .2s}
body[data-page=index] .site-header:not(.is-solid){background:transparent;border-color:rgba(255,255,255,.2);mix-blend-mode:normal}
body[data-page=index] .site-header:not(.is-solid) .lname,
body[data-page=index] .site-header:not(.is-solid) nav.gnav a{color:#fff}
body[data-page=index] .site-header:not(.is-solid) nav.gnav a:is(.active,[aria-current=page]){border-color:#fff}
body[data-page=index] .site-header:not(.is-solid) .logo-lockup img{content:url("assets/favicon-transparent.svg");filter:none;mix-blend-mode:normal}
/* Give the brand enough size and contrast over every hero photograph. */
body[data-page=index] .site-header:not(.is-solid) .logo-lockup{gap:12px}
body[data-page=index] .site-header:not(.is-solid) .logo-lockup img{width:56px;height:56px;padding:0;background:transparent;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 1px rgba(255,255,255,.65)) drop-shadow(0 2px 4px rgba(0,0,0,.7))}
body[data-page=index] .site-header:not(.is-solid) .logo-lockup .lname{font-size:18px;text-shadow:0 1px 6px rgba(0,0,0,.75)}
@media(max-width:540px){
 body[data-page=index] .site-header:not(.is-solid) .logo-lockup{gap:10px}
 body[data-page=index] .site-header:not(.is-solid) .logo-lockup img{width:48px;height:48px;padding:0}
 body[data-page=index] .site-header:not(.is-solid) .logo-lockup .lname{font-size:16px}
}
body[data-page=index] .site-header:not(.is-solid) .header-cta{background:transparent;border:1px solid rgba(255,255,255,.75);color:#fff}
body[data-page=index] .site-header:not(.is-solid) .header-cta:hover{background:rgba(255,255,255,.15);color:#fff}
body[data-page=index] .site-header:not(.is-solid) .menu-toggle{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
body[data-page=index] .site-header:not(.is-solid) .menu-lines{border-color:#fff}
body[data-page=index] .site-header:not(.is-solid) :focus-visible{outline-color:#fff}
@media(max-width:1060px){
 body[data-page=index] .site-header:not(.is-solid):has(.gnav.is-open){background:rgba(9,22,29,.96);mix-blend-mode:normal}
 body[data-page=index] .site-header:not(.is-solid) nav.gnav{border-color:rgba(255,255,255,.25)}
 body[data-page=index] .site-header:not(.is-solid) nav.gnav a.active{background:rgba(255,255,255,.1)}
}
@media(max-height:650px) and (min-width:601px){.landscape-hero{padding-top:106px;padding-bottom:94px}.landscape-hero h1{font-size:42px;line-height:1.4}.landscape-kicker{margin-bottom:16px}.landscape-description{font-size:14px}.landscape-footer{bottom:20px}}
@media(max-height:500px) and (min-width:601px){.landscape-hero{padding-top:94px;padding-bottom:68px}.landscape-hero h1{font-size:32px;line-height:1.35}.landscape-kicker{margin-bottom:8px;font-size:12px}.landscape-description{font-size:12px;line-height:1.65}.landscape-contact{min-height:44px;margin-top:16px;padding:8px 18px}.landscape-footer{bottom:8px}.landscape-controls button{min-height:36px}}
@media(prefers-reduced-motion:reduce){.landscape-slide,.landscape-contact{transition:none}}