:root{--m9-primary:#da315c;--m9-blue:#e74169;--m9-brand-navy:#11152e;--m9-border:#e4e4ec;--m9-surface-soft:#f5f4f7;--m9-surface-accent:#fff0f3}html{scroll-behavior:smooth}body{background:#f8f7f8;color:#17192b}.site-wrap{max-width:1320px}.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.header-brand .brand-badge{border:0;background:#f5edf0;color:#a32a4b}.btn-header-cta,.btn-primary-action{background:#df315d!important;border-color:#df315d!important}.hero-section{padding-top:22px}.hero-card{min-height:710px;background:#11152c url('../hero.png') center right/cover no-repeat;border:0;border-radius:26px;padding:clamp(30px,6vw,80px);color:#fff;box-shadow:0 25px 65px #12152c22}.hero-card:before{height:100%;background:linear-gradient(90deg,rgba(13,16,36,.97) 0%,rgba(13,16,36,.91) 38%,rgba(13,16,36,.25) 100%)}.hero-card>*{position:relative;z-index:1}.hero-eyebrow-row{padding-top:18px}.eyebrow-badge{background:#ffffff18;border-color:#ffffff38;color:#ff9bb3}.eyebrow-meta{color:#d3cfdb}.hero-title{font-size:clamp(42px,6vw,78px);line-height:1.14;color:white;max-width:680px;letter-spacing:-.04em;margin:35px 0 22px}.hero-title span{color:#ff879f}.hero-subtitle{color:#fff;font-size:clamp(19px,2vw,24px);max-width:620px}.hero-lead{color:#e2dfe9;max-width:610px;line-height:1.85}.hero-concept-box{max-width:620px;background:#ffffff10;border:1px solid #ffffff38;border-left:3px solid #ff7897;backdrop-filter:blur(8px)}.hero-concept-title{color:#ff9bb3}.hero-concept-text{color:white}.hero-stats-grid{margin-top:45px}.hero-stat-card{background:#11152cb8;border-color:#ffffff35;backdrop-filter:blur(12px)}.hero-stat-number{color:#fff}.hero-stat-label{color:#ddd9e4}.hero-stat-icon{background:#ff8aa222;color:#ff9bb3}.m9-section{padding-top:clamp(50px,7vw,100px);padding-bottom:clamp(30px,5vw,70px)}.m9-section-header{max-width:820px;margin-bottom:42px}.section-title{font-size:clamp(29px,3.3vw,48px);letter-spacing:-.035em;line-height:1.3}.section-desc{line-height:1.8}.section-eyebrow{color:#c52e53;letter-spacing:.14em}.feature-cards-grid>*,.persona-card,.revenue-pillar-card{border-radius:20px;box-shadow:0 12px 35px #1518320b}.persona-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #15183216}.persona-icon,.revenue-pillar-icon{color:#d4335b;background:#fff0f3}.closing-card{background:linear-gradient(120deg,#11152d,#3f1c4c 65%,#d23b68);border:0;border-radius:26px;padding:clamp(38px,6vw,80px)}.closing-title{font-size:clamp(28px,4vw,48px)}.site-footer{background:#11152d}.site-footer,.site-footer a,.site-footer p{color:#e1deea}.footer-disclaimers{color:#c8c5d3}.btn-back-to-top{background:#d7355c;color:white}a:focus-visible,button:focus-visible{outline:3px solid #ff9cb4;outline-offset:3px}@media(max-width:700px){.hero-card{min-height:auto;background-position:65% center}.hero-card:before{background:linear-gradient(90deg,rgba(13,16,36,.96),rgba(13,16,36,.77))}.hero-title{font-size:42px}.hero-stats-grid{margin-top:30px}.hero-stat-card{padding:12px}.m9-section{padding-top:48px}.hero-section{padding-top:14px}}
/* Full-width hero with a centered reading area at desktop and FHD sizes. */
body { background: #fff; }
.hero-section.site-wrap { width: 100%; max-width: none; padding: 0; }
.hero-card { border-radius: 0; min-height: 710px; box-shadow: none; padding: clamp(44px, 5vw, 80px) max(24px, calc((100vw - 1320px) / 2)); }
.hero-stats-grid { max-width: 1320px; }
.closing-card { background: #fff; border: 1px solid #e4e4ec; box-shadow: 0 12px 35px #1518320b; }
.closing-title { color: #11152e; }
.closing-desc { color: #4b5264; }
.site-footer { background: #f8f9fb; color: #384052; }
.site-footer a, .site-footer p { color: #4b5264; }
.site-footer a:hover { color: #c52e53; }
.site-footer .footer-nav-title { color: #11152e; }
.site-footer .disclaimer-item, .site-footer .footer-bottom { color: #596174; }
@media (max-width:700px) { .hero-card { padding: 48px 24px; min-height: auto; } }
/* MAYA9 logo palette: cyan to blue. */
.btn-header-cta, .btn-primary-action { background: linear-gradient(110deg,#00aebc,#1769eb) !important; border-color: transparent !important; color: #fff !important; }
.btn-header-cta:hover, .btn-primary-action:hover { background: linear-gradient(110deg,#008c9e,#1355c5) !important; }
.btn-secondary-action { color: #075eaa; border-color: #9bcde4; }
.detail-label-tag.revenue, .revenue-badge { background: transparent !important; border: 0 !important; padding: 0 !important; color: #1267a2 !important; }
.revenue-by-feature { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 28px; margin: 40px 0 48px; }
.revenue-by-feature article { border-top: 2px solid #18b6c6; padding: 18px 0 24px; }
.revenue-by-feature h3 { color: #125e9d; font-size: 17px; margin: 0 0 8px; }
.revenue-by-feature p { color: #4b5264; font-size: 14px; line-height: 1.75; margin: 0; }
@media (max-width:900px) { .revenue-by-feature { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .revenue-by-feature { grid-template-columns: 1fr; } }
/* Hero palette follows the supplied MAYA9 icon set. */
.hero-card::before { background: linear-gradient(90deg, rgba(15,23,42,.93) 0%, rgba(15,23,42,.83) 30%, rgba(15,23,42,.34) 62%, rgba(15,23,42,.08) 100%); }
.hero-title span { color: #5df2e1; }
.hero-card .eyebrow-badge { color: #84f5e9; border-color: rgba(71,228,223,.48); background: rgba(0,90,109,.35); }
.hero-concept-box { border-left-color: #00d1b2; background: rgba(15,23,42,.7); }
.hero-concept-title, .hero-stat-icon { color: #71f2e4; }
.hero-stat-icon { background: rgba(0,209,178,.17); }
@media (max-width:700px) { .hero-card::before { background: linear-gradient(90deg,rgba(15,23,42,.91),rgba(15,23,42,.56)); } }
/* Feature icons and illustrative screen examples */
.detail-card-icon { background: #eefafa; }
.detail-card-icon .maya-icon { width: 26px; height: 26px; }
.detail-card-num { color: #087d91; }
.feature-preview { margin: 0 0 22px; }
.feature-preview a { display: block; overflow: hidden; border: 1px solid #dce8ee; border-radius: 12px; background: #f5f9fa; }
.feature-preview img { display: block; width: 100%; height: auto; transition: transform .2s ease; }
.feature-preview a:hover img { transform: scale(1.025); }
.feature-preview figcaption { margin-top: 8px; font-size: 12px; color: #596779; line-height: 1.5; }
/* Consistent MAYA9 navigation and explanatory technology rows. */
:root { --m9-primary:#087eac; --m9-blue:#208af0; --m9-surface-accent:#eaf9f8; }
.header-nav .nav-link:hover, .header-nav .nav-link.active, .drawer-link:hover, .drawer-link:active { color:#007c88; background:#e8f8f7; }
.section-eyebrow { color:#087e9c; }
.arch-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.arch-grid .arch-card, .arch-grid .arch-card:nth-child(n) { grid-column:auto; display:grid; grid-template-columns:56px minmax(0,1fr); gap:20px; padding:clamp(22px,3vw,32px); border-radius:18px; }
.arch-icon-box { width:56px; height:56px; background:#eaf9f8; border-radius:15px; }
.arch-content { max-width:1000px; }
.arch-kicker { color:#087e9c; font-size:12px; letter-spacing:.08em; font-weight:700; }
.arch-title { font-size:clamp(19px,2vw,23px); margin:4px 0 10px; }
.arch-desc,.arch-example { color:#45546a; font-size:15px; line-height:1.8; }
.arch-example { margin:12px 0 0; padding:12px 16px; border-left:3px solid #00b8ad; background:#f2faf9; border-radius:0 8px 8px 0; }
.persona-icon,.revenue-pillar-icon { background:#eaf9f8; color:#008c99; }
.btn-back-to-top { background:#087eac; }
@media(max-width:560px) { .arch-grid .arch-card,.arch-grid .arch-card:nth-child(n) { grid-template-columns:1fr; gap:12px; } }
/* Hero type and spacing after removing the two highlighted elements. */
.hero-title { font-size: clamp(46px, 6.4vw, 90px); max-width: 780px; margin: 8px 0 26px; }
.hero-subtitle { font-size: clamp(20px, 2.1vw, 27px); max-width: 720px; line-height: 1.5; }
.hero-lead { font-size: clamp(16px, 1.35vw, 19px); max-width: 710px; line-height: 1.85; }
.hero-stats-grid { margin-top: clamp(36px,5vw,68px); }
@media(max-width:700px) { .hero-title { font-size: clamp(38px, 9vw, 58px); margin-top: 0; } .hero-subtitle { font-size: 19px; } .hero-lead { font-size: 16px; } }
.mobile-preview { display:flex; align-items:center; gap:18px; margin:0 0 22px; padding:14px; border:1px solid #dce8ee; border-radius:14px; background:#f4fafb; }
.mobile-preview a { display:block; flex:0 0 auto; width:112px; max-height:180px; overflow:hidden; border-radius:10px; box-shadow:0 4px 14px #12213820; }
.mobile-preview img { display:block; width:100%; height:180px; object-fit:cover; object-position:top; }
.mobile-preview figcaption { font-size:12px; line-height:1.7; color:#52647a; }
.mobile-preview figcaption strong { color:#0c5c75; font-size:14px; }
.mobile-preview a:focus-visible { outline:3px solid #00aebc; outline-offset:3px; }
@media(max-width:420px) { .mobile-preview a { width:90px; } }
.about-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,6vw,90px); align-items:start; }
.about-intro .section-title { margin:16px 0 22px; }
.about-lead { font-size:clamp(17px,1.5vw,20px); line-height:1.9; color:#45546a; max-width:600px; }
.about-vision { padding:clamp(28px,3.5vw,46px); border-radius:22px; background:linear-gradient(135deg,#eafaf7,#eef5ff); border:1px solid #d8eeef; }
.about-label { font-size:12px; font-weight:800; letter-spacing:.13em; color:#078b98; }
.about-vision h3 { margin:12px 0 16px; font-size:clamp(23px,2.4vw,32px); line-height:1.35; color:#0f172a; }
.about-vision p { color:#45546a; font-size:16px; line-height:1.85; margin:0 0 14px; }
.about-vision p:last-child { margin-bottom:0; }
@media(max-width:760px) { .about-section { grid-template-columns:1fr; gap:26px; } }
.about-vision::after { content:""; display:table; clear:both; }
.about-mascot { float:right; display:block; width:clamp(130px,16vw,210px); height:auto; margin:-10px -12px 8px 20px; filter:drop-shadow(0 12px 18px rgba(30,103,168,.18)); }
@media(max-width:480px) { .about-mascot { width:120px; margin:0 -8px 8px 12px; } }
/* Immersive regional vision background. */
.about-section.site-wrap { width:100%; max-width:none; display:flex; flex-direction:column; gap:24px; padding:clamp(64px,7vw,110px) max(24px,calc((100vw - 1320px)/2)); background:linear-gradient(90deg,rgba(5,17,51,.97) 0%,rgba(5,17,51,.91) 33%,rgba(5,17,51,.38) 65%,rgba(5,17,51,.04) 100%),url('../images/about-vision-background.png') center center/cover no-repeat; }
.about-intro,.about-vision { position:relative; max-width:650px; }
.about-section .section-eyebrow,.about-section .about-label { color:#77f6e5; }
.about-section .section-title { color:#fff; font-size:clamp(36px,4vw,58px); }
.about-section .about-lead,.about-section .about-vision p { color:#e9f3ff; }
.about-section .about-vision { background:rgba(8,25,63,.68); border:1px solid rgba(142,233,239,.4); backdrop-filter:blur(8px); }
.about-section .about-vision h3 { color:#fff; }
@media(max-width:760px) { .about-section.site-wrap { padding:60px 24px; background-position:center,right center; background-image:linear-gradient(90deg,rgba(5,17,51,.94),rgba(5,17,51,.78)),url('../images/about-vision-background.png'); } }
/* Join the hero and About section and show the original image clearly. */
.about-section.site-wrap { margin-top:calc(-1 * clamp(48px, 6vw, 80px)); background-image:url('../images/about-vision-background.png'); background-position:center center; background-size:cover; }
.about-section .about-vision { backdrop-filter:none; -webkit-backdrop-filter:none; background:rgba(8,25,63,.88); }
@media(max-width:760px) { .about-section.site-wrap { background-image:url('../images/about-vision-background.png'); background-position:right center; } .about-section .about-intro { background:rgba(5,17,51,.83); border-radius:16px; padding:20px; } }
/* Show the hero background without an overlay. */
.hero-card::before { display:none; }
/* Soft, borderless contrast behind the hero copy only. */
.hero-card::before { display:block; position:absolute; top:0; left:0; right:auto; width:min(100%,1000px); height:80%; border:0; background:radial-gradient(ellipse 80% 70% at 35% 42%,rgba(4,12,35,.82) 0%,rgba(4,12,35,.64) 45%,rgba(4,12,35,0) 100%); pointer-events:none; }
@media(max-width:700px) { .hero-card::before { width:100%; height:78%; background:radial-gradient(ellipse 100% 65% at 40% 35%,rgba(4,12,35,.86),rgba(4,12,35,.62) 55%,transparent 100%); } }
/* Closing call to action with a custom MAYA9 illustration. */
#closing-cta.site-wrap { width:100%; max-width:none; padding:clamp(65px,7vw,110px) max(24px,calc((100vw - 1320px)/2)); background:#eaf5ff url('../images/closing-background.png') center center/cover no-repeat; }
#closing-cta .closing-card { max-width:730px; text-align:left; background:rgba(255,255,255,.78); border:0; border-radius:24px; box-shadow:none; padding:clamp(26px,3.5vw,48px); }
#closing-cta .closing-card::before { display:none; }
#closing-cta .closing-title { color:#0b132b; font-size:clamp(28px,3.4vw,46px); }
#closing-cta .closing-desc { color:#253b58; margin-left:0; }
#closing-cta .closing-actions { justify-content:flex-start; }
@media(max-width:760px) { #closing-cta.site-wrap { padding:260px 20px 42px; background-size:auto 370px; background-position:top right; background-repeat:no-repeat; } #closing-cta .closing-card { background:#fff; padding:24px; } }
.site-main { padding-bottom: 0; }
.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:28px; font-size:14px; }
.footer-contact a { min-height:28px; color:#35516b; }
.footer-contact a:hover { color:#008c99; }
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #d9e7ed;border-radius:10px;background:#fff}.language-switch a{padding:7px 8px;color:#475b70;font-size:12px;font-weight:700;text-decoration:none}.language-switch a[aria-current=page]{background:#e1f6f3;color:#007d88;border-radius:7px}.localized-main{padding-bottom:0}.localized-hero{background:linear-gradient(90deg,rgba(4,12,35,.9),rgba(4,12,35,.35)),url('../hero.png') center/cover;color:#fff;padding:clamp(70px,8vw,120px) max(24px,calc((100vw - 1320px)/2))}.localized-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.2;max-width:760px;margin:0 0 22px}.localized-hero p{max-width:700px;font-size:19px;line-height:1.8}.localized-section{padding:clamp(50px,6vw,90px) 0}.localized-section h2{font-size:clamp(28px,3.3vw,42px);line-height:1.35;margin-bottom:20px}.localized-section>p{color:#44566d;line-height:1.8;max-width:980px}.localized-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.localized-card{border:1px solid #dfe8ed;border-radius:16px;background:#fff;padding:26px}.localized-card h3{color:#087e9c;font-size:21px;margin-bottom:12px}.localized-card p{line-height:1.8;color:#34455a;margin:0 0 12px}.localized-card p:last-child{margin:0}.localized-card img{display:block;width:100%;height:auto;border-radius:10px;margin:14px 0}.localized-card .localized-mobile{width:100px;height:155px;object-fit:cover;object-position:top;display:inline-block}.localized-vision{background:#f1fbfa}.localized-note{font-size:13px;color:#53677c}.localized-closing{background:#eaf5ff url('../images/closing-background.png') center/cover;padding:80px max(24px,calc((100vw - 1320px)/2))}.localized-closing>div{background:rgba(255,255,255,.9);padding:35px;border-radius:20px;max-width:700px}.localized-footer{background:#f8f9fb;padding:45px max(24px,calc((100vw - 1320px)/2));color:#45546a}.localized-footer a{color:#17638a}.localized-footer nav{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}@media(max-width:820px){.localized-grid{grid-template-columns:1fr}.header-actions .language-switch{display:flex}.language-switch a{padding:7px 5px}.localized-closing{padding:200px 20px 35px;background-position:right top}.localized-hero p{font-size:16px}}
.localized-mobile-nav{display:none}@media(max-width:820px){.localized-mobile-nav{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;padding:10px 18px;background:#fff;border-bottom:1px solid #e4edf1}.localized-mobile-nav a{color:#244358;font-size:13px;font-weight:600;text-decoration:none}}