@charset "UTF-8";
:root {
  --navy:#172B46;
  --teal:#315A80;
  --teal-dark:#243E5B;
  --mint:#EEF3F8;
  --paper:#fff;
  --muted:#586B80;
  --line:#D8E2EC;
  --wrap:1160px;
  --radius:6px;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}
body {
  margin:0;
  color:var(--navy);
  background:var(--paper);
  font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  font-size:16px;
  line-height:1.9;
  overflow-wrap:anywhere;
}
a {
  color:inherit;
  text-decoration:none;
}
button,input,textarea,select {
  font:inherit;
}
a,button,summary,input,textarea,select {
  -webkit-tap-highlight-color:transparent;
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:3px solid #315A80;
  outline-offset:5px;
}
img,svg {
  max-width:100%;
}
h1,h2,h3,p {
  margin:0;
}
h1,h2,h3 {
  line-height:1.55;
  letter-spacing:.035em;
}
h2 {
  font-size:clamp(27px,3vw,38px);
  font-weight:700;
}
h3 {
  font-size:21px;
}
p+p {
  margin-top:1.2em;
}
.wrap {
  width:min(var(--wrap),calc(100% - 64px));
  margin-inline:auto;
}
.section {
  padding:96px 0;
}
.section-tint {
  background:var(--mint);
}
.section-navy {
  background:var(--navy);
  color:white;
}
.section-label {
  color:var(--teal);
  font-size:15px;
  font-weight:700;
  margin-bottom:18px;
}
.section-navy .section-label {
  color:#4D79A6;
}
.section-heading {
  margin-bottom:42px;
}
.section-heading>p:last-child:not(.section-label) {
  margin-top:22px;
  color:var(--muted);
}
.split-heading {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:80px;
}
.prose {
  max-width:700px;
}
.prose h3 {
  margin:0 0 12px;
}
.prose p+h3 {
  margin-top:32px;
}
.note {
  font-size:16px;
  color:var(--muted);
}
.button-row {
  display:flex;
  align-items:center;
  gap:26px;
  flex-wrap:wrap;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:15px 26px;
  border:1px solid var(--teal);
  border-radius:4px;
  background:var(--teal);
  color:white;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  cursor:pointer;
}
.button:hover {
  background:var(--teal-dark);
}
.button-small {
  min-height:46px;
  padding:10px 17px;
  font-size:14px;
}
.button-secondary {
  background:white;
  color:var(--teal);
}
.button-secondary:hover {
  background:var(--mint);
}
.text-link {
  display:inline-block;
  font-size:16px;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:7px;
}
.text-link:hover {
  color:var(--teal);
}
.prose .text-link,.split-heading>div>.text-link {
  margin-top:25px;
}
.skip-link {
  position:absolute;
  left:20px;
  top:-100px;
  z-index:100;
  background:white;
  padding:12px;
}
.skip-link:focus {
  top:12px;
}
.site-header {
  background:white;
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:20;
}
.header-inner {
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand {
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-family:inherit;
  font-size:24px;
  font-weight:bold;
  line-height:1.1;
  letter-spacing:.025em;
  flex-shrink:0;
}
.brand small {
  display:block;
  font-family:inherit;
  font-size:12px;
  letter-spacing:.1em;
  font-weight:500;
  margin-top:7px;
}
.brand-mark {
  font-size:40px;
  font-style:italic;
  color:var(--teal);
  border-bottom:3px solid var(--teal);
  line-height:.8;
  padding-bottom:5px;
}
.desktop-nav {
  display:flex;
  gap:22px;
  align-items:center;
  font-size:14px;
  font-weight:700;
}
.desktop-nav>a:hover {
  color:var(--teal);
}
.desktop-nav>.button:hover {
  color:var(--navy);
}
.mobile-menu,.mobile-cta {
  display:none;
}
.hero {
  padding:68px 0 0;
  background:#F7FAFD;
}
.hero-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:44px;
  align-items:center;
}
.hero-kicker {
  font-size:15px;
  font-weight:700;
  color:var(--teal);
  margin-bottom:22px;
}
.hero h1 {
  font-size:clamp(35px,3.6vw,49px);
  letter-spacing:.025em;
  line-height:1.6;
}
.hero-description {
  margin:25px 0 30px;
  font-size:17px;
  line-height:2;
}
.hero-map {
  position:relative;
  background:var(--mint);
  border-radius:48% 48% 8px 8px;
  padding:52px 34px 28px;
}
.hero-illustration {
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.hero-illustration img {
  display:block;
  width:100%;
  max-width:600px;
  height:auto;
}
.map-heading {
  text-align:center;
  font-size:23px;
  line-height:1.7;
  font-weight:700;
  margin-bottom:26px;
}
.search-pill {
  display:flex;
  gap:12px;
  align-items:center;
  background:#fff;
  border:1px solid #D8E2EC;
  border-radius:40px;
  padding:13px 20px;
  max-width:330px;
  margin:auto;
  color:var(--muted);
}
.map-path {
  padding:26px 0 0 26px;
  position:relative;
  max-width:340px;
  margin:auto;
}
.map-path:before {
  content:"";
  position:absolute;
  left:40px;
  top:0;
  bottom:40px;
  width:1px;
  background:#9BB5CF;
}
.map-node {
  position:relative;
  margin-bottom:16px;
  padding:13px 17px 13px 36px;
  background:#fff;
  border-radius:4px;
  border:1px solid #D8E2EC;
  margin-left:0;
}
.map-node:nth-child(2) {
  margin-left:22px;
}
.map-node:nth-child(3) {
  margin-left:44px;
  background:var(--teal);
  color:white;
  border-color:var(--teal);
}
.map-node:before {
  content:"";
  position:absolute;
  left:14px;
  top:23px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#315A80;
}
.map-node:last-child:before {
  background:#DCE7F0;
}
.map-node span {
  font-size:19px;
  font-weight:700;
}
.map-node small {
  display:block;
  font-size:14px;
}
.map-caption {
  font-size:13px;
  text-align:center;
  margin-top:20px;
}
.hero-bottom {
  display:flex;
  gap:35px;
  padding-block:26px;
  border-top:1px solid var(--line);
  margin-top:60px;
  color:var(--muted);
  font-size:14px;
}
.concern-list>p:not(.note) {
  padding:17px 0;
  border-bottom:1px solid var(--line);
  margin:0;
  font-size:18px;
}
.concern-list>p:first-child {
  padding-top:0;
}
.concern-list strong {
  display:block;
  font-weight:600;
}
.flow {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  list-style:none;
  padding:0;
  margin:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.flow li {
  position:relative;
  padding:28px 18px;
  border-right:1px solid var(--line);
}
.flow li:first-child {
  padding-left:0;
}
.flow li:last-child {
  border-right:0;
}
.step-number {
  display:block;
  font-family:inherit;
  font-size:28px;
  color:var(--teal);
  margin-bottom:14px;
}
.flow h3 {
  font-size:18px;
  margin-bottom:12px;
}
.flow p {
  font-size:16px;
  color:var(--muted);
}
.flow-return {
  margin-top:16px;
  border-bottom:2px solid #D8E2EC;
  padding:0 0 12px;
  text-align:right;
  font-size:15px;
  color:var(--teal);
}
.service-list {
  margin-bottom:30px;
}
.service-item {
  display:grid;
  grid-template-columns:1.25fr 1fr 36px;
  gap:36px;
  border-top:1px solid #435A73;
  padding:30px 0;
  align-items:center;
}
.service-item:last-child {
  border-bottom:1px solid #435A73;
}
.service-item>div>p {
  color:#E8F0F7;
  margin-bottom:8px;
  font-size:15px;
}
.service-item h3 {
  font-size:23px;
}
.service-item>p {
  font-size:16px;
  color:#F3F7FB;
}
.link-icon {
  font-size:25px;
}
.service-item:hover h3 {
  text-decoration:underline;
  text-underline-offset:6px;
}
.section-navy .text-link:hover {
  color:#4D79A6;
}
.card-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.link-card {
  display:flex;
  flex-direction:column;
  background:white;
  border-radius:6px;
  padding:30px;
}
.link-card h3 {
  margin-bottom:14px;
}
.link-card p {
  color:var(--muted);
  margin-bottom:26px;
}
.link-card .text-link {
  margin-top:auto;
}
.link-card:hover {
  outline:1px solid var(--teal);
}
.contact-cta {
  background:#EEF3F8;
}
.cta-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
}
.cta-inner p:last-child {
  margin-top:20px;
}
.site-footer {
  padding:56px 0 20px;
}
.footer-top {
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:50px;
}
.footer-top>div>p {
  font-size:14px;
  color:var(--muted);
  margin-top:25px;
}
.footer-nav {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 25px;
  font-size:14px;
}
.footer-nav a:hover {
  text-decoration:underline;
}
.footer-bottom {
  border-top:1px solid var(--line);
  margin-top:40px;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  font-size:13px;
  color:var(--muted);
}
/* Shared interior page components */
.breadcrumb {
  padding:20px 0;
  font-size:14px;
  color:var(--muted);
}
.breadcrumb ol {
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  margin:0;
  gap:10px;
}
.breadcrumb li+li:before {
  content:"/";
  margin-right:10px;
}
.breadcrumb a {
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-hero {
  background:var(--mint);
  padding:58px 0 64px;
}
.page-hero h1 {
  font-size:clamp(30px,4vw,48px);
  max-width:850px;
}
.page-hero p:not(.section-label) {
  margin-top:24px;
  max-width:760px;
}
.content-narrow {
  max-width:800px;
  margin-inline:auto;
}
.content-section+.content-section {
  margin-top:54px;
}
.content-section h2 {
  font-size:28px;
  margin-bottom:24px;
}
.spot-illustration {
  float:right;
  width:min(34%,270px);
  margin:0 0 18px 30px;
}
.spot-illustration img {
  display:block;
  width:100%;
  height:auto;
}
.content-section::after {
  content:"";
  display:block;
  clear:both;
}
.content-section h3 {
  margin:28px 0 12px;
}
.content-section ul,.check-list {
  padding-left:1.4em;
}
.content-section li+li,.check-list li+li {
  margin-top:10px;
}
.info-card {
  padding:30px;
  border:1px solid var(--line);
  border-radius:6px;
}
.info-card h3 {
  margin-bottom:15px;
}
.definition-list {
  margin:0;
}
.definition-list>div {
  display:grid;
  grid-template-columns:180px 1fr;
  gap:24px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.definition-list dt {
  font-weight:700;
}
.definition-list dd {
  margin:0;
}
.faq {
  border-top:1px solid var(--line);
}
.faq details {
  border-bottom:1px solid var(--line);
  padding:22px 0;
}
.faq summary {
  cursor:pointer;
  font-weight:700;
}
.faq details p {
  padding:18px 0 0;
}
.step-list {
  list-style:none;
  counter-reset:steps;
  padding:0;
}
.step-list li {
  counter-increment:steps;
  position:relative;
  padding:0 0 32px 62px;
}
.step-list li:before {
  content:counter(steps,decimal-leading-zero);
  position:absolute;
  left:0;
  top:0;
  color:var(--teal);
  font-size:26px;
  font-family:inherit;
}
.step-list h3 {
  margin-bottom:12px;
}
.table-scroll {
  overflow-x:auto;
}
table {
  border-collapse:collapse;
  width:100%;
}
th,td {
  text-align:left;
  vertical-align:top;
  padding:18px;
  border-bottom:1px solid var(--line);
}
th {
  background:var(--mint);
}
/* Shared contact and server result pages */
.contact-form {
  max-width:760px;
  margin-inline:auto;
}
.form-field {
  margin-bottom:28px;
}
.contact-form label,.field-label {
  display:block;
  font-weight:700;
  margin-bottom:10px;
}
.required,.optional {
  display:inline-block;
  margin-left:12px;
  font-size:12px;
  padding:1px 8px;
  border-radius:3px;
  vertical-align:middle;
}
.required {
  color:white;
  background:var(--teal);
}
.optional {
  background:#EFF3F7;
  color:var(--muted);
}
.contact-form input:not([type=checkbox]):not([type=hidden]):not([type=submit]),.contact-form textarea,.contact-form select {
  display:block;
  width:100%;
  padding:13px 15px;
  color:var(--navy);
  background:white;
  border:1px solid #9DABBA;
  border-radius:4px;
  min-width:0;
}
.contact-form textarea {
  min-height:200px;
  resize:vertical;
}
.contact-form input[type=checkbox] {
  width:20px;
  height:20px;
  accent-color:var(--teal);
  vertical-align:middle;
}
.field-help {
  font-size:15px;
  color:var(--muted);
  margin-top:8px;
}
.form-status {
  padding:18px 22px;
  border:1px solid var(--teal);
  background:var(--mint);
  margin-bottom:26px;
  border-radius:4px;
}
.form-status:empty {
  display:none;
}
.form-status.error,.form-status[data-state=error] {
  border-color:#ac4639;
  background:#fff3ef;
  color:#81382c;
}
.field-error {
  color:#81382c;
  margin-top:8px;
}
.honeypot {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.form-actions {
  margin-top:30px;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.result-page {
  background:var(--mint);
  min-height:70vh;
  padding:70px 0;
}
.result-card {
  width:min(760px,calc(100% - 40px));
  margin:auto;
  background:white;
  border:1px solid var(--line);
  border-radius:8px;
  padding:45px;
}
.result-card h1 {
  font-size:30px;
  margin-bottom:24px;
}
.result-card a:not(.button) {
  text-decoration:underline;
}
.result-card .button-row {
  margin-top:30px;
}
.contact-page .mobile-cta {
  display:none;
}
@media(min-width:1400px) {
  .hero {
    padding-top:85px;
  }
  .hero-grid {
    gap:65px;
  }
}
@media(max-width:1120px) {
  .desktop-nav {
    gap:14px;
  }
  .desktop-nav>a:not(.button) {
    font-size:13px;
  }
  .brand {
    font-size:21px;
  }
  .header-inner {
    gap:15px;
  }
  .hero h1 {
    font-size:40px;
  }
  .hero-map {
    padding:45px 24px 26px;
  }
  .split-heading {
    gap:45px;
  }
  .service-item {
    gap:24px;
  }
}
@media(max-width:960px) {
  .desktop-nav {
    display:none;
  }
  .mobile-menu {
    display:block;
  }
  .mobile-menu summary {
    list-style:none;
    display:flex;
    gap:6px;
    align-items:center;
    cursor:pointer;
    font-size:13px;
    padding:8px;
    white-space:nowrap;
  }
  .mobile-menu summary::-webkit-details-marker {
    display:none;
  }
  .mobile-menu[open] summary span {
    transform:rotate(45deg);
  }
  .mobile-menu nav {
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background:white;
    border-bottom:1px solid var(--line);
    padding:15px 32px 26px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 28px;
    box-shadow:0 10px 20px #243E5B1c;
  }
  .mobile-menu nav a {
    padding:12px 0;
    border-bottom:1px solid var(--line);
  }
  .hero-grid {
    gap:28px;
  }
  .hero h1 {
    font-size:34px;
  }
  .hero-description {
    font-size:16px;
  }
  .hero-map {
    padding:35px 17px 25px;
  }
  .map-heading {
    font-size:20px;
  }
  .map-caption {
    font-size:12px;
  }
  .map-node {
    padding-left:29px;
  }
  .map-node small {
    font-size:12px;
  }
  .hero .button-row {
    gap:20px;
  }
  .flow li {
    padding-inline:12px;
  }
  .flow h3 {
    font-size:16px;
  }
  .flow p {
    font-size:15px;
  }
  .card-grid {
    gap:16px;
  }
  .link-card {
    padding:24px;
  }
  .service-item {
    grid-template-columns:1fr 1fr 25px;
  }
  .service-item h3 {
    font-size:20px;
  }
}
@media(max-width:700px) {
  .wrap {
    width:calc(100% - 40px);
  }
  .section {
    padding:64px 0;
  }
  .header-inner {
    min-height:76px;
  }
  .brand {
    font-size:21px;
  }
  .brand-mark {
    font-size:34px;
  }
  .brand small {
    font-size:11px;
  }
  .hero {
    padding-top:35px;
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:36px;
  }
  .hero-kicker {
    font-size:12px;
    margin-bottom:20px;
  }
  .hero h1 {
    font-size:clamp(29px,7.9vw,43px);
    line-height:1.6;
    letter-spacing:.01em;
  }
  .hero-description {
    font-size:16px;
    margin-top:24px;
  }
  .hero .button-row {
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
  }
  .hero .button {
    width:100%;
    max-width:360px;
  }
  .hero-map {
    border-radius:45% 45% 6px 6px;
    padding:39px 25px 25px;
    max-width:450px;
    width:100%;
    margin:auto;
  }
  .hero-illustration {
    width:min(100%,480px);
    margin-inline:auto;
  }
  .map-heading {
    font-size:22px;
  }
  .map-node small {
    font-size:14px;
  }
  .map-caption {
    font-size:13px;
  }
  .hero-bottom {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 15px;
    margin-top:34px;
    padding-block:21px;
    font-size:13px;
  }
  .split-heading {
    grid-template-columns:1fr;
    gap:30px;
  }
  .section-label {
    margin-bottom:13px;
    font-size:14px;
  }
  .section-heading {
    margin-bottom:30px;
  }
  .concern-list>p:not(.note) {
    font-size:17px;
  }
  .flow {
    grid-template-columns:1fr;
    border-bottom:0;
  }
  .flow li,.flow li:first-child {
    display:grid;
    grid-template-columns:44px 1fr;
    gap:0 14px;
    padding:20px 0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .flow .step-number {
    grid-row:span 2;
    font-size:27px;
    margin:0;
  }
  .flow h3 {
    font-size:19px;
    margin:0 0 4px;
  }
  .flow p {
    font-size:16px;
  }
  .flow p br {
    display:none;
  }
  .flow-return {
    text-align:left;
    font-size:14px;
  }
  .service-item {
    grid-template-columns:1fr 25px;
    gap:15px;
  }
  .service-item>div {
    grid-column:1;
  }
  .service-item>p {
    grid-column:1;
    grid-row:2;
  }
  .service-item .link-icon {
    grid-column:2;
    grid-row:1/3;
  }
  .service-item h3 {
    font-size:21px;
  }
  .card-grid {
    grid-template-columns:1fr;
    gap:16px;
  }
  .link-card {
    padding:26px;
  }
  .link-card p {
    margin-bottom:20px;
  }
  .cta-inner {
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
  }
  .cta-inner>.button {
    width:100%;
  }
  .footer-top {
    grid-template-columns:1fr;
    gap:35px;
  }
  .footer-nav {
    font-size:13px;
    gap:13px 15px;
  }
  .site-footer {
    padding-top:40px;
    padding-bottom:105px;
  }
  .mobile-cta {
    display:block;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:#ffffffed;
    border-top:1px solid var(--line);
    padding:10px 20px max(10px,env(safe-area-inset-bottom));
    z-index:30;
  }
  .mobile-cta .button {
    width:100%;
    min-height:48px;
    padding:12px;
  }
  .contact-page .site-footer {
    padding-bottom:25px;
  }
  .mobile-menu nav {
    padding-inline:20px;
    font-size:14px;
  }
  .desktop-only {
    display:none;
  }
  .page-hero {
    padding:36px 0 45px;
  }
  .page-hero h1 {
    font-size:31px;
  }
  .breadcrumb {
    font-size:12px;
  }
  .definition-list>div {
    grid-template-columns:1fr;
    gap:8px;
  }
  .result-card {
    padding:28px 22px;
  }
  .result-card h1 {
    font-size:25px;
  }
  .result-page {
    padding:40px 0;
  }
  .content-section h2 {
    font-size:25px;
  }
  .spot-illustration {
    float:none;
    width:min(82%,340px);
    margin:22px auto 18px;
  }
  .info-card {
    padding:24px;
  }
  .form-actions .button {
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
}
@media(max-width:700px) {
  h2 {
    font-size:clamp(23px,6.5vw,27px);
    text-wrap:balance;
  }
}


/* Navy editorial cards: September 2026 refresh */
:root { --accent:#4D79A6; --coral:#A7BED4; --radius:16px; }
.button { background:var(--accent); border-color:var(--accent); color:var(--navy); border-radius:8px; }
.button:hover { background:#315A80; border-color:#315A80; color:var(--navy); }
.button-secondary { background:white; border-color:var(--line); }
.hero { border-bottom:1px solid var(--line); }
.hero-illustration { background:transparent; border-radius:0; padding:0; }
.hero-bottom span { padding:7px 16px; background:white; border:1px solid var(--line); border-radius:6px; }
.concern-list { display:grid; gap:14px; }
.concern-list>p:not(.note), .concern-list>p:first-child { padding:22px 25px; border:1px solid var(--line); border-left:5px solid var(--coral); border-radius:12px; background:white; }
.concern-list .note { margin-top:0; }
.flow { gap:14px; border:0; }
.flow li, .flow li:first-child, .flow li:last-child { padding:24px 18px; border:1px solid var(--line); border-top:4px solid var(--accent); border-radius:12px; background:white; }
.step-number { font-weight:700; }
.service-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.service-item, .service-item:last-child { display:flex; flex-direction:column; align-items:stretch; gap:20px; padding:30px; border:0; border-top:5px solid var(--accent); border-radius:16px; background:#F7FAFD; color:var(--navy); }
.service-item:nth-child(2) { border-top-color:var(--coral); }
.service-item>div>p, .service-item>p { color:var(--muted); }
.service-item h3 { font-size:22px; }
.service-item .link-icon { margin-top:auto; text-align:right; color:var(--teal); }
.link-card { border:1px solid var(--line); border-radius:14px; box-shadow:0 5px 0 #203B581C; }
.page-hero .wrap { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; gap:48px; }
.page-hero h1 { font-size:clamp(28px,3.3vw,42px); }
.page-illustration { margin:0; width:100%; max-width:350px; justify-self:center; }
.page-illustration img { display:block; width:100%; height:auto; }
.detail-section { background:#F3F6FA; padding:64px 0 80px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.detail-card { padding:36px; border:1px solid var(--line); border-top:5px solid var(--accent); border-radius:16px; background:white; min-width:0; }
.detail-card:nth-child(even) { border-top-color:var(--coral); }
.detail-card.content-section+.content-section { margin-top:0; }
.detail-card h2 { font-size:24px; margin-bottom:22px; }
.detail-card>.text-link { margin-top:18px; }
.card-wide { grid-column:1/-1; }
.detail-card .check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0 0 22px; }
.detail-card .check-list li, .detail-card .check-list li+li { margin:0; padding:22px; background:var(--mint); border-radius:10px; }
.detail-card .check-list strong { display:block; margin-bottom:8px; }
.faq { border-top:0; display:grid; gap:14px; }
.faq details { border:1px solid var(--line); padding:20px 24px; border-radius:10px; background:#F8FAFC; }
.contact-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:start; }
.contact-help-card { position:sticky; top:28px; }
.contact-cta { background:#E8F0F8; }
.content-section .definition-list { width:100%; }
@media(max-width:1000px) {
  .service-list { gap:16px; }
  .service-item, .service-item:last-child { padding:24px; }
  .service-item h3 { font-size:20px; }
  .detail-card { padding:28px; }
  .contact-grid { grid-template-columns:1fr; }
  .contact-help-card { position:static; }
}
@media(max-width:700px) {
  .hero-illustration { max-width:400px; padding:14px; }
  .hero-bottom span { padding:6px 10px; font-size:12px; }
  .service-list, .detail-grid { grid-template-columns:1fr; }
  .service-item, .service-item:last-child { padding:28px; }
  .flow { gap:14px; }
  .flow li, .flow li:first-child, .flow li:last-child { padding:22px; border:1px solid var(--line); border-left:4px solid var(--accent); }
  .page-hero .wrap { grid-template-columns:1fr; gap:28px; }
  .page-illustration { max-width:260px; }
  .detail-section { padding:32px 0 48px; }
  .detail-grid { gap:20px; }
  .detail-card { padding:25px 22px; }
  .detail-card h2 { font-size:22px; }
  .detail-card .check-list { grid-template-columns:1fr; }
  .detail-card .check-list li { padding:20px; }
  .faq details { padding:18px; }
  .concern-list>p:not(.note), .concern-list>p:first-child { padding:20px; }
}

.service-item h3 span { display:inline-block; }
.detail-card:not(.card-wide) .check-list { grid-template-columns:1fr; }
.card-wide .check-list li:last-child:nth-child(odd) { grid-column:1/-1; }


/* Let each card illustration use the full card width and preserve the whole artwork. */
.card-visual { display:block; width:100%; height:auto; aspect-ratio:4/3; margin:0 0 22px; overflow:hidden; }
.card-visual img { display:block; width:100%; max-width:none; height:auto; object-fit:cover; }
.detail-card>.card-visual { width:calc(100% + 74px); margin:-36px -37px 22px; border-radius:15px 15px 0 0; }
.service-item>.card-visual, .link-card>.card-visual { width:calc(100% + 60px); margin:-30px -30px 20px; border-radius:15px 15px 0 0; }
.flow .card-visual { width:calc(100% + 36px); margin:-24px -18px 16px; border-radius:11px 11px 0 0; }
.card-wide>.check-list, .card-wide>.faq, .card-wide>.definition-list { clear:both; }
.card-thumb { float:right; width:76px; height:57px; object-fit:contain; margin:0 0 8px 14px; }
.concern-list>p:not(.note) { display:flow-root; }
.concern-list .card-thumb { width:80px; height:60px; }
.check-list li { display:flow-root; }
.faq summary { min-height:42px; }
.faq summary .card-thumb { width:52px; height:39px; margin:0 0 4px 12px; }
.form-card .contact-form { clear:both; }
@media(max-width:1000px) {
 .detail-card>.card-visual { width:calc(100% + 58px); margin:-28px -29px 22px; }
}
@media(max-width:700px) {
 .detail-card>.card-visual { width:calc(100% + 46px); margin:-25px -23px 18px; }
 .service-item>.card-visual, .link-card>.card-visual { width:calc(100% + 56px); margin:-28px -28px 18px; }
 .flow li, .flow li:first-child, .flow li:last-child { display:block; padding:22px; }
 .flow .card-visual { width:calc(100% + 44px); margin:-22px -22px 16px; }
 .flow .step-number { font-size:20px; margin:0 0 6px; }
 .flow h3 { margin-bottom:4px; }
 .flow p { margin-top:0; }
 .concern-list .card-thumb { width:68px; height:51px; margin-left:10px; }
}

/* September 2026 site-wide redesign: quiet editorial layout, clear hierarchy. */
:root {
  --navy:#102942;
  --teal:#315F85;
  --teal-dark:#214562;
  --mint:#EDF3F8;
  --paper:#FCFDFE;
  --muted:#53697D;
  --line:#D3DEE8;
  --accent:#4A759A;
  --coral:#A7BDD0;
  --wrap:1200px;
  --radius:5px;
}
body { color:var(--navy); background:var(--paper); font-size:17px; line-height:1.85; }
.wrap { width:min(var(--wrap),calc(100% - 80px)); }
h1,h2,h3 { letter-spacing:.015em; }
h2 { font-size:clamp(30px,3.25vw,44px); line-height:1.42; }
h3 { font-size:22px; line-height:1.48; }
.section { padding:112px 0; }
.section-label { color:var(--teal); font-size:14px; letter-spacing:.07em; margin-bottom:20px; }
.section-label::before { content:""; display:inline-block; width:24px; height:2px; margin:0 11px 4px 0; background:var(--accent); }
.section-navy { background:#142F4A; }
.section-navy .section-label { color:#C2D5E4; }
.section-heading { margin-bottom:48px; }
.section-heading>p:last-child:not(.section-label) { max-width:680px; line-height:1.9; }
.button { min-height:56px; padding:14px 24px; border:1px solid var(--teal); border-radius:4px; background:var(--teal); color:#fff; font-weight:700; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.button:hover { background:var(--teal-dark); border-color:var(--teal-dark); color:#fff; transform:translateY(-1px); }
.button-secondary { color:var(--navy); border-color:var(--line); background:transparent; }
.button-secondary:hover { color:var(--navy); background:var(--mint); }
.text-link { text-decoration-thickness:1px; text-underline-offset:5px; }
.site-header { position:sticky; top:0; background:rgba(252,253,254,.96); backdrop-filter:blur(12px); border-bottom-color:rgba(211,222,232,.82); }
.header-inner { min-height:78px; }
.brand { font-size:21px; }
.brand-mark { font-size:36px; }
.desktop-nav { gap:clamp(14px,1.7vw,24px); font-size:14px; }
.desktop-nav>a:not(.button) { padding:10px 0; }
.desktop-nav>a[aria-current="page"] { color:var(--teal); box-shadow:inset 0 -2px var(--accent); }
.hero { padding:76px 0 0; background:#F0F4F7; border-bottom:1px solid var(--line); }
.hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,4vw,56px); }
.hero-kicker { color:var(--teal); font-size:14px; letter-spacing:.06em; margin-bottom:24px; }
.hero h1 { max-width:680px; font-size:clamp(40px,4vw,52px); line-height:1.42; letter-spacing:.005em; text-wrap:balance; }
.hero-description { max-width:610px; margin:25px 0 32px; font-size:17px; line-height:1.95; }
.hero-illustration { overflow:hidden; border:1px solid #DADFE3; background:#F7F5EF; box-shadow:12px 12px 0 #D9E5EE; }
.hero-illustration img { max-width:none; }
.hero-bottom { gap:0; padding-block:20px; margin-top:56px; color:#405971; font-size:14px; }
.hero-bottom span { flex:1; padding:6px 18px; border-left:1px solid #C5D3DF; background:transparent; border-radius:0; }
.hero-bottom span:first-child { border-left:0; padding-left:0; }
.concern-list { gap:10px; }
.concern-list>p:not(.note),.concern-list>p:first-child { padding:19px 22px; border:1px solid var(--line); border-left:3px solid #8BA9C2; border-radius:4px; background:#fff; font-size:17px; }
.split-heading { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(42px,5vw,70px); }
.split-heading>div:first-child { max-width:none; }
.split-heading h2 { font-size:clamp(32px,3.1vw,40px); }
.flow { gap:12px; border:0; align-items:stretch; }
.flow li,.flow li:first-child,.flow li:last-child { padding:0 0 23px; border:1px solid var(--line); border-radius:4px; background:white; overflow:hidden; }
.flow li:first-child { padding-left:0; }
.flow .card-visual { width:100%; margin:0 0 16px; }
.flow .step-number,.flow h3,.flow p { margin-inline:16px; }
.flow .step-number { color:var(--teal); font-size:24px; margin-bottom:6px; }
.flow h3 { font-size:17px; margin-bottom:8px; }
.flow p { font-size:14px; line-height:1.7; }
.flow-return { border-bottom:1px solid var(--line); color:var(--teal); }
.service-list { gap:18px; }
.service-item,.service-item:last-child { gap:16px; padding:0 0 23px; border:1px solid rgba(210,224,236,.28); border-radius:5px; background:#F8FAFC; color:var(--navy); overflow:hidden; }
.service-item:nth-child(2) { border-top-color:rgba(210,224,236,.28); }
.service-item>.card-visual { width:100%; margin:0; }
.service-item>div,.service-item>p,.service-item>.link-icon { margin-inline:22px; }
.service-item>div>p,.service-item>p { color:var(--muted); }
.service-item h3 { font-size:21px; }
.service-item .link-icon { margin-top:auto; color:var(--teal); }
.link-card { padding:0 0 25px; border:1px solid var(--line); border-radius:5px; background:#fff; box-shadow:none; overflow:hidden; }
.link-card>.card-visual { width:100%; margin:0 0 21px; }
.link-card h3,.link-card p,.link-card .text-link { margin-inline:24px; }
.link-card h3 { margin-bottom:12px; }
.link-card p { margin-bottom:22px; }
.link-card:hover { outline:0; border-color:#7394B0; box-shadow:0 5px 18px rgba(16,41,66,.08); }
.page-hero { padding:52px 0 66px; background:#EDF3F8; }
.page-hero .wrap { grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr); gap:clamp(38px,6vw,82px); }
.page-hero h1 { max-width:760px; font-size:clamp(36px,4.1vw,54px); line-height:1.38; }
.page-hero p:not(.section-label) { max-width:700px; margin-top:22px; font-size:17px; }
.page-illustration { max-width:440px; background:#F7F5EF; border:1px solid #DADFE3; box-shadow:9px 9px 0 #D9E5EE; }
.page-illustration img { display:block; width:100%; height:auto; }
.breadcrumb { padding:18px 0; font-size:13px; }
.detail-section { padding:78px 0 104px; background:#F5F8FA; }
.detail-grid { gap:24px; }
.detail-card { padding:34px; border:1px solid var(--line); border-top:1px solid var(--line); border-radius:5px; background:#fff; box-shadow:0 2px 0 rgba(16,41,66,.035); }
.detail-card:nth-child(even) { border-top-color:var(--line); }
.detail-card.content-section+.content-section { margin-top:0; }
.detail-card h2 { font-size:clamp(23px,2.25vw,29px); line-height:1.5; margin-bottom:18px; }
.detail-card p { line-height:1.9; }
.detail-card>.text-link { margin-top:16px; }
.detail-card.card-wide>h2,.detail-card.card-wide>p,.detail-card.card-wide>ul,.detail-card.card-wide>ol,.detail-card.card-wide>.definition-list,.detail-card.card-wide>.faq,.detail-card.card-wide>.table-scroll,.detail-card.card-wide>.text-link { max-width:900px; }
.card-visual { position:relative; width:100%; height:auto; aspect-ratio:4/3; margin:0 0 24px; overflow:hidden; background:#F7F9FB; }
.card-visual img { position:absolute; inset:0; display:block; width:100%; max-width:none; height:100%; object-fit:contain; }
.detail-card>.card-visual { width:calc(100% + 70px); margin:-34px -35px 25px; border-radius:4px 4px 0 0; }
.service-item>.card-visual,.link-card>.card-visual { width:100%; margin:0; border-radius:0; }
.flow .card-visual { width:100%; margin:0 0 16px; border-radius:0; }
.card-thumb { width:76px; height:57px; object-fit:cover; border-radius:2px; }
.detail-card .check-list li,.detail-card .check-list li+li { padding:18px 20px; border-radius:3px; background:#F1F5F8; line-height:1.8; }
.faq { gap:10px; }
.faq details { padding:18px 20px; border:1px solid var(--line); border-radius:3px; background:#fff; }
.contact-grid { grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr); gap:24px; }
.contact-help-card { top:96px; }
.contact-cta { background:#EAF1F6; }
.cta-inner { gap:56px; }
.cta-inner h2 { max-width:650px; }
.site-footer { padding:64px 0 22px; background:#fff; }
.footer-top { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:80px; }
.footer-nav { gap:13px 28px; }
.footer-bottom { margin-top:48px; }
.contact-form input:not([type=checkbox]):not([type=hidden]):not([type=submit]),.contact-form textarea,.contact-form select { border-radius:3px; border-color:#AFBECC; }
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(49,95,133,.12); }
.result-card { border-radius:5px; box-shadow:0 2px 0 rgba(16,41,66,.05); }
@media(max-width:1000px) {
  .wrap { width:min(var(--wrap),calc(100% - 48px)); }
  .section { padding:88px 0; }
  .desktop-nav { gap:12px; font-size:13px; }
  .desktop-nav .button { padding-inline:14px; }
  .hero-grid { gap:36px; }
  .detail-card { padding:28px; }
  .detail-card>.card-visual { width:calc(100% + 58px); margin:-28px -29px 22px; }
  .footer-top { gap:42px; }
}
@media(max-width:700px) {
  .wrap { width:calc(100% - 40px); }
  .section { padding:68px 0; }
  h2 { font-size:clamp(26px,7vw,32px); }
  .section-heading { margin-bottom:30px; }
  .site-header { position:sticky; }
  .header-inner { min-height:68px; }
  .brand { font-size:18px; }
  .brand-mark { font-size:32px; }
  .hero { padding:42px 0 0; }
  .hero-grid { grid-template-columns:1fr; gap:28px; }
  .hero h1 { font-size:clamp(25px,8vw,34px); line-height:1.42; letter-spacing:-.025em; }
  .hero-kicker { margin-bottom:17px; font-size:13px; }
  .hero-description { margin:18px 0 24px; font-size:16px; }
  .hero-illustration { width:calc(100% - 10px); margin-right:10px; box-shadow:7px 7px 0 #D9E5EE; }
  .hero-bottom { display:grid; grid-template-columns:1fr 1fr; row-gap:6px; margin-top:32px; padding-block:15px; font-size:13px; }
  .hero-bottom span { padding:5px 10px; }
  .hero-bottom span:nth-child(odd) { border-left:0; padding-left:0; }
  .split-heading { grid-template-columns:1fr; gap:25px; }
  .split-heading>div:first-child { max-width:none; }
  .flow { gap:12px; }
  .flow li,.flow li:first-child,.flow li:last-child { padding:0 0 18px; }
  .flow .step-number,.flow h3,.flow p { margin-inline:15px; }
  .flow .step-number { font-size:22px; }
  .service-list,.detail-grid,.card-grid { grid-template-columns:1fr; }
  .service-list { gap:16px; }
  .service-item,.service-item:last-child { padding:0 0 21px; }
  .service-item>div,.service-item>p,.service-item>.link-icon { margin-inline:20px; }
  .service-item h3 { font-size:21px; }
  .link-card { padding:0 0 22px; }
  .link-card h3,.link-card p,.link-card .text-link { margin-inline:20px; }
  .page-hero { padding:34px 0 42px; }
  .page-hero .wrap { grid-template-columns:1fr; gap:27px; }
  .page-hero h1 { font-size:clamp(32px,8.4vw,42px); }
  .page-hero p:not(.section-label) { margin-top:17px; font-size:16px; }
  .page-illustration { width:calc(100% - 8px); max-width:400px; justify-self:start; box-shadow:7px 7px 0 #D9E5EE; }
  .detail-section { padding:42px 0 66px; }
  .detail-grid { gap:17px; }
  .detail-card { padding:24px 21px; }
  .detail-card>.card-visual { width:calc(100% + 44px); margin:-24px -22px 19px; }
  .detail-card h2 { font-size:23px; margin-bottom:14px; }
  .detail-card .check-list { grid-template-columns:1fr; }
  .detail-card .check-list li { padding:16px; }
  .contact-grid { grid-template-columns:1fr; }
  .contact-help-card { position:static; }
  .cta-inner { align-items:flex-start; flex-direction:column; gap:26px; }
  .cta-inner .button { width:100%; }
  .footer-top { grid-template-columns:1fr; gap:32px; }
  .footer-nav { grid-template-columns:1fr 1fr; gap:11px 18px; }
  .footer-bottom { margin-top:30px; }
  .form-actions .button { width:100%; }
}