body{margin:0;padding:0;font-family:var(--type-small);}
a{color:inherit;}
*,*::before,*::after{box-sizing:border-box;}
.quiet-panel {
    width: 100%;
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    border-bottom: 1px solid var(--paint-deep);
    padding: var(--gap-tight) 0;
  }
:root {
  --radius-round: 1rem;
  --measure-panel: calc(1.5rem * 2.4);
  --space-small: var(--measure-section);
  --font-base: 14.4px;
  --tone-extra-32: #1C3A5C;
  --surface-base: transparent;
  --measure-footer: 1100px;
  --type-small: "Rubik", sans-serif;
  --tone-extra-30: #2A4258;
  --copy-base: calc(var(--font-base) * 1.125);
  --paint-light: #3A2A05;
  --mark-strong: rgba(46, 127, 194, 0.38);
  --line-dark: #FFFFFF;
  --speed-hover: ease;
  --type-lead: var(--font-base);
  --measure-section: 2.13rem;
  --tone-extra-13: #1C3A5C;
  --font-nav: calc(var(--font-base) * .875);
  --depth-strong: 0 6px 10px rgba(0,0,0,0.07);
  --paint-muted: #2E7FC2;
  --surface-cool: #1C3A5C;
  --copy-lead: 1.93;
  --corner-large: 0.4rem;
  --paint-deep: #D8E5F1;
  --space-footer: 0.74rem;
  --gap-tight: calc(var(--space-footer) * 1.5);
  --line-strong: #FFFFFF;
  --surface-primary: #F2B233;
  --surface-page: #EAF3FB;
  --tone-warm: #E0A11C;
  --ink-page: calc(1.5rem * .75);
  --copy-quiet: calc(var(--font-base) * 1.35);
  --paint-warm: #F4F8FC;
  --radius-panel: 0.7rem;
  --speed-fast: 540ms;
  --paint-strong: color-mix(in srgb, currentColor 10%, transparent);
  --tone-extra-31: #FBFDFF;
  --ink-muted: #2569A3;
}
.text-section {
    max-width: var(--measure-footer);
    margin: 0 auto;
    padding: 0 var(--measure-section);
    display: flex;
    align-items: center;
    gap: var(--space-footer);
    flex-wrap: wrap;
  }
.compact-visual {
    font-size: var(--copy-base);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--tone-extra-32);
    text-decoration: none;
    border-radius: var(--corner-large);
    padding: 0.25rem 0.5rem;
    background: var(--surface-page);
    color: var(--tone-extra-30);
  }
.compact-visual:hover,
  .compact-visual:focus-visible {
    background: var(--surface-primary);
    color: var(--paint-light);
    outline: none;
  }
.focused-plan {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
  }
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-footer);
  }
.nav-list a {
    display: inline-block;
    padding: 0.4rem 0.85rem;
    border-radius: var(--radius-panel);
    color: var(--tone-extra-32);
    text-decoration: none;
    font-size: var(--type-lead);
    background: var(--surface-page);
    color: var(--tone-extra-30);
    transition: background var(--speed-fast) var(--speed-hover),
                color var(--speed-fast) var(--speed-hover);
  }
.nav-list a:hover,
  .nav-list a:focus-visible {
    background: var(--paint-muted);
    color: var(--line-strong);
    outline: none;
  }
.quiet-group {
    display: inline-block;
    padding: 0.45rem 1rem;
    border-radius: var(--radius-round);
    background: var(--surface-primary);
    color: var(--paint-light);
    text-decoration: none;
    font-size: var(--font-nav);
    font-weight: 600;
    transition: background var(--speed-fast) var(--speed-hover);
  }
.quiet-group:hover,
  .quiet-group:focus-visible{
    background: var(--tone-warm);
    outline: none;color:var(--tone-extra-13);}
.soft-proof{
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 40px;
    padding: 0 10px;
    background: var(--surface-page);
    border: 1px solid var(--paint-deep);
    border-radius: var(--radius-panel);
    cursor: pointer;color:var(--tone-extra-30);}
.media-group{
    display: block;
    height: 2px;
    width: 100%;
    background: var(--tone-extra-30);
    border-radius: 2px;color:var(--tone-extra-13);}
.soft-proof:focus-visible{outline: 2px solid var(--surface-primary);
    outline-offset: 2px;}
@media (max-width: 767px) {
    .text-section {
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
    }

    .soft-proof {
      display: flex;
      order: 3;
    }

    .quiet-group {
      display: none;
    }

    .focused-plan {
      order: 4;
      flex-basis: 100%;
      display: none;
      margin-top: var(--gap-tight);
    }

    .focused-plan.is-open {
      display: block;
    }

    .nav-list {
      flex-direction: column;
      gap: calc(var(--space-footer) / 2);
      width: 100%;
    }

    .nav-list a {
      display: block;
      width: 100%;
      padding: 0.65rem 0.9rem;
    }
  }
.visual-media{font-family:var(--type-small);font-size:var(--font-base);line-height:var(--copy-lead);padding:var(--measure-panel) var(--space-small);margin-top:var(--measure-panel);background:var(--surface-cool);color:var(--paint-warm);}
.top-surface{max-width:var(--measure-footer);margin:0 auto;display:grid;grid-template-columns:1.2fr 2fr 1.4fr;gap:var(--space-footer);align-items:start}
.local-view{display:flex;flex-direction:column;gap:var(--gap-tight)}
.wide-steps{color:inherit;text-decoration:none;font-size:var(--copy-quiet);font-weight:600;letter-spacing:0.01em;border-radius:var(--corner-large)}
.wide-steps:focus-visible{outline:var(--mark-strong);outline-offset:4px}
.narrow-footer{margin:0;font-size:var(--font-nav);opacity:0.85;max-width:28ch}
.text-quote{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-footer)}
.quiet-tile{min-width:0}
.visual-list{margin:0 0 var(--gap-tight);font-size:var(--type-lead);font-weight:600;letter-spacing:0.02em}
.strong-footer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}
.strong-footer a{color:inherit;text-decoration:none;font-size:var(--font-nav);border-radius:var(--corner-large);transition:opacity var(--speed-fast) var(--speed-hover)}
.strong-footer a:hover,
  .strong-footer a:focus-visible{opacity:0.75;text-decoration:underline;outline:none;color:inherit}
.focused-panel{min-width:0}
.site-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-tight)}
.site-menu li{display:flex;flex-direction:column;gap:0.25rem}
.strong-actions{font-size:var(--font-nav);opacity:0.7;letter-spacing:0.04em;text-transform:uppercase}
.active-plan{color:inherit;text-decoration:none;font-size:var(--font-nav);word-break:break-word;border-radius:var(--corner-large)}
a.footer-value:hover,
  a.footer-value:focus-visible{text-decoration:underline;outline:none;color:inherit}
.fresh-team{max-width:var(--measure-footer);margin:var(--measure-panel) auto 0;padding-top:var(--gap-tight);border-top:1px solid rgba(255, 255, 255, 0.15);display:flex;flex-direction:column;gap:0.5rem}
.fresh-shell{margin:0;font-size:var(--font-nav);opacity:0.85;max-width:90ch}
.featured-note{margin:0;font-size:var(--font-nav);opacity:0.7}
@media (max-width: 900px) {.top-surface{grid-template-columns:1fr 1fr}.local-view{grid-column:1 / -1}.focused-panel{grid-column:1 / -1}
  }
@media (max-width: 560px) {.top-surface{grid-template-columns:1fr}.text-quote{grid-template-columns:1fr 1fr}
  }
.cookies {
    position: fixed;
    left: 50%;
    bottom: var(--gap-tight, 1rem);
    transform: translateX(-50%);
    width: min(560px, calc(100% - 2rem));
    z-index: 9999;
    font-family: var(--type-small, system-ui, sans-serif);
    font-size: var(--font-nav, 0.875rem);
    line-height: var(--copy-lead, 1.5);
  }
.cookies .steady-block {
    background: var(--line-dark, #ffffff);
    color: var(--tone-extra-13, #1a1a1a);
    border: 1px solid var(--paint-deep, rgba(0, 0, 0, 0.12));
    border-radius: var(--radius-panel, 8px);
    box-shadow: var(--depth-strong, 0 4px 12px rgba(0, 0, 0, 0.08));
    padding: var(--ink-page, 1rem);
  }
.cookies .fresh-group {
    display: block;
    font-size: var(--type-lead, 1rem);
    margin-bottom: 0.35rem;
  }
.cookies .team-group {
    margin: 0 0 var(--gap-tight, 0.75rem);
    font-size: var(--font-nav, 0.875rem);
  }
.cookies .featured-callout {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-footer, 0.5rem);
  }
.cookies .service-actions {
    font: inherit;
    cursor: pointer;
    padding: 0.4rem 0.85rem;
    border-radius: var(--corner-large, 6px);
    border: 1px solid var(--paint-deep, rgba(0, 0, 0, 0.15));
    background: var(--surface-base, transparent);
    color: inherit;
    transition: background var(--speed-fast, 0.2s) var(--speed-hover, ease);
  }
.cookies .service-actions:hover{
    background: var(--paint-strong, rgba(0, 0, 0, 0.06));color:var(--tone-extra-13);}
.cookies .cookie-accept {
    background: var(--paint-muted, #1a1a1a);
    color: var(--line-strong, #ffffff);
    border-color: var(--paint-muted, #1a1a1a);
  }
.cookies .cookie-accept:hover{
    background: var(--ink-muted, #333333);
    border-color: var(--ink-muted, #333333);color:var(--tone-extra-13);}
.secondary-proof{
    background: var(--ink-deep, linear-gradient(160deg, #EAF3FB 0%, #FBFDFF 55%, #FFF6E0 100%));
    color: #1C3A5C;
    padding: 4.5rem 1.5rem 4rem;
  }
.secondary-proof .content-links{max-width: 1080px;
    margin: 0 auto;}
.secondary-proof .team-visual{max-width: 720px;
    padding-left: 1.25rem;
    border-left: 3px solid var(--surface-warm, #F2B233);}
.secondary-proof h1{font-size: clamp(1.85rem, 3.4vw, 2.6rem);
    line-height: 1.18;
    letter-spacing: -0.01em;
    margin: 0 0 1.25rem;
    font-weight: 700;}
.secondary-proof p{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 1rem;}
.secondary-proof p + p{margin-top: 0.85rem;}
.secondary-proof .go{
    display: inline-block;
    margin-top: 1.5rem;
    padding: 0.75rem 1.4rem;
    background: #2E7FC2;
    color: #FFFFFF;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
  }
.secondary-proof .go:hover{
    background: #2569A3;color:var(--tone-extra-13);}
@media (max-width: 640px) {.secondary-proof{
      padding: 3rem 1.1rem 2.75rem;
    }.secondary-proof .team-visual{
      padding-left: 1rem;
    }
  }
.secondary-proof{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.quiet-note{
    --type-quiet: #D8E5F1;
    --layer-base: #EAF3FB;
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 56px 20px 64px;
  }
.quiet-note .content-links{max-width: 880px;
    margin: 0 auto;}
.quiet-note .offer-rail{max-width: 640px;}
.quiet-note .offer-rail h2{font-size: 1.7rem;
    line-height: 1.25;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.quiet-note .team-visual{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.quiet-note .site-plan{display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 16px;
    margin: 32px 0 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--type-quiet);}
.quiet-note .secondary-shell{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;}
.quiet-note .strong-wrap{font-size: 0.85rem;}
.quiet-note .featured-frame{display: flex;
    flex-direction: column;}
.quiet-note .hero{display: flex;
    gap: 22px;
    padding: 26px 0;
    border-bottom: 1px solid var(--type-quiet);}
.quiet-note .hero:last-child{border-bottom: none;}
.quiet-note .simple-body{flex: 0 0 180px;}
.quiet-note .simple-body img{
    display: block;
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
    background: var(--layer-base);color:var(--tone-extra-13);}
.quiet-note .service-feature{flex: 1 1 auto;
    min-width: 0;}
.quiet-note .main-benefit{display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 8px;}
.quiet-note .text-header{color: #F2B233;
    font-size: 1.05rem;
    letter-spacing: 2px;}
.quiet-note .top-stack{color: #C9D8E6;
    font-size: 1.05rem;
    letter-spacing: 2px;}
.quiet-note .bottom-details{font-size: 0.8rem;}
.quiet-note .hero h3{margin: 0 0 4px;
    font-size: 1.15rem;
    line-height: 1.35;}
.quiet-note .hero h3 a{text-decoration: none;
    border-bottom: 1px solid transparent;}
.quiet-note .hero h3 a:hover{border-bottom-color: #2E7FC2;}
.quiet-note .steady-wrap{margin: 0 0 10px;
    font-size: 0.9rem;
    font-weight: 500;}
.quiet-note .clear-block{margin: 0 0 10px;
    font-size: 0.95rem;
    line-height: 1.6;}
.quiet-note .strong-headline{margin: 0;
    font-size: 0.82rem;}
.quiet-note .secondary-block{margin: 36px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--type-quiet);
    font-size: 0.95rem;
    line-height: 1.6;}
.quiet-note .secondary-block a{text-decoration: underline;}
@media (max-width: 640px) {.quiet-note .hero{
      flex-direction: column;
      gap: 14px;
    }.quiet-note .simple-body{
      flex: none;
    }.quiet-note .simple-body img{
      height: 180px;
    }
  }
.quiet-note{
  background: var(--surface-cool);
  color: var(--paint-warm);
}
.public-section{
    --font-lead: #D8E5F1;
    --field-content: #EAF3FB;
    background: var(--tone-extra-31, #FBFDFF);
    color: var(--tone-extra-32, #1C3A5C);
    padding: 4.5rem 1.25rem 5rem;
  }
.public-section .content-links{max-width: 760px;
    margin: 0 auto;}
.public-section h2{font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin: 0 0 1.1rem;}
.public-section .team-visual{margin: 0 0 1rem;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--tone-extra-30, #2A4258);}
.public-section .team-visual + .team-visual{margin-bottom: 2.4rem;}
.public-section .simple-contact{list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--font-lead);}
.public-section .hero{padding: 1.6rem 0 1.5rem;
    border-bottom: 1px solid var(--font-lead);}
.public-section .hero blockquote{margin: 0 0 0.7rem;
    padding-left: 1rem;
    border-left: 3px solid var(--surface-primary, #F2B233);}
.public-section .hero blockquote p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.68;}
.public-section .hero .strong-headline{margin: 0;
    padding-left: 1rem;
    font-size: 0.86rem;
    letter-spacing: 0.01em;
    color: var(--tone-extra-30, #2A4258);}
.public-section .secondary-block{margin: 2.2rem 0 0;
    font-size: 0.98rem;
    line-height: 1.65;
    color: var(--tone-extra-30, #2A4258);}
.public-section .secondary-block a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 2px;}
.public-section .secondary-block a:hover{color: var(--ink-muted, #2569A3);}
@media (max-width: 560px) {.public-section{
      padding: 3.2rem 1rem 3.6rem;
    }.public-section .hero blockquote,
    .public-section .hero .strong-headline{
      padding-left: 0.75rem;
    }
  }
.public-section{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.active-service{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 64px 20px;
  }
.active-service .content-links{max-width: 1040px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
    align-items: start;}
.active-service .bottom-visual h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 16px;}
.active-service .bottom-visual p{margin: 0 0 14px;
    font-size: 1rem;
    line-height: 1.6;}
.active-service .bottom-visual .team-view{margin-top: 18px;
    padding-left: 14px;
    border-left: 3px solid var(--surface-primary, #F2B233);
    font-size: 0.94rem;
    opacity: 0.9;}
.active-service .featured-inner{
    background: var(--line-dark, #FFFFFF);
    color: var(--tone-extra-13, #1C3A5C);
    border: 1px solid var(--paint-deep, #D8E5F1);
    border-radius: 14px;
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
.active-service .content-benefit{display: flex;
    flex-direction: column;
    gap: 6px;}
.active-service .content-benefit label{font-size: 0.9rem;
    font-weight: 500;}
.active-service .content-benefit input{
    border: 1px solid var(--paint-deep, #D8E5F1);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 0.95rem;
    background: var(--tone-extra-31, #FBFDFF);
    color: var(--tone-extra-32, #1C3A5C);
    
  }
.active-service .content-benefit input:focus{outline: 2px solid var(--paint-muted, #2E7FC2);
    outline-offset: 1px;}
.active-service .featured-inner button{
    margin-top: 4px;
    background: var(--paint-muted, #2E7FC2);
    color: var(--line-strong, #FFFFFF);
    border: none;
    border-radius: 8px;
    padding: 12px 18px;
    font-size: 0.98rem;
    font-weight: 500;
    cursor: pointer;
    
  }
.active-service .featured-inner button:hover{
    background: var(--ink-muted, #2569A3);color:var(--tone-extra-13);}
.active-service .direct-fields{margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
    opacity: 0.8;}
.active-service .direct-fields a{text-decoration: underline;}
@media (max-width: 760px) {.active-service .content-links{
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
.active-service{
  background: var(--surface-cool);
  color: var(--paint-warm);
}
.narrow-quote{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 72px 20px 88px;
  }
.narrow-quote .content-links{max-width: 760px;
    margin: 0 auto;}
.narrow-quote .media-frame{max-width: 620px;
    margin-bottom: 44px;}
.narrow-quote .media-frame h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.narrow-quote .media-frame p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.narrow-quote .strong-region{margin: 0;
    padding: 0;}
.narrow-quote .hero{border-top: 1px solid var(--paint-deep, #D8E5F1);
    padding: 22px 0;}
.narrow-quote .hero:last-child{border-bottom: 1px solid var(--paint-deep, #D8E5F1);}
.narrow-quote .hero dt{font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;}
.narrow-quote .hero dd{margin: 0;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--tone-extra-30, #2A4258);}
@media (max-width: 560px) {.narrow-quote{
      padding: 52px 18px 64px;
    }.narrow-quote .media-frame h2{
      font-size: 1.45rem;
    }.narrow-quote .hero{
      padding: 18px 0;
    }
  }
.narrow-quote{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.clear-flow{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 4.5rem 1.25rem 5rem;
  }
.clear-flow .content-links{max-width: 780px;
    margin: 0 auto;}
.clear-flow h2{font-size: 1.7rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.clear-flow .team-visual{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 2.75rem;
    max-width: 62ch;}
.clear-flow .content-figure{display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.clear-flow .team-view{padding-left: 1.1rem;
    border-left: 3px solid var(--surface-primary);}
.clear-flow .team-view h3{font-size: 1.05rem;
    margin: 0 0 0.5rem;
    line-height: 1.35;}
.clear-flow .team-view p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.65;
    max-width: 68ch;}
@media (max-width: 620px) {.clear-flow{
      padding: 3.25rem 1.1rem 3.75rem;
    }.clear-flow h2{
      font-size: 1.4rem;
    }.clear-flow .team-visual{
      margin-bottom: 2rem;
    }.clear-flow .content-figure{
      gap: 1.75rem;
    }
  }
.clear-flow{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.site-intro{
    --label-small: #D8E5F1;
    --layer-strong: #EAF3FB;
    background: var(--tone-extra-31, #FBFDFF);
    color: var(--tone-extra-32, #1C3A5C);
    padding: 72px 24px 88px;
  }
.site-intro .content-links{max-width: 760px;
    margin: 0 auto;}
.site-intro h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.site-intro .team-visual{font-size: 1.0625rem;
    line-height: 1.65;
    margin: 0 0 44px;
    max-width: 62ch;}
.site-intro .featured-frame{list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--label-small);}
.site-intro .hero{padding: 26px 0 28px;
    border-bottom: 1px solid var(--label-small);}
.site-intro .hero h3{font-size: 1.125rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 600;}
.site-intro .hero p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    max-width: 68ch;}
@media (max-width: 640px) {.site-intro{
      padding: 52px 18px 64px;
    }.site-intro h2{
      font-size: 1.5rem;
    }.site-intro .team-visual{
      margin-bottom: 32px;
    }.site-intro .hero{
      padding: 22px 0 24px;
    }
  }
.site-intro{
  background: var(--surface-cool);
  color: var(--paint-warm);
}
.open-actions{
    --line-clear: #FFFFFF;
    --label-body: #D8E5F1;
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 4.5rem 1.25rem 5rem;
  }
.open-actions .content-links{max-width: 720px;
    margin: 0 auto;}
.open-actions .narrow-tile{margin-bottom: 2.5rem;}
.open-actions h2{margin: 0 0 0.85rem;
    font-size: clamp(1.6rem, 3.2vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.open-actions .team-visual{margin: 0;
    max-width: 60ch;
    font-size: 1.02rem;
    line-height: 1.65;}
.open-actions .wide-lead{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    background: var(--line-clear);
    border: 1px solid var(--label-body);
    border-radius: 18px;
    padding: 2rem 1.75rem 2.25rem;color:var(--tone-extra-13);}
.open-actions .main-benefit{border: 0;
    margin: 0;
    padding: 0;}
.open-actions .main-benefit legend{padding: 0;
    margin-bottom: 0.6rem;
    font-size: 0.95rem;
    font-weight: 600;}
.open-actions .text-header{display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.35rem;}
.open-actions .text-header input{position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;}
.open-actions .text-header label{
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--label-body);
    border-radius: 10px;
    background: var(--surface-page);
    color: var(--tone-extra-30);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
  }
.open-actions .text-header label:hover,
  .open-actions .text-header label:hover ~ label{
    background: var(--surface-primary);
    border-color: var(--surface-primary);
    color: var(--paint-light);
  }
.open-actions .text-header input:checked ~ label{
    background: var(--surface-primary);
    border-color: var(--surface-primary);
    color: var(--paint-light);
  }
.open-actions .text-header input:focus-visible + label{outline: 2px solid var(--paint-muted);
    outline-offset: 2px;}
.open-actions .content-benefit{display: flex;
    flex-direction: column;
    gap: 0.5rem;}
.open-actions .content-benefit label{font-size: 0.95rem;
    font-weight: 600;}
.open-actions .content-benefit input,
  .open-actions .content-benefit textarea{
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    color: var(--tone-extra-32);
    background: var(--tone-extra-31);
    border: 1px solid var(--label-body);
    border-radius: 12px;
    padding: 0.8rem 0.95rem;
    line-height: 1.5;
  }
.open-actions .content-benefit textarea{resize: vertical;
    min-height: 8rem;}
.open-actions .content-benefit input::placeholder,
  .open-actions .content-benefit textarea::placeholder{}
.open-actions .content-benefit input:focus,
  .open-actions .content-benefit textarea:focus{outline: none;
    border-color: var(--paint-muted);}
.open-actions .top-quote{
    align-self: flex-start;
    font: inherit;
    font-weight: 600;
    border: 0;
    border-radius: 12px;
    padding: 0.85rem 1.9rem;
    background: var(--paint-muted);
    color: var(--line-strong);
    cursor: pointer;
    transition: background 0.15s ease;
  }
.open-actions .top-quote:hover{
    background: var(--ink-muted);color:var(--tone-extra-13);}
.open-actions .top-quote:focus-visible{outline: 2px solid var(--tone-extra-32);
    outline-offset: 3px;}
@media (max-width: 520px) {.open-actions{
      padding: 3rem 1rem 3.5rem;
    }.open-actions .wide-lead{
      padding: 1.5rem 1.15rem 1.75rem;
    }.open-actions .top-quote{
      align-self: stretch;
      text-align: center;
    }
  }
.open-actions{
  background: var(--surface-cool);
  color: var(--paint-warm);
}
.simple-shell{
    --copy-nav: #D8E5F1;
    --field-local: #EAF3FB;
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 56px 20px 64px;
  }
.simple-shell .content-links{max-width: 1040px;
    margin: 0 auto;}
.simple-shell .hero{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 40px;
    align-items: start;}
.simple-shell .method{
    margin: 0;
    border-radius: 14px;
    overflow: hidden;
    background: var(--field-local);color:var(--tone-extra-13);}
.simple-shell .method img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 5;}
.simple-shell .clear-block h1{margin: 0 0 10px;
    font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.simple-shell .site-figure{margin: 0 0 26px;
    color: var(--tone-extra-30);
    font-size: 1.02rem;
    line-height: 1.5;}
.simple-shell .bottom-summary{margin: 0 0 22px;
    padding: 0 0 0 20px;
    border-left: 3px solid var(--surface-primary);}
.simple-shell .bottom-summary p{margin: 0;
    font-size: 1.08rem;
    line-height: 1.68;}
.simple-shell .secondary-stack{margin: 0 0 30px;
    font-size: 0.95rem;
    color: var(--tone-extra-30);}
.simple-shell .content-figure{border-top: 1px solid var(--copy-nav);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;}
.simple-shell .team-view{margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;}
.simple-shell .team-view .strong-media{display: inline-block;
    min-width: 118px;color:inherit;
    font-weight: 600;}
@media (max-width: 760px) {.simple-shell{
      padding: 40px 18px 48px;
    }.simple-shell .hero{
      grid-template-columns: 1fr;
      gap: 26px;
    }.simple-shell .method img{
      aspect-ratio: 16 / 10;
    }.simple-shell .team-view .strong-media{
      display: block;
      min-width: 0;
      margin-bottom: 2px;
    }
  }
.simple-shell{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.simple-shell{
    --font-large: #D8E5F1;
    --axis-active: #EAF3FB;
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 56px 20px 64px;
  }
.simple-shell .content-links{max-width: 940px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;}
.simple-shell .main-benefit{display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 14px;}
.simple-shell .text-header{color:inherit;
    font-size: 1.35rem;
    letter-spacing: 2px;}
.simple-shell .top-stack{font-size: 1.35rem;}
.simple-shell .clear-steps{font-size: 0.85rem;
    color: #2A4258;
    letter-spacing: 0.02em;}
.simple-shell h1{font-size: clamp(1.5rem, 3.2vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 10px;}
.simple-shell .team-visual{margin: 0 0 26px;
    font-size: 1.02rem;
    color: #2A4258;
    line-height: 1.5;}
.simple-shell blockquote{
    margin: 0;
    padding: 22px 24px;
    background: #FFFFFF;
    border: 1px solid var(--font-large);
    border-left: 4px solid #2E7FC2;
    border-radius: 12px;
  }
.simple-shell blockquote p{margin: 0 0 14px;
    line-height: 1.65;
    font-size: 1rem;}
.simple-shell blockquote p:last-child{margin-bottom: 0;}
.simple-shell .secondary-stack{margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--font-large);}
.simple-shell .fresh-service{margin: 0 0 4px;
    font-weight: 600;
    font-size: 1rem;}
.simple-shell .simple-service{margin: 0;
    font-size: 0.88rem;
    color: #2A4258;
    line-height: 1.45;}
.simple-shell .method{
    margin: 0;
    background: #FFFFFF;
    border: 1px solid var(--font-large);
    border-radius: 12px;
    overflow: hidden;
  }
.simple-shell .method img{display: block;
    width: 100%;
    height: auto;}
.simple-shell .method figcaption{
    padding: 12px 16px;
    font-size: 0.82rem;
    color: #2A4258;
    background: var(--axis-active);
    border-top: 1px solid var(--font-large);
  }
@media (max-width: 720px) {.simple-shell{
      padding: 40px 16px 48px;
    }.simple-shell .content-links{
      grid-template-columns: 1fr;
      gap: 28px;
    }
  }
.simple-shell{
  --font-large: #D8E5F1;
  --axis-active: #EAF3FB;
  background: var(--tone-extra-31, #FBFDFF);
  color: var(--tone-extra-32, #1C3A5C);
  padding: 56px 20px 72px;
}
.simple-shell .content-links{max-width: 720px;
  margin: 0 auto;}
.simple-shell .hero{border-top: 1px solid var(--font-large);
  padding-top: 28px;}
.simple-shell .offer-rail h1{font-size: 1.75rem;
  line-height: 1.25;
  margin: 0 0 10px;
  letter-spacing: -0.01em;}
.simple-shell .steady-wrap{margin: 0 0 22px;
  font-size: 1.02rem;
  line-height: 1.5;
  color: #2A4258;}
.simple-shell .main-benefit{display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 26px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--font-large);}
.simple-shell .text-header{color:inherit;
  font-size: 1.15rem;
  letter-spacing: 3px;}
.simple-shell .clear-steps{font-size: 0.9rem;
  color: #2A4258;}
.simple-shell .bottom-summary{margin: 0;
  padding: 0;
  border-left: 3px solid #F2B233;
  padding-left: 20px;}
.simple-shell .bottom-summary p{margin: 0 0 16px;
  font-size: 1.03rem;
  line-height: 1.68;}
.simple-shell .bottom-summary p:last-child{margin-bottom: 0;}
.simple-shell .secondary-stack{display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid var(--font-large);}
.simple-shell .initials{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #EAF3FB;
  color: #2E7FC2;
  font-size: 0.92rem;
  font-weight: 600;
  flex: 0 0 auto;
}
.simple-shell .who{flex: 1 1 200px;
  min-width: 0;}
.simple-shell .fresh-service{margin: 0;
  font-size: 0.98rem;
  font-weight: 600;}
.simple-shell .simple-service{margin: 2px 0 0;
  font-size: 0.88rem;
  line-height: 1.45;
  color: #2A4258;}
.simple-shell .date{margin: 0;
  font-size: 0.82rem;
  color: #2A4258;
  flex: 0 0 auto;}
@media (max-width: 560px) {.simple-shell{
    padding: 40px 16px 56px;
  }.simple-shell .offer-rail h1{
    font-size: 1.45rem;
  }.simple-shell .bottom-summary{
    padding-left: 16px;
  }
}
.steady-headline{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 56px 20px 64px;
  }
.steady-headline .content-links{max-width: 720px;
    margin: 0 auto;}
.steady-headline h2{font-size: 1.7rem;
    line-height: 1.25;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.steady-headline .team-visual{font-size: 1.02rem;
    line-height: 1.6;
    margin: 0 0 32px;
    max-width: 60ch;}
.steady-headline .simple-headline{display: flex;
    flex-direction: column;
    border-top: 1px solid var(--paint-deep, #D8E5F1);}
.steady-headline .visual-area{display: grid;
    grid-template-columns: 170px 1fr;
    gap: 24px;
    padding: 18px 0;
    border-bottom: 1px solid var(--paint-deep, #D8E5F1);
    align-items: baseline;}
.steady-headline .strong-media{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;}
.steady-headline .text-plan{margin: 0;
    font-size: 1rem;
    line-height: 1.55;}
.steady-headline .text-plan a{text-decoration: none;
    border-bottom: 1px solid rgba(46, 127, 194, 0.35);
    padding-bottom: 1px;}
.steady-headline .text-plan a:hover{border-bottom-color: var(--ink-muted, #2569A3);}
.steady-headline .team-view{
    margin: 28px 0 0;
    padding: 16px 18px;
    background: var(--surface-page, #EAF3FB);
    color: var(--tone-extra-30, #2A4258);
    border-radius: 10px;
    font-size: 0.95rem;
    line-height: 1.55;
  }
@media (max-width: 560px) {.steady-headline{
      padding: 40px 16px 48px;
    }.steady-headline .visual-area{
      grid-template-columns: 1fr;
      gap: 6px;
      padding: 16px 0;
    }.steady-headline h2{
      font-size: 1.45rem;
    }
  }
.steady-headline{
  background: var(--surface-cool);
  color: var(--paint-warm);
}
.active-quote{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 56px 20px 64px;
  }
.active-quote .content-links{max-width: 920px;
    margin: 0 auto;
    display: grid;
    gap: 36px;}
.active-quote .team-visual{max-width: 640px;}
.active-quote .team-visual h2{margin: 0 0 14px;
    font-size: 1.65rem;
    line-height: 1.25;
    letter-spacing: -0.01em;}
.active-quote .team-visual p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--tone-extra-30, #2A4258);}
.active-quote .contact-section{display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 22px;}
.active-quote .compact-items{
    background: var(--line-dark, #FFFFFF);
    color: var(--tone-extra-13, #1C3A5C);
    border: 1px solid var(--paint-deep, #D8E5F1);
    border-radius: 14px;
    padding: 20px 20px 22px;
  }
.active-quote .compact-items h3{margin: 0 0 10px;
    font-size: 1.05rem;
    line-height: 1.3;}
.active-quote .compact-items p{margin: 0 0 12px;
    font-size: 0.94rem;
    line-height: 1.55;
    color: var(--tone-extra-30, #2A4258);}
.active-quote .compact-items p.addr{margin-bottom: 0;}
.active-quote .compact-items a{display: inline-block;
    font-size: 0.95rem;
    font-weight: 500;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.active-quote .compact-items a:hover{color: var(--ink-muted, #2569A3);}
.active-quote .fresh-menu{
    background: var(--surface-page, #EAF3FB);
    color: var(--tone-extra-30, #2A4258);
    border-radius: 14px;
    padding: 22px 24px;
    display: grid;
    gap: 12px;
    max-width: 100%;
  }
.active-quote .fresh-menu p{margin: 0;
    font-size: 0.96rem;
    line-height: 1.6;}
.active-quote .fresh-menu p.closing{font-size: 0.94rem;}
.active-quote .page-fields{justify-self: start;
    font-size: 0.95rem;
    font-weight: 500;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.active-quote .page-fields:hover{color: var(--ink-muted, #2569A3);}
@media (max-width: 760px) {.active-quote{
      padding: 44px 18px 52px;
    }.active-quote .contact-section{
      grid-template-columns: 1fr;
    }.active-quote .team-visual h2{
      font-size: 1.4rem;
    }
  }
.active-quote{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.simple-intro{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 56px 20px 64px;
  }
.simple-intro .content-links{max-width: 760px;
    margin: 0 auto;}
.simple-intro .narrow-tile{margin-bottom: 32px;}
.simple-intro .narrow-tile h2{margin: 0 0 12px;
    font-size: 1.7rem;
    line-height: 1.25;}
.simple-intro .narrow-tile p{margin: 0;
    max-width: 58ch;
    line-height: 1.6;}
.simple-intro .direct-feature{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 22px;
    background: var(--line-dark);
    color: var(--tone-extra-13);
    border: 1px solid var(--paint-deep);
    border-radius: 14px;
    padding: 26px 24px 28px;
  }
.simple-intro .content-benefit{display: flex;
    flex-direction: column;
    gap: 6px;}
.simple-intro .content-benefit.wide{grid-column: 1 / -1;}
.simple-intro .content-benefit label{font-size: 0.92rem;
    font-weight: 500;}
.simple-intro .content-benefit input,
  .simple-intro .content-benefit textarea{
    font: inherit;
    padding: 10px 12px;
    border: 1px solid var(--paint-deep);
    border-radius: 8px;
    background: var(--tone-extra-31);
    color: var(--tone-extra-13);
    outline-offset: 2px;
  }
.simple-intro .content-benefit input::placeholder,
  .simple-intro .content-benefit textarea::placeholder{opacity: 0.75;}
.simple-intro .content-benefit input:focus,
  .simple-intro .content-benefit textarea:focus{border-color: var(--paint-muted);}
.simple-intro .content-benefit textarea{resize: vertical;
    min-height: 120px;}
.simple-intro .top-quote{grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 20px;
    margin-top: 4px;}
.simple-intro .top-quote button{
    font: inherit;
    font-weight: 500;
    padding: 11px 24px;
    border: none;
    border-radius: 999px;
    background: var(--paint-muted);
    color: var(--line-strong);
    cursor: pointer;
  }
.simple-intro .top-quote button:hover{
    background: var(--ink-muted);color:var(--tone-extra-13);}
.simple-intro .top-quote .team-view{margin: 0;
    flex: 1 1 260px;
    font-size: 0.88rem;
    line-height: 1.5;}
.simple-intro .media-note{margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--paint-deep);
    font-size: 0.95rem;
    line-height: 1.6;}
.simple-intro .media-note p{margin: 0 0 6px;}
.simple-intro .media-note a{text-decoration: underline;
    text-underline-offset: 2px;}
.simple-intro .media-note .secondary-service{margin-bottom: 0;}
@media (max-width: 620px) {.simple-intro .direct-feature{
      grid-template-columns: 1fr;
      padding: 22px 18px 24px;
    }
  }
.simple-intro{
  background: var(--surface-cool);
  color: var(--paint-warm);
}
.focused-menu{
    --type-strong: #D8E5F1;
    --axis-main: #EAF3FB;
    background: var(--tone-extra-31, #FBFDFF);
    color: var(--tone-extra-32, #1C3A5C);
    padding: 64px 24px 72px;
  }
.focused-menu .content-links{max-width: 760px;
    margin: 0 auto;}
.focused-menu .narrow-tile{padding-bottom: 28px;
    border-bottom: 1px solid var(--type-strong);}
.focused-menu h1{font-size: clamp(1.7rem, 3.4vw, 2.3rem);
    line-height: 1.2;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.focused-menu .team-visual{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;
    max-width: 62ch;}
.focused-menu .team-surface{margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 30px;}
.focused-menu .region h2{font-size: 1.12rem;
    line-height: 1.3;
    margin: 0 0 10px;}
.focused-menu .region p{font-size: 0.97rem;
    line-height: 1.7;
    margin: 0;
    max-width: 68ch;}
.focused-menu .region p + p{margin-top: 10px;}
.focused-menu .bottom-copy{
    background: var(--axis-main);
    border-left: 3px solid #2E7FC2;
    padding: 20px 22px;
    border-radius: 6px;color:var(--tone-extra-13);}
.focused-menu .bottom-copy p{margin: 0;}
.focused-menu a{color: #2569A3;
    text-decoration: underline;
    text-underline-offset: 2px;}
.focused-menu a:hover{color: #1C3A5C;}
.focused-menu .visual-team{font-size: 0.88rem;
    color: #2A4258;
    margin-top: 14px;}
@media (max-width: 560px) {.focused-menu{
      padding: 44px 18px 52px;
    }.focused-menu .team-surface{
      gap: 26px;
    }
  }
.focused-menu{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.focused-surface{
    --type-extra-55: #D8E5F1;
    --axis-content: #EAF3FB;
    background: var(--tone-extra-31, #FBFDFF);
    color: var(--tone-extra-32, #1C3A5C);
    padding: 64px 20px 72px;
  }
.focused-surface .content-links{max-width: 780px;
    margin: 0 auto;}
.focused-surface .offer-rail{padding-bottom: 28px;
    border-bottom: 1px solid var(--type-extra-55);}
.focused-surface h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.focused-surface .team-visual{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;
    max-width: 62ch;}
.focused-surface .team-surface{margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 30px;}
.focused-surface .hero{padding-left: 20px;
    border-left: 3px solid var(--axis-content);}
.focused-surface .hero h3{font-size: 1.12rem;
    margin: 0 0 10px;
    line-height: 1.35;}
.focused-surface .hero p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.7;
    max-width: 68ch;}
.focused-surface .hero a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 2px;}
.focused-surface .hero a:hover{color: #2569A3;}
.focused-surface .foot{margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--type-extra-55);}
.focused-surface .foot p{margin: 0;
    font-size: 0.86rem;
    line-height: 1.6;
    color: var(--tone-extra-30, #2A4258);}
@media (max-width: 560px) {.focused-surface{
      padding: 44px 16px 56px;
    }.focused-surface h2{
      font-size: 1.55rem;
    }.focused-surface .hero{
      padding-left: 14px;
    }
  }
.focused-surface{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.offer-method{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 72px 24px 88px;
  }
.offer-method .content-links{max-width: 760px;
    margin: 0 auto;}
.offer-method h1{font-size: clamp(1.75rem, 3.4vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.offer-method .team-visual{font-size: 1.0625rem;
    line-height: 1.65;
    margin: 0 0 44px;
    max-width: 62ch;}
.offer-method .main-content{border-top: 1px solid var(--paint-deep, #D8E5F1);}
.offer-method .compact-team{padding: 22px 0;
    border-bottom: 1px solid var(--paint-deep, #D8E5F1);}
.offer-method .compact-team h3{font-size: 1.0625rem;
    margin: 0 0 8px;
    font-weight: 600;}
.offer-method .compact-team p{margin: 0;
    line-height: 1.6;
    max-width: 60ch;}
.offer-method a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.offer-method a:hover{color: #2569A3;}
.offer-method .team-view{margin: 36px 0 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--tone-extra-30, #2A4258);}
@media (max-width: 560px) {.offer-method{
      padding: 52px 20px 64px;
    }.offer-method .team-visual{
      margin-bottom: 32px;
    }
  }
.offer-method{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}
.404{
    background: var(--tone-extra-31);
    color: var(--tone-extra-32);
    padding: 96px 24px 112px;
  }
.404 .team-surface{
    max-width: 620px;
    margin: 0 auto;
  }
.404 h1{
    font-size: clamp(1.7rem, 3.4vw, 2.35rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;
  }
.404 .team-visual{
    font-size: 1.08rem;
    line-height: 1.6;
    margin: 0 0 14px;
  }
.404 p{
    font-size: 1rem;
    line-height: 1.65;
    margin: 0 0 28px;
  }
.404 .go{
    display: inline-block;
    background: #2E7FC2;
    color: #FFFFFF;
    text-decoration: none;
    padding: 13px 26px;
    border-radius: 10px;
    font-weight: 500;
    transition: background 0.2s ease;
  }
.404 .go:hover{
    background: #2569A3;color:var(--tone-extra-13);}
@media (max-width: 560px) {.404{
      padding: 64px 20px 80px;
    }
  }
.404{
  background: var(--tone-extra-31);
  color: var(--tone-extra-32);
}