:root {
    --fmip-ink: #23343d;
    --fmip-muted: #657780;
    --fmip-cream: #fff8ed;
    --fmip-cream-2: #fffdf8;
    --fmip-blue: #dff0f5;
    --fmip-blue-strong: #6fa9bd;
    --fmip-sage: #dfeee4;
    --fmip-apricot: #ffe4c9;
    --fmip-yellow: #fff2bd;
    --fmip-rose: #ffe3df;
    --fmip-card: rgba(255, 255, 255, 0.88);
    --fmip-shadow: 0 18px 50px rgba(50, 74, 84, 0.12);
    --fmip-shadow-soft: 0 10px 30px rgba(50, 74, 84, 0.10);
    --fmip-radius-xl: 34px;
    --fmip-radius-lg: 24px;
    --fmip-radius-md: 18px;
}

.fmip-page,
.fmip-page * {
    box-sizing: border-box;
}

body:has(#familymap-infopage) .entry-title {
    display: none;
}

.fmip-page {
    color: var(--fmip-ink);
    font-family: inherit;
    background: linear-gradient(180deg, #fffaf2 0%, #ffffff 42%, #fffaf2 100%);
    overflow: hidden;
}

.fmip-container {
    width: min(1120px, calc(100% - 36px));
    margin: 0 auto;
}

.fmip-hero {
    position: relative;
    padding: clamp(68px, 7vw, 108px) 0 clamp(46px, 5vw, 76px);
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 228, 201, 0.56), transparent 30%),
        radial-gradient(circle at 84% 10%, rgba(223, 240, 245, 0.72), transparent 34%),
        linear-gradient(135deg, #fff9f1 0%, #fbfdfb 58%, #f1f8f3 100%);
}

.fmip-hero-bg::before,
.fmip-hero-bg::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    opacity: 0.5;
    pointer-events: none;
}

.fmip-hero-bg::before {
    width: 260px;
    height: 260px;
    background: var(--fmip-yellow);
    left: -90px;
    top: 110px;
}

.fmip-hero-bg::after {
    width: 340px;
    height: 340px;
    background: var(--fmip-blue);
    right: -140px;
    bottom: -80px;
}

.fmip-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.78fr);
    gap: clamp(32px, 4vw, 58px);
    align-items: center;
}

.fmip-kicker,
.fmip-section-kicker,
.fmip-core-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    color: #4d8294;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(111, 169, 189, 0.22);
    border-radius: 999px;
    padding: 8px 13px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.fmip-hero h1 {
    margin: 18px 0 8px;
    font-size: clamp(3.1rem, 7vw, 6.2rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
    color: var(--fmip-ink);
}

.fmip-claim {
    margin: 0 0 22px;
    font-size: clamp(1.26rem, 2.2vw, 1.85rem);
    font-weight: 750;
    color: #507b86;
}

.fmip-hero-text {
    max-width: 690px;
    margin: 0 0 28px;
    color: #40535c;
    font-size: clamp(1.04rem, 1.6vw, 1.22rem);
    line-height: 1.72;
}

.fmip-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.fmip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 750;
    text-decoration: none !important;
    line-height: 1.2;
    transition: transform 170ms ease, box-shadow 170ms ease, background 170ms ease, border-color 170ms ease;
}

.fmip-btn:hover,
.fmip-btn:focus-visible {
    transform: translateY(-1px);
    box-shadow: var(--fmip-shadow-soft);
    outline: none;
}

.fmip-btn-primary {
    color: #ffffff !important;
    background: #477f91;
    box-shadow: 0 10px 22px rgba(71, 127, 145, 0.22);
}

.fmip-btn-register {
    background: linear-gradient(135deg, #26776f, #4f9f94);
    box-shadow: 0 14px 30px rgba(38, 119, 111, 0.28);
}

.fmip-btn-secondary {
    color: #285869 !important;
    background: #ffffff;
    border-color: rgba(111, 169, 189, 0.30);
}

.fmip-btn-soft {
    color: #6a4d22 !important;
    background: #fff0cc;
    border-color: rgba(223, 176, 77, 0.23);
}

.fmip-btn-ghost {
    color: #4b666e !important;
    background: rgba(255, 255, 255, 0.42);
    border-color: rgba(75, 102, 110, 0.16);
}

.fmip-hero-visual {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fmip-hero-visual img {
    display: block;
    max-width: 100%;
    max-height: 640px;
    object-fit: contain;
    border-radius: var(--fmip-radius-xl);
    box-shadow: var(--fmip-shadow);
}

.fmip-hero-module-card {
    width: min(460px, 100%);
    border-radius: 34px;
    padding: 22px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.94), rgba(255,250,243,0.82)),
        radial-gradient(circle at 22% 18%, rgba(255, 228, 201, 0.48), transparent 34%),
        radial-gradient(circle at 86% 78%, rgba(223, 240, 245, 0.72), transparent 36%);
    border: 1px solid rgba(111, 169, 189, 0.18);
    box-shadow: 0 20px 56px rgba(50, 74, 84, 0.13);
}

.fmip-hero-module-main {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 16px 16px 20px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.96), rgba(255, 248, 237, 0.84) 68%),
        #fff8ed;
    border: 1px solid rgba(111, 169, 189, 0.13);
}

.fmip-hero-module-main span,
.fmip-hero-module-row span {
    color: #315f70;
    font-weight: 850;
}

.fmip-module-art {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.fmip-module-art-hero {
    width: min(360px, 98%);
    clip-path: inset(10% round 28px);
    filter: brightness(1.12) contrast(1.08) saturate(1.02) drop-shadow(0 14px 22px rgba(35, 52, 61, 0.10));
    mix-blend-mode: multiply;
}

.fmip-hero-module-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.fmip-hero-module-row div {
    min-height: 128px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 6px;
    padding: 10px 8px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.94), rgba(245, 251, 248, 0.82) 70%),
        #f5fbf8;
    border: 1px solid rgba(111, 169, 189, 0.12);
}

.fmip-module-art-mini {
    width: min(128px, 100%);
    clip-path: inset(11% round 18px);
    filter: brightness(1.12) contrast(1.08) saturate(1.02) drop-shadow(0 8px 14px rgba(35, 52, 61, 0.08));
    mix-blend-mode: multiply;
}

.fmip-map-card {
    position: relative;
    width: min(440px, 100%);
    aspect-ratio: 1 / 1;
    border-radius: 38px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.68)),
        radial-gradient(circle at 20% 20%, var(--fmip-yellow), transparent 28%),
        radial-gradient(circle at 80% 80%, var(--fmip-sage), transparent 30%),
        radial-gradient(circle at 78% 22%, var(--fmip-blue), transparent 32%);
    box-shadow: var(--fmip-shadow);
    border: 1px solid rgba(255,255,255,0.8);
    overflow: hidden;
}

.fmip-map-card::before,
.fmip-map-card::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    border: 2px dashed rgba(111, 169, 189, 0.22);
}

.fmip-map-card::before {
    width: 72%;
    height: 72%;
    left: 14%;
    top: 14%;
}

.fmip-map-card::after {
    width: 45%;
    height: 45%;
    right: -5%;
    top: -7%;
}

.fmip-map-path {
    position: absolute;
    inset: 18%;
    border-radius: 999px;
    border: 8px solid transparent;
    border-top-color: rgba(242, 183, 130, 0.55);
    border-left-color: rgba(111, 169, 189, 0.35);
    transform: rotate(-25deg);
}

.fmip-map-dot {
    position: absolute;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: rgba(255,255,255,0.9);
    box-shadow: var(--fmip-shadow-soft);
    font-size: 1.55rem;
}

.dot-1 { left: 14%; top: 16%; }
.dot-2 { right: 13%; top: 19%; }
.dot-3 { left: 43%; top: 42%; }
.dot-4 { right: 18%; bottom: 18%; }
.dot-5 { left: 17%; bottom: 20%; }

.fmip-map-label {
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    padding: 12px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,0.9);
    color: #416c7a;
    font-weight: 800;
    box-shadow: var(--fmip-shadow-soft);
    white-space: nowrap;
}

.fmip-section {
    padding: clamp(52px, 6vw, 82px) 0;
}

.fmip-soft-section {
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 228, 201, 0.50), transparent 26%),
        radial-gradient(circle at 88% 20%, rgba(223, 240, 245, 0.62), transparent 30%),
        #fffaf2;
}

.fmip-feature-strip {
    display: none;
}

.fmip-main > #fmip-what {
    padding-top: clamp(58px, 7vw, 94px);
}

.fmip-main > #fmip-what .fmip-two-col h2 {
    font-size: clamp(1.7rem, 2.7vw, 2.45rem);
    line-height: 1.14;
    letter-spacing: 0;
}

.fmip-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.fmip-feature-card,
.fmip-final-card,
.fmip-growth-card,
.fmip-module-node,
.fmip-core-card {
    background: var(--fmip-card);
    border: 1px solid rgba(111, 169, 189, 0.16);
    box-shadow: var(--fmip-shadow-soft);
    backdrop-filter: blur(10px);
}

.fmip-feature-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: start;
    border-radius: 22px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 8px 22px rgba(50, 74, 84, 0.07);
}

.fmip-feature-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #eef6f1;
    color: #477f62;
    border: 1px solid rgba(71, 127, 98, 0.12);
    font-size: 0.78rem;
    font-weight: 900;
    margin-top: 2px;
}

.fmip-feature-card h2 {
    margin: 0 0 6px;
    font-size: 1.12rem;
}

.fmip-feature-card p {
    margin: 0;
    color: var(--fmip-muted);
    line-height: 1.52;
}

.fmip-two-col {
    display: grid;
    grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.18fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: start;
}

.fmip-section h2 {
    margin: 16px 0 0;
    font-size: clamp(2rem, 4.4vw, 3.6rem);
    line-height: 1.03;
    letter-spacing: -0.045em;
}

.fmip-protected-word {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
}

.fmip-feature-card h2 {
    margin: 0 0 6px;
    font-size: 1.12rem;
    line-height: 1.18;
    letter-spacing: 0;
}

.fmip-richtext p,
.fmip-section-head p,
.fmip-final-card p,
.fmip-growth-card p {
    color: #52656e;
    font-size: 1.05rem;
    line-height: 1.75;
}

.fmip-section-head {
    max-width: 780px;
    margin-bottom: 30px;
}

.fmip-module-gallery-section {
    padding-top: clamp(34px, 4vw, 58px);
    background:
        radial-gradient(circle at 14% 12%, rgba(223, 238, 228, 0.48), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
}

.fmip-module-gallery-head {
    max-width: 820px;
}

.fmip-module-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.fmip-module-gallery-card {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100%;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(111, 169, 189, 0.15);
    box-shadow: 0 8px 24px rgba(50, 74, 84, 0.07);
    overflow: hidden;
}

.fmip-module-gallery-art {
    min-height: 172px;
    display: grid;
    place-items: center;
    padding: 20px 20px 12px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 48%, rgba(255, 248, 237, 0.84), transparent 70%);
}

.fmip-module-gallery-art .fmip-module-art {
    width: min(232px, 106%);
    clip-path: inset(11% round 24px);
    filter: brightness(1.12) contrast(1.08) saturate(1.02) drop-shadow(0 12px 18px rgba(35, 52, 61, 0.08));
    mix-blend-mode: multiply;
}

.fmip-module-gallery-copy {
    padding: 0 22px 22px;
}

.fmip-module-gallery-copy h3 {
    margin: 0 0 8px;
    color: #213844;
    font-size: 1.22rem;
    line-height: 1.25;
}

.fmip-module-gallery-copy p {
    margin: 0;
    color: #52656e;
    line-height: 1.62;
}

.fmip-module-gallery-cta {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.fmip-accordion {
    margin-top: 18px;
    border: 1px solid rgba(111, 169, 189, 0.22);
    border-radius: var(--fmip-radius-md);
    background: rgba(255, 255, 255, 0.72);
    overflow: hidden;
}

.fmip-accordion summary {
    cursor: pointer;
    padding: 18px 20px;
    font-weight: 800;
    color: #315f70;
    list-style: none;
}

.fmip-accordion summary::-webkit-details-marker {
    display: none;
}

.fmip-accordion summary::after {
    content: "+";
    float: right;
    font-weight: 900;
}

.fmip-accordion[open] summary::after {
    content: "–";
}

.fmip-accordion p {
    margin: 0;
    padding: 0 20px 20px;
}

.fmip-situation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.fmip-situation-grid article {
    min-height: 96px;
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.70);
    border: 1px solid rgba(111, 169, 189, 0.13);
    box-shadow: 0 6px 16px rgba(50, 74, 84, 0.055);
    color: #40525a;
    font-weight: 720;
    line-height: 1.4;
}

.fmip-principle-map {
    display: grid;
    gap: 18px;
    border-radius: 34px;
    padding: clamp(22px, 4vw, 36px);
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 228, 201, 0.42), transparent 28%),
        radial-gradient(circle at 86% 22%, rgba(223, 240, 245, 0.50), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(250, 253, 251, 0.92));
    border: 1px solid rgba(111, 169, 189, 0.15);
    box-shadow: var(--fmip-shadow-soft);
}

.fmip-principle-core {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: clamp(18px, 3vw, 28px);
    align-items: center;
    padding: clamp(20px, 3vw, 28px);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.80);
    border: 1px solid rgba(111, 169, 189, 0.12);
}

.fmip-principle-core-image {
    width: 148px;
    clip-path: inset(10% round 24px);
    filter: brightness(1.12) contrast(1.08) saturate(1.02) drop-shadow(0 10px 16px rgba(35, 52, 61, 0.08));
    mix-blend-mode: multiply;
}

.fmip-principle-core span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 8px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eef6f1;
    color: #477f62;
    font-size: 0.78rem;
    font-weight: 850;
}

.fmip-principle-core strong {
    display: block;
    color: #213844;
    font-size: clamp(1.55rem, 3vw, 2.4rem);
    line-height: 1.06;
}

.fmip-principle-core p {
    max-width: 680px;
    margin: 10px 0 0;
    color: #52656e;
    line-height: 1.65;
}

.fmip-principle-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.fmip-principle-grid article {
    min-height: 124px;
    padding: 20px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(111, 169, 189, 0.12);
}

.fmip-principle-grid strong,
.fmip-principle-grid span {
    display: block;
}

.fmip-principle-grid strong {
    margin-bottom: 8px;
    color: #315f70;
    font-size: 1.05rem;
}

.fmip-principle-grid span {
    color: #5c6f78;
    line-height: 1.5;
}

.fmip-principle-link {
    display: flex;
    justify-content: center;
}

.fmip-impact-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.fmip-impact-row div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(111, 169, 189, 0.14);
}

.fmip-impact-row strong,
.fmip-impact-row span {
    display: block;
}

.fmip-impact-row strong {
    font-size: 1.04rem;
    margin-bottom: 5px;
    color: #315f70;
}

.fmip-impact-row span {
    color: var(--fmip-muted);
    line-height: 1.55;
}

.fmip-system-map {
    position: relative;
    min-height: 680px;
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.72), rgba(255,250,242,0.84)),
        radial-gradient(circle at 50% 48%, rgba(223, 240, 245, 0.62), transparent 32%),
        radial-gradient(circle at 25% 80%, rgba(255, 228, 201, 0.46), transparent 25%);
    border: 1px solid rgba(111, 169, 189, 0.16);
    overflow: hidden;
    box-shadow: var(--fmip-shadow-soft);
}

.fmip-system-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.fmip-system-lines line,
.fmip-system-lines path {
    stroke: url(#fmipLineGradient);
    stroke-width: 4;
    fill: none;
    stroke-linecap: round;
}

.fmip-core-card {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(330px, 82%);
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 30px;
    padding: 27px;
    text-align: center;
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,248,237,0.95));
}

.fmip-core-eyebrow {
    margin: 0 auto 12px;
    font-size: 0.76rem;
    padding: 6px 10px;
}

.fmip-core-card strong {
    display: block;
    font-size: clamp(1.3rem, 2.5vw, 1.75rem);
    line-height: 1.12;
    margin-bottom: 10px;
}

.fmip-core-card span:last-child {
    display: block;
    color: var(--fmip-muted);
    line-height: 1.48;
}

.fmip-module-node {
    position: absolute;
    z-index: 2;
    width: 190px;
    min-height: 94px;
    border-radius: 24px;
    padding: 17px 18px;
    text-decoration: none !important;
    color: var(--fmip-ink) !important;
    transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
}

.fmip-module-node:hover,
.fmip-module-node:focus-visible {
    transform: translateY(-2px);
    box-shadow: var(--fmip-shadow);
    border-color: rgba(111, 169, 189, 0.35);
    outline: none;
}

.fmip-module-node strong,
.fmip-module-node span {
    display: block;
}

.fmip-module-node strong {
    font-size: 1rem;
    margin-bottom: 6px;
}

.fmip-module-node span {
    color: #627681;
    font-size: 0.9rem;
    line-height: 1.35;
}

.node-1 { left: calc(50% - 95px); top: 42px; background: rgba(223,240,245,0.92); }
.node-2 { right: 110px; top: 90px; background: rgba(255,228,201,0.92); }
.node-3 { right: 48px; top: 288px; background: rgba(223,238,228,0.92); }
.node-4 { right: 116px; bottom: 78px; background: rgba(255,242,189,0.92); }
.node-5 { left: calc(50% - 95px); bottom: 32px; background: rgba(255,227,223,0.92); }
.node-6 { left: 116px; bottom: 78px; background: rgba(235,243,245,0.95); }
.node-7 { left: 48px; top: 288px; background: rgba(255,246,222,0.95); }
.node-8 { left: 110px; top: 90px; background: rgba(233,242,235,0.95); }
.node-9 { left: calc(50% - 95px); top: 172px; background: rgba(255,255,255,0.95); }

.fmip-check-list {
    display: grid;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.fmip-check-list li {
    position: relative;
    padding: 13px 16px 13px 42px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(111, 169, 189, 0.13);
    color: #40525a;
}

.fmip-check-list li::before {
    content: "✓";
    position: absolute;
    left: 16px;
    color: #477f91;
    font-weight: 900;
}

.fmip-richtext blockquote {
    margin: 22px 0;
    padding: 22px 24px;
    border-left: 5px solid #f2b782;
    border-radius: 0 22px 22px 0;
    background: #fff7e9;
    color: #3c5059;
    font-size: 1.12rem;
    line-height: 1.65;
}

.fmip-growth-section {
    padding-top: 24px;
}

.fmip-growth-card,
.fmip-final-card {
    border-radius: var(--fmip-radius-xl);
    padding: clamp(28px, 5vw, 50px);
}

.fmip-growth-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    background:
        radial-gradient(circle at 90% 10%, rgba(223, 240, 245, 0.75), transparent 34%),
        rgba(255, 255, 255, 0.82);
}

.fmip-growth-card h2,
.fmip-final-card h2 {
    margin-top: 12px;
}

.fmip-muted-pill {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #eef4f6;
    color: #617983;
    font-weight: 750;
}

.fmip-final-cta {
    padding-top: 30px;
}

.fmip-final-card {
    text-align: center;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,248,237,0.88)),
        radial-gradient(circle at 20% 10%, rgba(255, 228, 201, 0.52), transparent 30%);
}

.fmip-final-card .fmip-section-kicker {
    margin: 0 auto;
}

.fmip-final-card p {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 960px) {
    .fmip-hero-inner,
    .fmip-two-col,
    .fmip-growth-card {
        grid-template-columns: 1fr;
    }

    .fmip-hero-visual {
        min-height: auto;
    }

    .fmip-feature-grid,
    .fmip-situation-grid,
    .fmip-impact-row,
    .fmip-module-gallery {
        grid-template-columns: 1fr;
    }

    .fmip-principle-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fmip-system-map {
        min-height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px;
    }

    .fmip-system-lines {
        display: none;
    }

    .fmip-core-card,
    .fmip-module-node {
        position: static;
        transform: none;
        width: 100%;
        min-height: auto;
    }

    .fmip-core-card {
        order: -1;
    }

    .node-1,
    .node-2,
    .node-3,
    .node-4,
    .node-5,
    .node-6,
    .node-7,
    .node-8,
    .node-9 {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
}

@media (max-width: 620px) {
    .fmip-container {
        width: min(100% - 26px, 1120px);
    }

    .fmip-hero {
        padding-top: 56px;
    }

    .fmip-hero-actions,
    .fmip-btn {
        width: 100%;
    }

    .fmip-map-dot {
        width: 48px;
        height: 48px;
        border-radius: 18px;
    }

    .fmip-feature-card,
    .fmip-growth-card,
    .fmip-final-card,
    .fmip-hero-module-card {
        padding: 22px;
    }

    .fmip-feature-card {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .fmip-principle-core,
    .fmip-principle-grid {
        grid-template-columns: 1fr;
    }

    .fmip-principle-core {
        text-align: center;
        justify-items: center;
    }

    .fmip-principle-core span {
        margin-left: auto;
        margin-right: auto;
    }

    .fmip-principle-core-image {
        width: 128px;
    }

    .fmip-hero-module-row {
        grid-template-columns: 1fr;
    }

    .fmip-hero-module-row div {
        min-height: 112px;
        grid-template-columns: 82px 1fr;
        justify-items: start;
        align-items: center;
        text-align: left;
    }

    .fmip-section h2 {
        letter-spacing: -0.035em;
    }

    .fmip-protected-word {
        font-size: min(1em, 8vw);
    }
}

/* Familymap Modulstruktur-Grafik V1.0.1 */
.fmip-diagram {
    position: relative;
    min-height: 920px;
    overflow: hidden;
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 12%, rgba(248, 197, 164, 0.14), transparent 18%),
        radial-gradient(circle at 88% 17%, rgba(179, 212, 236, 0.12), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(252, 250, 246, 0.96));
    border: 1px solid rgba(111, 169, 189, 0.16);
    box-shadow: var(--fmip-shadow-soft);
    padding: 24px;
}

.fmip-diagram-grid {
    position: absolute;
    inset: 0;
}

.fmip-diagram-ring {
    position: absolute;
    inset: 118px 135px 92px;
    border: 2px dashed rgba(167, 185, 154, 0.52);
    border-radius: 999px;
    pointer-events: none;
}

.fmip-diagram-card,
.fmip-diagram-center {
    position: absolute;
    z-index: 3;
    background: rgba(255, 255, 255, 0.93);
    border: 1.5px solid var(--fmip-diagram-accent, rgba(111, 169, 189, 0.22));
    border-radius: 26px;
    box-shadow: 0 10px 28px rgba(50, 60, 70, 0.08), 0 2px 8px rgba(50, 60, 70, 0.05);
    text-decoration: none !important;
    color: var(--fmip-ink) !important;
    transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
}

.fmip-diagram-card {
    width: 260px;
    min-height: 160px;
    padding: 22px 20px 18px;
}

.fmip-diagram-card:hover,
.fmip-diagram-card:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(50, 60, 70, 0.11), 0 4px 14px rgba(50, 60, 70, 0.07);
    outline: none;
}

.fmip-diagram-card-1:hover,
.fmip-diagram-card-1:focus-visible {
    transform: translateX(-50%) translateY(-3px);
}

.fmip-diagram-card-5:hover,
.fmip-diagram-card-5:focus-visible {
    transform: translateX(-8%) translateY(-3px);
}

.fmip-diagram-card-6:hover,
.fmip-diagram-card-6:focus-visible {
    transform: translateX(-50%) translateY(-3px);
}

.fmip-diagram-number {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 800;
    background: var(--fmip-diagram-strong, #6fa9bd);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.fmip-diagram-icon {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
    background: var(--fmip-diagram-soft, #eaf5fe);
    color: var(--fmip-diagram-dark, #355b83);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.fmip-diagram-icon svg {
    width: 34px;
    height: 34px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fmip-diagram-label {
    display: block;
    padding-left: 24px;
    text-align: center;
}

.fmip-diagram-label strong,
.fmip-diagram-label span {
    display: block;
}

.fmip-diagram-label strong {
    margin: 0 0 6px;
    color: #18314f;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.18rem;
    line-height: 1.22;
}

.fmip-diagram-label span {
    color: #334b63;
    font-size: 0.94rem;
    line-height: 1.35;
}

.fmip-diagram-center {
    left: 50%;
    top: 52%;
    width: 400px;
    min-height: 326px;
    transform: translate(-50%, -50%);
    padding: 32px 28px 26px;
    text-align: center;
    border-color: #d8dfce;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 237, 0.94));
}

.fmip-diagram-center:focus-visible {
    outline: 3px solid rgba(111, 169, 189, 0.34);
    outline-offset: 4px;
}

.fmip-family-icon {
    display: block;
    width: 116px;
    height: 116px;
    margin: 0 auto 14px;
}

.fmip-diagram-center strong {
    display: block;
    margin: 0;
    color: #102e4f;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 3.5vw, 2.62rem);
    line-height: 1.08;
}

.fmip-diagram-center span {
    display: block;
    margin-top: 16px;
    color: #31465d;
    font-size: 1.08rem;
}

.fmip-diagram-card-1 { left: 50%; top: 52px; transform: translateX(-50%); --fmip-diagram-accent:#a9d3f2; --fmip-diagram-strong:#6ca8d6; --fmip-diagram-soft:#eaf5fe; --fmip-diagram-dark:#355b83; }
.fmip-diagram-card-2 { right: 120px; top: 130px; --fmip-diagram-accent:#c4d4b0; --fmip-diagram-strong:#8fb07d; --fmip-diagram-soft:#eff5e8; --fmip-diagram-dark:#55674d; }
.fmip-diagram-card-3 { right: 42px; top: 385px; --fmip-diagram-accent:#f2c2b5; --fmip-diagram-strong:#e79176; --fmip-diagram-soft:#fdf0eb; --fmip-diagram-dark:#7d5b57; }
.fmip-diagram-card-4 { right: 86px; bottom: 150px; --fmip-diagram-accent:#efcf87; --fmip-diagram-strong:#ebb347; --fmip-diagram-soft:#fbf4df; --fmip-diagram-dark:#7c6334; }
.fmip-diagram-card-5 { left: 54%; bottom: 58px; transform: translateX(-8%); --fmip-diagram-accent:#c6e3db; --fmip-diagram-strong:#6ab4a4; --fmip-diagram-soft:#edf8f4; --fmip-diagram-dark:#4d6c66; }
.fmip-diagram-card-6 { left: 31%; bottom: 62px; transform: translateX(-50%); --fmip-diagram-accent:#d8cbee; --fmip-diagram-strong:#a891cf; --fmip-diagram-soft:#f4f0fa; --fmip-diagram-dark:#665b78; }
.fmip-diagram-card-7 { left: 74px; bottom: 220px; --fmip-diagram-accent:#bde2ed; --fmip-diagram-strong:#79b7c9; --fmip-diagram-soft:#ecf8fc; --fmip-diagram-dark:#4c6771; }
.fmip-diagram-card-8 { left: 52px; top: 390px; --fmip-diagram-accent:#f1d29a; --fmip-diagram-strong:#e7b149; --fmip-diagram-soft:#fcf3e1; --fmip-diagram-dark:#7c6541; }
.fmip-diagram-card-9 { left: 120px; top: 130px; --fmip-diagram-accent:#d7ddc8; --fmip-diagram-strong:#9cb68a; --fmip-diagram-soft:#f0f4eb; --fmip-diagram-dark:#5e6754; }

.fmip-line,
.fmip-dot {
    position: absolute;
    z-index: 1;
    background: #a7b99a;
    pointer-events: none;
}

.fmip-line {
    border-radius: 999px;
    opacity: 0.92;
}

.fmip-line-top { left: 50%; top: 280px; width: 3px; height: 132px; transform: translateX(-50%); }
.fmip-line-left { left: 260px; top: 494px; width: 142px; height: 3px; }
.fmip-line-right { right: 260px; top: 494px; width: 142px; height: 3px; }
.fmip-line-upper-left { left: 365px; top: 296px; width: 152px; height: 3px; transform: rotate(-32deg); transform-origin: left center; }
.fmip-line-upper-right { right: 365px; top: 296px; width: 152px; height: 3px; transform: rotate(32deg); transform-origin: right center; }
.fmip-line-lower-left { left: 388px; bottom: 238px; width: 128px; height: 3px; transform: rotate(38deg); transform-origin: left center; }
.fmip-line-lower-right { right: 388px; bottom: 238px; width: 128px; height: 3px; transform: rotate(-38deg); transform-origin: right center; }

.fmip-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.78);
}

.fmip-dot-top-a { left: calc(50% - 6.5px); top: 275px; }
.fmip-dot-top-b { left: calc(50% - 6.5px); top: 405px; }
.fmip-dot-left-a { left: 253px; top: 489px; }
.fmip-dot-left-b { left: 397px; top: 489px; }
.fmip-dot-right-a { right: 253px; top: 489px; }
.fmip-dot-right-b { right: 397px; top: 489px; }
.fmip-dot-ul-a { left: 360px; top: 290px; }
.fmip-dot-ul-b { left: 508px; top: 198px; }
.fmip-dot-ur-a { right: 360px; top: 290px; }
.fmip-dot-ur-b { right: 508px; top: 198px; }
.fmip-dot-ll-a { left: 382px; bottom: 232px; }
.fmip-dot-ll-b { left: 504px; bottom: 142px; }
.fmip-dot-lr-a { right: 382px; bottom: 232px; }
.fmip-dot-lr-b { right: 504px; bottom: 142px; }

.fmip-diagram-decor {
    position: absolute;
    opacity: 0.9;
    pointer-events: none;
}

.fmip-decor-heart {
    width: 16px;
    height: 16px;
    background: #f5c4ae;
    transform: rotate(-45deg);
    border-radius: 4px 4px 0 0;
}

.fmip-decor-heart::before,
.fmip-decor-heart::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #f5c4ae;
    border-radius: 50%;
}

.fmip-decor-heart::before { top: -8px; left: 0; }
.fmip-decor-heart::after { left: 8px; top: 0; }
.fmip-decor-heart-a { left: 78px; top: 146px; }
.fmip-decor-heart-b { right: 88px; bottom: 178px; }

.fmip-decor-spark {
    width: 18px;
    height: 18px;
    background: #f4cf76;
    clip-path: polygon(50% 0%, 63% 37%, 100% 50%, 63% 63%, 50% 100%, 37% 63%, 0% 50%, 37% 37%);
}
.fmip-decor-spark-a { left: 225px; bottom: 108px; }
.fmip-decor-spark-b { right: 72px; top: 245px; }

.fmip-decor-leaf {
    width: 86px;
    height: 132px;
    background:
        radial-gradient(ellipse at 36% 24%, rgba(184,199,167,.82) 0 14%, transparent 15%),
        radial-gradient(ellipse at 22% 45%, rgba(184,199,167,.72) 0 14%, transparent 15%),
        radial-gradient(ellipse at 56% 54%, rgba(184,199,167,.72) 0 14%, transparent 15%),
        linear-gradient(72deg, transparent 49%, #b8c7a7 50%, transparent 51%);
    border-radius: 50%;
}
.fmip-decor-leaf-a { left: 36px; bottom: 116px; transform: rotate(-20deg); }
.fmip-decor-leaf-b { right: 30px; top: 385px; transform: rotate(22deg) scaleX(-1); }

@media (max-width: 1120px) {
    .fmip-diagram {
        min-height: auto;
        padding: 22px 14px 30px;
    }

    .fmip-diagram-grid {
        position: relative;
        inset: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        max-width: 760px;
        margin: 0 auto;
    }

    .fmip-diagram-ring,
    .fmip-diagram-lines,
    .fmip-diagram-decor {
        display: none;
    }

    .fmip-diagram-card,
    .fmip-diagram-center,
    .fmip-diagram-card-1,
    .fmip-diagram-card-5,
    .fmip-diagram-card-6 {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
        width: 100%;
    }

    .fmip-diagram-card:hover,
    .fmip-diagram-card:focus-visible,
    .fmip-diagram-card-1:hover,
    .fmip-diagram-card-1:focus-visible,
    .fmip-diagram-card-5:hover,
    .fmip-diagram-card-5:focus-visible,
    .fmip-diagram-card-6:hover,
    .fmip-diagram-card-6:focus-visible {
        transform: translateY(-2px);
    }

    .fmip-diagram-center {
        order: -1;
        min-height: auto;
    }
}

@media (max-width: 620px) {
    .fmip-diagram-card {
        min-height: auto;
        padding: 20px 16px 18px;
    }

    .fmip-diagram-number {
        width: 36px;
        height: 36px;
        left: 14px;
    }

    .fmip-diagram-label {
        padding-left: 28px;
    }

    .fmip-diagram-center {
        padding: 26px 18px 22px;
    }

    .fmip-family-icon {
        width: 96px;
        height: 96px;
    }
}