.areasHero{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--space-hero);border-bottom:1px solid var(--a-line)}.areasHero:after,.areasHero:before{content:"";position:absolute;inset:0;z-index:-1}.areasHero:before{z-index:-2;background:url(/home-hero-bg.webp) 50%/cover no-repeat;opacity:.28;filter:grayscale(.4)}html[data-theme=dark] .areasHero:before{opacity:.35;filter:grayscale(1)}.areasHero:after{background:linear-gradient(90deg,var(--a-bg) 0,color-mix(in srgb,var(--a-bg) 70%,transparent) 55%,transparent 100%)}.areasHero h1{max-width:880px;font-size:clamp(30px,6vw,56px);line-height:1.15}.areasHero h1 em{color:var(--red);font-style:normal}.areasHero p:last-child{max-width:660px;margin:32px 0 0;color:var(--a-muted);font-size:18px}.areasSpine{position:relative;display:grid;grid-gap:24px;gap:24px}.areasSpine:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--red),var(--yellow),var(--blue),var(--red));transform:translateX(-50%);opacity:.7}.areaRow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:center}.areaCard{grid-column:1;grid-row:1;position:relative;padding:32px 36px;border:1px solid var(--a-line);background:var(--a-surface);transition:border-color .25s ease,transform .25s ease}.areaCard:after{content:"";position:absolute;top:50%;inset-inline-end:-32px;width:32px;height:2px;background:var(--red)}.areaRow.isRight .areaCard{grid-column:3}.areaRow.isRight .areaCard:after{inset-inline-end:auto;inset-inline-start:-32px}.areaCard:hover{border-color:var(--red);transform:translateY(-2px)}.areaIndex{color:var(--red);font-family:var(--font-body),system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:.08em}.areaCard h3{margin-top:10px;font-size:30px;line-height:1.1}.areaCard p{margin:12px 0 0;color:var(--a-muted);font-size:16px}.areaNode{grid-column:2;grid-row:1;justify-self:center;position:relative;width:56px;background:var(--a-bg)}.areaNode polygon{fill:var(--a-bg);stroke:var(--red);stroke-width:3}.areaNode circle{fill:var(--red)}.areaRow.tone-yellow .areaCard:after,.areaRow.tone-yellow .areaNode circle{fill:var(--c-tone-2);background:var(--c-tone-2)}.areaRow.tone-blue .areaCard:after,.areaRow.tone-blue .areaNode circle{fill:var(--blue);background:var(--blue)}.areaRow.tone-white .areaNode circle{fill:var(--a-bg);stroke:var(--red);stroke-width:2}.areaGhost{grid-column:3;grid-row:1;-webkit-padding-start:32px;padding-inline-start:32px;color:transparent;font-family:var(--font-jakarta),system-ui,sans-serif;letter-spacing:-.015em;font-size:clamp(88px,10vw,150px);font-weight:700;line-height:1;-webkit-text-stroke:1px color-mix(in srgb,var(--a-ink) 16%,transparent);-webkit-user-select:none;-moz-user-select:none;user-select:none}.areaRow.isRight .areaGhost{grid-column:1;justify-self:end;padding-block:0;padding-inline:0 32px}.areaRow:hover .areaGhost{-webkit-text-stroke-color:var(--red)}@media (max-width:860px){.areasSpine:before{inset-inline-start:28px;transform:none}.areaRow,.areaRow.isRight{grid-template-columns:56px minmax(0,1fr);column-gap:20px}.areaNode{grid-column:1}.areaCard,.areaRow.isRight .areaCard{grid-column:2}.areaCard:after,.areaRow.isRight .areaCard:after{inset-inline-start:-20px;inset-inline-end:auto;width:20px}.areaGhost{display:none}}@media (max-width:640px){.areasHero{padding-block:var(--space-hero)}.areaCard{padding:24px}.areaCard h3{font-size:24px}}