/* v7 — targeted navigation, form branding, conversion and About Us updates. */
/* Mutual is deliberately quieter; the product lockup itself is not redesigned. */
.site-header .brand-mutual,.global-header .brand-mutual{width:110px;max-height:44px;height:auto}
.modal-brand .modal-mutual-logo{width:130px;height:auto}
.modal-brand .modal-product-wordmark{display:block;width:218px;max-width:100%;line-height:1}
.modal-brand .modal-product-logo{display:block;width:218px;max-width:100%;height:auto;object-fit:contain;background:transparent}
.product .trial-section{padding-top:64px}
.product .trial-section .section-intro{margin-bottom:43px}
.product .trial-section h2{font-size:38px;letter-spacing:.015em;line-height:1.7}
.product .trial-steps .trial-step-cta{font-size:11px;font-weight:600;min-height:41px;gap:17px;padding:10px 15px;margin-top:19px;box-shadow:none;background:linear-gradient(112deg,#234464,#3f668b);color:white;border:1px solid #385b7c;border-radius:5px}
.product .trial-steps .trial-step-cta:hover{background:#203e5c}
.product .trial-steps .trial-step-cta .icon{width:15px;height:15px}
/* About Us / a shared capital market. Vector artwork scales without degradation. */
.about-page .about-hero{background:linear-gradient(115deg,#fff 2%,#f7fafc 48%,#e9f1f7 100%)}
.about-page .about-hero-inner{grid-template-columns:47% 53%;padding:26px 0 54px;min-height:552px;gap:0}
.about-page .about-hero-inner>div:first-child{position:relative;z-index:2}
.about-page .about-hero h1{font-size:51px;line-height:1.68;margin-bottom:26px;letter-spacing:.01em}
.about-page .about-hero-description{font-size:13px;line-height:2.3;max-width:530px}
.about-page .about-hero-signature{font-size:10px;letter-spacing:.09em;margin-top:28px}
.about-capital-art{width:calc(100% + 26px);margin:0 -26px 0 0;align-self:center;position:relative}
.about-capital-art>svg{width:100%;height:auto;display:block;overflow:visible;font-family:var(--font)}
.about-capital-art figcaption{font-size:10px;color:#7f95a9;letter-spacing:.12em;text-align:center;margin:1px 0 0 22px;line-height:1.7}
/* The two declarations are differentiated in scale, contrast and composition. */
.purpose-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:23px;margin-top:62px;isolation:isolate}
.purpose-card{position:relative;overflow:hidden;border-radius:12px;min-height:363px;padding:37px 40px 33px;display:flex;flex-direction:column;justify-content:space-between}
.purpose-card .purpose-overline{display:flex;align-items:center;justify-content:space-between;gap:25px;font:600 10px/1.6 Arial,sans-serif;letter-spacing:.23em;position:relative;z-index:2;margin:0 0 29px}
.purpose-overline>span{font-size:9px;letter-spacing:.04em;font-weight:400;opacity:.66}
.purpose-vision{color:#fff;background:linear-gradient(130deg,#182d44 5%,#264760 73%,#325871);box-shadow:0 15px 40px -23px #182e494d;border:1px solid #28465e}
.purpose-vision .purpose-overline{color:#bed2e1}
.purpose-vision h3{position:relative;z-index:2;font-size:27px;line-height:1.95;font-weight:600;letter-spacing:.02em;color:#fff;margin:0 0 30px}
.purpose-vision h3>span{color:#b2d1e4;display:inline-block;background:linear-gradient(0deg,#8fb7d51f 0% 15%,transparent 15%);padding:0 1px}
.purpose-vision .purpose-rule{position:relative;z-index:2;height:1px;background:linear-gradient(90deg,#a7c8dfaa,#bed6e126);width:68%}
.purpose-vision .purpose-ornament{position:absolute;right:-64px;bottom:-88px;width:334px;height:334px;border:1px solid #aecbd528;border-radius:50%;pointer-events:none;box-shadow:0 0 0 40px #90b5c70b,0 0 0 80px #90b5c705}
.purpose-plus{position:absolute;right:37px;top:44%;width:40px;height:40px;opacity:.16}
.purpose-plus:before,.purpose-plus:after{content:'';position:absolute;top:19px;left:0;right:0;height:1px;background:#d5e6f1}.purpose-plus:after{transform:rotate(90deg)}
.purpose-tagline{background:linear-gradient(145deg,#f6f9fc 2%,#e2ebf3 100%);border:1px solid #d5e1eb;justify-content:flex-start}
.purpose-tagline .purpose-overline{color:#607f9b;margin-bottom:45px}
.purpose-tagline h3{position:relative;z-index:2;font-size:34px;line-height:1.65;font-weight:600;letter-spacing:.065em;color:#263f58;margin:0}
.purpose-tagline h3>span{font-size:56px;letter-spacing:.07em;display:block;line-height:1.8;background:linear-gradient(110deg,#213e59,#527d9f);color:transparent;background-clip:text;-webkit-background-clip:text}
.tagline-trajectory{position:absolute;bottom:42px;left:42px;right:42px;display:flex;align-items:center;gap:16px}
.tagline-trajectory>i{height:1px;flex:1;background:linear-gradient(90deg,#a5bed2,#487197)}
.tagline-trajectory>span{width:39px;height:39px;border:1px solid #a0b8cd;border-radius:100%;display:grid;place-items:center;color:#527b9d;background:#eef5fa}
.tagline-trajectory .icon{width:17px;height:17px}
.tagline-waterline{position:absolute;width:290px;height:380px;right:-149px;top:45px;border:1px solid #7499b521;border-radius:50%;transform:rotate(35deg);box-shadow:0 0 0 28px #adc4d412,0 0 0 56px #adc4d409;pointer-events:none}
/* Existing-site portrait photography. No synthetic replacement portraits. */
.about-page .about-message-layout{grid-template-columns:minmax(0,1fr) 312px;gap:60px}
.about-page .about-ceo-card{padding:28px 27px;overflow:hidden}
.ceo-portrait{margin:-28px -27px 25px;position:relative;aspect-ratio:1.04;background:#e9edf1;overflow:hidden}
.ceo-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 27%;display:block;position:relative;z-index:1}
.about-page .about-ceo-card h3{font-size:27px}
.about-page .about-advisor{padding:30px;overflow:hidden}
.about-page .about-advisor-top{display:flex;align-items:center;justify-content:flex-start;gap:21px}
.advisor-portrait{position:relative;margin:0;flex:0 0 104px;width:104px;height:112px;border-radius:6px;overflow:hidden;background:#edf2f6}
.advisor-portrait img{height:100%;width:100%;object-fit:cover;display:block;position:relative;z-index:1}
.about-page .about-advisor-top h3{font-size:24px;letter-spacing:.07em}
.about-page .about-advisor-top small{display:block;margin-top:10px;font-size:9px}
.photo-fallback{display:none;position:absolute;inset:0;padding:22px;text-align:center;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:10px;line-height:1.8;color:#6c8298;background:linear-gradient(135deg,#e8eef4,#f5f8fa)}
.photo-fallback a{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#365d80}
[data-site-photo].load-failed{opacity:0}
figure.photo-load-failed .photo-fallback{display:flex}
.advisor-portrait .photo-fallback{font-size:8px;padding:8px;gap:5px}
.advisor-portrait .photo-fallback a{font-size:8px}
.remote-image-hint{display:none;font-size:11px;line-height:1.9;color:#60758c;background:#f1f5fa;padding:15px 20px}
.remote-figure[data-image-failed=true] .remote-image-hint{display:block}
@media(max-width:1240px){
 .site-header .brand-mutual,.global-header .brand-mutual{width:106px}
 .about-page .about-hero-inner{grid-template-columns:47% 53%;min-height:490px;padding-top:30px;padding-bottom:45px}
 .about-page .about-hero h1{font-size:44px}.about-page .about-hero-description{font-size:12px}
 .purpose-card{padding:32px;min-height:344px}.purpose-vision h3{font-size:24px}.purpose-tagline h3{font-size:30px}.purpose-tagline h3>span{font-size:51px}
 .tagline-trajectory{left:32px;right:32px;bottom:31px}
 .about-page .about-message-layout{grid-template-columns:minmax(0,1fr) 282px;gap:45px}
 .about-page .about-advisor{padding:26px}.advisor-portrait{flex-basis:92px;width:92px;height:103px}
}
@media(max-width:900px){
 .about-page .about-hero-inner{grid-template-columns:1fr 1fr;min-height:443px;padding-top:25px;padding-bottom:43px}
 .about-page .about-hero h1{font-size:36px}.about-page .about-hero-description{font-size:11px}.about-page .about-hero-description br{display:none}
 .about-capital-art{width:calc(100% + 18px);margin-right:-18px}.about-capital-art figcaption{font-size:8px;letter-spacing:.07em}
 .about-page .about-kicker{margin-bottom:22px}
 .purpose-panels{gap:17px;grid-template-columns:1.18fr 1fr;margin-top:45px}.purpose-card{padding:26px;min-height:319px}
 .purpose-vision h3{font-size:21px;line-height:2}.purpose-tagline h3{font-size:24px}.purpose-tagline h3>span{font-size:43px}
 .purpose-tagline .purpose-overline{margin-bottom:40px}.tagline-trajectory{left:26px;right:26px;bottom:28px}
 .about-page .about-message-layout{grid-template-columns:minmax(0,1fr) 250px;gap:31px}
 .about-page .about-advisor-top{gap:17px}.about-page .about-advisor-top h3{font-size:21px}.advisor-portrait{flex-basis:79px;width:79px;height:92px}
 .product .trial-section{padding-top:52px}.product .trial-section h2{font-size:32px}
}
@media(max-width:640px){
 .site-header .brand-mutual,.global-header .brand-mutual{width:100px;max-height:40px}
 .modal-brand .modal-mutual-logo{width:108px}.modal-brand .modal-product-wordmark,.modal-brand .modal-product-logo{width:192px}
 .product .trial-section{padding-top:40px}.product .trial-section h2{font-size:25px;letter-spacing:.005em;line-height:1.8}
 .product .trial-section .section-intro{margin-bottom:30px}.product .trial-steps .trial-step-cta{font-size:11px;margin-top:15px;min-height:41px;gap:16px;padding:10px 15px}
 .about-page .about-hero-inner{grid-template-columns:1fr;gap:10px;padding:25px 0 31px;min-height:0}
 .about-page .about-hero h1{font-size:35px;line-height:1.75;margin-bottom:22px}.about-page .about-hero-description{font-size:12px;line-height:2.2}.about-page .about-hero-signature{margin-top:20px;font-size:9px}
 .about-capital-art{width:100%;margin:14px auto 0;max-width:480px}.about-capital-art figcaption{font-size:8px;margin:4px 0 0}
 .purpose-panels{grid-template-columns:1fr;gap:17px;margin-top:36px}
 .purpose-card{padding:28px;min-height:0;border-radius:9px}.purpose-card .purpose-overline{font-size:9px;margin-bottom:25px}
 .purpose-vision h3{font-size:23px;line-height:1.95;margin-bottom:28px}.purpose-vision .purpose-rule{margin-bottom:3px}
 .purpose-tagline{min-height:286px}.purpose-tagline .purpose-overline{margin-bottom:25px}.purpose-tagline h3{font-size:27px;line-height:1.6}.purpose-tagline h3>span{font-size:47px;line-height:1.55}
 .tagline-trajectory{left:28px;right:28px;bottom:23px}.tagline-trajectory>span{width:32px;height:32px}
 .about-page .about-message-layout{grid-template-columns:1fr;gap:30px}.about-page .about-ceo-card{padding:27px;margin:0 auto;max-width:440px;width:100%}
 .ceo-portrait{margin:-27px -27px 23px;aspect-ratio:1.12}.about-page .about-ceo-card p{font-size:12px}
 .about-page .about-advisor{padding:24px}.about-page .about-advisor-top{gap:20px;align-items:center;margin-bottom:20px;padding-bottom:22px}
 .advisor-portrait{flex-basis:92px;width:92px;height:103px}.about-page .about-advisor-top h3{font-size:23px}.about-page .about-advisor-top small{font-size:9px}
}