.mobile-app-page { background: #071426; }
.ma-main { overflow: hidden; color: #eaf2ff; background: #071426; }
.ma-hero { position: relative; padding: clamp(90px, 10vw, 150px) clamp(20px, 5vw, 80px) 72px; background: radial-gradient(circle at 80% 30%, rgba(37,99,235,.22), transparent 34%), #071426; }
.ma-hero-grid { max-width: 1500px; margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(36px, 6vw, 90px); }
.ma-pill,.ma-eyebrow { display: inline-flex; align-items:center; gap:8px; color:#67e8f9; font:700 11px/1.2 var(--font-secondary); letter-spacing:.12em; text-transform:uppercase; }
.ma-pill { padding:9px 13px; border:1px solid rgba(103,232,249,.2); background:rgba(103,232,249,.07); border-radius:999px; }
.ma-hero h1 { margin:24px 0; font:800 clamp(3.1rem,6.6vw,6.8rem)/.96 var(--font-primary); letter-spacing:-.065em; text-wrap:balance; }
.ma-hero h1 span { color:#67e8f9; }
.ma-hero-copy>p { max-width:670px; color:rgba(226,232,240,.72); font:400 17px/1.75 var(--font-secondary); }
.ma-actions { display:flex; flex-wrap:wrap; gap:12px; margin:34px 0 42px; }
.ma-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:999px; font:700 14px/1 var(--font-secondary); text-decoration:none; transition:.25s ease; }
.ma-btn-primary { color:#071426; background:#67e8f9; }
.ma-btn-primary:hover { color:#071426; transform:translateY(-3px); box-shadow:0 16px 40px rgba(34,211,238,.25); }
.ma-btn-ghost { color:#fff; border:1px solid rgba(255,255,255,.18); }
.ma-btn-ghost:hover { color:#fff; border-color:#67e8f9; }
.ma-trust { display:flex; gap:clamp(22px,4vw,52px); }
.ma-trust div { display:flex; flex-direction:column; gap:5px; }
.ma-trust strong { font:800 1.35rem/1 var(--font-primary); }
.ma-trust span { color:rgba(226,232,240,.55); font:500 11px/1.2 var(--font-secondary); }
.ma-hero-visual { position:relative; min-width:0; }
.ma-hero-visual img { display:block; width:100%; border-radius:32px; box-shadow:0 45px 100px rgba(0,0,0,.38); }
.ma-floating-card { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 15px; color:#071426; background:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.7); border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.22); backdrop-filter:blur(14px); font:700 12px/1 var(--font-secondary); }
.ma-floating-card i { color:#2563eb; font-size:18px; }
.ma-floating-card--top { top:8%; left:-5%; }.ma-floating-card--bottom { right:-3%; bottom:8%; }
.ma-proof { border-block:1px solid rgba(255,255,255,.08); background:#0a1729; }
.ma-proof-inner { max-width:1500px; margin:auto; display:grid; grid-template-columns:repeat(6,1fr); }
.ma-proof span { padding:22px 12px; text-align:center; color:rgba(226,232,240,.62); border-right:1px solid rgba(255,255,255,.07); font:700 11px/1 var(--font-secondary); text-transform:uppercase; letter-spacing:.08em; }
.ma-section { max-width:1500px; margin:auto; padding:clamp(76px,9vw,130px) clamp(20px,5vw,72px); }
.ma-section-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:60px; margin-bottom:50px; }
.ma-section-head h2,.ma-value h2,.ma-cta h2 { margin:14px 0 0; font:800 clamp(2.5rem,4.8vw,5rem)/1.02 var(--font-primary); letter-spacing:-.055em; text-wrap:balance; }
.ma-section-head>p,.ma-value-copy>p { margin:0; color:#68768a; font:400 15px/1.75 var(--font-secondary); }
.ma-services { max-width:none; background:#f4f8fd; color:#071426; }
.ma-services>.ma-section-head,.ma-services>.ma-service-grid { max-width:1356px; margin-inline:auto; }
.ma-services>.ma-section-head { margin-bottom:50px; }
.ma-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.ma-service-card { min-height:310px; display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid #dde7f3; border-radius:24px; transition:.25s ease; }
.ma-service-card:hover { transform:translateY(-6px); border-color:#93c5fd; box-shadow:0 24px 55px rgba(7,20,38,.1); }
.ma-service-top { display:flex; align-items:center; justify-content:space-between; }
.ma-service-icon { display:grid; place-items:center; width:50px; height:50px; color:#2563eb; background:#eaf2ff; border-radius:15px; font-size:22px; }
.ma-service-num { color:#9aabc0; font:700 11px/1 var(--font-numeric); }
.ma-service-card h3 { margin:34px 0 12px; font:750 1.35rem/1.2 var(--font-primary); }
.ma-service-card p { color:#68768a; font:400 14px/1.65 var(--font-secondary); }
.ma-service-card a { margin-top:auto; display:inline-flex; align-items:center; gap:8px; color:#1d4ed8; font:700 13px/1 var(--font-secondary); text-decoration:none; }
.ma-value { display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,8vw,120px); align-items:center; }
.ma-value-copy ul { margin:30px 0 0; padding:0; list-style:none; display:grid; gap:14px; }
.ma-value-copy li { display:flex; gap:11px; color:rgba(226,232,240,.78); font:500 14px/1.5 var(--font-secondary); }
.ma-value-copy li i { color:#67e8f9; }
.ma-value-panel { position:relative; min-height:500px; border:1px solid rgba(255,255,255,.09); border-radius:36px; background:radial-gradient(circle,#123967 0%,#09182b 58%); overflow:hidden; }
.ma-orbit { position:absolute; inset:12%; border:1px solid rgba(103,232,249,.28); border-radius:50%; box-shadow:0 0 60px rgba(34,211,238,.12); }
.ma-center-mark { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:110px;height:110px;border-radius:30px;background:linear-gradient(135deg,#2563eb,#22d3ee);font-size:44px;box-shadow:0 22px 60px rgba(37,99,235,.3); }
.ma-metric { position:absolute; display:flex; flex-direction:column; gap:4px; padding:18px; background:rgba(7,20,38,.78); border:1px solid rgba(255,255,255,.12); border-radius:18px; backdrop-filter:blur(14px); }
.ma-metric strong { font:800 1.4rem/1 var(--font-primary); }.ma-metric span { color:#9fb0c5;font:500 11px/1.3 var(--font-secondary); }
.ma-metric--one{top:12%;left:10%}.ma-metric--two{right:8%;top:36%}.ma-metric--three{bottom:10%;left:18%}
.ma-process { max-width:none; color:#071426; background:#fff; }
.ma-process>.ma-section-head,.ma-process>.ma-process-grid { max-width:1356px; margin-inline:auto; }
.ma-process>.ma-section-head { margin-bottom:50px; }
.ma-process-grid { display:grid; grid-template-columns:repeat(5,1fr); border-block:1px solid #dbe5f0; }
.ma-process-step { padding:28px 24px 34px; border-right:1px solid #dbe5f0; }
.ma-process-step>span { color:#2563eb;font:700 11px/1 var(--font-numeric); }.ma-process-step h3 { margin:28px 0 10px;font:750 1.2rem/1.2 var(--font-primary); }.ma-process-step p { color:#68768a;font:400 13px/1.6 var(--font-secondary); }
.ma-industry-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.ma-industry-grid article { padding:28px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:#0a1729; }
.ma-industry-grid i { color:#67e8f9;font-size:26px; }.ma-industry-grid h3 { margin:28px 0 10px;font:750 1.25rem/1.2 var(--font-primary); }.ma-industry-grid p { color:#8fa0b5;font:400 13px/1.6 var(--font-secondary); }
.ma-cta { max-width:1356px; margin:0 auto 110px; padding:clamp(36px,5vw,68px); display:flex; align-items:center; justify-content:space-between; gap:40px; color:#071426; background:linear-gradient(135deg,#67e8f9,#bfdbfe); border-radius:36px; }
.ma-cta h2 { max-width:850px; font-size:clamp(2.2rem,4vw,4rem); }.ma-cta .ma-eyebrow { color:#1d4ed8; }.ma-btn-light { flex-shrink:0;color:#fff;background:#071426; }
.ma-clients{color:#071426;background:#f4f8fd;max-width:none}.ma-clients>.ma-section-head,.ma-clients>.ma-client-row,.ma-clients>.ma-stat-row{max-width:1356px;margin-inline:auto}.ma-client-row{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #dce6f1;border-radius:20px;overflow:hidden}.ma-client-row span{padding:28px 12px;text-align:center;border-right:1px solid #dce6f1;color:#536277;font:750 14px/1 var(--font-primary)}.ma-stat-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px!important}.ma-stat-row div{display:flex;flex-direction:column;padding:28px;border-right:1px solid #dce6f1}.ma-stat-row strong{font:800 2rem/1 var(--font-primary);color:#2563eb}.ma-stat-row span{margin-top:8px;color:#68768a;font:600 11px/1.2 var(--font-secondary)}
.ma-recognition-grid,.ma-compact-grid,.ma-engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ma-recognition-grid article{display:flex;flex-direction:column;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0a1729}.ma-recognition-grid i{color:#67e8f9;font-size:28px}.ma-recognition-grid strong{margin-top:30px;font:750 1.2rem/1 var(--font-primary)}.ma-recognition-grid span{margin-top:8px;color:#8192a8;font:500 12px/1.2 var(--font-secondary)}
.ma-case{max-width:none;background:#fff;color:#071426}.ma-case>.ma-section-head,.ma-case>.ma-case-card{max-width:1356px;margin-inline:auto}.ma-case-card{display:grid;grid-template-columns:1fr 1fr;border-radius:32px;overflow:hidden;background:#071426;color:#fff}.ma-case-visual img{width:100%;height:100%;object-fit:cover}.ma-case-copy{padding:clamp(32px,5vw,70px)}.ma-case-copy>span{color:#67e8f9;font:700 11px/1 var(--font-secondary);text-transform:uppercase;letter-spacing:.1em}.ma-case-copy h3{margin:18px 0 32px;font:800 clamp(2rem,3vw,3.3rem)/1.05 var(--font-primary);letter-spacing:-.04em}.ma-case-copy>div p{color:#9fb0c5;font:400 13px/1.6 var(--font-secondary)}.ma-case-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none;color:#cbd5e1;font:600 12px/1.4 var(--font-secondary)}.ma-case-impact{display:grid!important;grid-template-columns:auto 1fr auto 1fr;align-items:end;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.ma-case-impact strong{font:800 1.7rem/1 var(--font-primary)}.ma-case-impact span{color:#8192a8;font:500 10px/1.2 var(--font-secondary)}
.ma-comprehensive{color:#071426;background:#f4f8fd;max-width:none}.ma-comprehensive>.ma-section-head,.ma-comprehensive>.ma-compact-grid{max-width:1356px;margin-inline:auto}.ma-compact-grid{grid-template-columns:repeat(3,1fr)}.ma-compact-grid article,.ma-engagement-grid article{padding:28px;border:1px solid #dce6f1;background:#fff;border-radius:22px}.ma-compact-grid i,.ma-engagement-grid i{color:#2563eb;font-size:26px}.ma-compact-grid h3,.ma-engagement-grid h3{margin:24px 0 10px;font:750 1.2rem/1.2 var(--font-primary)}.ma-compact-grid p,.ma-engagement-grid p{color:#68768a;font:400 13px/1.6 var(--font-secondary)}
.ma-security{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.ma-security h2{margin:14px 0 20px;font:800 clamp(2.5rem,4.8vw,5rem)/1.02 var(--font-primary);letter-spacing:-.055em}.ma-security-copy>p{color:#8192a8;font:400 15px/1.7 var(--font-secondary)}.ma-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ma-security-grid article{display:flex;gap:16px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0a1729}.ma-security-grid i{color:#67e8f9;font-size:24px}.ma-security-grid h3{font:700 1rem/1.2 var(--font-primary)}.ma-security-grid p{color:#8192a8;font:400 12px/1.55 var(--font-secondary)}
.ma-tech{max-width:none;background:#fff;color:#071426}.ma-tech>.ma-section-head,.ma-tech>.ma-tech-groups{max-width:1356px;margin-inline:auto}.ma-tech-groups{display:grid;gap:12px}.ma-tech-groups>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px;border:1px solid #dce6f1;border-radius:18px}.ma-tech-groups strong{width:150px;font:750 14px/1 var(--font-primary)}.ma-tech-groups span{padding:9px 13px;background:#eef4fb;border-radius:999px;color:#536277;font:600 11px/1 var(--font-secondary)}
.ma-cost{color:#071426;background:#f4f8fd;max-width:none}.ma-cost>.ma-section-head,.ma-cost>.ma-cost-grid,.ma-cost>.ma-cost-note{max-width:1356px;margin-inline:auto}.ma-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ma-cost-grid article{padding:30px;background:#fff;border:1px solid #dce6f1;border-radius:22px}.ma-cost-grid span{color:#2563eb;font:700 11px/1 var(--font-secondary);text-transform:uppercase}.ma-cost-grid strong{display:block;margin:26px 0 14px;font:800 2rem/1 var(--font-primary)}.ma-cost-grid p,.ma-cost-note{color:#68768a;font:400 13px/1.6 var(--font-secondary)}.ma-cost-note{margin-top:20px!important}
.ma-engagement{color:#071426}.ma-engagement-grid{grid-template-columns:repeat(3,1fr)}.ma-testimonial{text-align:center}.ma-testimonial blockquote{max-width:1050px;margin:0 auto 38px;font:700 clamp(2rem,4vw,4rem)/1.15 var(--font-primary);letter-spacing:-.04em}.ma-testimonial>div{display:flex;align-items:center;justify-content:center;gap:14px}.ma-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#2563eb;font:700 12px/1 var(--font-secondary)}.ma-testimonial p{display:flex;flex-direction:column;text-align:left;margin:0}.ma-testimonial small{color:#8192a8}.ma-stars{color:#67e8f9}
.ma-faq{max-width:none;background:#fff;color:#071426}.ma-faq>.ma-section-head,.ma-faq>.ma-faq-list{max-width:1100px;margin-inline:auto}.ma-faq-list details{border-top:1px solid #dce6f1}.ma-faq-list details:last-child{border-bottom:1px solid #dce6f1}.ma-faq-list summary{display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font:700 1.05rem/1.3 var(--font-primary)}.ma-faq-list summary::-webkit-details-marker{display:none}.ma-faq-list p{max-width:800px;padding:0 0 24px;color:#68768a;font:400 14px/1.7 var(--font-secondary)}.ma-faq-list details[open] summary i{transform:rotate(45deg)}
@media(max-width:980px){.ma-hero-grid,.ma-value,.ma-security,.ma-case-card{grid-template-columns:1fr}.ma-hero-copy{order:1}.ma-hero-visual{order:2}.ma-section-head{grid-template-columns:1fr;gap:20px}.ma-service-grid,.ma-compact-grid{grid-template-columns:repeat(2,1fr)}.ma-process-grid{grid-template-columns:repeat(2,1fr)}.ma-industry-grid{grid-template-columns:repeat(2,1fr)}.ma-cta{margin-inline:20px}.ma-proof-inner{grid-template-columns:repeat(3,1fr)}.ma-client-row{grid-template-columns:repeat(3,1fr)}.ma-recognition-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ma-hero{padding-top:70px}.ma-hero h1{font-size:clamp(3rem,15vw,4.4rem)}.ma-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ma-hero-visual img{border-radius:22px}.ma-floating-card{display:none}.ma-service-grid,.ma-process-grid,.ma-industry-grid,.ma-compact-grid,.ma-recognition-grid,.ma-security-grid,.ma-cost-grid,.ma-engagement-grid{grid-template-columns:1fr}.ma-value-panel{min-height:400px}.ma-proof-inner{grid-template-columns:repeat(2,1fr)}.ma-cta{align-items:flex-start;flex-direction:column;border-radius:26px;margin-bottom:70px}.ma-btn-light{width:100%}.ma-client-row{grid-template-columns:repeat(2,1fr)}.ma-stat-row{grid-template-columns:repeat(2,1fr)}.ma-tech-groups strong{width:100%;margin-bottom:6px}.ma-case-copy ul{grid-template-columns:1fr}.ma-case-impact{grid-template-columns:auto 1fr}.ma-testimonial blockquote{font-size:2rem}}

/* Screenshot-matched reference sections */
.ma-reference-heading { max-width: 1100px; margin: 0 auto 48px; text-align: center; }
.ma-reference-heading h2 { margin: 0; color: #111827; font: 800 clamp(2.2rem, 4vw, 4rem)/1.08 var(--font-primary); letter-spacing: -.045em; }
.ma-reference-heading p { margin: 16px auto 0; max-width: 980px; color: #344154; font: 400 15px/1.6 var(--font-secondary); }

.ma-process-reference { max-width: none; color: #111827; background: #fff; padding-block: 80px; }
.ma-process-reference .ma-process-grid { max-width: 1350px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border: 0; }
.ma-process-reference .ma-process-step { min-height: 225px; padding: 0; border: 1px solid #d6dde7; border-radius: 13px; overflow: hidden; background: #fff; }
.ma-process-reference .ma-process-step > span { float: left; display: grid; place-items: center; width: 58px; height: 48px; color: #fff; background: #2563eb; font: 800 1.35rem/1 var(--font-primary); }
.ma-process-reference .ma-process-step h3 { height: 48px; margin: 0; display: flex; align-items: center; padding: 0 14px; border-bottom: 1px solid #d6dde7; font-size: 1rem; }
.ma-process-reference .ma-process-step p { clear: both; margin: 0; padding: 18px 16px; color: #253044; font-size: 13px; line-height: 1.65; }

.ma-industries-reference { max-width: none; color: #171d27; background: #f2f2f2; padding-block: 70px; }
.ma-industries-split { max-width: 1370px; margin: auto; display: grid; grid-template-columns: .88fr 1.12fr; gap: 80px; align-items: start; }
.ma-industries-intro h2 { margin: 0 0 12px; font: 800 clamp(2rem, 3.2vw, 3.25rem)/1.1 var(--font-primary); letter-spacing: -.04em; }
.ma-industries-intro p { max-width: 600px; color: #3f4856; font: 400 14px/1.65 var(--font-secondary); }
.ma-industries-intro img { width: 100%; height: 520px; margin-top: 18px; object-fit: cover; border-radius: 34px; }
.ma-industry-accordion { display: grid; gap: 14px; }
.ma-industry-accordion details { border: 1px solid #d4d9df; border-radius: 16px; background: #fff; overflow: hidden; }
.ma-industry-accordion summary { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px; cursor: pointer; list-style: none; font: 650 17px/1.2 var(--font-primary); }
.ma-industry-accordion summary::-webkit-details-marker { display: none; }
.ma-industry-accordion summary span { display: flex; align-items: center; gap: 16px; }
.ma-industry-accordion summary span i { color: #65c946; font-size: 24px; }
.ma-industry-accordion details > p { margin: 0; padding: 0 22px 20px; color: #253044; font: 400 14px/1.6 var(--font-secondary); }
.ma-industry-accordion details[open] summary > i { transform: rotate(180deg); }

.ma-recognition-reference { max-width: none; padding-block: 72px; color: #111827; background: #fff; }
.ma-recognition-reference .ma-recognition-grid { max-width: 1400px; margin: auto; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.ma-recognition-reference .ma-recognition-grid article { min-height: 300px; padding: 9px; text-align: center; border: 9px solid #d8e9ff; border-radius: 20px; background: linear-gradient(145deg, #4e63e6, #26398e); }
.ma-recognition-reference .ma-recognition-grid article > div { width: 145px; height: 145px; margin: 12px auto 20px; display: grid; place-items: center; border-radius: 26px; color: #26398e; background: #fff; }
.ma-recognition-reference .ma-recognition-grid i { color: #26398e; font-size: 64px; }
.ma-recognition-reference .ma-recognition-grid strong { margin: 0; color: #fff; font-size: 14px; line-height: 1.35; }
.ma-recognition-reference .ma-recognition-grid span { margin-top: 6px; color: rgba(255,255,255,.7); }

.ma-use-cases { max-width: none; padding-block: 74px; color: #111827; background: #eeeeee; }
.ma-use-cases-grid { max-width: 1300px; height: 680px; margin: auto; display: grid; grid-template-columns: .75fr 1.25fr; gap: 24px; align-items: stretch; }
.ma-use-cases-grid > img { position: sticky; top: 130px; width: 100%; height: 680px; min-height: 0; object-fit: cover; border-radius: 34px; }
.ma-use-case-list { display: grid; gap: 16px; height: 680px; padding-right: 10px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #4e67c8 #d9dce3; }
.ma-use-case-list::-webkit-scrollbar { width: 7px; }
.ma-use-case-list::-webkit-scrollbar-track { background: #d9dce3; border-radius: 999px; }
.ma-use-case-list::-webkit-scrollbar-thumb { background: #4e67c8; border-radius: 999px; }
.ma-use-case-list article { padding: 25px 24px; border-radius: 16px; background: #fff; }
.ma-use-case-list h3 { margin: 0 0 10px; font: 750 1.35rem/1.2 var(--font-primary); }
.ma-use-case-list p { display: flex; gap: 12px; margin: 12px 0 0; color: #202938; font: 400 13.5px/1.55 var(--font-secondary); }
.ma-use-case-list p i { flex: 0 0 auto; color: #3f5fc6; font-size: 24px; }

@media (max-width: 980px) {
    .ma-industries-split, .ma-use-cases-grid { grid-template-columns: 1fr; gap: 30px; }
    .ma-industries-intro img { height: 430px; }
    .ma-use-cases-grid { height: auto; }
    .ma-use-cases-grid > img { position: static; height: 520px; min-height: 0; max-height: none; }
    .ma-use-case-list { height: auto; max-height: none; padding-right: 0; overflow: visible; }
    .ma-recognition-reference .ma-recognition-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
    .ma-reference-heading { margin-bottom: 32px; }
    .ma-process-reference .ma-process-grid, .ma-recognition-reference .ma-recognition-grid { grid-template-columns: 1fr; }
    .ma-industries-intro img { height: 330px; border-radius: 22px; }
    .ma-use-cases-grid > img { height: 420px; min-height: 0; border-radius: 22px; }
    .ma-use-case-list article { padding: 22px 18px; }
}

/* ============================================================
   2026 PREMIUM MOBILE APP PAGE
   ============================================================ */
.mobile-app-page{
    --ma-forest:#153f33;
    --ma-forest-deep:#0b2b22;
    --ma-gold:#c49a43;
    --ma-cream:#f6f3eb;
    --ma-ink:#101713;
    --ma-muted:#5d6b63;
    background:var(--ma-cream);
}
.mobile-app-page .ma-main{color:var(--ma-ink);background:var(--ma-cream)}
.mobile-app-page .ma-hero{
    min-height:auto;
    padding:clamp(58px,6vw,88px) clamp(22px,5vw,76px) clamp(56px,6vw,84px);
    background:
        linear-gradient(rgba(21,63,51,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(21,63,51,.035) 1px,transparent 1px),
        radial-gradient(circle at 82% 25%,rgba(196,154,67,.2),transparent 27%),
        radial-gradient(circle at 12% 82%,rgba(21,63,51,.12),transparent 25%),
        #f6f3eb;
    background-size:64px 64px,64px 64px,auto,auto,auto;
}
.mobile-app-page .ma-hero-grid{
    max-width:1380px;
    grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);
    gap:clamp(46px,6vw,94px);
}
.mobile-app-page .ma-pill,
.mobile-app-page .ma-eyebrow{
    color:var(--ma-forest);
    letter-spacing:.13em;
}
.mobile-app-page .ma-pill{
    padding:9px 14px;
    border:1px solid #cad8cf;
    background:rgba(255,255,255,.72);
    box-shadow:0 8px 22px rgba(11,43,34,.05);
}
.mobile-app-page .ma-hero h1{
    max-width:720px;
    margin:22px 0 20px;
    color:#090d0b;
    font-size:clamp(3.6rem,5.25vw,6rem);
    line-height:.94;
    letter-spacing:-.068em;
}
.mobile-app-page .ma-hero h1 span{
    color:var(--ma-forest);
    text-decoration:underline;
    text-decoration-color:rgba(196,154,67,.7);
    text-decoration-thickness:.16em;
    text-underline-offset:.08em;
}
.mobile-app-page .ma-hero-copy>p{
    max-width:650px;
    color:#3f4e46;
    font-size:16px;
    line-height:1.7;
}
.mobile-app-page .ma-actions{margin:28px 0 34px}
.mobile-app-page .ma-btn{
    min-height:48px;
    padding:15px 21px;
    border-radius:11px;
}
.mobile-app-page .ma-btn-primary{color:#fff;background:var(--ma-forest)}
.mobile-app-page .ma-btn-primary:hover{
    color:#fff;
    box-shadow:0 16px 38px rgba(21,63,51,.2);
}
.mobile-app-page .ma-btn-ghost{color:var(--ma-forest);border-color:#b8c7be;background:rgba(255,255,255,.62)}
.mobile-app-page .ma-btn-ghost:hover{color:var(--ma-forest);border-color:var(--ma-forest);background:#fff}
.mobile-app-page .ma-trust{
    width:min(100%,620px);
    gap:0;
    padding-top:22px;
    border-top:1px solid rgba(21,63,51,.16);
}
.mobile-app-page .ma-trust div{flex:1;padding-right:18px}
.mobile-app-page .ma-trust div+div{padding-left:22px;border-left:1px solid rgba(21,63,51,.14)}
.mobile-app-page .ma-trust strong{color:var(--ma-forest);font-size:1.45rem}
.mobile-app-page .ma-trust span{color:#68776f}
.mobile-app-page .ma-hero-visual{
    padding:14px;
    border:1px solid rgba(21,63,51,.16);
    border-radius:30px;
    background:rgba(255,255,255,.66);
    box-shadow:0 30px 80px rgba(21,63,51,.14);
}
.mobile-app-page .ma-hero-visual img{
    aspect-ratio:1.16/1;
    height:clamp(540px,37vw,660px);
    object-fit:cover;
    border-radius:21px;
    box-shadow:none;
}
.mobile-app-page .ma-floating-card{
    color:var(--ma-forest);
    border:1px solid #dbe4de;
    background:rgba(255,255,255,.94);
    box-shadow:0 16px 34px rgba(11,43,34,.14);
}
.mobile-app-page .ma-floating-card i{color:var(--ma-gold)}
.mobile-app-page .ma-floating-card--top{top:10%;left:-4%}
.mobile-app-page .ma-floating-card--bottom{right:-3%;bottom:9%}
.mobile-app-page .ma-proof{border-color:#d5ddd8;background:#fff}
.mobile-app-page .ma-proof-inner{max-width:1380px}
.mobile-app-page .ma-proof span{
    color:#506057;
    border-color:#e0e6e2;
    padding:20px 10px;
}
.mobile-app-page .ma-section{padding-block:clamp(70px,7.5vw,108px)}
.mobile-app-page .ma-section-head{margin-bottom:38px}
.mobile-app-page .ma-section-head h2,
.mobile-app-page .ma-value h2,
.mobile-app-page .ma-cta h2{
    color:var(--ma-ink);
    font-size:clamp(2.5rem,4vw,4.5rem);
}
.mobile-app-page .ma-section-head>p,
.mobile-app-page .ma-value-copy>p{color:var(--ma-muted)}
.mobile-app-page .ma-services,
.mobile-app-page .ma-clients,
.mobile-app-page .ma-comprehensive,
.mobile-app-page .ma-cost,
.mobile-app-page .ma-industries-reference,
.mobile-app-page .ma-use-cases{background:#f6f3eb}
.mobile-app-page .ma-service-grid{gap:14px}
.mobile-app-page .ma-service-card,
.mobile-app-page .ma-compact-grid article,
.mobile-app-page .ma-engagement-grid article,
.mobile-app-page .ma-cost-grid article{
    min-height:0;
    border:1px solid #d9dfda;
    border-radius:16px;
    background:rgba(255,255,255,.86);
    box-shadow:0 12px 35px rgba(21,63,51,.045);
}
.mobile-app-page .ma-service-card{padding:25px;min-height:285px}
.mobile-app-page .ma-service-card:hover{
    border-color:#b8c8be;
    box-shadow:0 22px 50px rgba(21,63,51,.1);
}
.mobile-app-page .ma-service-icon{color:var(--ma-forest);background:#e8f0eb}
.mobile-app-page .ma-service-num{color:#9a7b39}
.mobile-app-page .ma-service-card p,
.mobile-app-page .ma-compact-grid p,
.mobile-app-page .ma-engagement-grid p,
.mobile-app-page .ma-cost-grid p,
.mobile-app-page .ma-cost-note{color:var(--ma-muted)}
.mobile-app-page .ma-service-card a,
.mobile-app-page .ma-cost-grid span,
.mobile-app-page .ma-compact-grid i,
.mobile-app-page .ma-engagement-grid i{color:var(--ma-forest)}
.mobile-app-page .ma-value{color:var(--ma-ink)}
.mobile-app-page .ma-value-copy li{color:#435249}
.mobile-app-page .ma-value-copy li i{color:var(--ma-gold)}
.mobile-app-page .ma-value-panel{
    min-height:460px;
    border-color:#b8c8be;
    border-radius:26px;
    background:
        radial-gradient(circle at center,rgba(196,154,67,.23),transparent 32%),
        linear-gradient(145deg,#0b2b22,#174c3c);
}
.mobile-app-page .ma-orbit{border-color:rgba(237,214,162,.38)}
.mobile-app-page .ma-center-mark{background:linear-gradient(135deg,#d2ae62,#9e7529)}
.mobile-app-page .ma-metric{background:rgba(8,34,27,.86);border-color:rgba(255,255,255,.14)}
.mobile-app-page .ma-process-reference,
.mobile-app-page .ma-recognition-reference,
.mobile-app-page .ma-case,
.mobile-app-page .ma-tech,
.mobile-app-page .ma-faq{background:#fff}
.mobile-app-page .ma-reference-heading h2{color:var(--ma-ink)}
.mobile-app-page .ma-reference-heading p{color:var(--ma-muted)}
.mobile-app-page .ma-process-reference .ma-process-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.mobile-app-page .ma-process-reference .ma-process-step{
    min-height:205px;
    border-color:#d9dfda;
    border-radius:15px;
}
.mobile-app-page .ma-process-reference .ma-process-step>span{color:#fff;background:var(--ma-forest)}
.mobile-app-page .ma-process-reference .ma-process-step h3{border-color:#d9dfda}
.mobile-app-page .ma-process-reference .ma-process-step p{color:#526159}
.mobile-app-page .ma-industries-split{max-width:1356px;gap:55px}
.mobile-app-page .ma-industries-intro img{height:455px;border-radius:24px}
.mobile-app-page .ma-industry-accordion details{border-color:#d7dfd9;border-radius:13px}
.mobile-app-page .ma-industry-accordion summary span i{color:var(--ma-forest)}
.mobile-app-page .ma-industry-accordion details>p{color:#536158}
.mobile-app-page .ma-client-row{border-color:#d8dfda;border-radius:14px;background:#fff}
.mobile-app-page .ma-client-row span,
.mobile-app-page .ma-stat-row div{border-color:#d8dfda}
.mobile-app-page .ma-stat-row strong{color:var(--ma-forest)}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid{gap:12px}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article{
    min-height:260px;
    padding:22px 16px;
    border:1px solid #d7dfd9;
    border-radius:16px;
    background:linear-gradient(145deg,#0b2b22,#174c3c);
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article>div{
    width:100px;height:100px;margin:4px auto 22px;border-radius:22px;background:#eff4f0;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid i{color:var(--ma-forest);font-size:42px}
.mobile-app-page .ma-use-cases-grid{height:640px}
.mobile-app-page .ma-use-cases-grid>img{height:640px;border-radius:24px}
.mobile-app-page .ma-use-case-list{height:640px;scrollbar-color:var(--ma-forest) #d9dfda}
.mobile-app-page .ma-use-case-list::-webkit-scrollbar-thumb{background:var(--ma-forest)}
.mobile-app-page .ma-use-case-list article{border:1px solid #d9dfda;border-radius:14px}
.mobile-app-page .ma-use-case-list p i{color:var(--ma-gold)}

/* Modern scrollable use-case rail. */
.mobile-app-page .ma-use-case-list{
    counter-reset:use-case;
    gap:12px;
    padding:4px 17px 4px 4px;
    scrollbar-width:thin;
    scrollbar-color:#c69b50 rgba(21,63,51,.12);
}
.mobile-app-page .ma-use-case-list::-webkit-scrollbar{width:10px}
.mobile-app-page .ma-use-case-list::-webkit-scrollbar-track{
    margin:8px 0;
    border-radius:999px;
    background:rgba(21,63,51,.1);
    box-shadow:inset 0 0 0 3px #f6f3eb;
}
.mobile-app-page .ma-use-case-list::-webkit-scrollbar-thumb{
    min-height:56px;
    border:3px solid #f6f3eb;
    border-radius:999px;
    background:linear-gradient(#d9b56c,#9e7130);
}
.mobile-app-page .ma-use-case-list article{
    counter-increment:use-case;
    position:relative;
    overflow:hidden;
    padding:0 20px 19px;
    border:1px solid #d9e2dc;
    border-radius:16px;
    background:rgba(255,255,255,.86);
    box-shadow:0 8px 20px rgba(14,48,38,.045);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.mobile-app-page .ma-use-case-list article::before{
    content:"0" counter(use-case);
    display:inline-grid;
    width:29px;
    height:29px;
    place-items:center;
    margin-right:13px;
    color:#fff6df;
    border-radius:9px;
    background:linear-gradient(145deg,#215543,#12362b);
    font:750 10px/1 var(--font-secondary);
    letter-spacing:.04em;
    vertical-align:middle;
}
.mobile-app-page .ma-use-case-list article:hover{
    border-color:#c9a25a;
    box-shadow:0 15px 32px rgba(14,48,38,.1);
    transform:translateX(-4px);
}
.mobile-app-page .ma-use-case-list h3{
    display:inline-block;
    margin:0 -20px 14px 0;
    padding:16px 20px 15px 0;
    color:#17392e;
    font:740 1rem/1.2 var(--font-primary);
    vertical-align:middle;
}
.mobile-app-page .ma-use-case-list h3::after{
    content:"";
    display:block;
    height:1px;
    margin-top:14px;
    background:linear-gradient(90deg,#d8e3dc,transparent);
}
.mobile-app-page .ma-use-case-list p{
    gap:10px;
    margin:10px 0 0;
    color:#52635a;
    font-size:12.5px;
    line-height:1.58;
}
.mobile-app-page .ma-use-case-list p i{
    display:grid;
    flex:0 0 21px;
    width:21px;
    height:21px;
    place-items:center;
    margin-top:1px;
    color:#71501d;
    border-radius:50%;
    background:#f8eed4;
    font-size:12px;
}
.mobile-app-page .ma-use-case-list p strong{color:#17392e}

@media(max-width:980px){
    .mobile-app-page .ma-use-case-list{padding-right:0}
}

/* Alternate direction: a calmer stacked insight feed instead of boxed accordions. */
.mobile-app-page .ma-use-case-list{
    gap:14px;
    padding:10px 19px 10px 10px;
    border:1px solid #dbe5de;
    border-radius:22px;
    background:linear-gradient(145deg,#eef3ed,#f8f7f1);
    scroll-snap-type:y proximity;
    scrollbar-color:#163f32 transparent;
}
.mobile-app-page .ma-use-case-list::-webkit-scrollbar-track{background:transparent;box-shadow:none}
.mobile-app-page .ma-use-case-list::-webkit-scrollbar-thumb{
    border:2px solid #eff3ee;
    background:#163f32;
}
.mobile-app-page .ma-use-case-list article{
    padding:23px 24px 22px;
    border:0;
    border-left:4px solid #cba25c;
    border-radius:13px;
    background:#fff;
    box-shadow:0 8px 18px rgba(24,61,48,.055);
    scroll-snap-align:start;
}
.mobile-app-page .ma-use-case-list article::before{
    position:absolute;
    top:20px;
    right:20px;
    width:auto;
    height:auto;
    margin:0;
    padding:6px 8px;
    color:#708177;
    border:1px solid #dce5de;
    border-radius:999px;
    background:#f4f7f3;
    font-size:9px;
}
.mobile-app-page .ma-use-case-list article:hover{
    border-color:#163f32;
    box-shadow:0 16px 30px rgba(24,61,48,.11);
    transform:translateY(-2px);
}
.mobile-app-page .ma-use-case-list h3{
    display:block;
    margin:0 46px 15px 0;
    padding:0 0 14px;
    color:#14372b;
    border-bottom:1px solid #e3eae5;
    font:760 1.05rem/1.25 var(--font-primary);
}
.mobile-app-page .ma-use-case-list h3::after{display:none}
.mobile-app-page .ma-use-case-list p{
    display:flex;
    gap:9px;
    margin-top:10px;
    color:#52635a;
    font-size:12.5px;
    line-height:1.6;
}
.mobile-app-page .ma-use-case-list p i{
    flex:0 0 7px;
    width:7px;
    height:7px;
    margin:7px 2px 0 0;
    padding:0;
    color:transparent;
    border-radius:50%;
    background:#d1a34f;
}
.mobile-app-page .ma-use-case-list p strong{
    display:inline-block;
    min-width:55px;
    margin-right:4px;
    color:#17392e;
    font-size:11px;
    letter-spacing:.02em;
}
.mobile-app-page .ma-use-case-list p:nth-of-type(2) i{background:#4e9271}
.mobile-app-page .ma-use-case-list p:nth-of-type(3) i{background:#5a7db7}

@media(max-width:980px){
    .mobile-app-page .ma-use-case-list{padding:8px}
}
.mobile-app-page .ma-case-card{
    border-radius:24px;
    background:linear-gradient(145deg,#09291f,#174c3c);
}
.mobile-app-page .ma-case-copy>span{color:#efd59b}
.mobile-app-page .ma-case-copy>div p{color:#c6d3cb}

/* Compact the featured case study without changing its two-column layout. */
.mobile-app-page .ma-case>.ma-case-card{max-width:1120px}
.mobile-app-page .ma-case-card{grid-template-columns:.92fr 1.08fr;height:530px}
.mobile-app-page .ma-case-visual{min-height:0}
.mobile-app-page .ma-case-copy{padding:22px 34px 26px!important}
.mobile-app-page .ma-case-copy h3{
    margin:11px 0 17px;
    font-size:clamp(1.35rem,1.8vw,1.7rem)!important;
    line-height:1.02;
    white-space:nowrap;
}
.mobile-app-page .ma-case-copy>span{font-size:10px}
.mobile-app-page .ma-case-copy>div strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.mobile-app-page .ma-case-copy>div p{margin:5px 0 11px;font-size:12px;line-height:1.45}
.mobile-app-page .ma-case-copy ul{gap:6px;margin:10px 0 0;font-size:11px}
.mobile-app-page .ma-case-copy ul li{padding:7px 9px}
.mobile-app-page .ma-case-impact{margin-top:14px;padding-top:13px}
.mobile-app-page .ma-case-impact strong{font-size:1.4rem}

/* Keep the selected-case heading as a compact two-line statement. */
.mobile-app-page .ma-case>.ma-section-head h2{
    font-size:clamp(2.2rem,3vw,3rem)!important;
    line-height:1.05;
    white-space:nowrap;
}

@media(max-width:980px){
    .mobile-app-page .ma-case>.ma-case-card{max-width:none}
    .mobile-app-page .ma-case-card{height:auto}
    .mobile-app-page .ma-case>.ma-section-head h2{white-space:normal}
}

@media(max-width:620px){
    .mobile-app-page .ma-case-copy h3{white-space:normal}
}
.mobile-app-page .ma-tech-groups>div{border-color:#d9dfda;border-radius:14px}
.mobile-app-page .ma-tech-groups span{color:#4f6057;background:#eff3f0}
.mobile-app-page .ma-security{color:#fff}
.mobile-app-page .ma-security h2{color:#fff}
.mobile-app-page .ma-security-copy>p{color:#adbbb3}
.mobile-app-page .ma-security-grid article{border-color:rgba(255,255,255,.1);border-radius:15px;background:#102f27}
.mobile-app-page .ma-security-grid i{color:#e5c77e}
.mobile-app-page .ma-security-grid p{color:#aebcb4}
.mobile-app-page .ma-testimonial{color:#fff}
.mobile-app-page .ma-avatar{background:var(--ma-gold)}
.mobile-app-page .ma-stars{color:#e9c975}
.mobile-app-page .ma-faq-list details{border-color:#d9dfda}
.mobile-app-page .ma-faq-list p{color:var(--ma-muted)}
.mobile-app-page .ma-cta{
    color:#fff;
    background:
        radial-gradient(circle at 85% 15%,rgba(232,198,121,.23),transparent 28%),
        linear-gradient(125deg,#0b2b22,#174c3c);
    border-radius:24px;
}
.mobile-app-page .ma-cta h2{color:#fff}
.mobile-app-page .ma-cta .ma-eyebrow{color:#e9cb84}
.mobile-app-page .ma-btn-light{color:var(--ma-forest);background:#fff}

@media(max-width:1100px){
    .mobile-app-page .ma-hero-grid{grid-template-columns:1fr 1fr;gap:36px}
    .mobile-app-page .ma-hero h1{font-size:clamp(3.2rem,6vw,5rem)}
}
@media(max-width:980px){
    .mobile-app-page .ma-hero-grid{grid-template-columns:1fr}
    .mobile-app-page .ma-hero-copy{order:1}
    .mobile-app-page .ma-hero-visual{order:2;max-width:720px}
    .mobile-app-page .ma-industries-split{gap:32px}
}
@media(max-width:620px){
    .mobile-app-page .ma-hero{padding:48px 18px 54px}
    .mobile-app-page .ma-hero h1{font-size:clamp(3rem,14vw,4.3rem)}
    .mobile-app-page .ma-hero-copy>p{font-size:15px}
    .mobile-app-page .ma-actions{display:grid}
    .mobile-app-page .ma-btn{width:100%}
    .mobile-app-page .ma-trust{grid-template-columns:repeat(3,1fr)}
    .mobile-app-page .ma-trust div{padding:0 10px 0 0}
    .mobile-app-page .ma-trust div+div{padding-left:10px}
    .mobile-app-page .ma-trust strong{font-size:1.12rem}
    .mobile-app-page .ma-trust span{font-size:9px}
    .mobile-app-page .ma-hero-visual{padding:8px;border-radius:20px}
    .mobile-app-page .ma-hero-visual img{border-radius:14px}
    .mobile-app-page .ma-hero-visual img{height:360px}
    .mobile-app-page .ma-section{padding-block:64px}
    .mobile-app-page .ma-section-head h2,
    .mobile-app-page .ma-value h2,
    .mobile-app-page .ma-cta h2{font-size:clamp(2.3rem,11vw,3.4rem)}
    .mobile-app-page .ma-value-panel{min-height:380px}
}