/* Concise navy-and-orange home page, scoped away from other service pages. */
.home {
  --ink: #243746;
  --muted: #657480;
  --heading: #1a3c6c;
  --bg: #ffffff;
  --surface: #ffffff;
  --line: #e3e6ea;
  --t1-soft: #fff0ee;
  --t1-ink: #b33334;
  --t2-soft: #e9f0f9;
  --t2-ink: #925600;
  --t3-soft: #eaeff6;
  --t3-ink: #1c3c67;
  --t3: #397bb5;
  --accent-ink: #955000;
  background: #fff;
}
.home .wrap { max-width: 1160px; padding-inline: 28px; }
.home .ui-icon { width: 24px; height: 24px; flex-shrink: 0; }
.home .icon-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.home a, .home button, .home summary { -webkit-tap-highlight-color: transparent; }
.home :is(a, button, summary, input):focus-visible { outline: 3px solid #176f9a; outline-offset: 5px; }
.home .skip-link { position: fixed; top: -80px; left: 16px; z-index: 100; background: #fff; color: #173e61; padding: 12px 20px; border: 2px solid #173e61; border-radius: 10px; }
.home .skip-link:focus { top: 10px; }
.home .centers { background: #eef1f5; color: #365467; }
.home .centers-row { height: 36px; font-size: .76rem; }
.home .centers-label { color: #365467; font-family: inherit; font-weight: 500; }
.home .centers a:hover, .home .centers a[aria-current="page"] { color: #173e61; }
.home .centers .c-know::before { background: #6d8b98; }
.home header.site { background: rgba(255,255,255,.97); border-color: #e6e9ec; }
.home .nav { height: 80px; gap: 24px; }
.home .logo { font-size: 1.06rem; gap: 10px; min-width: 0; }
.home .logo small { font-size: .67rem; letter-spacing: .03em; }
.home .nav-links { gap: 28px; font-size: .9rem; }
.home .nav-links a { opacity: 1; }
.home .nav-cta { font-size: .86rem; padding: 10px 19px; }
.home .btn { font-size: .94rem; padding: 13px 23px; border-radius: 12px; line-height: 1.5; min-height: 48px; box-shadow: none; }
.home .btn-primary { background: #f7941d; color: #12294a; }
.home .btn-primary:hover { background: #ffb64f; }
.home .btn-soft { background: #fff; color: #173e61; border-color: #d5e1e3; }
.home .btn-soft:hover { background: #f0f3f7; }
.home .eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #354c6b; font-weight: 600; font-size: .78rem; letter-spacing: .05em; }
.home .eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #e9a039; }
.home .hero { background: radial-gradient(ellipse at 85% 0%, #28568b 0%, transparent 60%), #12294a; color: #fff; padding: 54px 0 60px; }
.home .hero-grid { grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }
.home .hero h1 { color: #fff; font-size: clamp(2.1rem, 3.2vw, 2.9rem); line-height: 1.4; letter-spacing: -.03em; margin: 16px 0 18px; }
.home .hero h1 em { color: #ffb35c; white-space: normal; }
.home .hero .eyebrow { color: #d6e5f6; }
.home .hero-lead { font-size: 1.02rem; color: #d6e2f2; opacity: 1; max-width: 470px; line-height: 1.85; }
.home .hero .btn-soft { background: transparent; color: #fff; border-color: #8ca5c5; }
.home .hero .btn-soft:hover { background: #ffffff12; }
.home .credential-strip { display: flex; align-items: flex-start; gap: 8px; color: #e4edf9; background: #ffffff09; border: 1px solid #ffffff26; border-radius: 10px; padding: 10px 12px; margin-bottom: 18px; font-size: .74rem; line-height: 1.8; max-width: 520px; }
.home .credential-strip .ui-icon { width: 17px; height: 17px; color: #ffb35c; margin-top: 2px; }
.home .hero-actions { margin-top: 28px; gap: 10px; }
.home .hero-note { margin-top: 15px; color: #c2d2e7; font-size: .8rem; display: flex; align-items: center; gap: 7px; }
.home .hero-note .ui-icon { width: 16px; height: 16px; color: #ffb35c; }
.home .intro-strip { border-block: 1px solid #e6e9ee; background: #fff; }
.home .intro-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-block: 22px; }
.home .intro-item { display: flex; align-items: center; justify-content: center; gap: 11px; color: #546a75; font-size: .83rem; }
.home .intro-item .ui-icon { color: #37567e; width: 21px; height: 21px; }
.home .section { padding: 68px 0; }
.home .section-head { margin-bottom: 28px; max-width: 720px; }
.home .section-head h2 { font-size: clamp(1.65rem, 2.6vw, 2.1rem); margin-top: 9px; line-height: 1.45; }
.home .section-head p { font-size: .95rem; margin-top: 9px; }
.home .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.home .service-card { border: 1px solid var(--line); border-radius: 20px; background: #fff; padding: 26px; display: flex; flex-direction: column; gap: 13px; }
.home .service-card.business { background: #f3f8fb; border-color: #dfeaf0; }
.home .service-card.health { background: #f0f3f8; border-color: #dfe4eb; }
.home .service-card.property { background: #f0f5fb; border-color: #d1dff1; }
.home .service-icon { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 14px; color: #2f6385; background: #e1edf5; margin-bottom: 5px; }
.home .health .service-icon { background: #dee6f0; color: #284974; }
.home .property .service-icon { background: #d4e2f4; color: #976012; }
.home .service-card h3 { font-size: 1.2rem; color: var(--heading); }
.home .service-card p { color: #5e717c; font-size: .9rem; line-height: 1.8; }
.home .service-link { margin-top: auto; padding-top: 9px; display: flex; align-items: center; gap: 10px; color: #264f6a; font-size: .88rem; font-weight: 600; }
.home .service-link .ui-icon { width: 18px; height: 18px; transition: transform .15s; }
.home .service-link:hover .ui-icon { transform: translateX(4px); }
.home .triage-section { background: #f5f6f8; border-block: 1px solid #e6e9ee; }
.home .triage-grid { gap: 16px; }
.home .lane { box-shadow: none; border-radius: 16px; border-color: #e0e3e8; }
.home .lane-head { padding: 17px 20px; border-top-width: 3px; }
.home .lane-head h3 { font-size: 1.08rem; margin-top: 5px; }
.home .lane-level { font-family: inherit; font-size: .72rem; }
.home .lane-room { font-size: .8rem; margin-top: 4px; }
.home .symptoms { padding: 7px 20px 14px; }
.home .sym { font-size: .88rem; padding: 12px 0; gap: 10px; line-height: 1.7; }
.home .sym input { width: 18px; height: 18px; }
.home .triage-result { background: #fff; color: var(--ink); border: 1px solid #dbe0e7; border-left: 4px solid #9fabbb; border-radius: 14px; padding: 20px 24px; margin-top: 16px; }
.home .triage-result.lv1 { border-left-color: #d85550; }
.home .triage-result.lv2 { border-left-color: #df9f34; }
.home .triage-result.lv3 { border-left-color: #456895; }
.home .tr-tag { font-family: inherit; color: #545f6e; opacity: 1; font-size: .76rem; }
.home .tr-title { color: var(--heading); font-size: 1.1rem; }
.home .tr-next { color: var(--muted); font-size: .86rem; }
.home .tr-depts { margin-top: 8px; gap: 6px; }
.home .tr-depts:empty { display: none; }
.home .tr-depts span { background: #edf0f5; color: #324967; border: 0; font-size: .74rem; }
.home .triage-result .btn-er { background: #b63d3f; box-shadow: none; }
.home .triage-privacy { font-size: .75rem; color: #555f6d; margin-top: 12px; display: flex; gap: 6px; align-items: center; }
.home .triage-privacy .ui-icon { width: 14px; height: 14px; }
.home .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; counter-reset: steps; }
.home .simple-step { counter-increment: steps; display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; align-items: start; }
.home .simple-step::before { content: counter(steps, decimal-leading-zero); width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #e3ecf8; color: #956113; font-family: var(--mono); font-size: .8rem; }
.home .simple-step h3 { font-size: 1.05rem; color: var(--heading); margin: 7px 0 8px; }
.home .simple-step p { color: var(--muted); font-size: .86rem; }
.home .expertise { margin-top: 32px; padding-top: 24px; border-top: 1px solid #e6e9ed; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.home .expertise p { font-size: .82rem; color: #667c84; }
.home .expertise-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.home .expertise-tags span { font-size: .78rem; border: 1px solid #dfe3e9; border-radius: 99px; padding: 5px 13px; color: #455468; background: #fafbfc; }
.home .scope-note { font-size: .8rem; color: #657480; margin-top: 22px; }
.home .plans-section { padding-top: 0; }
.home .home-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.home .home-plan { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #dfe6ef; border-top: 3px solid #f7941d; border-radius: 15px; background: #f7f9fc; padding: 23px; gap: 11px; }
.home .home-plan:hover { border-color: #93afd2; border-top-color: #f7941d; }
.home .plan-period { font-size: .75rem; font-weight: 600; color: #315d91; background: #e9f0fa; padding: 4px 11px; border-radius: 99px; }
.home .home-plan h3 { font-size: 1.06rem; color: #1a3c6c; line-height: 1.55; }
.home .home-plan p { color: #5e717c; font-size: .85rem; }
.home .plan-more { margin-top: auto; padding-top: 5px; font-size: .78rem; color: #315d91; font-weight: 600; }
.home .profile-card { margin-top: 28px; padding: 22px 24px; border: 1px solid #dfe3e9; border-radius: 16px; background: #f6f8fa; display: flex; align-items: center; gap: 17px; }
.home .profile-avatar { width: 53px; height: 53px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; color: #2e4768; background: #e1e7ee; font-size: 1.1rem; font-weight: 600; }
.home .profile-card small { font-size: .72rem; color: #5f6874; }
.home .profile-card h3 { font-size: 1.08rem; color: #24354c; margin-top: 3px; }
.home .profile-card p { font-size: .8rem; color: #5c6570; margin-top: 5px; }
.home .profile-link { margin-left: auto; font-size: .8rem; font-weight: 600; color: #244269; white-space: nowrap; padding: 10px 0 10px 15px; }
.home .tools-section { background: #eff6f8; }
.home .tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.home .tool-card { display: grid; grid-template-columns: 1fr auto; gap: 7px 16px; background: #fff; border: 1px solid #dce9ed; border-radius: 15px; padding: 21px 23px; transition: border-color .15s, transform .15s; }
.home .tool-card:hover { border-color: #7ca9b6; transform: translateY(-2px); }
.home .tool-card small { color: #4c7a89; font-size: .74rem; }
.home .tool-card h3 { font-size: .98rem; line-height: 1.6; color: var(--heading); grid-column: 1; }
.home .tool-card .ui-icon { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #628c99; width: 19px; height: 19px; }
.home .knowledge { background: #fff; border: 0; }
.home .head-row { max-width: none; align-items: end; }
.home .text-link { font-size: .85rem; color: #286475; text-decoration: underline; text-underline-offset: 5px; padding-block: 7px; }
.home .articles { grid-template-columns: repeat(2, 1fr); gap: 20px; }
.home .article { display: grid; grid-template-columns: 96px 1fr; border-radius: 15px; background: #fff; }
.home .article .thumb { height: auto; min-height: 140px; background: #e6ebf1; }
.home .article:nth-child(2) .thumb { background: #dfe9f6; }
.home .article .thumb::before { content: "ER"; position: absolute; left: 18px; top: 22px; font-family: var(--mono); color: #506887; font-size: 1.9rem; font-weight: 600; }
.home .article:nth-child(2) .thumb::before { color: #a87a2c; }
.home .article .thumb span { background: transparent; color: #465466; left: 12px; bottom: 18px; padding: 0; font-size: .66rem; }
.home .article:nth-child(2) .thumb span { color: #85611d; }
.home .article .thumb .new { display: none; }
.home .article-body { padding: 20px; }
.home .article h3 { font-size: 1rem; line-height: 1.6; }
.home .article p { display: none; }
.home .article .a-meta { font-size: .75rem; color: #5d707c; margin-top: 10px; }
.home .faq { padding-top: 0; background: #fff; }
.home .faq > .wrap { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; }
.home .faq .section-head { margin-bottom: 0; }
.home .faq .section-head .sign { display: none; }
.home .faq .section-head h2 { margin-top: 0; }
.home .faq-list { max-width: none; }
.home .faq-item { border-color: #e3e6ea; border-radius: 12px; box-shadow: none; background: #fff; }
.home .faq-item summary { font-size: .9rem; padding: 17px 20px; }
.home .faq-item .ans { color: #657480; font-size: .85rem; padding: 0 20px 18px; }
.home .contact { padding-top: 0; background: #fff; color: var(--ink); }
.home .contact-panel { background: #eaeff5; border: 1px solid #dce2eb; border-radius: 24px; padding: 42px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.home .contact h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); color: #19304d; margin-top: 10px; line-height: 1.5; }
.home .contact .lead { color: #4d5969; font-size: .94rem; margin-top: 12px; }
.home .contact-actions { display: grid; gap: 11px; }
.home .contact .line-cta { background: #244877; color: #fff; border: 0; }
.home .contact .line-cta:hover { background: #19375f; }
.home .contact-actions .contact-small { font-size: .76rem; color: #4d5969; text-align: center; overflow-wrap: anywhere; }
.home .contact-actions .contact-small a { text-decoration: underline; text-underline-offset: 3px; }
.home .contact-summary { margin-top: 18px; border: 1px solid #cad3df; background: #fff; border-radius: 12px; padding: 15px 17px; }
.home .contact-summary[hidden] { display: none; }
.home .contact-summary p { font-size: .8rem; color: #47586e; white-space: pre-line; }
.home .summary-line { display: inline-flex; margin-top: 12px; color: #1a3c6c; background: #eaf1fa; border: 1px solid #cbd9eb; border-radius: 8px; padding: 10px 13px; font-size: .8rem; font-weight: 600; }
.home .line-draft-note { display: block; font-size: .72rem; color: #5d707c; margin-top: 8px; }
.home .page-scroll, .home .contact-dock { display: contents; }
.home .er-float { background: #1a3c6c; border: 2px solid #fff; box-shadow: 0 5px 18px #20334d20; border-radius: 99px; padding: 10px 16px; font-size: .8rem; gap: 7px; }
.home .er-float::before { display: none; }
.home .er-float .ui-icon { width: 17px; height: 17px; }
.home footer { background: #f5f6f7; color: #5e727c; padding: 38px 0 28px; font-size: .8rem; }
.home .foot-grid { grid-template-columns: 1fr .7fr 1.2fr; gap: 45px; }
.home .foot-logo { background: transparent; padding: 0; }
.home .foot-logo img { height: 57px; }
.home .foot-about { max-width: 270px; margin-top: 11px; }
.home footer h4 { color: #294f66; font-size: .85rem; }
.home footer a { overflow-wrap: anywhere; }
.home footer a:hover { color: #173e61; text-decoration: underline; }
.home .legal { border-color: #dce0e5; color: #5d707c; font-size: .75rem; margin-top: 28px; padding-top: 20px; gap: 7px; }

@media (max-width: 1180px) {
  .home .nav-links.open { top: 80px; }
}
@media (max-width: 1020px) {
  .home .hero-grid { grid-template-columns: 1.1fr 1fr; gap: 24px; }
  .home .hero h1 { font-size: 2.5rem; }
  .home .service-grid { gap: 12px; }
  .home .service-card { padding: 21px; }
  .home .triage-grid { grid-template-columns: repeat(3, 1fr); }
  .home .lane-head, .home .symptoms { padding-inline: 16px; }
  .home .steps-grid { gap: 20px; }
  .home .simple-step { grid-template-columns: 1fr; }
  .home .tools-grid { grid-template-columns: 1fr; }
  .home .tool-card { padding: 17px 21px; }
  .home .faq > .wrap { gap: 28px; }
}
@media (max-width: 720px) {
  /* Reserve a separate screen row. The chat button cannot overlay page content. */
  .home { height: 100vh; height: 100dvh; overflow: hidden; }
  .home .page-scroll { display: block; height: calc(100vh - 68px - env(safe-area-inset-bottom, 0px)); height: calc(100dvh - 68px - env(safe-area-inset-bottom, 0px)); overflow-y: auto; overscroll-behavior-y: contain; scroll-behavior: smooth; scroll-padding-top: 86px; scroll-padding-bottom: 20px; }
  .home .contact-dock { display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 70; height: calc(68px + env(safe-area-inset-bottom, 0px)); padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid #dce4ef; }
  .home .wrap { padding-inline: 20px; }
  .home .nav { gap: 10px; height: 72px; }
  .home .nav-links.open { top: 72px; }
  .home .logo img { height: 43px; }
  .home .logo { font-size: .94rem; gap: 8px; }
  .home .logo small { font-size: .56rem; }
  .home .menu-btn { padding: 9px 6px; flex-shrink: 0; }
  .home .hero { padding: 38px 0 32px; }
  .home .hero-grid { grid-template-columns: 1fr; gap: 16px; }
  .home .hero h1 { font-size: clamp(1.85rem, 7.7vw, 2.7rem); margin-block: 14px 17px; }
  .home .credential-strip { font-size: .7rem; padding: 9px 11px; margin-bottom: 16px; }
  .home .hero-lead { font-size: .96rem; max-width: 420px; }
  .home .hero-actions { margin-top: 23px; flex-direction: column; }
  .home .hero-actions .btn { width: 100%; }
  .home .hero-note { font-size: .75rem; }
  .home .intro-row { gap: 0; padding-block: 18px; }
  .home .intro-item { flex-direction: column; gap: 6px; text-align: center; font-size: .66rem; line-height: 1.6; padding-inline: 6px; }
  .home .intro-item + .intro-item { border-left: 1px solid #e6e9ee; }
  .home .intro-item .ui-icon { width: 20px; height: 20px; }
  .home .section { padding-block: 46px; }
  .home .section-head h2 { font-size: 1.6rem; }
  .home .section-head p { font-size: .87rem; }
  .home .service-grid, .home .triage-grid { grid-template-columns: 1fr; gap: 12px; }
  .home .service-card { display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; row-gap: 7px; padding: 22px; }
  .home .service-icon { grid-column: 1; grid-row: 1 / 4; width: 44px; height: 44px; margin: 0; }
  .home .service-card h3, .home .service-card p, .home .service-link { grid-column: 2; }
  .home .service-card h3 { font-size: 1.08rem; }
  .home .service-card p { font-size: .84rem; }
  .home .service-link { padding-top: 6px; font-size: .8rem; }
  .home .lane-head { padding: 13px 18px; }
  .home .lane-head h3 { font-size: 1rem; }
  .home .lane-room { display: none; }
  .home .symptoms { padding: 3px 18px 7px; }
  .home .sym { padding-block: 11px; font-size: .85rem; }
  .home .triage-result { padding: 18px; gap: 15px; grid-template-columns: 1fr; }
  .home .tr-title { font-size: 1.05rem; }
  .home .tr-next { font-size: .83rem; }
  .home .triage-privacy { font-size: .7rem; align-items: start; }
  .home .triage-privacy .ui-icon { margin-top: 3px; flex-shrink: 0; }
  .home .steps-grid { grid-template-columns: 1fr; gap: 22px; }
  .home .simple-step { grid-template-columns: 38px 1fr; gap: 13px; }
  .home .simple-step h3 { margin: 5px 0 5px; }
  .home .expertise { gap: 10px; margin-top: 25px; padding-top: 20px; }
  .home .expertise-tags { gap: 6px; }
  .home .expertise-tags span { padding: 4px 11px; font-size: .74rem; }
  .home .scope-note { font-size: .76rem; }
  .home .plans-section { padding-top: 0; }
  .home .home-plans { grid-template-columns: 1fr; gap: 12px; }
  .home .home-plan { padding: 20px; gap: 8px; }
  .home .home-plan h3 { font-size: 1.03rem; }
  .home .profile-card { padding: 20px; gap: 13px; flex-wrap: wrap; }
  .home .profile-avatar { width: 44px; height: 44px; }
  .home .profile-card > div:nth-child(2) { flex: 1; min-width: 0; }
  .home .profile-card h3 { font-size: 1rem; }
  .home .profile-card p { font-size: .76rem; }
  .home .profile-link { margin: 0 0 0 57px; padding: 0; }
  .home .articles { grid-template-columns: 1fr; gap: 12px; }
  .home .article { grid-template-columns: 77px 1fr; }
  .home .article .thumb { min-height: 120px; }
  .home .article .thumb::before { left: 14px; top: 18px; font-size: 1.5rem; }
  .home .article .thumb span { left: 10px; font-size: .6rem; }
  .home .article-body { padding: 17px; }
  .home .article h3 { font-size: .92rem; }
  .home .head-row { gap: 12px; }
  .home .faq { padding-top: 0; }
  .home .faq > .wrap { grid-template-columns: 1fr; gap: 22px; }
  .home .faq-item summary { font-size: .86rem; padding: 16px 17px; }
  .home .faq-item .ans { font-size: .82rem; padding-inline: 17px; }
  .home .contact { padding-top: 0; }
  .home .contact-panel { padding: 27px 23px; border-radius: 20px; grid-template-columns: 1fr; gap: 23px; }
  .home .contact h2 { font-size: 1.55rem; }
  .home .contact .lead { font-size: .86rem; }
  .home .contact-actions .contact-small { font-size: .7rem; }
  .home .er-float { position: static; width: 100%; height: 48px; justify-content: center; padding: 10px 18px; font-size: .88rem; border: 0; border-radius: 10px; box-shadow: none; }
  .home footer { padding-top: 30px; padding-bottom: 30px; }
  .home .foot-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
  .home .foot-grid > :last-child { grid-column: 1 / -1; }
  .home .legal { font-size: .72rem; }
}
@media (max-width: 360px) {
  .home .wrap { padding-inline: 16px; }
  .home .logo { font-size: .81rem; gap: 6px; }
  .home .logo img { height: 37px; }
  .home .logo small { font-size: .48rem; }
  .home .nav { gap: 6px; }
  .home .centers a { padding-inline: 6px; font-size: .66rem; }
  .home .hero h1 { font-size: 1.85rem; }
  .home .service-card { padding: 19px 17px; column-gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .home .service-link .ui-icon, .home .tool-card { transition: none; }
  .home .page-scroll { scroll-behavior: auto; }
}

/* Hero service picker (from concept B), restyled for the navy hero. */
.home .hero-service-panel { position: relative; min-width: 0; }
.home .panel-caption { font-size: .8rem; color: #c2d2e7; margin-bottom: 14px; display: flex; gap: 8px; align-items: center; }
.home .panel-caption .ui-icon { width: 18px; height: 18px; color: #ffb35c; }
.home .service-choices { display: grid; gap: 12px; }
.home .service-choice { display: grid; grid-template-columns: 46px 1fr 20px; gap: 15px; align-items: center; padding: 20px 22px; border-radius: 16px; border: 1px solid #ffffff2b; background: #ffffff10; color: #fff; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.home .service-choice:hover { transform: translateX(4px); background: #ffffff1c; border-color: #ffffff52; }
.home .service-choice strong { display: block; font-size: 1.05rem; font-weight: 600; }
.home .service-choice small { display: block; font-size: .78rem; margin-top: 4px; color: #c8d6ea; }
.home .choice-icon { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: #ffffff17; color: #ffb35c; }
.home .choice-icon .ui-icon { width: 22px; height: 22px; }
.home .choice-arrow { width: 19px; height: 19px; color: #9fb5d2; }
.home .choice-business { background: #fff; color: #12294a; border-color: #fff; box-shadow: 0 12px 28px #00000033; }
.home .choice-business:hover { background: #fff; border-color: #ffb35c; }
.home .choice-business small { color: #4b6383; }
.home .choice-business .choice-icon { background: #fff1df; color: #c96a00; }
.home .choice-business .choice-arrow { color: #f7941d; }
@media (max-width: 1020px) {
  .home .service-choice { padding: 17px; gap: 12px; }
  .home .service-choice strong { font-size: .98rem; }
}
@media (max-width: 720px) {
  .home .hero-service-panel { margin-top: 6px; }
  .home .service-choice { padding: 15px 16px; border-radius: 14px; grid-template-columns: 40px 1fr 18px; gap: 12px; }
  .home .choice-icon { width: 40px; height: 40px; border-radius: 11px; }
  .home .service-choice strong { font-size: .96rem; }
  .home .service-choice small { font-size: .72rem; }
}
@media (prefers-reduced-motion: reduce) { .home .service-choice { transition: none; } }