/* AMITOMI ABOUT V3 — PAGE-SPECIFIC STYLES */

body.amitomi-about-page {
    background:#f8fbff;
}

body.amitomi-about-page .hero {
    background:
      radial-gradient(circle at 12% 20%,rgba(0,194,255,.18),transparent 35%),
      radial-gradient(circle at 85% 25%,rgba(45,92,255,.17),transparent 35%),
      linear-gradient(145deg,#f1f8ff,#ffffff);
}

body.amitomi-about-page .hero-inner {
    padding-top:105px;
    padding-bottom:95px;
}

body.amitomi-about-page .hero h1 {
    font-size:clamp(38px,5.5vw,72px);
    letter-spacing:-2px;
}

body.amitomi-about-page .page-wrap {
    max-width:1160px;
}

body.amitomi-about-page .story-card {
    border:1px solid #e1eaf8;
    border-radius:30px;
    padding:clamp(24px,4vw,60px);
    box-shadow:0 24px 65px rgba(24,66,135,.07);
}

body.amitomi-about-page .story-card > h2 {
    margin-top:52px;
    margin-bottom:16px;
    font-size:clamp(25px,3vw,34px);
    line-height:1.25;
    color:#102c5b;
    letter-spacing:-.6px;
}

body.amitomi-about-page .story-card > h2::before {
    content:"";
    display:block;
    width:46px;
    height:4px;
    margin-bottom:16px;
    border-radius:5px;
    background:linear-gradient(90deg,#08c2ef,#1758ff);
}

body.amitomi-about-page .story-card > p {
    font-size:16px;
    line-height:1.85;
    color:#53637b;
}

body.amitomi-about-page .story-card > h3 {
    margin-top:28px;
    margin-bottom:8px;
    font-size:20px;
    color:#173d76;
}

body.amitomi-about-page .story-card a {
    color:#145ce4;
    text-decoration:none;
    font-weight:650;
    overflow-wrap:anywhere;
}

body.amitomi-about-page .story-card a:hover {
    text-decoration:underline;
}

body.amitomi-about-page .founder {
    margin-top:45px;
    border:1px solid #e0eaf8;
    box-shadow:0 20px 55px rgba(24,66,135,.06);
}

@media (max-width:768px) {
    body.amitomi-about-page .hero-inner {
        padding-top:65px;
        padding-bottom:55px;
    }

    body.amitomi-about-page .hero h1 {
        letter-spacing:-1px;
    }

    body.amitomi-about-page .story-card {
        border-radius:20px;
        padding:25px 20px;
    }

    body.amitomi-about-page .story-card > h2 {
        margin-top:38px;
    }
}

@media (prefers-reduced-motion:reduce) {
    body.amitomi-about-page *,
    body.amitomi-about-page *::before,
    body.amitomi-about-page *::after {
        scroll-behavior:auto;
    }
}


/* AMITOMI_ABOUT_DESIGN_V4 */

body.amitomi-about-page .amitomi-about-identity {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    padding:18px 24px;
    margin-bottom:34px;
    border:1px solid #dceafb;
    border-radius:18px;
    background:linear-gradient(135deg,#edf8ff,#f1f4ff);
    color:#173d76;
    text-align:center;
}

body.amitomi-about-page .amitomi-about-identity strong {
    font-size:16px;
    letter-spacing:1px;
}

body.amitomi-about-page .amitomi-about-identity span {
    font-size:14px;
    color:#526783;
}

body.amitomi-about-page .amitomi-language-switcher {
    margin-top:22px;
}

body.amitomi-about-page .amitomi-language-switcher a {
    background:rgba(255,255,255,.65);
    border:1px solid rgba(20,108,255,.14);
}

body.amitomi-about-page .amitomi-language-switcher
a[aria-current="page"] {
    color:#073a9c;
    background:#e5efff;
    border-color:#a8c8ff;
}

body.amitomi-about-page:lang(bn) {
    font-family:
        "Noto Sans Bengali",
        "Hind Siliguri",
        Arial,
        sans-serif;
}

body.amitomi-about-page:lang(bn) .hero h1 {
    letter-spacing:0;
    line-height:1.4;
}

body.amitomi-about-page:lang(bn) .story-card {
    line-height:1.95;
}

@media (max-width:768px) {
    body.amitomi-about-page .amitomi-about-identity {
        padding:16px;
        margin-bottom:24px;
    }

    body.amitomi-about-page .hero h1 {
        overflow-wrap:break-word;
    }

    body.amitomi-about-page .founder {
        overflow:hidden;
    }
}


/* AMITOMI_ABOUT_DESIGN_V5 */

body.amitomi-about-page .amitomi-journey-heading + p,
body.amitomi-about-page .amitomi-journey-heading + p + p,
body.amitomi-about-page .amitomi-journey-heading + p + p + p {
    padding:18px 22px;
    margin:12px 0;
    border-left:4px solid #146cff;
    border-radius:0 14px 14px 0;
    background:#f3f8ff;
}

body.amitomi-about-page .amitomi-ecosystem-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin:24px 0 36px;
}

body.amitomi-about-page .amitomi-ecosystem-card {
    min-width:0;
    padding:26px;
    border:1px solid #e0eaf8;
    border-radius:20px;
    background:linear-gradient(155deg,#fff,#f8fbff);
    box-shadow:0 10px 30px rgba(24,66,135,.04);
    transition:transform .2s ease,box-shadow .2s ease;
}

body.amitomi-about-page .amitomi-ecosystem-card:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 36px rgba(24,66,135,.09);
}

body.amitomi-about-page .amitomi-ecosystem-card h3 {
    margin:0 0 12px;
    color:#173d76;
    font-size:21px;
    line-height:1.4;
}

body.amitomi-about-page .amitomi-ecosystem-card p {
    margin:0;
    color:#53637b;
    font-size:15px;
    line-height:1.85;
}

body.amitomi-about-page .amitomi-ecosystem-card-5 {
    grid-column:1 / -1;
}

@media(max-width:680px) {
    body.amitomi-about-page .amitomi-ecosystem-grid {
        grid-template-columns:1fr;
        gap:14px;
    }

    body.amitomi-about-page .amitomi-ecosystem-card {
        padding:22px 20px;
    }

    body.amitomi-about-page .amitomi-ecosystem-card-5 {
        grid-column:auto;
    }
}

@media(prefers-reduced-motion:reduce) {
    body.amitomi-about-page .amitomi-ecosystem-card {
        transition:none;
    }
}