/* ============================================================
   UNIFIED PREMIUM THEME
   Shared cream / forest / gold visual language for .aad pages.
   Hotel and web-development retain their tailored hbs designs.
   ============================================================ */

.android-app-page:not(.hbs-page){
    --upt-forest:#123f32;
    --upt-deep:#09291f;
    --upt-gold:#c8913c;
    --upt-gold-soft:#f0cf99;
    --upt-cream:#f6f2ea;
    --upt-paper:#fbfaf7;
    --upt-line:#d9dfda;
    --upt-text:#101713;
    --upt-muted:#526159;
    color:var(--upt-text);
    background:var(--upt-paper);
}
.android-app-page:not(.hbs-page) .aad-main{
    color:var(--upt-text);
    background:var(--upt-paper);
}
.android-app-page:not(.hbs-page) .aad-wrap{max-width:1320px}
.android-app-page:not(.hbs-page) .aad-section{padding:clamp(76px,8vw,112px) 0}
.android-app-page:not(.hbs-page) .aad-section:nth-of-type(odd){background:#fff}
.android-app-page:not(.hbs-page) .aad-section:nth-of-type(even){background:var(--upt-cream)}

.android-app-page:not(.hbs-page) .aad-eyebrow{
    color:var(--upt-forest);
    border-color:#cddbd2;
    background:#eff5f1;
}
.android-app-page:not(.hbs-page) .aad-head h2,
.android-app-page:not(.hbs-page) .aad-intro-copy h2{
    color:var(--upt-text);
    font-family:"Inter",Arial,sans-serif!important;
    font-weight:720!important;
    letter-spacing:-.055em!important;
}
.android-app-page:not(.hbs-page) .aad-head h2 span,
.android-app-page:not(.hbs-page) .aad-intro-copy h2 span{color:var(--upt-forest)}
.android-app-page:not(.hbs-page) .aad-head p,
.android-app-page:not(.hbs-page) .aad-intro-copy p{
    color:var(--upt-muted);
    line-height:1.78;
}

/* Hero */
.android-app-page:not(.hbs-page) .aad-hero{
    min-height:auto;
    padding:28px 0 76px;
    color:var(--upt-text);
    background:
        radial-gradient(circle at 84% 15%,rgba(200,145,60,.17),transparent 24%),
        radial-gradient(circle at 8% 92%,rgba(18,63,50,.11),transparent 30%),
        linear-gradient(135deg,#faf8f2,#f0ece3 56%,#eaf2ed);
}
.android-app-page:not(.hbs-page) .aad-hero:after{
    opacity:.45;
    background-image:
        linear-gradient(rgba(18,63,50,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,63,50,.045) 1px,transparent 1px);
    background-size:64px 64px;
}
.android-app-page:not(.hbs-page) .aad-breadcrumb,
.android-app-page:not(.hbs-page) .aad-breadcrumb a{color:#64746b}
.android-app-page:not(.hbs-page) .aad-breadcrumb a:hover,
.android-app-page:not(.hbs-page) .aad-breadcrumb .current{color:var(--upt-forest)}
.android-app-page:not(.hbs-page) .aad-hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(380px,.78fr);
    gap:clamp(38px,6vw,84px);
}
.android-app-page:not(.hbs-page) .aad-hero h1{
    color:#0b100d;
    font-family:"Inter",Arial,sans-serif;
    font-weight:720;
    font-size:clamp(3.25rem,5.4vw,5.7rem);
    line-height:.97;
    letter-spacing:-.062em;
}
.android-app-page:not(.hbs-page) .aad-hero h1 span{
    color:var(--upt-forest);
    background:linear-gradient(transparent 82%,rgba(200,145,60,.6) 82%);
    -webkit-text-fill-color:initial;
}
.android-app-page:not(.hbs-page) .aad-hero-lead{color:#38463e}
.android-app-page:not(.hbs-page) .aad-chips span{
    color:#2f4037;
    border-color:rgba(18,63,50,.15);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    box-shadow:0 5px 18px rgba(18,63,50,.04);
}
.android-app-page:not(.hbs-page) .aad-chips i{color:var(--upt-forest)}

/* Buttons */
.android-app-page:not(.hbs-page) .aad-btn{border-radius:11px}
.android-app-page:not(.hbs-page) .aad-btn--primary{
    color:#fff;
    background:var(--upt-forest);
    box-shadow:0 14px 30px rgba(18,63,50,.17);
}
.android-app-page:not(.hbs-page) .aad-btn--primary:hover{
    color:#fff;
    background:var(--upt-deep);
}
.android-app-page:not(.hbs-page) .aad-btn--ghost{
    color:var(--upt-forest);
    border-color:#b9c9bf;
    background:rgba(255,255,255,.68);
}
.android-app-page:not(.hbs-page) .aad-btn--ghost:hover{
    color:var(--upt-forest);
    border-color:var(--upt-forest);
    background:#fff;
}

/* Conversion form */
.android-app-page:not(.hbs-page) .aad-quote{
    overflow:hidden;
    padding:0;
    color:var(--upt-text);
    border:1px solid rgba(18,63,50,.12);
    border-radius:23px;
    background:rgba(255,255,255,.96);
    box-shadow:0 28px 70px rgba(9,41,31,.15);
    backdrop-filter:blur(18px);
}
.android-app-page:not(.hbs-page) .aad-quote:before,
.android-app-page:not(.hbs-page) .aad-quote:after{display:none}
.android-app-page:not(.hbs-page) .aad-quote-head{
    margin:0;
    padding:23px 24px;
    border-bottom:1px solid #e4eae6;
    background:linear-gradient(135deg,#edf5f0,#f8f5ed);
}
.android-app-page:not(.hbs-page) .aad-quote-mark{
    color:var(--upt-forest);
    background:#dfeee5;
}
.android-app-page:not(.hbs-page) .aad-quote-head h3{color:var(--upt-text)}
.android-app-page:not(.hbs-page) .aad-quote-head p{color:#5b6961}
.android-app-page:not(.hbs-page) .aad-response-badge{
    color:#76551e;
    border-color:#e5d2ad;
    background:#fffaf0;
}
.android-app-page:not(.hbs-page) .aad-quote form{padding:24px;gap:14px 12px}
.android-app-page:not(.hbs-page) .aad-field label{color:#34443b}
.android-app-page:not(.hbs-page) .aad-field input,
.android-app-page:not(.hbs-page) .aad-field select,
.android-app-page:not(.hbs-page) .aad-field textarea{
    color:#17241d;
    border-color:#d6dfd9;
    border-radius:11px;
    background:#fbfcfb;
}
.android-app-page:not(.hbs-page) .aad-field input:focus,
.android-app-page:not(.hbs-page) .aad-field select:focus,
.android-app-page:not(.hbs-page) .aad-field textarea:focus{
    border-color:var(--upt-forest);
    background:#fff;
    box-shadow:0 0 0 4px rgba(18,63,50,.08);
}
.android-app-page:not(.hbs-page) .aad-input-wrap>i{color:#728078}
.android-app-page:not(.hbs-page) .aad-form-trust{color:#68766e}

/* Stats and content cards */
.android-app-page:not(.hbs-page) .aad-stats{background:var(--upt-deep)}
.android-app-page:not(.hbs-page) .aad-stats-row strong{
    color:var(--upt-gold-soft);
    background:none;
    -webkit-text-fill-color:initial;
}
.android-app-page:not(.hbs-page) .aad-stats-row span{color:#b9cbc2}
.android-app-page:not(.hbs-page) .aad-intro-visual{
    border:1px solid #d8ddd8;
    border-radius:18px;
    background:linear-gradient(145deg,#f5f1e8,#edf3ef);
}
.android-app-page:not(.hbs-page) .aad-intro-tile{
    border-color:#dce3de;
    border-radius:12px;
    box-shadow:none;
}
.android-app-page:not(.hbs-page) .aad-intro-tile i,
.android-app-page:not(.hbs-page) .aad-intro-points i{color:var(--upt-forest)}
.android-app-page:not(.hbs-page) .aad-intro-points li{
    border-color:#dce2dd;
    border-radius:9px;
    background:#fff;
}

.android-app-page:not(.hbs-page) .wdd-svc-card,
.android-app-page:not(.hbs-page) .aad-svc-card,
.android-app-page:not(.hbs-page) .aad-solution-card,
.android-app-page:not(.hbs-page) .aad-usecase-card{
    border-color:#dce3de;
    border-radius:12px;
    background:#fff;
    box-shadow:none;
}
.android-app-page:not(.hbs-page) .wdd-svc-card:hover,
.android-app-page:not(.hbs-page) .aad-svc-card:hover,
.android-app-page:not(.hbs-page) .aad-solution-card:hover{
    border-color:#9eb4a7;
    box-shadow:0 20px 42px rgba(18,63,50,.08);
}
.android-app-page:not(.hbs-page) .wdd-svc-icon,
.android-app-page:not(.hbs-page) .aad-svc-icon{
    color:var(--upt-forest);
    background:#e5f0e9;
}
.android-app-page:not(.hbs-page) .wdd-svc-tags span,
.android-app-page:not(.hbs-page) .aad-tech-tags span{
    color:#4b5a52;
    border-color:#dce4de;
    background:#f8faf8;
}

/* Technology and process */
.android-app-page:not(.hbs-page) .aad-tech{
    color:var(--upt-text);
    background:linear-gradient(180deg,#f7f4ed,#edf3ef);
}
.android-app-page:not(.hbs-page) .aad-tech .aad-head h2{color:var(--upt-text)}
.android-app-page:not(.hbs-page) .aad-tech .aad-head h2 span{color:var(--upt-forest)}
.android-app-page:not(.hbs-page) .aad-tech .aad-head p{color:var(--upt-muted)}
.android-app-page:not(.hbs-page) .aad-tech-col{
    color:var(--upt-text);
    border-color:#dce4de;
    border-radius:12px;
    background:rgba(255,255,255,.9);
    box-shadow:none;
}
.android-app-page:not(.hbs-page) .aad-tech-col h3{color:var(--upt-text)}
.android-app-page:not(.hbs-page) .aad-tech-col>p{color:var(--upt-muted)}
.android-app-page:not(.hbs-page) .aad-tech-icon{
    color:var(--upt-forest);
    border-color:#dce9e1;
    background:#edf5f0;
}
.android-app-page:not(.hbs-page) .aad-process-grid{
    gap:12px;
    border:0;
    background:transparent;
}
.android-app-page:not(.hbs-page) .aad-step{
    border:1px solid #d8ddd9;
    border-radius:10px;
    background:#fff;
}
.android-app-page:not(.hbs-page) .aad-step-num{color:var(--upt-forest)}

/* Dark trust sections */
.android-app-page:not(.hbs-page) .aad-section.aad-why,
.android-app-page:not(.hbs-page) .aad-section.aad-trends{
    color:#fff;
    background:
        radial-gradient(circle at 88% 8%,rgba(200,145,60,.18),transparent 25%),
        var(--upt-deep);
}
.android-app-page:not(.hbs-page) .aad-why .aad-head h2,
.android-app-page:not(.hbs-page) .aad-trends .aad-head h2{color:#fff}
.android-app-page:not(.hbs-page) .aad-why .aad-head h2 span,
.android-app-page:not(.hbs-page) .aad-trends .aad-head h2 span{color:var(--upt-gold-soft)}
.android-app-page:not(.hbs-page) .aad-why .aad-head p{color:#b9cbc2}
.android-app-page:not(.hbs-page) .aad-why-card{
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.055);
}
.android-app-page:not(.hbs-page) .aad-why-card>i{color:var(--upt-gold-soft)}
.android-app-page:not(.hbs-page) .aad-why-card p{color:#b9cbc2}

/* FAQ and closing CTA */
.android-app-page:not(.hbs-page) .aad-faq-list{border-top-color:#d7ddd8}
.android-app-page:not(.hbs-page) .aad-faq{border-bottom-color:#d7ddd8}
.android-app-page:not(.hbs-page) .aad-faq summary{color:var(--upt-text)}
.android-app-page:not(.hbs-page) .aad-faq summary i{color:var(--upt-forest)}
.android-app-page:not(.hbs-page) .aad-faq p{color:var(--upt-muted)}
.android-app-page:not(.hbs-page) .aad-cta-inner{
    color:#fff;
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 10%,rgba(234,215,181,.24),transparent 28%),
        linear-gradient(125deg,#0d3026,#174c3c 65%,#286852);
}
.android-app-page:not(.hbs-page) .aad-cta-inner h2,
.android-app-page:not(.hbs-page) .aad-cta-inner strong{color:#fff}
.android-app-page:not(.hbs-page) .aad-cta-label{color:var(--upt-gold-soft)}
.android-app-page:not(.hbs-page) .aad-cta-inner p{color:#c7d6cf}

@media(max-width:980px){
    .android-app-page:not(.hbs-page) .aad-hero-grid{grid-template-columns:1fr}
    .android-app-page:not(.hbs-page) .aad-quote{max-width:680px}
}
@media(max-width:640px){
    .android-app-page:not(.hbs-page) .aad-section{padding:64px 0}
    .android-app-page:not(.hbs-page) .aad-hero{padding:18px 0 52px}
    .android-app-page:not(.hbs-page) .aad-hero h1{
        font-size:clamp(2.7rem,13.5vw,3.9rem);
        line-height:.99;
    }
    .android-app-page:not(.hbs-page) .aad-hero-actions,
    .android-app-page:not(.hbs-page) .aad-hero-actions .aad-btn{width:100%}
    .android-app-page:not(.hbs-page) .aad-quote{border-radius:18px}
    .android-app-page:not(.hbs-page) .aad-quote form{padding:20px 18px}
}

/* ============================================================
   COMPANY PAGES — About, Contact, Career and service templates
   ============================================================ */
.about-page,
.contact-page,
.career-page,
.service-page{
    --cp-forest:#123f32;
    --cp-deep:#09291f;
    --cp-gold:#c8913c;
    --cp-cream:#f6f2ea;
    --cp-line:#d9dfda;
    background:#fbfaf7;
}
.about-page .cp-main,
.contact-page .cp-main,
.career-page .cp-main,
.service-page .cp-main{
    color:#101713;
    background:#fbfaf7;
}
.about-page .cp-hero,
.contact-page .cp-hero,
.career-page .cp-hero,
.service-page .cp-hero{
    color:#101713;
    border-bottom:1px solid #dce2dd;
    background:
        radial-gradient(circle at 84% 15%,rgba(200,145,60,.17),transparent 24%),
        radial-gradient(circle at 8% 92%,rgba(18,63,50,.1),transparent 30%),
        linear-gradient(135deg,#faf8f2,#f0ece3 56%,#eaf2ed);
}
.about-page .cp-h1,
.contact-page .cp-h1,
.career-page .cp-h1,
.service-page .cp-h1,
.about-page .cp-h2,
.contact-page .cp-h2,
.career-page .cp-h2,
.service-page .cp-h2{
    color:#101713;
    font-family:"Inter",Arial,sans-serif;
    font-weight:720;
    letter-spacing:-.052em;
}
.about-page .cp-highlight,
.contact-page .cp-highlight,
.career-page .cp-highlight,
.service-page .cp-highlight{
    color:var(--cp-forest);
    background:linear-gradient(transparent 80%,rgba(200,145,60,.58) 80%);
    -webkit-background-clip:border-box;
    background-clip:border-box;
    -webkit-text-fill-color:initial;
}
.about-page .cp-sub,
.contact-page .cp-sub,
.career-page .cp-sub,
.service-page .cp-sub{color:#506058}
.about-page .cp-eyebrow,
.contact-page .cp-eyebrow,
.career-page .cp-eyebrow,
.service-page .cp-eyebrow{color:var(--cp-forest)}
.about-page .cp-eyebrow:before,
.contact-page .cp-eyebrow:before,
.career-page .cp-eyebrow:before,
.service-page .cp-eyebrow:before{background:linear-gradient(90deg,var(--cp-forest),var(--cp-gold))}
.about-page .cp-breadcrumb,
.about-page .cp-breadcrumb a,
.contact-page .cp-breadcrumb,
.contact-page .cp-breadcrumb a,
.career-page .cp-breadcrumb,
.career-page .cp-breadcrumb a,
.service-page .cp-breadcrumb,
.service-page .cp-breadcrumb a{color:#68776f}
.about-page .cp-breadcrumb .current,
.contact-page .cp-breadcrumb .current,
.career-page .cp-breadcrumb .current,
.service-page .cp-breadcrumb .current{color:var(--cp-forest)}
.about-page .cp-btn,
.contact-page .cp-btn,
.career-page .cp-btn,
.service-page .cp-btn{border-radius:11px}
.about-page .cp-btn--primary,
.contact-page .cp-btn--primary,
.career-page .cp-btn--primary,
.service-page .cp-btn--primary{
    color:#fff;
    background:var(--cp-forest);
    box-shadow:0 14px 30px rgba(18,63,50,.17);
}
.about-page .cp-btn--ghost,
.contact-page .cp-btn--ghost,
.career-page .cp-btn--ghost,
.service-page .cp-btn--ghost{
    color:var(--cp-forest);
    border-color:#afc0b6;
    background:rgba(255,255,255,.7);
}
.about-page .cp-stats,
.contact-page .cp-stats,
.career-page .cp-stats,
.service-page .cp-stats{
    color:#fff;
    border-color:rgba(255,255,255,.12);
    border-radius:18px;
    background:var(--cp-deep);
}
.about-page .cp-stat strong,
.contact-page .cp-stat strong,
.career-page .cp-stat strong,
.service-page .cp-stat strong{color:#f0cf99}
.about-page .cp-stat span,
.contact-page .cp-stat span,
.career-page .cp-stat span,
.service-page .cp-stat span{color:#b9cbc2}
.about-page .cp-section:nth-of-type(even),
.contact-page .cp-section:nth-of-type(even),
.career-page .cp-section:nth-of-type(even),
.service-page .cp-section:nth-of-type(even){background:var(--cp-cream)}
.about-page .cp-story-card,
.about-page .cp-value-card,
.about-page .cp-office-card,
.contact-page .cp-channel-card,
.contact-page .cp-form-panel,
.career-page .cp-job-card,
.career-page .cp-process-step,
.service-page .cpl-sub-card{
    color:#101713;
    border-color:#d9dfda;
    border-radius:13px;
    background:#fff;
    box-shadow:none;
}
.about-page .cp-value-card p,
.about-page .cp-office-card address,
.contact-page .cp-channel-card p,
.contact-page .cp-form-panel>p,
.career-page .cp-job-card p,
.career-page .cp-process-step p{color:#56645c}
.about-page .cp-value-card i,
.contact-page .cp-channel-card>i,
.career-page .cp-process-step>span{color:var(--cp-forest)}
.contact-page .cp-input{
    color:#17241d;
    border-color:#d6dfd9;
    border-radius:10px;
    background:#fbfcfb;
}
.contact-page .cp-input:focus{
    border-color:var(--cp-forest);
    box-shadow:0 0 0 4px rgba(18,63,50,.08);
}
.about-page .cp-cta,
.contact-page .cp-cta,
.career-page .cp-cta,
.service-page .cp-cta{
    color:#fff;
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 10%,rgba(234,215,181,.24),transparent 28%),
        linear-gradient(125deg,#0d3026,#174c3c 65%,#286852);
}
.about-page .cp-cta .cp-h2,
.contact-page .cp-cta .cp-h2,
.career-page .cp-cta .cp-h2,
.service-page .cp-cta .cp-h2{color:#fff}

/* ============================================================
   ABOUT PAGE REDESIGN
   ============================================================ */
.about-page{
    --about-ink:#0d1726;
    --about-muted:#526172;
    --about-line:#dbe5ef;
    --about-soft:#f4f8fb;
    --about-blue:#155eef;
    --about-teal:#0f9f9a;
    --about-coral:#f06449;
    --about-navy:#08111f;
    background:#fbfdff;
}
.about-page .about-redesign{
    color:var(--about-ink);
    background:#fbfdff;
}
.about-shell{
    width:min(1180px,calc(100% - 40px));
    margin-inline:auto;
}
.about-hero{
    position:relative;
    isolation:isolate;
    min-height:auto;
    padding:clamp(34px,4.4vw,60px) 0 clamp(48px,5vw,72px);
    display:grid;
    align-items:center;
    color:var(--about-ink);
    background:
        radial-gradient(circle at 82% 18%,rgba(15,159,154,.13),transparent 25%),
        radial-gradient(circle at 15% 92%,rgba(21,94,239,.09),transparent 31%),
        linear-gradient(135deg,#fbfaf6 0%,#f6f8f3 58%,#eef7f4 100%);
}
.about-hero:after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:1px;
    z-index:-1;
    background:var(--about-line);
}
.about-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
    gap:clamp(30px,5vw,64px);
    align-items:center;
}
.about-page .about-hero .cp-breadcrumb,
.about-page .about-hero .cp-breadcrumb a{
    color:#68758a;
}
.about-page .about-hero .cp-breadcrumb .current{
    color:var(--about-ink);
}
.about-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#0f9f9a;
    font:800 12px/1.2 var(--font-secondary);
    letter-spacing:.12em;
    text-transform:uppercase;
}
.about-kicker:before{
    content:"";
    width:28px;
    height:2px;
    border-radius:9px;
    background:linear-gradient(90deg,var(--about-teal),var(--about-coral));
}
.about-hero .about-kicker{
    color:var(--about-teal);
}
.about-hero-copy h1{
    max-width:760px;
    margin:16px 0;
    color:var(--about-ink);
    font:820 clamp(2.7rem,4.8vw,4.65rem)/.98 var(--font-primary);
    letter-spacing:-.048em;
    text-wrap:balance;
}
.about-hero-copy p{
    max-width:640px;
    margin:0;
    color:var(--about-muted);
    font:400 16px/1.72 var(--font-secondary);
}
.about-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:26px;
}
.about-page .about-actions .cp-btn{
    min-height:50px;
    border-radius:10px;
}
.about-page .about-actions .cp-btn--primary{
    color:#15213e;
    background:linear-gradient(135deg,#ffd34e,#f5b51b);
    box-shadow:0 18px 38px rgba(193,139,15,.2);
}
.about-page .about-actions .cp-btn--ghost{
    color:var(--about-ink);
    background:rgba(255,255,255,.74);
    border-color:var(--about-line);
}
.about-hero-panel{
    padding:18px;
    border:1px solid rgba(22,40,67,.16);
    border-radius:20px;
    background:linear-gradient(145deg,#13243e,#0b1424);
    box-shadow:0 30px 90px rgba(0,0,0,.32);
    backdrop-filter:blur(18px);
}
.about-dashboard-top,
.about-signal-grid{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.about-dashboard-top{
    color:rgba(255,255,255,.82);
    font:800 13px/1 var(--font-secondary);
}
.about-dashboard-top i{
    color:#70f2de;
}
.about-orbit{
    position:relative;
    display:grid;
    place-items:center;
    min-height:290px;
    margin:14px 0;
    border-radius:18px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 46%,rgba(112,242,222,.24),transparent 28%),
        linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
}
.about-orbit img{
    width:min(76%,300px);
    max-height:270px;
    object-fit:contain;
    filter:drop-shadow(0 24px 34px rgba(0,0,0,.32));
}
.about-orbit-card{
    position:absolute;
    width:126px;
    padding:12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(8,17,31,.72);
    box-shadow:0 14px 35px rgba(0,0,0,.28);
}
.about-orbit-card--one{left:18px;top:42px}
.about-orbit-card--two{right:18px;bottom:38px}
.about-orbit-card strong{
    display:block;
    color:#fff;
    font:850 1.55rem/1 var(--font-primary);
}
.about-orbit-card span,
.about-signal-grid span{
    color:rgba(255,255,255,.68);
    font:650 11px/1.35 var(--font-secondary);
    text-transform:uppercase;
    letter-spacing:.06em;
}
.about-signal-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
}
.about-signal-grid div{
    padding:12px;
    border-radius:12px;
    background:rgba(255,255,255,.1);
}
.about-signal-grid strong{
    display:block;
    color:#fff;
    font:820 18px/1.1 var(--font-primary);
}
.about-proof{
    position:relative;
    z-index:2;
    padding:28px 0 0;
    background:#fbfdff;
}
.about-proof-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    border:1px solid var(--about-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 54px rgba(18,35,61,.08);
}
.about-proof-grid div{
    padding:26px 22px;
    border-right:1px solid var(--about-line);
}
.about-proof-grid div:last-child{
    border-right:0;
}
.about-proof-grid strong{
    display:block;
    color:var(--about-blue);
    font:850 clamp(1.75rem,3vw,2.55rem)/1 var(--font-primary);
}
.about-proof-grid span{
    display:block;
    margin-top:7px;
    color:var(--about-muted);
    font:750 12px/1.35 var(--font-secondary);
    letter-spacing:.04em;
    text-transform:uppercase;
}
.about-section{
    padding:clamp(72px,9vw,118px) 0;
}
.about-story-grid,
.about-journey-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:clamp(36px,6vw,78px);
    align-items:center;
}
.about-media-stack{
    position:relative;
}
.about-media-stack img{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    border-radius:22px;
    border:1px solid var(--about-line);
    box-shadow:0 24px 70px rgba(18,35,61,.14);
}
.about-floating-note{
    position:absolute;
    left:22px;
    right:22px;
    bottom:22px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    color:#fff;
    border-radius:14px;
    background:rgba(8,17,31,.82);
    backdrop-filter:blur(14px);
    font:750 13px/1.45 var(--font-secondary);
}
.about-floating-note i{
    color:#70f2de;
    font-size:20px;
}
.about-section-copy h2,
.about-section-head h2,
.about-cta h2{
    margin:13px 0 0;
    color:var(--about-ink);
    font:820 clamp(2rem,4vw,3.35rem)/1.05 var(--font-primary);
    letter-spacing:-.045em;
    text-wrap:balance;
}
.about-section-copy p,
.about-section-head p{
    margin:18px 0 0;
    color:var(--about-muted);
    font:400 16px/1.78 var(--font-secondary);
}
.about-capability-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}
.about-capability-list span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    color:#17324d;
    border:1px solid var(--about-line);
    border-radius:999px;
    background:#fff;
    font:750 13px/1 var(--font-secondary);
}
.about-capability-list i{
    color:var(--about-teal);
}
.about-pillars,
.about-offices{
    background:var(--about-soft);
}
.about-section-head{
    max-width:760px;
    margin-bottom:34px;
}
.about-pillar-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.about-pillar-card,
.about-office-card,
.about-timeline article{
    border:1px solid var(--about-line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 16px 46px rgba(18,35,61,.07);
}
.about-pillar-card{
    min-height:245px;
    padding:26px 22px;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.about-pillar-card:hover{
    transform:translateY(-6px);
    border-color:#9ac2ff;
    box-shadow:0 22px 58px rgba(18,35,61,.11);
}
.about-pillar-card>i{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:#fff;
    border-radius:12px;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    font-size:21px;
}
.about-pillar-card h3{
    margin:22px 0 10px;
    color:var(--about-ink);
    font:800 1.12rem/1.25 var(--font-primary);
}
.about-pillar-card p{
    margin:0;
    color:var(--about-muted);
    font:400 14px/1.65 var(--font-secondary);
}
.about-journey-grid{
    align-items:start;
}
.about-timeline{
    display:grid;
    gap:14px;
    counter-reset:about-step;
}
.about-timeline article{
    position:relative;
    padding:22px 24px 22px 82px;
}
.about-timeline article:before{
    counter-increment:about-step;
    content:counter(about-step,decimal-leading-zero);
    position:absolute;
    left:22px;
    top:24px;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    color:#fff;
    border-radius:11px;
    background:var(--about-navy);
    font:800 12px/1 var(--font-numeric);
}
.about-timeline span{
    color:var(--about-coral);
    font:850 12px/1 var(--font-secondary);
    letter-spacing:.09em;
    text-transform:uppercase;
}
.about-timeline h3{
    margin:8px 0 7px;
    color:var(--about-ink);
    font:820 1.08rem/1.25 var(--font-primary);
}
.about-timeline p{
    margin:0;
    color:var(--about-muted);
    font:400 14px/1.68 var(--font-secondary);
}
.about-office-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.about-office-card{
    padding:24px;
}
.about-office-code{
    display:inline-grid;
    place-items:center;
    min-width:42px;
    height:34px;
    padding:0 10px;
    color:#fff;
    border-radius:9px;
    background:var(--about-navy);
    font:850 12px/1 var(--font-secondary);
    letter-spacing:.08em;
}
.about-office-card h3{
    margin:18px 0 9px;
    color:var(--about-ink);
    font:820 1.12rem/1.2 var(--font-primary);
}
.about-office-card address{
    min-height:66px;
    margin:0 0 15px;
    color:var(--about-muted);
    font:400 13.5px/1.55 var(--font-secondary);
    font-style:normal;
}
.about-office-card a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--about-blue);
    font:800 13px/1.2 var(--font-secondary);
    text-decoration:none;
}
.about-cta{
    padding:0 0 clamp(70px,9vw,118px);
}
.about-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:clamp(34px,5vw,58px);
    color:#fff;
    border-radius:24px;
    background:
        linear-gradient(120deg,rgba(21,94,239,.94),rgba(15,159,154,.9)),
        url("../images/mobile-app-hero-ai.png") center/cover no-repeat;
    box-shadow:0 26px 78px rgba(21,94,239,.18);
}
.about-cta .about-kicker,
.about-cta h2{
    color:#fff;
}
.about-cta .about-kicker:before{
    background:rgba(255,255,255,.72);
}
.about-page .about-cta .cp-btn--light{
    flex:0 0 auto;
    color:var(--about-blue);
    border-radius:10px;
    background:#fff;
}

@media (max-width:1100px){
    .about-hero-grid,
    .about-story-grid,
    .about-journey-grid{
        grid-template-columns:1fr;
    }
    .about-hero{
        min-height:0;
    }
    .about-hero-panel{
        max-width:640px;
    }
    .about-pillar-grid,
    .about-office-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (min-width:1101px) and (max-height:700px){
    .about-hero{
        padding:24px 0 42px;
    }
    .about-page .about-hero .cp-breadcrumb{
        display:none;
    }
    .about-hero-copy h1{
        max-width:650px;
        margin:12px 0;
        font-size:clamp(2.15rem,3.25vw,3.25rem);
        line-height:1.01;
    }
    .about-hero-copy p{
        max-width:570px;
        font-size:14.5px;
        line-height:1.52;
    }
    .about-actions{
        margin-top:16px;
    }
    .about-page .about-actions .cp-btn{
        min-height:44px;
        padding:12px 22px;
    }
    .about-hero-panel{
        max-width:470px;
        justify-self:end;
        padding:14px;
    }
    .about-orbit{
        min-height:220px;
        margin:10px 0;
    }
    .about-orbit img{
        max-height:210px;
    }
    .about-orbit-card{
        width:112px;
        padding:10px;
    }
    .about-orbit-card--one{
        left:14px;
        top:24px;
    }
    .about-orbit-card--two{
        right:14px;
        bottom:24px;
    }
    .about-signal-grid div{
        padding:10px;
    }
    .about-proof{
        padding-top:22px;
    }
}
@media (max-width:760px){
    .about-shell{
        width:min(100% - 28px,1180px);
    }
    .about-hero{
        padding-top:28px;
        padding-bottom:28px;
    }
    .about-hero-copy h1{
        margin-block:14px;
        font-size:clamp(2.18rem,11.8vw,3.25rem);
    }
    .about-hero-copy p{
        font-size:15.5px;
        line-height:1.68;
    }
    .about-actions{
        margin-top:24px;
    }
    .about-page .about-actions .cp-btn{
        width:100%;
    }
    .about-hero-panel{
        padding:16px;
        border-radius:18px;
    }
    .about-proof-grid,
    .about-pillar-grid,
    .about-office-grid{
        grid-template-columns:1fr;
    }
    .about-proof{
        padding-top:18px;
    }
    .about-proof-grid div{
        border-right:0;
        border-bottom:1px solid var(--about-line);
    }
    .about-proof-grid div:last-child{
        border-bottom:0;
    }
    .about-orbit{
        min-height:250px;
        margin:14px 0;
    }
    .about-orbit img{
        max-height:245px;
    }
    .about-orbit-card{
        width:112px;
        padding:11px;
    }
    .about-orbit-card strong{
        font-size:1.45rem;
    }
    .about-signal-grid{
        grid-template-columns:1fr;
    }
    .about-floating-note{
        position:static;
        margin-top:12px;
        color:var(--about-ink);
        border:1px solid var(--about-line);
        background:#fff;
    }
    .about-cta-inner{
        align-items:flex-start;
        flex-direction:column;
    }
    .about-page .about-cta .cp-btn--light{
        width:100%;
    }
}

/* About page — modern visual refinement */
.about-page .about-redesign{
    overflow:clip;
}
.about-page .about-hero{
    overflow:hidden;
    padding:clamp(44px,5.4vw,76px) 0 clamp(72px,7vw,104px);
    background:
        linear-gradient(rgba(21,94,239,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(21,94,239,.035) 1px,transparent 1px),
        radial-gradient(circle at 84% 18%,rgba(15,159,154,.18),transparent 29%),
        radial-gradient(circle at 10% 88%,rgba(240,100,73,.1),transparent 25%),
        linear-gradient(135deg,#fbfaf6 0%,#f6f8f3 55%,#eef7f4 100%);
    background-size:42px 42px,42px 42px,auto,auto,auto;
}
.about-page .about-hero:before{
    content:"";
    position:absolute;
    z-index:-1;
    width:420px;
    aspect-ratio:1;
    right:-180px;
    top:-210px;
    border:1px solid rgba(15,159,154,.2);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(15,159,154,.035),0 0 0 140px rgba(21,94,239,.025);
}
.about-page .about-hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(380px,.78fr);
}
.about-page .about-hero-copy{
    position:relative;
    z-index:2;
}
.about-page .about-hero-copy h1{
    margin:18px 0 20px;
    max-width:790px;
    font-size:clamp(2.85rem,5vw,4.9rem);
}
.about-page .about-hero-copy p{
    max-width:660px;
    font-size:17px;
}
.about-page .about-actions{
    margin-top:30px;
}
.about-page .about-actions .cp-btn{
    min-height:54px;
    padding-inline:25px;
    border-radius:12px;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.about-page .about-actions .cp-btn:hover{
    transform:translateY(-3px);
}
.about-page .about-actions .cp-btn--primary:hover{
    box-shadow:0 22px 44px rgba(193,139,15,.28);
}
.about-page .about-actions .cp-btn--ghost:hover{
    border-color:rgba(21,94,239,.35);
    box-shadow:0 16px 34px rgba(18,35,61,.09);
}
.about-page .about-hero-panel{
    position:relative;
    isolation:isolate;
    padding:20px;
    border-color:rgba(255,255,255,.15);
    border-radius:28px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.08),transparent 38%),
        linear-gradient(145deg,#13243e,#08111f);
    box-shadow:0 34px 90px rgba(8,17,31,.3),inset 0 1px rgba(255,255,255,.1);
    transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.about-page .about-panel-glow{
    position:absolute;
    z-index:-1;
    width:150px;
    aspect-ratio:1;
    border-radius:50%;
    filter:blur(55px);
    pointer-events:none;
}
.about-page .about-panel-glow--one{
    top:10%;
    right:6%;
    background:rgba(15,159,154,.42);
}
.about-page .about-panel-glow--two{
    bottom:4%;
    left:4%;
    background:rgba(21,94,239,.3);
}
.about-page .about-dashboard-top{
    position:relative;
    z-index:2;
    padding:2px 3px 0;
}
.about-page .about-dashboard-top>span:first-child{
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.about-page .about-dashboard-top>span:first-child i{
    color:#70f2de;
    font-size:10px;
}
.about-page .about-live-label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    color:rgba(255,255,255,.76);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.about-page .about-orbit{
    min-height:310px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:22px;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
        radial-gradient(circle at 50% 46%,rgba(112,242,222,.2),transparent 35%),
        rgba(255,255,255,.025);
    background-size:30px 30px,30px 30px,auto,auto;
}
.about-page .about-orbit-ring{
    position:absolute;
    width:215px;
    aspect-ratio:1;
    border:1px solid rgba(112,242,222,.28);
    border-radius:50%;
    box-shadow:0 0 0 28px rgba(112,242,222,.035),0 0 0 58px rgba(112,242,222,.018);
}
.about-page .about-orbit img{
    position:relative;
    z-index:1;
}
.about-page .about-orbit-card{
    z-index:2;
    width:136px;
    padding:14px;
    border-radius:16px;
    background:rgba(8,17,31,.78);
    backdrop-filter:blur(16px);
}
.about-page .about-orbit-card--one{
    left:16px;
    top:36px;
}
.about-page .about-orbit-card--two{
    right:16px;
    bottom:32px;
}
.about-page .about-signal-grid div{
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:9px;
    padding:13px 14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.065);
}
.about-page .about-signal-grid div>i{
    grid-row:1/3;
    align-self:center;
    color:#70f2de;
    font-size:17px;
}
.about-page .about-proof{
    margin-top:-32px;
    padding-top:0;
    background:transparent;
}
.about-page .about-proof-grid{
    border-color:rgba(21,94,239,.12);
    border-radius:22px;
    box-shadow:0 24px 70px rgba(18,35,61,.11);
}
.about-page .about-proof-grid>div{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    padding:24px 22px;
    overflow:hidden;
    transition:background-color .22s ease;
}
.about-page .about-proof-grid>div:hover{
    background:var(--about-soft);
}
.about-page .about-proof-grid>div:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,var(--about-blue),var(--about-teal));
    opacity:0;
    transition:opacity .22s ease;
}
.about-page .about-proof-grid>div:hover:before{
    opacity:1;
}
.about-page .about-proof-grid>div>i{
    display:grid;
    flex:0 0 43px;
    place-items:center;
    width:43px;
    height:43px;
    color:var(--about-blue);
    border-radius:13px;
    background:rgba(21,94,239,.09);
    font-size:18px;
}
.about-page .about-proof-grid>div:nth-child(even)>i{
    color:var(--about-teal);
    background:rgba(15,159,154,.1);
}
.about-page .about-proof-grid>div>span{
    display:block;
    margin:0;
    color:inherit;
    font:inherit;
    letter-spacing:normal;
    text-transform:none;
}
.about-page .about-proof-grid strong{
    font-size:clamp(1.65rem,2.5vw,2.25rem);
}
.about-page .about-proof-grid small{
    display:block;
    margin-top:5px;
    color:var(--about-muted);
    font:750 10.5px/1.35 var(--font-secondary);
    letter-spacing:.055em;
    text-transform:uppercase;
}
.about-page .about-section{
    position:relative;
}
.about-page .about-story{
    padding-top:clamp(86px,10vw,132px);
}
.about-page .about-story-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
}
.about-page .about-media-stack:before{
    content:"";
    position:absolute;
    left:-18px;
    top:-18px;
    width:34%;
    aspect-ratio:1;
    z-index:-1;
    border-radius:24px 0 0 0;
    background:linear-gradient(135deg,rgba(21,94,239,.14),rgba(15,159,154,.06));
}
.about-page .about-media-stack:after{
    content:"";
    position:absolute;
    right:-14px;
    bottom:-14px;
    width:42%;
    height:45%;
    z-index:-1;
    border-radius:0 0 24px 0;
    background:rgba(240,100,73,.11);
}
.about-page .about-media-stack img{
    border-radius:28px;
    box-shadow:0 30px 80px rgba(18,35,61,.17);
}
.about-page .about-floating-note{
    left:24px;
    right:auto;
    bottom:24px;
    max-width:350px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    box-shadow:0 16px 38px rgba(8,17,31,.22);
}
.about-page .about-section-copy h2,
.about-page .about-section-head h2{
    max-width:760px;
}
.about-page .about-capability-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.about-page .about-capability-list span{
    position:relative;
    padding:13px 15px;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(18,35,61,.045);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.about-page .about-capability-list span:hover{
    transform:translateY(-2px);
    border-color:rgba(15,159,154,.38);
    box-shadow:0 13px 28px rgba(18,35,61,.075);
}
.about-page .about-pillars{
    overflow:hidden;
    background:
        radial-gradient(circle at 95% 8%,rgba(15,159,154,.12),transparent 27%),
        radial-gradient(circle at 3% 90%,rgba(21,94,239,.08),transparent 25%),
        var(--about-soft);
}
.about-page .about-section-head{
    margin-bottom:42px;
}
.about-page .about-pillar-grid{
    gap:18px;
}
.about-page .about-pillar-card{
    position:relative;
    min-height:268px;
    padding:30px 24px 26px;
    overflow:hidden;
    border-radius:20px;
}
.about-page .about-pillar-card:after{
    content:"";
    position:absolute;
    right:-36px;
    bottom:-46px;
    width:120px;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(21,94,239,.055);
    transition:transform .28s ease;
}
.about-page .about-pillar-card:nth-child(even):after{
    background:rgba(15,159,154,.07);
}
.about-page .about-pillar-card:hover:after{
    transform:scale(1.35);
}
.about-page .about-pillar-number{
    position:absolute;
    right:22px;
    top:22px;
    color:rgba(13,23,38,.17);
    font:850 12px/1 var(--font-numeric);
    letter-spacing:.1em;
}
.about-page .about-pillar-card>i{
    width:52px;
    height:52px;
    border-radius:15px;
    box-shadow:0 13px 28px rgba(21,94,239,.2);
}
.about-page .about-pillar-card:nth-child(2)>i,
.about-page .about-pillar-card:nth-child(4)>i{
    background:linear-gradient(135deg,var(--about-teal),var(--about-blue));
}
.about-page .about-pillar-card h3,
.about-page .about-pillar-card p{
    position:relative;
    z-index:1;
}
.about-page .about-journey{
    background:
        linear-gradient(90deg,transparent 49.94%,rgba(21,94,239,.045) 50%,transparent 50.06%);
}
.about-page .about-journey-grid{
    grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);
    gap:clamp(48px,7vw,92px);
}
.about-page .about-journey .about-section-copy{
    position:sticky;
    top:120px;
}
.about-page .about-timeline{
    position:relative;
    gap:0;
    counter-reset:none;
}
.about-page .about-timeline:before{
    content:"";
    position:absolute;
    left:21px;
    top:22px;
    bottom:22px;
    width:2px;
    background:linear-gradient(var(--about-blue),var(--about-teal),var(--about-coral));
}
.about-page .about-timeline article{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:18px;
    padding:0 0 18px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.about-page .about-timeline article:last-child{
    padding-bottom:0;
}
.about-page .about-timeline article:before{
    display:none;
}
.about-page .about-timeline-marker{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    margin-top:22px;
    color:#fff;
    border:5px solid #fbfdff;
    border-radius:50%;
    background:var(--about-blue);
    box-shadow:0 0 0 1px rgba(21,94,239,.18),0 9px 22px rgba(21,94,239,.22);
    font-size:13px;
}
.about-page .about-timeline article:nth-child(3n+2) .about-timeline-marker{
    background:var(--about-teal);
}
.about-page .about-timeline article:nth-child(3n) .about-timeline-marker{
    background:var(--about-coral);
}
.about-page .about-timeline-content{
    padding:22px 24px;
    border:1px solid var(--about-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 42px rgba(18,35,61,.065);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.about-page .about-timeline article:hover .about-timeline-content{
    transform:translateX(5px);
    border-color:rgba(21,94,239,.25);
    box-shadow:0 20px 48px rgba(18,35,61,.1);
}
.about-page .about-timeline h3{
    font-size:1.14rem;
}
.about-page .about-offices{
    background:
        linear-gradient(rgba(21,94,239,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(21,94,239,.025) 1px,transparent 1px),
        var(--about-soft);
    background-size:36px 36px;
}
.about-page .about-office-grid{
    gap:18px;
}
.about-page .about-office-card{
    position:relative;
    min-height:238px;
    padding:25px;
    overflow:hidden;
    border-radius:20px;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.about-page .about-office-card:before{
    content:"";
    position:absolute;
    right:-50px;
    top:-50px;
    width:125px;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(15,159,154,.065);
}
.about-page .about-office-card:hover{
    transform:translateY(-5px);
    border-color:rgba(21,94,239,.25);
    box-shadow:0 24px 58px rgba(18,35,61,.11);
}
.about-page .about-office-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.about-page .about-office-top>i{
    color:rgba(13,23,38,.3);
    transition:color .2s ease,transform .2s ease;
}
.about-page .about-office-card:hover .about-office-top>i{
    color:var(--about-blue);
    transform:translate(2px,-2px);
}
.about-page .about-office-code{
    border-radius:10px;
    background:linear-gradient(135deg,var(--about-navy),#17324d);
}
.about-page .about-office-card address{
    display:flex;
    align-items:flex-start;
    gap:9px;
    min-height:66px;
}
.about-page .about-office-card address i{
    flex:0 0 auto;
    margin-top:2px;
    color:var(--about-teal);
}
.about-page .about-office-card a{
    min-height:36px;
    padding:8px 11px;
    border-radius:9px;
    background:rgba(21,94,239,.07);
    transition:background-color .2s ease,color .2s ease;
}
.about-page .about-office-card a:hover{
    color:#fff;
    background:var(--about-blue);
}
.about-page .about-cta{
    padding-top:clamp(70px,8vw,106px);
    background:#fbfdff;
}
.about-page .about-cta-inner{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:28px;
    background:
        radial-gradient(circle at 78% 0%,rgba(255,255,255,.22),transparent 27%),
        linear-gradient(120deg,rgba(21,94,239,.96),rgba(15,159,154,.92)),
        url("../images/mobile-app-hero-ai.png") center/cover no-repeat;
    box-shadow:0 30px 80px rgba(21,94,239,.22);
}
.about-page .about-cta-inner:after{
    content:"";
    position:absolute;
    z-index:-1;
    width:260px;
    aspect-ratio:1;
    right:-100px;
    bottom:-150px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    box-shadow:0 0 0 50px rgba(255,255,255,.045),0 0 0 100px rgba(255,255,255,.025);
}
.about-page .about-cta h2{
    max-width:720px;
}
.about-page .about-cta .cp-btn--light{
    min-height:52px;
    padding-inline:24px;
    border-radius:12px;
    box-shadow:0 15px 34px rgba(8,17,31,.15);
    transition:transform .2s ease,box-shadow .2s ease;
}
.about-page .about-cta .cp-btn--light:hover{
    transform:translateY(-3px);
    box-shadow:0 19px 40px rgba(8,17,31,.22);
}
.about-page .about-actions a:focus-visible,
.about-page .about-office-card a:focus-visible,
.about-page .about-cta a:focus-visible{
    outline:3px solid var(--about-coral);
    outline-offset:4px;
}

@media (max-width:1100px){
    .about-page .about-hero-grid,
    .about-page .about-story-grid,
    .about-page .about-journey-grid{
        grid-template-columns:1fr;
    }
    .about-page .about-hero-panel{
        width:min(100%,680px);
        transform:none;
    }
    .about-page .about-journey{
        background:#fbfdff;
    }
    .about-page .about-journey .about-section-copy{
        position:static;
        max-width:760px;
    }
}
@media (max-width:760px){
    .about-page .about-hero{
        padding-top:30px;
        padding-bottom:62px;
        background-size:32px 32px,32px 32px,auto,auto,auto;
    }
    .about-page .about-hero:before{
        display:none;
    }
    .about-page .about-hero-copy h1{
        font-size:clamp(2.2rem,11vw,3.35rem);
    }
    .about-page .about-hero-copy p{
        font-size:15.5px;
    }
    .about-page .about-hero-panel{
        padding:14px;
        border-radius:21px;
    }
    .about-page .about-orbit{
        min-height:260px;
    }
    .about-page .about-orbit-ring{
        width:165px;
    }
    .about-page .about-signal-grid{
        grid-template-columns:repeat(3,1fr);
        gap:7px;
    }
    .about-page .about-signal-grid div{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
        padding:11px 9px;
    }
    .about-page .about-signal-grid div>i{
        margin-bottom:4px;
    }
    .about-page .about-signal-grid strong{
        font-size:15px;
    }
    .about-page .about-signal-grid span{
        font-size:9px;
    }
    .about-page .about-proof{
        margin-top:-22px;
    }
    .about-page .about-proof-grid>div{
        padding:19px 20px;
    }
    .about-page .about-proof-grid>div:before{
        width:3px;
        height:100%;
    }
    .about-page .about-media-stack:before,
    .about-page .about-media-stack:after{
        display:none;
    }
    .about-page .about-media-stack img{
        border-radius:20px;
    }
    .about-page .about-floating-note{
        max-width:none;
        margin-top:12px;
        color:var(--about-ink);
        border:1px solid var(--about-line);
        background:#fff;
        box-shadow:0 12px 28px rgba(18,35,61,.07);
    }
    .about-page .about-capability-list{
        grid-template-columns:1fr;
    }
    .about-page .about-pillar-card{
        min-height:0;
    }
    .about-page .about-timeline:before{
        left:17px;
    }
    .about-page .about-timeline article{
        grid-template-columns:36px 1fr;
        gap:12px;
    }
    .about-page .about-timeline-marker{
        width:36px;
        height:36px;
        border-width:4px;
    }
    .about-page .about-timeline-content{
        padding:19px 18px;
    }
    .about-page .about-timeline article:hover .about-timeline-content{
        transform:none;
    }
    .about-page .about-office-card{
        min-height:0;
    }
    .about-page .about-cta{
        padding-top:70px;
    }
    .about-page .about-cta-inner{
        border-radius:22px;
    }
}
@media (max-width:420px){
    .about-page .about-orbit-card{
        width:105px;
        padding:10px;
    }
    .about-page .about-orbit-card--one{
        left:8px;
        top:28px;
    }
    .about-page .about-orbit-card--two{
        right:8px;
        bottom:22px;
    }
    .about-page .about-orbit-card strong{
        font-size:1.3rem;
    }
    .about-page .about-orbit-card span{
        font-size:9px;
    }
}
@media (prefers-reduced-motion:reduce){
    .about-page .about-actions .cp-btn,
    .about-page .about-capability-list span,
    .about-page .about-pillar-card,
    .about-page .about-pillar-card:after,
    .about-page .about-timeline-content,
    .about-page .about-office-card,
    .about-page .about-office-top>i,
    .about-page .about-cta .cp-btn--light{
        transition:none;
    }
    .about-page .about-actions .cp-btn:hover,
    .about-page .about-capability-list span:hover,
    .about-page .about-pillar-card:hover,
    .about-page .about-timeline article:hover .about-timeline-content,
    .about-page .about-office-card:hover,
    .about-page .about-cta .cp-btn--light:hover{
        transform:none;
    }
}

/* ============================================================
   FOOD DELIVERY AND MOBILE APP STANDALONE PAGES
   ============================================================ */
.food-delivery-page{
    --fda-forest:#123f32;
    --fda-deep:#09291f;
    --fda-gold:#c8913c;
}
.food-delivery-page .fda-main{color:#101713;background:#fbfaf7}
.food-delivery-page .fda-hero{
    color:#101713;
    background:
        radial-gradient(circle at 82% 16%,rgba(200,145,60,.17),transparent 24%),
        linear-gradient(135deg,#faf8f2,#f0ece3 55%,#eaf2ed);
}
.food-delivery-page .fda-hero h1{
    color:#101713;
    font-family:"Inter",Arial,sans-serif;
    font-weight:720;
    letter-spacing:-.06em;
}
.food-delivery-page .fda-hero h1 span{color:var(--fda-forest)}
.food-delivery-page .fda-hero-lead{color:#526159}
.food-delivery-page .fda-eyebrow{color:var(--fda-forest);border-color:#cddbd2;background:#eff5f1}
.food-delivery-page .fda-btn{border-radius:11px}
.food-delivery-page .fda-btn--primary{color:#fff;background:var(--fda-forest);box-shadow:0 14px 30px rgba(18,63,50,.17)}
.food-delivery-page .fda-btn--ghost{color:var(--fda-forest);border-color:#b9c9bf;background:#fff}
.food-delivery-page .fda-section:nth-of-type(even){background:#f6f2ea}
.food-delivery-page .fda-app-card,
.food-delivery-page .fda-model{border-color:#d9dfda;border-radius:13px;box-shadow:none}
.food-delivery-page .fda-app-icon{color:var(--fda-forest);background:#e5f0e9}
.food-delivery-page .fda-cta-inner{background:linear-gradient(125deg,#0d3026,#174c3c 65%,#286852)}

.mobile-app-page{
    --ma-forest:#123f32;
    --ma-deep:#09291f;
    --ma-gold:#c8913c;
}
.mobile-app-page .ma-main{color:#101713;background:#fbfaf7}
.mobile-app-page .ma-hero{
    color:#101713;
    background:
        radial-gradient(circle at 82% 18%,rgba(200,145,60,.17),transparent 25%),
        linear-gradient(135deg,#faf8f2,#f0ece3 56%,#eaf2ed);
}
.mobile-app-page .ma-hero h1{
    color:#101713;
    font-family:"Inter",Arial,sans-serif;
    font-weight:720;
}
.mobile-app-page .ma-hero h1 span{color:var(--ma-forest)}
.mobile-app-page .ma-hero-copy>p{color:#526159}
.mobile-app-page .ma-eyebrow{color:var(--ma-forest);border-color:#cddbd2;background:#eff5f1}
.mobile-app-page .ma-btn{border-radius:11px}
.mobile-app-page .ma-btn-primary{color:#fff;background:var(--ma-forest)}
.mobile-app-page .ma-btn-ghost{color:var(--ma-forest);border-color:#b9c9bf;background:#fff}
.mobile-app-page .ma-section:nth-of-type(even){background:#f6f2ea}
.mobile-app-page .ma-service-card,
.mobile-app-page .ma-process-step,
.mobile-app-page .ma-case-card{
    border-color:#d9dfda;
    border-radius:13px;
    background:#fff;
    box-shadow:none;
}
.mobile-app-page .ma-service-icon{color:var(--ma-forest);background:#e5f0e9}
.mobile-app-page .ma-cta{background:linear-gradient(125deg,#0d3026,#174c3c 65%,#286852)}

/* Site-wide header action follows the shared palette. */
.btn-cta{
    border-color:#06101f!important;
    background:#06101f!important;
    box-shadow:0 10px 24px rgba(6,16,31,.2)!important;
}
.btn-cta:hover{background:#0b1d34!important}

/* Header dual actions: login + contact. */
.navbar-actions{
    gap:10px;
}
.navbar-actions .btn-login,
.navbar-actions .btn-cta{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 19px;
    border-radius:999px;
    font-weight:700;
    font-size:14px;
    line-height:1;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.navbar-actions .btn-login{
    color:#123f32;
    border:1px solid rgba(18,63,50,.2);
    background:rgba(255,255,255,.86);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.navbar-actions .btn-login:hover{
    color:#fff;
    border-color:#123f32;
    background:#123f32;
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(18,63,50,.18);
}
.navbar-actions .btn-cta{
    margin-left:0;
    color:#fff!important;
    border:1px solid #06101f!important;
    background:linear-gradient(135deg,#0b1d34,#06101f)!important;
}
.navbar-actions .btn-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(6,16,31,.3)!important;
}
.navbar-actions .btn-cta i{
    transition:transform .25s ease;
}
.navbar-actions .btn-cta:hover i{
    transform:translate(2px,-2px);
}
@media (max-width:768px){
    .navbar-actions{gap:6px}
    .navbar-actions .btn-login,
    .navbar-actions .btn-cta{
        min-height:38px;
        padding:0 12px;
        font-size:12px;
    }
    .navbar-actions .btn-login i{font-size:15px}
}
@media (max-width:420px){
    .navbar-inner{padding-inline:12px}
    .navbar-actions{gap:4px;margin-left:0}
    .navbar-logo-img{height:24px}
    .navbar-actions .btn-login{
        width:38px;
        padding:0;
    }
    .navbar-actions .btn-login span{display:none}
    .navbar-actions .btn-cta{
        padding:0 9px;
    }
    .navbar-actions .btn-cta i{display:none}
}

/* About Us / Insights mega menu. */
.navbar-menu .about-mega{
    left:-92px;
    width:min(840px,calc(100vw - 48px));
    padding:30px 34px 34px;
    overflow:hidden;
    border:1px solid rgba(18,63,50,.12);
    border-top:2px solid #2e9ec5;
    border-radius:0 0 24px 24px;
    background:rgba(255,255,255,.98);
    box-shadow:0 28px 70px rgba(7,37,29,.18);
}
.about-mega-watermark{
    position:absolute;
    top:-30px;
    left:38px;
    color:#eaf5f9;
    font:800 105px/1 var(--font-primary);
    letter-spacing:-.05em;
    pointer-events:none;
}
.about-mega-head{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    color:#178fca;
    font-size:24px;
}
.about-mega-icon{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border:1px solid #9ad8ed;
    border-radius:50%;
    background:#f4fbfe;
}
.about-mega-head strong{
    font-weight:600;
}
.about-mega-divider{
    position:relative;
    height:1px;
    margin:24px 0 20px;
    background:#dfe8eb;
}
.about-mega-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 22px;
}
.nav-dropdown .about-mega-item{
    position:relative;
    display:grid;
    grid-template-columns:42px 1fr 18px;
    align-items:start;
    gap:13px;
    min-width:0;
    padding:18px;
    border:1px solid transparent;
    border-radius:16px;
    color:#102c33;
    white-space:normal;
    transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.nav-dropdown .about-mega-item:hover{
    padding-left:18px;
    color:#102c33;
    border-left-color:rgba(53,172,198,.24);
    border-color:rgba(53,172,198,.24);
    background:linear-gradient(135deg,#f0fafc,#f8fcfb);
    box-shadow:0 12px 28px rgba(20,106,117,.09);
    transform:translateY(-2px);
}
.about-mega-item-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#168eae;
    background:#eaf7f9;
    font-size:18px;
}
.about-mega-item strong{
    display:block;
    margin-bottom:5px;
    font-size:17px;
    font-weight:700;
}
.about-mega-item small{
    display:block;
    color:#687b85;
    font-size:13px;
    line-height:1.55;
}
.about-mega-arrow{
    margin-top:3px;
    color:#6baab8;
    opacity:0;
    transform:translate(-4px,4px);
    transition:.25s ease;
}
.about-mega-item:hover .about-mega-arrow{
    opacity:1;
    transform:none;
}
@media(max-width:1100px){
    .navbar-menu .about-mega{
        left:-35px;
        width:min(720px,calc(100vw - 30px));
    }
    .about-mega-watermark{font-size:88px}
}

/* ============================================================
   HOME PAGE — same palette, preserving its interactive hero
   ============================================================ */
.home-page .hero-premium{background:#09291f}
.home-page .hp-aurora-blob--1{
    background:radial-gradient(circle at 35% 35%,rgba(36,104,82,.82),transparent 65%);
}
.home-page .hp-aurora-blob--2{
    background:radial-gradient(circle at 60% 40%,rgba(200,145,60,.52),transparent 65%);
}
.home-page .hp-aurora-blob--3{
    background:radial-gradient(circle at 50% 50%,rgba(102,139,116,.48),transparent 65%);
}
.home-page .hp-grid{
    background-image:
        linear-gradient(rgba(240,207,153,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,207,153,.055) 1px,transparent 1px);
}
.home-page .hp-badge{color:#e4efe9;border-color:rgba(240,207,153,.2);background:rgba(255,255,255,.06)}
.home-page .hp-badge-dot{background:#f0cf99}
.home-page .hp-gradient{
    background:linear-gradient(115deg,#f0cf99,#fff0d2 55%,#c8913c);
    -webkit-background-clip:text;
    background-clip:text;
}
.home-page .hp-btn{border-radius:11px}
.home-page .hp-btn--primary{color:#09291f;background:#f0cf99;box-shadow:0 16px 38px rgba(200,145,60,.2)}
.home-page .hp-btn--glass{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.home-page .hp-glass-card{border-color:rgba(240,207,153,.15);background:rgba(255,255,255,.07)}
.home-page .hp-container{grid-template-columns:1.12fr .88fr}
.home-page .hp-heading{
    font-size:clamp(2.7rem,4vw,4rem);
    line-height:1.04;
}
.home-page .hp-heading>.hp-line{white-space:nowrap}
.home-page .hero-premium{
    min-height:auto;
    background:
        radial-gradient(circle at 82% 18%,rgba(196,154,67,.16),transparent 27%),
        linear-gradient(145deg,#071f18,#103b2e)!important;
}
.home-page .hero-side-tab{display:none}
.home-page .hp-container{
    max-width:1480px;
    gap:clamp(42px,6vw,88px);
    padding-top:clamp(70px,7vw,104px);
    padding-bottom:clamp(58px,6vw,88px);
}
.home-page .hp-copy{position:relative;z-index:3;min-width:0}
.home-page .hp-badge{
    padding:9px 13px;
    color:#dce9e2;
    border-color:rgba(239,211,149,.24);
    background:rgba(255,255,255,.055);
    box-shadow:none;
    font-size:10px;
}
.home-page .hp-heading{
    max-width:760px;
    margin:24px 0 23px;
    color:#fff;
    font-weight:720;
    letter-spacing:-.06em;
}
.home-page .hp-gradient{
    color:#efd395;
    background:linear-gradient(110deg,#efd395,#fff0d1 55%,#c99a40);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.home-page .hp-subtext{
    max-width:610px;
    margin-bottom:28px;
    color:#b9cac1;
    font:400 14px/1.75 "Inter",Arial,sans-serif;
}
.home-page .hp-cta-group{gap:10px;margin-bottom:34px}
.home-page .hp-btn{
    min-height:48px;
    padding:14px 20px;
    border-radius:11px;
    font:720 11px/1 "Inter",Arial,sans-serif;
}
.home-page .hp-btn--primary{
    color:#10271f;
    background:#efd395;
    box-shadow:0 16px 34px rgba(196,154,67,.18);
}
.home-page .hp-btn--glass{
    color:#e4ece8;
    border-color:rgba(255,255,255,.14);
    background:rgba(255,255,255,.045);
}
.home-page .hp-btn--glass i{color:#efd080}
.home-page .hp-trust{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    max-width:650px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.1);
}
.home-page .hp-trust-item{
    gap:6px;
    padding:0 18px;
    border-right:1px solid rgba(255,255,255,.09);
}
.home-page .hp-trust-item:first-child{padding-left:0}
.home-page .hp-trust-item:last-child{border-right:0}
.home-page .hp-trust-item strong{
    color:#fff;
    font:720 1.55rem/1 "Inter",Arial,sans-serif;
    letter-spacing:-.04em;
}
.home-page .hp-trust-item span{
    color:#9fb2a8;
    font:550 9px/1.35 "Inter",Arial,sans-serif;
}
.home-page .hp-visual{
    isolation:isolate;
    height:clamp(430px,41vw,590px);
    overflow:hidden;
    border:1px solid rgba(239,211,149,.22);
    border-radius:28px;
    background:
        radial-gradient(circle at 50% 46%,rgba(48,111,88,.35),transparent 43%),
        linear-gradient(145deg,rgba(4,29,21,.78),rgba(17,59,46,.65));
    box-shadow:0 32px 70px rgba(2,18,13,.28);
}
.home-page .hp-visual::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        linear-gradient(rgba(239,211,149,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(239,211,149,.035) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
.home-page .hp-orbit-ring{border-color:rgba(239,211,149,.22)}
.home-page .hp-orbit-ring::before{
    background:#efd080;
    box-shadow:0 0 14px 3px rgba(239,208,128,.42);
}
.home-page .hp-glass-card{
    padding:12px 14px;
    border-color:rgba(239,211,149,.17);
    border-radius:13px;
    background:rgba(5,35,26,.78);
    box-shadow:0 16px 38px rgba(0,0,0,.24);
}
.home-page .hp-glass-card i{
    width:36px;
    height:36px;
    color:#efd080;
    border-color:rgba(239,208,128,.2);
    background:rgba(239,208,128,.08);
}
.home-page .hp-glass-card span{color:#aebfb6}
.home-page .hp-scroll-cue{display:none}
.home-page .hero-premium .hero-ratings{
    border-top-color:rgba(255,255,255,.09);
    background:rgba(5,28,21,.72);
}
.home-page .hero-ratings-inner{
    justify-content:center;
    width:100%;
    max-width:1260px;
    margin:0 auto;
}
@media(max-width:900px){
    .home-page .hero-ratings-inner{
        justify-content:flex-start;
        margin:0;
    }
}
.home-page .industries-section .ind-card-bg{
    overflow:hidden;
}
.home-page .industries-section .ind-card-bg img{
    filter:blur(3.5px);
    transform:scale(1.035);
}
.home-page .industries-section .ind-card:hover .ind-card-bg img{
    filter:blur(4.5px);
    transform:scale(1.065);
}
@media(max-width:1024px){
    .home-page .hp-container{
        grid-template-columns:1fr;
        padding-inline:32px;
    }
    .home-page .hp-copy{width:100%}
    .home-page .hp-heading{max-width:820px}
    .home-page .hp-heading>.hp-line{white-space:nowrap}
    .home-page .hp-visual{
        width:100%;
        height:clamp(360px,66vw,500px);
        margin-top:4px;
    }
}
@media(max-width:640px){
    .home-page .hp-container{padding:54px 20px 44px}
    .home-page .hp-heading{
        margin-top:20px;
        font-size:clamp(2.45rem,11.5vw,3.2rem);
    }
    .home-page .hp-heading>.hp-line{white-space:normal}
    .home-page .hp-cta-group{display:grid;grid-template-columns:1fr}
    .home-page .hp-btn{justify-content:center;width:100%}
    .home-page .hp-trust{grid-template-columns:repeat(2,1fr);row-gap:20px}
    .home-page .hp-trust-item:nth-child(2){border-right:0}
    .home-page .hp-trust-item:nth-child(3){padding-left:0}
    .home-page .hp-visual{height:350px;border-radius:20px}
    .home-page .hp-glass-card--3{display:none}
}
.home-page .consult-section{
    background:
        radial-gradient(circle at 90% 10%,rgba(200,145,60,.13),transparent 28%),
        #f6f2ea;
}
.home-page .consult-form-title,
.home-page .faq-section h2{color:#101713}
.home-page .consult-form-eyebrow{color:#123f32}
.home-page .consult-input,
.home-page .consult-select{
    color:#17241d;
    border-color:#d6dfd9;
    border-radius:10px;
    background:#fff;
}
.home-page .consult-submit{border-radius:11px;background:#123f32}
.home-page .faq-item{border-color:#d9dfda}

/* ============================================================
   BLOG DETAILS
   ============================================================ */
.blog-detail-page{
    --bd-forest:#123f32;
    --bd-deep:#09291f;
    --bd-gold:#c8913c;
    background:#fbfaf7;
}
.blog-detail-page .bd-hero-overlay{
    background:linear-gradient(90deg,rgba(9,41,31,.94),rgba(9,41,31,.72) 58%,rgba(9,41,31,.48));
}
.blog-detail-page .bd-category-badge,
.blog-detail-page .bd-section-eyebrow{color:#123f32;background:#edf5f0}
.blog-detail-page .bd-layout{background:#fbfaf7}
.blog-detail-page .bd-article,
.blog-detail-page .bd-overview-card,
.blog-detail-page .bd-faq-item,
.blog-detail-page .bd-recent-card,
.blog-detail-page .bd-inquiry-card,
.blog-detail-page .bd-sidebar-card{
    border-color:#d9dfda;
    border-radius:13px;
    background:#fff;
    box-shadow:none;
}
.blog-detail-page .bd-section-heading,
.blog-detail-page .bd-article-body h3,
.blog-detail-page .bd-inquiry-heading{color:#101713}
.blog-detail-page .bd-overview-icon-wrap,
.blog-detail-page .bd-faq-icon{color:#123f32;background:#e5f0e9}
.blog-detail-page .bd-form-input,
.blog-detail-page .bd-form-select,
.blog-detail-page .bd-form-textarea{
    border-color:#d6dfd9;
    border-radius:10px;
    background:#fbfcfb;
}
.blog-detail-page .bd-form-submit,
.blog-detail-page .bd-recent-btn{border-radius:10px;background:#123f32}
.blog-detail-page .bd-sidebar-cta{background:linear-gradient(145deg,#09291f,#174c3c)}

/* ============================================================
   SIMPLIFIED PRODUCT CATALOG HEADER
   ============================================================ */
.navbar-menu--catalog{gap:4px}
.navbar-menu--catalog .nav-link{
    padding:14px 12px;
    color:#24342c;
    font-weight:650;
}
.navbar-menu--catalog .nav-link:hover,
.navbar-menu--catalog .nav-item.open>.nav-link{color:#123f32}
.navbar-menu--catalog .nav-arrow{color:#6e7e75}
.navbar-menu--catalog .nav-catalog{
    left:50%;
    right:auto;
    width:min(760px,calc(100vw - 42px));
    border:1px solid #d8dfda;
    border-radius:18px;
    background:rgba(255,255,255,.98);
    box-shadow:0 28px 70px rgba(9,41,31,.16);
    transform:translate(-50%,12px);
    backdrop-filter:blur(20px);
}
.navbar-menu--catalog .nav-item:hover>.nav-catalog,
.navbar-menu--catalog .nav-item.open>.nav-catalog{
    transform:translate(-50%,0);
}
.navbar-menu--catalog>.nav-item:first-child>.nav-catalog{
    left:0;
    right:auto;
    transform:translate(0,12px);
}
.navbar-menu--catalog>.nav-item:first-child:hover>.nav-catalog,
.navbar-menu--catalog>.nav-item:first-child.open>.nav-catalog{
    transform:translate(0,0);
}
.navbar-menu--catalog>.nav-item:nth-child(3)>.nav-catalog,
.navbar-menu--catalog>.nav-item:last-child>.nav-catalog{
    left:auto;
    right:0;
    transform:translate(0,12px);
}
.navbar-menu--catalog>.nav-item:nth-child(3):hover>.nav-catalog,
.navbar-menu--catalog>.nav-item:nth-child(3).open>.nav-catalog,
.navbar-menu--catalog>.nav-item:last-child:hover>.nav-catalog,
.navbar-menu--catalog>.nav-item:last-child.open>.nav-catalog{
    transform:translate(0,0);
}
.navbar-menu--catalog .nav-catalog--3col{width:min(1020px,calc(100vw - 42px))}
.navbar-menu--catalog .nav-catalog--4col{width:min(1280px,calc(100vw - 42px))}
.navbar-menu--catalog .nav-catalog .mega-inner{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:18px;
}
.navbar-menu--catalog .nav-catalog--3col .mega-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
.navbar-menu--catalog .nav-catalog--4col .mega-inner{grid-template-columns:repeat(4,minmax(0,1fr))}
.navbar-menu--catalog .nav-catalog .mega-col{
    padding:15px;
    border:1px solid #e1e6e2;
    border-radius:12px;
    background:#fbfcfb;
}
.navbar-menu--catalog .nav-catalog .mega-col-header{
    color:#123f32;
    border-bottom-color:#e2e7e3;
}
.navbar-menu--catalog .nav-catalog .mega-icon{
    color:#123f32;
    background:#e6f0e9;
}
.navbar-menu--catalog .nav-catalog .mega-links{
    display:grid;
    grid-template-columns:1fr;
    max-height:none;
    overflow:visible;
}
.navbar-menu--catalog .nav-catalog .mega-links a{
    color:#435249;
    border-radius:7px;
}
.navbar-menu--catalog .nav-catalog .mega-links a:hover{
    color:#123f32;
    background:#edf5f0;
    transform:translateX(3px);
}
.grid-panel{
    border-color:#d8dfda;
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 60px rgba(9,41,31,.15);
}
.grid-panel a{color:#34443b}
.grid-panel a:hover{color:#123f32;background:#edf5f0}

@media(max-width:1380px){
    .navbar-menu--catalog .nav-link{padding-inline:9px;font-size:12px}
}

/* ============================================================
   MOBILE APP PAGE: WEB-DEVELOPMENT SECTION RHYTHM
   ============================================================ */
.mobile-app-page .ma-main{
    --ma-page-width:1356px;
    color:#101713;
    background:#f7f4ed;
}
.mobile-app-page .ma-proof{
    border-color:rgba(255,255,255,.1);
    background:#0b2b22!important;
}
.mobile-app-page .ma-proof span{
    color:#d8e4dd;
    border-color:rgba(255,255,255,.1);
}
.mobile-app-page .ma-proof-premium{
    overflow:hidden;
    border:0;
    background:#0b2b22!important;
}
.mobile-app-page .ma-proof-stats{
    width:min(100%,1356px);
    min-height:112px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin:auto;
}
.mobile-app-page .ma-proof-stats>div{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:22px 36px;
    border-right:1px solid rgba(255,255,255,.11);
}
.mobile-app-page .ma-proof-stats>div:first-child{border-left:1px solid rgba(255,255,255,.11)}
.mobile-app-page .ma-proof-stats strong{
    color:#fff;
    font:780 clamp(2rem,3vw,2.7rem)/1 "Inter",Arial,sans-serif;
    letter-spacing:-.045em;
}
.mobile-app-page .ma-proof-stats span{
    margin-top:9px;
    padding:0;
    color:#e6d29d;
    border:0;
    text-align:left;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mobile-app-page .ma-proof-ticker{
    overflow:hidden;
    border-block:1px solid #dce2de;
    background:#fff;
}
.mobile-app-page .ma-proof-track{
    width:max-content;
    min-height:42px;
    display:flex;
    align-items:center;
    animation:ma-proof-scroll 34s linear infinite;
}
.mobile-app-page .ma-proof-track span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 25px;
    color:#55635b;
    border:0;
    white-space:nowrap;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.mobile-app-page .ma-proof-track i{color:#8f6c28;font-size:13px}
.mobile-app-page .ma-proof-ticker:hover .ma-proof-track{animation-play-state:paused}
@keyframes ma-proof-scroll{
    from{transform:translateX(0)}
    to{transform:translateX(-42%)}
}
@media(prefers-reduced-motion:reduce){
    .mobile-app-page .ma-proof-track{animation:none}
}
@media(max-width:700px){
    .mobile-app-page .ma-proof-stats{
        grid-template-columns:repeat(2,1fr);
    }
    .mobile-app-page .ma-proof-stats>div{
        min-height:94px;
        padding:19px 18px;
        border-bottom:1px solid rgba(255,255,255,.1);
    }
    .mobile-app-page .ma-proof-stats>div:nth-child(odd){border-left:0}
    .mobile-app-page .ma-proof-stats>div:nth-child(even){border-right:0}
    .mobile-app-page .ma-proof-stats strong{font-size:1.85rem}
    .mobile-app-page .ma-proof-stats span{font-size:8px}
}
.mobile-app-page .ma-section{
    max-width:none;
    margin:0;
    padding:
        clamp(72px,7.4vw,108px)
        max(22px,calc((100vw - var(--ma-page-width))/2));
}
.mobile-app-page .ma-section-head,
.mobile-app-page .ma-reference-heading{
    max-width:var(--ma-page-width);
    margin-inline:auto;
}
.mobile-app-page .ma-section-head h2,
.mobile-app-page .ma-reference-heading h2,
.mobile-app-page .ma-value h2,
.mobile-app-page .ma-security h2{
    color:#101713;
    font-family:"Inter",Arial,sans-serif;
    font-weight:720;
    letter-spacing:-.055em;
}
.mobile-app-page .ma-section-head h2::after,
.mobile-app-page .ma-reference-heading h2::after{
    content:"";
    display:block;
    width:76px;
    height:5px;
    margin-top:18px;
    border-radius:99px;
    background:linear-gradient(90deg,#153f33,#c49a43);
}
.mobile-app-page .ma-reference-heading h2::after{margin-inline:auto}

/* White and cream rows, ordered to follow the web-development page. */
.mobile-app-page .ma-services,
.mobile-app-page .ma-process,
.mobile-app-page .ma-clients,
.mobile-app-page .ma-case,
.mobile-app-page .ma-tech,
.mobile-app-page .ma-engagement,
.mobile-app-page .ma-faq{
    background:#fff!important;
}
.mobile-app-page .ma-services{
    padding-top:72px;
    padding-bottom:72px;
}
.mobile-app-page .ma-industries,
.mobile-app-page .ma-use-cases,
.mobile-app-page .ma-comprehensive,
.mobile-app-page .ma-cost{
    background:
        radial-gradient(circle at 90% 5%,rgba(196,154,67,.09),transparent 23%),
        #f7f4ed!important;
}

/* Forest rows for outcomes, recognition, security and testimonial. */
.mobile-app-page .ma-value,
.mobile-app-page .ma-recognition,
.mobile-app-page .ma-security,
.mobile-app-page .ma-testimonial{
    color:#fff;
    background:
        radial-gradient(circle at 88% 8%,rgba(196,154,67,.17),transparent 25%),
        linear-gradient(135deg,#09291f,#123f32)!important;
}
.mobile-app-page .ma-value h2,
.mobile-app-page .ma-recognition h2,
.mobile-app-page .ma-security h2,
.mobile-app-page .ma-testimonial blockquote{color:#fff}
.mobile-app-page .ma-value .ma-eyebrow,
.mobile-app-page .ma-recognition .ma-eyebrow,
.mobile-app-page .ma-security .ma-eyebrow{color:#efd395}
.mobile-app-page .ma-value-copy>p,
.mobile-app-page .ma-security-copy>p{color:#b9cbc1}
.mobile-app-page .ma-value-copy li{color:#d7e3dd}
.mobile-app-page .ma-value-copy li i{color:#e9c979}
.mobile-app-page .ma-value-copy .ma-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:8px 11px;
    color:#efd395;
    border:1px solid rgba(239,211,149,.28);
    border-radius:999px;
    background:rgba(239,211,149,.08);
    font-size:9px;
    letter-spacing:.13em;
}
.mobile-app-page .ma-value-copy h2{
    max-width:620px;
    margin:20px 0 18px;
    font-size:clamp(2.7rem,4.25vw,4.65rem);
    line-height:.99;
}
.mobile-app-page .ma-value-copy>p{
    max-width:610px;
    font-size:14px;
    line-height:1.72;
}
.mobile-app-page .ma-value-copy ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:27px;
}
.mobile-app-page .ma-value-copy li{
    min-height:70px;
    align-items:flex-start;
    padding:15px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    font-size:11.5px;
    line-height:1.45;
    transition:border-color .2s,background .2s,transform .2s;
}
.mobile-app-page .ma-value-copy li:hover{
    border-color:rgba(239,211,149,.36);
    background:rgba(255,255,255,.075);
    transform:translateY(-2px);
}
.mobile-app-page .ma-value-copy li i{
    flex:0 0 auto;
    width:22px;height:22px;
    display:grid;place-items:center;
    border-radius:50%;
    background:rgba(239,211,149,.1);
}
.mobile-app-page .ma-recognition .ma-reference-heading p{color:#b9cbc1}
.mobile-app-page .ma-recognition .ma-reference-heading h2::after,
.mobile-app-page .ma-security h2::after{background:#e5c77e}

/* Section cards use the same restrained borders and corners. */
.mobile-app-page .ma-service-card,
.mobile-app-page .ma-process-step,
.mobile-app-page .ma-industry-accordion details,
.mobile-app-page .ma-use-case-list article,
.mobile-app-page .ma-compact-grid article,
.mobile-app-page .ma-cost-grid article,
.mobile-app-page .ma-engagement-grid article{
    border-color:#d6ddd8;
    border-radius:10px;
    box-shadow:none;
}
.mobile-app-page .ma-service-card:hover,
.mobile-app-page .ma-compact-grid article:hover,
.mobile-app-page .ma-engagement-grid article:hover{
    border-color:#9eb2a6;
    box-shadow:0 18px 38px rgba(21,63,51,.08);
}
.mobile-app-page .ma-process-reference .ma-process-step{
    border-radius:13px;
    background:#fff;
}
.mobile-app-page .ma-process-reference .ma-process-step>span{background:#153f33}
.mobile-app-page .ma-service-icon,
.mobile-app-page .ma-compact-grid i,
.mobile-app-page .ma-engagement-grid i{color:#153f33}
.mobile-app-page .ma-service-card a{color:#153f33}
.mobile-app-page .ma-service-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    align-items:start;
}
.mobile-app-page .ma-service-card{
    min-height:0;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    grid-template-rows:44px auto;
    padding:0;
    overflow:hidden;
    border:1px solid #d3dbd5;
    border-radius:15px;
    background:#fff;
}
.mobile-app-page .ma-service-card:hover{
    border-color:#9fb4a8;
    box-shadow:0 15px 32px rgba(21,63,51,.08);
    transform:translateY(-3px);
}
.mobile-app-page .ma-service-card .ma-service-num{
    grid-column:1;
    grid-row:1;
    width:52px;
    height:44px;
    display:grid;
    place-items:center;
    align-self:stretch;
    color:#fff;
    background:#153f33;
    font:800 15px/1 "Inter",Arial,sans-serif;
    letter-spacing:0;
}
.mobile-app-page .ma-service-card h3{
    grid-column:2;
    grid-row:1;
    min-width:0;
    height:44px;
    display:flex;
    align-items:center;
    margin:0;
    padding:0 14px;
    color:#101713;
    border-bottom:1px solid #d8dfda;
    font:720 15px/1.2 "Inter",Arial,sans-serif;
    letter-spacing:-.02em;
}
.mobile-app-page .ma-service-card p{
    grid-column:1/-1;
    grid-row:2;
    align-self:start;
    margin:0;
    padding:15px 15px 17px;
    color:#536158;
    font:400 13px/1.62 "Inter",Arial,sans-serif;
}

/* Content widths remain aligned from row to row. */
.mobile-app-page .ma-service-grid,
.mobile-app-page .ma-process-grid,
.mobile-app-page .ma-industries-split,
.mobile-app-page .ma-client-row,
.mobile-app-page .ma-stat-row,
.mobile-app-page .ma-recognition-grid,
.mobile-app-page .ma-use-cases-grid,
.mobile-app-page .ma-case-card,
.mobile-app-page .ma-compact-grid,
.mobile-app-page .ma-security-grid,
.mobile-app-page .ma-tech-groups,
.mobile-app-page .ma-cost-grid,
.mobile-app-page .ma-cost-note,
.mobile-app-page .ma-engagement-grid,
.mobile-app-page .ma-faq-list{
    width:100%;
    max-width:var(--ma-page-width);
    margin-inline:auto;
}
.mobile-app-page .ma-value,
.mobile-app-page .ma-security{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(48px,7vw,96px);
}
.mobile-app-page .ma-value-panel{
    isolation:isolate;
    min-height:500px;
    border:1px solid rgba(239,211,149,.48);
    background:
        linear-gradient(90deg,rgba(6,31,24,.36),rgba(6,31,24,.08)),
        url("../images/mobile-outcomes-ai.png") center/cover no-repeat!important;
    box-shadow:0 28px 65px rgba(3,22,16,.28);
}
.mobile-app-page .ma-value-panel::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(180deg,rgba(7,31,24,.04),rgba(7,31,24,.24));
    pointer-events:none;
}
.mobile-app-page .ma-value-panel .ma-orbit,
.mobile-app-page .ma-value-panel .ma-center-mark{display:none}
.mobile-app-page .ma-value-panel .ma-metric{
    z-index:1;
    border-color:rgba(239,211,149,.3);
    background:rgba(7,35,27,.82);
    box-shadow:0 15px 35px rgba(0,0,0,.22);
    backdrop-filter:blur(12px);
}
.mobile-app-page .ma-value-panel .ma-metric strong{color:#fff}
.mobile-app-page .ma-value-panel .ma-metric span{color:#c8d7cf}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article{
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.055);
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article>div{
    background:#eef4ef;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid strong{color:#fff}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid span{color:#b8c9c0}
.mobile-app-page .ma-recognition-head{
    max-width:var(--ma-page-width);
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);
    align-items:end;
    gap:70px;
    margin:0 auto 42px;
}
.mobile-app-page .ma-recognition-head .ma-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin-bottom:16px;
    padding:8px 11px;
    color:#efd395;
    border:1px solid rgba(239,211,149,.28);
    border-radius:999px;
    background:rgba(239,211,149,.08);
    font-size:9px;
    letter-spacing:.13em;
}
.mobile-app-page .ma-recognition-head h2{
    max-width:760px;
    margin:0;
    color:#fff;
    font:720 clamp(2.8rem,4.5vw,4.8rem)/.98 "Inter",Arial,sans-serif;
    letter-spacing:-.06em;
}
.mobile-app-page .ma-recognition-head p{
    max-width:480px;
    margin:0;
    color:#b9cbc1;
    font:400 14px/1.72 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article{
    position:relative;
    grid-column:span 2;
    min-height:225px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:24px;
    text-align:left;
    border-radius:14px;
    overflow:hidden;
    transition:transform .22s,border-color .22s,background .22s;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article:nth-last-child(-n+2){
    grid-column:span 3;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article::before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;
    height:3px;
    background:linear-gradient(90deg,#e6c77d,rgba(230,199,125,.08));
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article:hover{
    border-color:rgba(239,211,149,.36);
    background:rgba(255,255,255,.085);
    transform:translateY(-4px);
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article>div{
    width:52px;height:52px;
    margin:0 0 auto;
    border-radius:14px;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid i{font-size:23px}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid strong{
    margin:26px 0 7px;
    font-size:16px;
    line-height:1.25;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-grid article>span:not(.ma-recognition-num){
    margin:0;
    font-size:11.5px;
    line-height:1.5;
}
.mobile-app-page .ma-recognition-reference .ma-recognition-num{
    position:absolute;
    right:20px;top:22px;
    color:#e2c47b;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
}
.mobile-app-page .ma-testimonial{
    text-align:center;
}
.mobile-app-page .ma-testimonial blockquote{
    max-width:1040px;
    margin-inline:auto;
}

/* Auto-rotating client voices. */
.mobile-app-page .ma-testimonial{
    position:relative;
    overflow:hidden;
    padding-bottom:clamp(72px,7vw,98px);
}
.mobile-app-page .ma-testimonial::before{
    content:"“";
    position:absolute;
    left:5vw;
    top:18px;
    color:rgba(239,211,149,.08);
    font:700 280px/1 Georgia,serif;
    pointer-events:none;
}
.mobile-app-page .ma-testimonial-track{
    position:relative;
    width:100%;
    max-width:1120px;
    min-height:340px;
    margin-inline:auto;
}
.mobile-app-page .ma-testimonial-slide{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    visibility:hidden;
    opacity:0;
    transform:translateX(54px);
    transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1),visibility .6s;
    pointer-events:none;
}
.mobile-app-page .ma-testimonial-slide.is-active{
    visibility:visible;
    opacity:1;
    transform:translateX(0);
    pointer-events:auto;
}
.mobile-app-page .ma-testimonial-slide blockquote{
    margin:0 auto 38px;
    color:#fff;
    font:720 clamp(2.1rem,3.5vw,3.65rem)/1.13 "Inter",Arial,sans-serif;
    letter-spacing:-.055em;
}
.mobile-app-page .ma-testimonial-author{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
}
.mobile-app-page .ma-testimonial-author p{
    display:flex;
    flex-direction:column;
    margin:0;
    text-align:left;
}
.mobile-app-page .ma-testimonial-author strong{
    color:#fff;
    font:700 13px/1.25 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-testimonial-author small{
    margin-top:4px;
    color:#aebfb6;
    font:400 11px/1.3 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-testimonial-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-top:28px;
}
.mobile-app-page .ma-testimonial-arrow{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    background:rgba(255,255,255,.055);
    cursor:pointer;
    transition:.25s ease;
}
.mobile-app-page .ma-testimonial-arrow:hover{
    color:#102f27;
    border-color:#e5c77e;
    background:#e5c77e;
}
.mobile-app-page .ma-testimonial-dots{
    display:flex;
    align-items:center;
    gap:7px;
}
.mobile-app-page .ma-testimonial-dots button{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.3);
    cursor:pointer;
    transition:width .3s ease,background .3s ease;
}
.mobile-app-page .ma-testimonial-dots button.is-active{
    width:28px;
    background:#e5c77e;
}
@media(max-width:620px){
    .mobile-app-page .ma-testimonial-track{min-height:390px}
    .mobile-app-page .ma-testimonial-slide blockquote{
        margin-bottom:30px;
        font-size:clamp(1.85rem,8.5vw,2.5rem);
    }
    .mobile-app-page .ma-testimonial-author{
        flex-wrap:wrap;
        row-gap:10px;
    }
    .mobile-app-page .ma-testimonial-author .ma-stars{width:100%}
}
@media(prefers-reduced-motion:reduce){
    .mobile-app-page .ma-testimonial-slide{transition:none}
}

/* Planning guide: investment roadmap rather than generic price cards. */
.mobile-app-page .ma-cost{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 8%,rgba(196,154,67,.14),transparent 25%),
        linear-gradient(180deg,#f8f5ed,#f3f1e9)!important;
}
.mobile-app-page .ma-cost::before{
    content:"";
    position:absolute;
    width:390px;
    height:390px;
    right:-130px;
    top:-210px;
    border:1px solid rgba(23,76,60,.08);
    border-radius:50%;
    box-shadow:0 0 0 60px rgba(23,76,60,.018),0 0 0 120px rgba(23,76,60,.012);
}
.mobile-app-page .ma-cost>.ma-section-head,
.mobile-app-page .ma-cost>.ma-cost-grid,
.mobile-app-page .ma-cost>.ma-cost-note{position:relative;z-index:1}
.mobile-app-page .ma-cost-grid{
    position:relative;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.mobile-app-page .ma-cost-grid::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:8%;
    right:8%;
    top:36px;
    height:1px;
    background:linear-gradient(90deg,transparent,#c3a458 12%,#174c3c 50%,#c3a458 88%,transparent);
}
.mobile-app-page .ma-cost-grid article{
    position:relative;
    min-height:340px;
    padding:24px;
    overflow:hidden;
    border:1px solid #d5ddd7;
    border-radius:20px;
    background:rgba(255,255,255,.88);
    box-shadow:0 18px 45px rgba(15,51,40,.055);
    transition:transform .25s ease,box-shadow .25s ease;
}
.mobile-app-page .ma-cost-grid article:hover{
    transform:translateY(-5px);
    box-shadow:0 26px 55px rgba(15,51,40,.1);
}
.mobile-app-page .ma-cost-grid article header{
    display:flex;
    align-items:center;
    gap:12px;
}
.mobile-app-page .ma-cost-grid article header i{
    display:grid;
    flex:0 0 44px;
    place-items:center;
    width:44px;
    height:44px;
    color:#174c3c;
    border:1px solid #d4e0d8;
    border-radius:13px;
    background:#edf3ef;
    font-size:19px;
}
.mobile-app-page .ma-cost-grid article header span{
    color:#174c3c;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.mobile-app-page .ma-cost-grid article header small{
    margin-left:auto;
    color:#8b967f;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.08em;
}
.mobile-app-page .ma-cost-grid article>strong{
    display:block;
    margin:34px 0 14px;
    color:#101713;
    font:720 clamp(2rem,2.5vw,2.75rem)/1 "Inter",Arial,sans-serif;
    letter-spacing:-.055em;
}
.mobile-app-page .ma-cost-grid article>p{
    min-height:52px;
    margin:0;
    color:#5a685f;
    font:400 13px/1.6 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-cost-grid ul{
    display:grid;
    gap:9px;
    margin:24px 0 0;
    padding:18px 0 0;
    border-top:1px solid #dde3df;
    list-style:none;
}
.mobile-app-page .ma-cost-grid li{
    position:relative;
    padding-left:19px;
    color:#405047;
    font:600 11px/1.45 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-cost-grid li::before{
    content:"";
    position:absolute;
    left:1px;
    top:.35em;
    width:7px;
    height:4px;
    border-left:1.5px solid #b58e32;
    border-bottom:1.5px solid #b58e32;
    transform:rotate(-45deg);
}
.mobile-app-page .ma-cost-grid .ma-cost-featured{
    color:#fff;
    border-color:#315f50;
    background:
        radial-gradient(circle at 92% 4%,rgba(229,199,126,.2),transparent 26%),
        linear-gradient(145deg,#0b2c22,#174c3c);
    box-shadow:0 25px 55px rgba(12,48,37,.18);
}
.mobile-app-page .ma-cost-grid .ma-cost-featured header i{
    color:#efd080;
    border-color:rgba(239,208,128,.2);
    background:rgba(239,208,128,.08);
}
.mobile-app-page .ma-cost-grid .ma-cost-featured header span{color:#efd395}
.mobile-app-page .ma-cost-grid .ma-cost-featured header small{color:#9eb7aa}
.mobile-app-page .ma-cost-grid .ma-cost-featured>strong{color:#fff}
.mobile-app-page .ma-cost-grid .ma-cost-featured>p{color:#c1d1c8}
.mobile-app-page .ma-cost-grid .ma-cost-featured ul{border-color:rgba(255,255,255,.12)}
.mobile-app-page .ma-cost-grid .ma-cost-featured li{color:#deebe4}
.mobile-app-page .ma-cost-note{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:18px!important;
    color:#69756e;
    font-size:11px;
}
.mobile-app-page .ma-cost-note::before{
    content:"i";
    display:grid;
    flex:0 0 20px;
    place-items:center;
    width:20px;
    height:20px;
    color:#174c3c;
    border:1px solid #ccd8d1;
    border-radius:50%;
    font:750 10px/1 "Inter",Arial,sans-serif;
}
@media(max-width:900px){
    .mobile-app-page .ma-cost-grid{grid-template-columns:1fr}
    .mobile-app-page .ma-cost-grid::before{display:none}
    .mobile-app-page .ma-cost-grid article{min-height:0}
    .mobile-app-page .ma-cost-grid article>p{min-height:0}
}
@media(max-width:620px){
    .mobile-app-page .ma-cost-grid article{padding:20px 18px}
    .mobile-app-page .ma-cost-grid article>strong{margin-top:28px}
}

/* Engagement models: decision-ready collaboration cards. */
.mobile-app-page .ma-engagement{
    position:relative;
    overflow:hidden;
    background:#fff;
}
.mobile-app-page .ma-engagement::before{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:46%;
    pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(238,242,238,.58));
}
.mobile-app-page .ma-engagement>.ma-section-head,
.mobile-app-page .ma-engagement>.ma-engagement-grid{position:relative;z-index:1}
.mobile-app-page .ma-engagement-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.mobile-app-page .ma-engagement-grid article{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:390px;
    padding:24px;
    overflow:hidden;
    border:1px solid #d5ddd8;
    border-radius:20px;
    background:rgba(255,255,255,.94);
    box-shadow:0 16px 42px rgba(14,52,40,.055);
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.mobile-app-page .ma-engagement-grid article:hover{
    transform:translateY(-5px);
    border-color:#b7c9be;
    box-shadow:0 25px 55px rgba(14,52,40,.1);
}
.mobile-app-page .ma-engagement-grid article header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.mobile-app-page .ma-engagement-grid article header i{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:#174c3c;
    border:1px solid #d4e0d8;
    border-radius:14px;
    background:#edf3ef;
    font-size:21px;
}
.mobile-app-page .ma-engagement-grid article header span{
    color:#9b8242;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
}
.mobile-app-page .ma-engagement-grid article>small{
    margin-top:30px;
    color:#a08035;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.mobile-app-page .ma-engagement-grid article h3{
    margin:12px 0 13px;
    color:#111713;
    font:720 22px/1.15 "Inter",Arial,sans-serif;
    letter-spacing:-.04em;
}
.mobile-app-page .ma-engagement-grid article>p{
    margin:0;
    color:#58665e;
    font:400 13px/1.65 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-engagement-grid article>div{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:auto;
    padding-top:20px;
    border-top:1px solid #dce3de;
}
.mobile-app-page .ma-engagement-grid article>div strong{
    width:100%;
    margin-bottom:3px;
    color:#839087;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.mobile-app-page .ma-engagement-grid article>div span{
    padding:8px 10px;
    color:#46564d;
    border:1px solid #d9e1dc;
    border-radius:999px;
    background:#f4f7f5;
    font:650 9px/1 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured{
    color:#fff;
    border-color:#315e50;
    background:
        radial-gradient(circle at 90% 7%,rgba(229,199,126,.2),transparent 26%),
        linear-gradient(145deg,#0a2b21,#174b3b);
    box-shadow:0 24px 54px rgba(11,45,35,.18);
}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured header i{
    color:#efd080;
    border-color:rgba(239,208,128,.2);
    background:rgba(239,208,128,.08);
}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured header span,
.mobile-app-page .ma-engagement-grid .ma-engagement-featured>small{color:#efd395}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured h3{color:#fff}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured>p{color:#bfd0c7}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured>div{border-color:rgba(255,255,255,.12)}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured>div strong{color:#9fb6aa}
.mobile-app-page .ma-engagement-grid .ma-engagement-featured>div span{
    color:#e2ebe6;
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.06);
}
@media(max-width:900px){
    .mobile-app-page .ma-engagement-grid{grid-template-columns:1fr}
    .mobile-app-page .ma-engagement-grid article{min-height:340px}
}
@media(max-width:620px){
    .mobile-app-page .ma-engagement-grid article{
        min-height:0;
        padding:20px 18px;
    }
    .mobile-app-page .ma-engagement-grid article>div{margin-top:26px}
}

/* Home services: full-width edge-to-edge capability matrix. */
.home-page .services-section{
    position:relative;
    padding:clamp(76px,7vw,108px) max(24px,3.2vw);
    overflow:hidden;
    background:
        radial-gradient(circle at 92% 6%,rgba(196,154,67,.13),transparent 24%),
        linear-gradient(rgba(23,76,60,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(23,76,60,.04) 1px,transparent 1px),
        #f7f5ef;
    background-size:auto,72px 72px,72px 72px,auto;
}
.home-page .services-section::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:1;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(247,245,239,.2),transparent 14%,transparent 86%,rgba(247,245,239,.2));
}
.home-page .services-header{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    align-items:end;
    column-gap:clamp(36px,8vw,130px);
    row-gap:16px;
    width:100%;
    max-width:none;
    margin:0 0 38px;
    text-align:left;
}
.home-page .services-header .services-eyebrow{
    grid-column:1;
    justify-self:start;
    margin:0;
    padding:8px 11px;
    color:#174c3c;
    border:1px solid #ccdad2;
    border-radius:999px;
    background:#eef3ef;
    box-shadow:none;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.12em;
}
.home-page .services-title{
    grid-column:1;
    max-width:780px;
    margin:0;
    color:#101713;
    font:720 clamp(2.8rem,4.2vw,4.2rem)/.98 "Inter",Arial,sans-serif;
    letter-spacing:-.06em;
    white-space:nowrap;
}
.home-page .services-title-highlight{color:#174c3c}
.home-page .services-desc{
    grid-column:2;
    grid-row:1/3;
    align-self:end;
    max-width:470px;
    margin:0 0 6px;
    padding:0;
    color:#5c695f;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font:400 14px/1.7 "Inter",Arial,sans-serif;
}
.home-page .services-puzzle-grid{
    counter-reset:home-service;
    width:100%;
    max-width:none;
    margin:0;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.home-page .services-section .svc-card{
    counter-increment:home-service;
    display:flex;
    flex-direction:column;
    min-height:0;
    margin:0;
    padding:20px;
    border:1px solid #d4ddd7;
    border-radius:18px;
    background:rgba(255,255,255,.9);
    box-shadow:0 14px 34px rgba(16,53,42,.045);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.home-page .services-section .svc-card::before{
    content:"0" counter(home-service);
    position:absolute;
    top:25px;
    right:24px;
    width:auto;
    height:auto;
    color:#8c7848;
    background:transparent;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.09em;
}
.home-page .services-section .svc-card::after{
    height:3px;
    opacity:1;
    background:linear-gradient(90deg,#174c3c,#c39b40);
}
.home-page .services-section .svc-card:hover{
    z-index:2;
    transform:translateY(-5px);
    border-color:#b7c9bf;
    background:#fff;
    box-shadow:0 24px 54px rgba(16,53,42,.1);
}
.home-page .services-section .svc-card-icon{
    width:44px;
    height:44px;
    margin:0 0 20px;
    color:#174c3c;
    border:1px solid #d3dfd7;
    border-radius:13px;
    background:#edf3ef;
    box-shadow:none;
    font-size:20px;
}
.home-page .services-section .svc-card:hover .svc-card-icon{
    color:#174c3c;
    border-color:#cdb67c;
    background:#f4eedf;
    transform:translateY(-2px);
}
.home-page .services-section .svc-card-title{
    margin:0 38px 11px 0;
    color:#111713;
    font:720 16px/1.25 "Inter",Arial,sans-serif;
    letter-spacing:-.03em;
}
.home-page .services-section .svc-card-desc{
    max-width:570px;
    margin:0;
    color:#5b675f;
    font:400 12px/1.6 "Inter",Arial,sans-serif;
}
.home-page .services-section .svc-card-link{
    grid-column:2;
    grid-row:3;
    align-self:end;
    width:max-content;
    margin-top:24px;
    padding:9px 12px;
    color:#174c3c;
    border:1px solid #d6dfd9;
    border-radius:999px;
    background:#f3f6f4;
    font:750 10px/1 "Inter",Arial,sans-serif;
}
.home-page .services-section .svc-card-link:hover{
    color:#fff;
    background:#174c3c;
    transform:translateX(3px);
}
.home-page .services-section .svc-card:nth-child(1),
.home-page .services-section .svc-card:nth-child(6){
    color:#fff;
    border-color:#315e50;
    background:
        radial-gradient(circle at 92% 8%,rgba(229,199,126,.2),transparent 24%),
        linear-gradient(145deg,#0a2b21,#174b3b);
    box-shadow:0 22px 48px rgba(12,47,36,.16);
}
.home-page .services-section .svc-card:nth-child(1)::before,
.home-page .services-section .svc-card:nth-child(6)::before{color:#efd395}
.home-page .services-section .svc-card:nth-child(1) .svc-card-icon,
.home-page .services-section .svc-card:nth-child(6) .svc-card-icon{
    color:#efd080;
    border-color:rgba(239,208,128,.2);
    background:rgba(239,208,128,.08);
}
.home-page .services-section .svc-card:nth-child(1) .svc-card-title,
.home-page .services-section .svc-card:nth-child(6) .svc-card-title{color:#fff}
.home-page .services-section .svc-card:nth-child(1) .svc-card-desc,
.home-page .services-section .svc-card:nth-child(6) .svc-card-desc{color:#bfd0c7}
.home-page .services-section .svc-card:nth-child(1) .svc-card-link,
.home-page .services-section .svc-card:nth-child(6) .svc-card-link{
    color:#f2d798;
    border-color:rgba(239,211,149,.22);
    background:rgba(239,211,149,.08);
}
.home-page .services-section .svc-card:nth-child(1):hover,
.home-page .services-section .svc-card:nth-child(6):hover{
    border-color:#4c7869;
    background:
        radial-gradient(circle at 92% 8%,rgba(229,199,126,.24),transparent 26%),
        linear-gradient(145deg,#0d3529,#1a5643);
}
.home-page .services-section .svc-card:nth-child(3),
.home-page .services-section .svc-card:nth-child(8){
    color:#fff;
    border-color:#315e50;
    background:
        radial-gradient(circle at 92% 8%,rgba(229,199,126,.2),transparent 24%),
        linear-gradient(145deg,#0a2b21,#174b3b);
    box-shadow:0 22px 48px rgba(12,47,36,.16);
}
.home-page .services-section .svc-card:nth-child(3)::before,
.home-page .services-section .svc-card:nth-child(8)::before{color:#efd395}
.home-page .services-section .svc-card:nth-child(3) .svc-card-icon,
.home-page .services-section .svc-card:nth-child(8) .svc-card-icon{
    color:#efd080;
    border-color:rgba(239,208,128,.2);
    background:rgba(239,208,128,.08);
}
.home-page .services-section .svc-card:nth-child(3) .svc-card-title,
.home-page .services-section .svc-card:nth-child(8) .svc-card-title{color:#fff}
.home-page .services-section .svc-card:nth-child(3) .svc-card-desc,
.home-page .services-section .svc-card:nth-child(8) .svc-card-desc{color:#bfd0c7}
.home-page .services-section .svc-card:nth-child(3):hover,
.home-page .services-section .svc-card:nth-child(8):hover{
    border-color:#4c7869;
    background:
        radial-gradient(circle at 92% 8%,rgba(229,199,126,.24),transparent 26%),
        linear-gradient(145deg,#0d3529,#1a5643);
}
@media(max-width:1100px){
    .home-page .services-section{padding-inline:24px}
    .home-page .services-puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    .home-page .services-header{
        grid-template-columns:1fr;
        column-gap:0;
        row-gap:16px;
        margin-bottom:30px;
    }
    .home-page .services-header .services-eyebrow,
    .home-page .services-title,
    .home-page .services-desc{
        grid-column:1;
        grid-row:auto;
    }
    .home-page .services-title{
        font-size:clamp(2.7rem,13vw,4rem);
        white-space:normal;
    }
    .home-page .services-puzzle-grid{grid-template-columns:1fr}
    .home-page .services-section .svc-card{
        min-height:0;
        padding:20px;
    }
    .home-page .services-section .svc-card-icon{
        width:44px;
        height:44px;
    }
    .home-page .services-section .svc-card-title{
        margin:0 36px 11px 0;
        font-size:19px;
    }
    .home-page .services-section .svc-card-desc{
        margin:0;
    }
}

/* Case study slider: unified premium navigation capsule. */
.home-page .cs-nav{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:max-content;
    margin:0 auto;
    padding:6px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;
    background:rgba(18,30,49,.82);
    box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(14px);
}
.home-page .cs-nav-btn{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    padding:0;
    color:#c9d2e1;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    font-size:15px;
    cursor:pointer;
    transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease;
}
.home-page .cs-nav-btn i{
    display:block;
    line-height:1;
}
.home-page .cs-nav-btn:hover{
    color:#10251d;
    border-color:#efd395;
    background:#efd395;
    transform:none;
}
.home-page .cs-nav-btn:active{transform:scale(.94)}
.home-page .cs-nav-btn:focus-visible{
    outline:2px solid #efd395;
    outline-offset:2px;
}
.home-page .cs-nav .cs-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:98px;
    padding:0 9px;
}
.home-page .cs-nav .cs-pagination .swiper-pagination-bullet{
    width:6px;
    height:6px;
    margin:0!important;
    border-radius:999px;
    background:rgba(255,255,255,.34);
    opacity:1;
    transition:width .25s ease,background .25s ease;
}
.home-page .cs-nav .cs-pagination .swiper-pagination-bullet-active{
    width:24px;
    background:#e7c875;
}
@media(max-width:600px){
    .home-page .cs-nav{padding:5px}
    .home-page .cs-nav-btn{width:38px;height:38px;flex-basis:38px}
    .home-page .cs-nav .cs-pagination{min-width:82px;padding-inline:6px}
}

/* Consultation: high-contrast forest/ivory conversion section. */
.home-page .consult-section{
    display:block;
    padding:clamp(62px,6vw,92px) max(22px,calc((100vw - 1380px)/2));
    background:
        radial-gradient(circle at 92% 6%,rgba(229,199,126,.17),transparent 25%),
        linear-gradient(135deg,#09291f,#174b3b)!important;
}
.home-page .consult-section::before,
.home-page .consult-section::after{display:none!important}
.home-page .consult-inner{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);
    align-items:stretch;
    gap:18px;
    min-height:0;
    max-width:1380px;
    margin:0 auto;
}
.home-page .consult-left{
    min-width:0;
    padding:clamp(38px,4.5vw,66px);
    color:#fff;
    border:1px solid rgba(255,255,255,.1);
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 8%,rgba(229,199,126,.12),transparent 25%),
        rgba(5,31,23,.5);
    overflow:hidden;
}
.home-page .consult-left::before{
    top:auto;
    right:-100px;
    bottom:-180px;
    width:380px;
    height:380px;
    background:radial-gradient(circle,rgba(229,199,126,.11),transparent 67%);
}
.home-page .consult-left::after{
    opacity:.6;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:42px 42px;
}
.home-page .consult-badge{
    margin-bottom:24px;
    padding:8px 11px;
    color:#efd395;
    border-color:rgba(239,211,149,.25);
    background:rgba(239,211,149,.07);
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.12em;
}
.home-page .consult-badge-dot{background:#e7c875}
.home-page .consult-heading{
    max-width:520px;
    margin:0 0 20px;
    color:#fff;
    font:720 clamp(2.55rem,3.5vw,4rem)/1.02 "Inter",Arial,sans-serif;
    letter-spacing:-.055em;
}
.home-page .consult-heading em{
    color:#efd395;
    background:none;
    -webkit-text-fill-color:currentColor;
}
.home-page .consult-subtext{
    max-width:490px;
    margin:0 0 28px;
    color:#bbccc3;
    font:400 13px/1.72 "Inter",Arial,sans-serif;
}
.home-page .consult-checklist{
    margin:0 0 26px;
    border-top-color:rgba(255,255,255,.1);
}
.home-page .consult-check-item{
    gap:11px;
    padding:11px 0;
    color:#d4e1da;
    border-bottom-color:rgba(255,255,255,.08);
    font:550 11.5px/1.45 "Inter",Arial,sans-serif;
}
.home-page .consult-check-icon{
    width:19px;
    height:19px;
    border-color:rgba(239,211,149,.25);
    background:rgba(239,211,149,.08);
}
.home-page .consult-check-icon i{color:#efd080;font-size:10px}
.home-page .consult-nda{
    margin-top:auto;
    padding:15px 17px;
    border-color:rgba(255,255,255,.1);
    border-radius:14px;
    background:rgba(255,255,255,.045);
}
.home-page .consult-nda-icon{color:#efd080}
.home-page .consult-nda-title{color:#fff}
.home-page .consult-nda-text{color:#aebfb6}
.home-page .consult-right{
    min-width:0;
    margin:0;
    padding:clamp(32px,4vw,54px);
    color:#17241d;
    border:1px solid #d8dfda;
    border-radius:24px;
    background:
        radial-gradient(circle at 94% 4%,rgba(196,154,67,.1),transparent 23%),
        #fbfaf6;
    box-shadow:0 28px 70px rgba(2,22,15,.24);
    backdrop-filter:none;
}
.home-page .consult-form-header{margin-bottom:28px}
.home-page .consult-form-eyebrow{
    margin-bottom:10px;
    color:#9d7d30;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.12em;
}
.home-page .consult-form-title{
    margin-bottom:8px;
    color:#111713;
    font:720 clamp(1.8rem,2.3vw,2.5rem)/1.08 "Inter",Arial,sans-serif;
    letter-spacing:-.045em;
}
.home-page .consult-form-sub{
    color:#657169;
    font:400 12px/1.55 "Inter",Arial,sans-serif;
}
.home-page .consult-form-sub::before{background:linear-gradient(90deg,#174c3c,#c39b40)}
.home-page .consult-row{gap:14px;margin-bottom:15px}
.home-page .consult-field{gap:6px}
.home-page .consult-field--full{margin-bottom:15px}
.home-page .consult-label{
    color:#58665e;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
}
.home-page .consult-required{color:#a98532}
.home-page .consult-input,
.home-page select.consult-input,
.home-page .consult-select{
    min-height:44px;
    padding:11px 13px;
    color:#17241d;
    border:1px solid #d4ddd7;
    border-radius:10px;
    background-color:#fff;
    font:400 12.5px/1.45 "Inter",Arial,sans-serif;
}
.home-page .consult-input::placeholder{color:#9ba69f}
.home-page .consult-input:hover:not(:focus){border-color:#aebfb5}
.home-page .consult-input:focus{
    color:#17241d;
    border-color:#527d6d;
    background:#fff;
    box-shadow:0 0 0 3px rgba(23,76,60,.09);
}
.home-page select.consult-input,
.home-page .consult-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23174c3c' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 13px center;
}
.home-page .consult-phone-wrap{
    min-height:44px;
    border-color:#d4ddd7;
    border-radius:10px;
    background:#fff;
}
.home-page .consult-phone-wrap:focus-within{
    border-color:#527d6d;
    box-shadow:0 0 0 3px rgba(23,76,60,.09);
}
.home-page .consult-phone-flag{
    color:#405047;
    border-right-color:#dce3de;
    background:#f1f4f2;
}
.home-page .consult-country-code{color:#405047}
.home-page .consult-phone-input{min-height:42px;background:transparent}
.home-page .consult-textarea{min-height:94px}
.home-page .consult-chips{gap:7px}
.home-page .consult-chip{
    padding:8px 11px;
    color:#536158;
    border-color:#d6dfd9;
    background:#f3f6f4;
    font:650 9.5px/1 "Inter",Arial,sans-serif;
}
.home-page .consult-chip:hover,
.home-page .consult-chip.active{
    color:#fff;
    border-color:#174c3c;
    background:#174c3c;
    box-shadow:none;
}
.home-page .consult-submit{
    min-height:50px;
    margin-top:3px;
    padding:14px 28px;
    border-radius:11px;
    background:linear-gradient(135deg,#123f32,#1d5947);
    box-shadow:0 14px 30px rgba(18,63,50,.2);
    font:720 12px/1 "Inter",Arial,sans-serif;
}
.home-page .consult-submit:hover{
    background:linear-gradient(135deg,#174c3c,#246653);
    box-shadow:0 18px 36px rgba(18,63,50,.27);
}
@media(max-width:1050px){
    .home-page .consult-inner{grid-template-columns:1fr}
    .home-page .consult-left,
    .home-page .consult-right{padding:42px}
}
@media(max-width:640px){
    .home-page .consult-section{padding-block:52px}
    .home-page .consult-left,
    .home-page .consult-right{padding:28px 20px;border-radius:18px}
    .home-page .consult-row{grid-template-columns:1fr}
    .home-page .consult-heading{font-size:clamp(2.35rem,12vw,3.2rem)}
}

/* Core services slider uses the same unified navigation language. */
.home-page .core-services-controls{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    float:right;
    gap:5px;
    width:max-content;
    margin:0 0 18px auto;
    padding:6px;
    border:1px solid rgba(17,61,47,.12);
    border-radius:999px;
    background:#123f32;
    box-shadow:0 16px 34px rgba(15,55,42,.16),inset 0 1px rgba(255,255,255,.04);
}
.home-page .core-services-controls .cs-arrow{
    display:grid;
    flex:0 0 40px;
    place-items:center;
    width:40px;
    height:40px;
    padding:0;
    color:#d7e3dd;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    font-size:15px;
    cursor:pointer;
    transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease;
}
.home-page .core-services-controls .cs-arrow i{display:block;line-height:1}
.home-page .core-services-controls .cs-arrow:hover{
    color:#10251d;
    border-color:#efd395;
    background:#efd395;
    box-shadow:none;
    transform:none;
}
.home-page .core-services-controls .cs-arrow:active{transform:scale(.94)}
.home-page .core-services-controls .cs-arrow:focus-visible{
    outline:2px solid #c9a956;
    outline-offset:2px;
}
.home-page .core-services-controls .cs-arrow.swiper-button-disabled{
    opacity:.38;
    cursor:not-allowed;
}
.home-page .core-services-controls .core-services-pagination{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:auto!important;
    min-width:94px;
    padding:0 8px;
    transform:none!important;
}
.home-page .core-services-controls .core-services-pagination .swiper-pagination-bullet{
    position:static!important;
    left:auto!important;
    width:6px;
    height:6px;
    margin:0!important;
    border-radius:999px;
    background:rgba(255,255,255,.34);
    opacity:1;
    transform:none!important;
    transition:width .25s ease,background .25s ease;
}
.home-page .core-services-controls .core-services-pagination .swiper-pagination-bullet-active{
    width:24px;
    background:#e7c875;
}
@media(max-width:600px){
    .home-page .core-services-controls{
        float:none;
        margin:0 auto 18px;
        padding:5px;
    }
    .home-page .core-services-controls .cs-arrow{
        width:38px;
        height:38px;
        flex-basis:38px;
    }
    .home-page .core-services-controls .core-services-pagination{
        min-width:80px;
        padding-inline:5px;
    }
}

@media(max-width:980px){
    .mobile-app-page .ma-value,
    .mobile-app-page .ma-security{grid-template-columns:1fr}
    .mobile-app-page .ma-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mobile-app-page .ma-recognition-head{grid-template-columns:1fr;gap:18px}
    .mobile-app-page .ma-recognition-reference .ma-recognition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mobile-app-page .ma-recognition-reference .ma-recognition-grid article,
    .mobile-app-page .ma-recognition-reference .ma-recognition-grid article:nth-last-child(-n+2){grid-column:span 1}
}
@media(max-width:620px){
    .mobile-app-page .ma-section{
        padding:62px 18px;
    }
    .mobile-app-page .ma-section-head h2::after,
    .mobile-app-page .ma-reference-heading h2::after{
        width:58px;
        height:4px;
        margin-top:14px;
    }
    .mobile-app-page .ma-service-grid{grid-template-columns:1fr}
    .mobile-app-page .ma-services{padding-top:56px;padding-bottom:56px}
    .mobile-app-page .ma-service-card{grid-template-columns:50px minmax(0,1fr)}
    .mobile-app-page .ma-service-card .ma-service-num{width:50px}
    .mobile-app-page .ma-value-copy ul{grid-template-columns:1fr}
    .mobile-app-page .ma-value-copy li{min-height:0}
    .mobile-app-page .ma-recognition-head{margin-bottom:30px}
    .mobile-app-page .ma-recognition-head h2{font-size:2.7rem}
    .mobile-app-page .ma-recognition-reference .ma-recognition-grid{grid-template-columns:1fr}
    .mobile-app-page .ma-recognition-reference .ma-recognition-grid article{min-height:205px}
}

/* Technology stack: asymmetric product architecture matrix. */
.mobile-app-page .ma-tech{
    position:relative;
    overflow:hidden;
    padding-block:clamp(62px,6vw,84px);
    background:
        radial-gradient(circle at 88% 12%,rgba(196,154,67,.11),transparent 24%),
        linear-gradient(180deg,#f8f6ef 0%,#f2f4ef 100%)!important;
}
.mobile-app-page .ma-tech::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.38;
    background-image:
        linear-gradient(rgba(24,73,58,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(24,73,58,.055) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,transparent,black 24%,black 78%,transparent);
}
.mobile-app-page .ma-tech>.ma-section-head,
.mobile-app-page .ma-tech>.ma-tech-groups{position:relative;z-index:1}
.mobile-app-page .ma-tech>.ma-section-head{margin-bottom:28px}
.mobile-app-page .ma-tech-groups{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:14px;
}
.mobile-app-page .ma-tech-groups>.ma-tech-card{
    grid-column:span 5;
    display:flex;
    flex-direction:column;
    min-height:242px;
    padding:24px;
    overflow:hidden;
    border:1px solid #d6ded8;
    border-radius:20px;
    background:rgba(255,255,255,.84);
    box-shadow:0 18px 45px rgba(17,53,42,.06);
    backdrop-filter:blur(12px);
}
.mobile-app-page .ma-tech-groups>.ma-tech-card-mobile,
.mobile-app-page .ma-tech-groups>.ma-tech-card-ai{grid-column:span 7}
.mobile-app-page .ma-tech-card header{
    display:flex;
    align-items:center;
    gap:15px;
}
.mobile-app-page .ma-tech-card header>i{
    display:grid;
    flex:0 0 52px;
    place-items:center;
    width:52px;
    height:52px;
    color:#174c3c;
    border:1px solid #d6e1da;
    border-radius:15px;
    background:#edf3ef;
    font-size:22px;
}
.mobile-app-page .ma-tech-card header>div{
    display:flex;
    flex-direction:column;
    gap:7px;
}
.mobile-app-page .ma-tech-card small{
    color:#9a7c32;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.mobile-app-page .ma-tech-card header strong{
    width:auto;
    margin:0;
    color:#111713;
    font:720 19px/1.1 "Inter",Arial,sans-serif;
    letter-spacing:-.035em;
}
.mobile-app-page .ma-tech-card>p{
    max-width:590px;
    margin:18px 0 20px;
    color:#59665e;
    font:400 13px/1.65 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-tech-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
    padding-top:16px;
    border-top:1px solid #dce3de;
}
.mobile-app-page .ma-tech-groups .ma-tech-list span{
    position:relative;
    padding:9px 13px 9px 26px;
    color:#405148;
    border:1px solid #d7dfda;
    border-radius:999px;
    background:#f6f8f6;
    font:650 10px/1 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-tech-list span::before{
    content:"";
    position:absolute;
    left:12px;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#c39b40;
    transform:translateY(-50%);
    box-shadow:0 0 0 3px rgba(195,155,64,.1);
}
.mobile-app-page .ma-tech-card-mobile{
    color:#fff;
    border-color:#285144!important;
    background:
        radial-gradient(circle at 90% 10%,rgba(229,199,126,.19),transparent 24%),
        linear-gradient(145deg,#0b2d23,#174b3b)!important;
}
.mobile-app-page .ma-tech-card-mobile header>i{
    color:#efd080;
    border-color:rgba(239,208,128,.2);
    background:rgba(239,208,128,.08);
}
.mobile-app-page .ma-tech-card-mobile header strong{color:#fff}
.mobile-app-page .ma-tech-card-mobile>p{color:#bfd0c7}
.mobile-app-page .ma-tech-card-mobile .ma-tech-list{border-color:rgba(255,255,255,.12)}
.mobile-app-page .ma-tech-card-mobile .ma-tech-list span{
    color:#e3ece7;
    border-color:rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
}
.mobile-app-page .ma-tech-card-ai{
    background:
        linear-gradient(110deg,rgba(255,255,255,.96),rgba(246,239,220,.88))!important;
}
@media(max-width:900px){
    .mobile-app-page .ma-tech-groups>.ma-tech-card,
    .mobile-app-page .ma-tech-groups>.ma-tech-card-mobile,
    .mobile-app-page .ma-tech-groups>.ma-tech-card-ai{
        grid-column:span 6;
    }
}
@media(max-width:620px){
    .mobile-app-page .ma-tech{padding-block:54px}
    .mobile-app-page .ma-tech>.ma-section-head{margin-bottom:24px}
    .mobile-app-page .ma-tech-groups{grid-template-columns:1fr}
    .mobile-app-page .ma-tech-groups>.ma-tech-card,
    .mobile-app-page .ma-tech-groups>.ma-tech-card-mobile,
    .mobile-app-page .ma-tech-groups>.ma-tech-card-ai{
        grid-column:1;
        min-height:0;
        padding:22px 18px;
    }
    .mobile-app-page .ma-tech-card>p{margin:16px 0 18px}
}

/* Security & compliance: compact, premium and clearly structured. */
.mobile-app-page .ma-security{
    position:relative;
    isolation:isolate;
    align-items:center;
    grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);
    gap:clamp(52px,7vw,108px);
    padding-block:clamp(76px,8vw,118px);
    overflow:hidden;
}
.mobile-app-page .ma-security::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:420px;
    height:420px;
    right:-170px;
    top:-220px;
    border:1px solid rgba(229,199,126,.16);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(229,199,126,.025),0 0 0 140px rgba(229,199,126,.018);
}
.mobile-app-page .ma-security-copy{
    max-width:510px;
}
.mobile-app-page .ma-security .ma-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:8px 12px;
    border:1px solid rgba(239,211,149,.26);
    border-radius:999px;
    background:rgba(239,211,149,.08);
    color:#efd395;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.mobile-app-page .ma-security h2{
    max-width:500px;
    margin:22px 0 24px;
    color:#fff;
    font:720 clamp(3rem,4.15vw,4.65rem)/.98 "Inter",Arial,sans-serif;
    letter-spacing:-.06em;
}
.mobile-app-page .ma-security h2::after{
    width:72px;
    height:4px;
    margin-top:24px;
    border-radius:999px;
    background:linear-gradient(90deg,#e8ca80,#9c7d31);
}
.mobile-app-page .ma-security-copy>p{
    max-width:470px;
    margin:0;
    color:#c4d2ca;
    font:400 14px/1.75 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-security-grid{
    counter-reset:security-card;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.mobile-app-page .ma-security-grid article{
    counter-increment:security-card;
    position:relative;
    min-height:168px;
    align-items:flex-start;
    gap:16px;
    padding:25px 52px 24px 24px;
    border:1px solid rgba(218,231,224,.14);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(24,65,53,.92),rgba(11,43,34,.94));
    box-shadow:inset 0 1px rgba(255,255,255,.025);
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.mobile-app-page .ma-security-grid article::after{
    content:"0" counter(security-card);
    position:absolute;
    top:17px;
    right:18px;
    color:rgba(239,211,149,.62);
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.08em;
}
.mobile-app-page .ma-security-grid article:hover{
    transform:translateY(-3px);
    border-color:rgba(239,211,149,.36);
    background:linear-gradient(145deg,rgba(29,75,61,.96),rgba(12,47,37,.98));
}
.mobile-app-page .ma-security-grid i{
    display:grid;
    flex:0 0 44px;
    place-items:center;
    width:44px;
    height:44px;
    color:#efd080;
    border:1px solid rgba(239,208,128,.2);
    border-radius:12px;
    background:rgba(239,208,128,.08);
    font-size:20px;
}
.mobile-app-page .ma-security-grid h3{
    margin:3px 0 9px;
    color:#fff;
    font:720 15px/1.25 "Inter",Arial,sans-serif;
    letter-spacing:-.02em;
}
.mobile-app-page .ma-security-grid p{
    margin:0;
    color:#b9cac1;
    font:400 12px/1.6 "Inter",Arial,sans-serif;
}
@media(max-width:1050px){
    .mobile-app-page .ma-security{
        grid-template-columns:1fr;
        gap:42px;
    }
    .mobile-app-page .ma-security-copy{max-width:720px}
    .mobile-app-page .ma-security h2{max-width:680px}
}
@media(max-width:620px){
    .mobile-app-page .ma-security{
        gap:32px;
        padding-block:68px;
    }
    .mobile-app-page .ma-security h2{
        margin-top:18px;
        font-size:clamp(2.65rem,13vw,3.45rem);
    }
    .mobile-app-page .ma-security-grid{grid-template-columns:1fr}
    .mobile-app-page .ma-security-grid article{
        min-height:0;
        padding:22px 46px 22px 18px;
    }
}

/* Mobile app hero: image backdrop with conversion-focused quote form. */
.mobile-app-page .ma-hero{
    isolation:isolate;
    overflow:hidden;
    background:#f4f1e9!important;
}
.mobile-app-page .ma-hero::before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:-24px;
    opacity:.56;
    background:url("../images/mobile-app-hero-ai.png") 70% center/cover no-repeat;
    filter:blur(7px) saturate(.72);
    transform:scale(1.04);
}
.mobile-app-page .ma-hero::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        linear-gradient(90deg,rgba(248,246,239,.97) 0%,rgba(248,246,239,.9) 42%,rgba(239,243,237,.61) 100%),
        linear-gradient(180deg,rgba(255,255,255,.08),rgba(9,41,31,.08));
}
.mobile-app-page .ma-hero-grid{position:relative;z-index:1}
.mobile-app-page .ma-hero-form{
    overflow:hidden;
    border:1px solid rgba(21,63,51,.16);
    border-radius:22px;
    background:rgba(255,255,255,.95);
    box-shadow:0 34px 85px rgba(12,45,35,.17);
    backdrop-filter:blur(18px);
}
.mobile-app-page .ma-form-head{
    position:relative;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:start;
    gap:14px;
    padding:23px 24px 20px;
    border-bottom:1px solid #dce3de;
    background:linear-gradient(135deg,#edf5f0,#f8f4eb);
}
.mobile-app-page .ma-form-mark{
    width:48px;height:48px;
    display:grid;place-items:center;
    color:#153f33;border-radius:14px;background:#dfeee5;
    font-size:20px;
    box-shadow:0 10px 24px rgba(21,63,51,.09);
}
.mobile-app-page .ma-form-head>div>span{
    color:#9a752f;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.mobile-app-page .ma-form-head h2{
    margin:7px 0 5px;
    color:#101713;
    font:720 1.45rem/1.12 "Inter",Arial,sans-serif;
    letter-spacing:-.035em;
}
.mobile-app-page .ma-form-head p{
    margin:0;
    color:#5e6c64;
    font:400 12px/1.45 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-form-response{
    display:inline-flex;align-items:center;gap:5px;
    padding:7px 9px;
    color:#8d6a27;border:1px solid #e4d3aa;border-radius:999px;background:#fffaf0;
    font:700 9px/1 "Inter",Arial,sans-serif;
    white-space:nowrap;
}
.mobile-app-page .ma-hero-form form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:22px 24px 20px;
}
.mobile-app-page .ma-form-field label{
    display:block;
    margin-bottom:7px;
    color:#445249;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mobile-app-page .ma-form-field>div{
    position:relative;
}
.mobile-app-page .ma-form-field>div>i{
    position:absolute;
    left:13px;top:50%;
    color:#85938b;
    font-size:14px;
    transform:translateY(-50%);
    pointer-events:none;
}
.mobile-app-page .ma-form-field input,
.mobile-app-page .ma-form-field select,
.mobile-app-page .ma-form-field textarea{
    width:100%;
    color:#1d2922;
    border:1px solid #d5ddd7;
    border-radius:10px;
    outline:0;
    background:#fbfcfb;
    font:500 12px/1.35 "Inter",Arial,sans-serif;
    transition:border-color .2s,box-shadow .2s,background .2s;
}
.mobile-app-page .ma-form-field input,
.mobile-app-page .ma-form-field select{
    height:46px;
    padding:0 12px 0 39px;
}
.mobile-app-page .ma-form-field textarea{
    min-height:98px;
    padding:13px;
    resize:vertical;
}
.mobile-app-page .ma-form-field input:focus,
.mobile-app-page .ma-form-field select:focus,
.mobile-app-page .ma-form-field textarea:focus{
    border-color:#6e9682;
    background:#fff;
    box-shadow:0 0 0 3px rgba(21,63,51,.08);
}
.mobile-app-page .ma-form-field .ma-input-error{
    border-color:#c54848;
    box-shadow:0 0 0 3px rgba(197,72,72,.08);
}
.mobile-app-page .ma-form-field--wide,
.mobile-app-page .ma-form-submit,
.mobile-app-page .ma-form-trust{grid-column:1/-1}
.mobile-app-page .ma-form-submit{
    min-height:49px;
    display:flex;align-items:center;justify-content:center;gap:11px;
    color:#fff;border:0;border-radius:10px;background:#153f33;
    font:750 12px/1 "Inter",Arial,sans-serif;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(21,63,51,.18);
}
.mobile-app-page .ma-form-submit:hover{background:#0d3026}
.mobile-app-page .ma-form-submit:disabled{opacity:.68;cursor:wait}
.mobile-app-page .ma-form-trust{
    margin:-3px 0 0;
    color:#728178;
    text-align:center;
    font:500 9.5px/1.3 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-form-trust i{margin-right:5px;color:#5c9b79}

/* Modern industries showcase. */
.mobile-app-page .ma-industries-reference .ma-reference-heading{
    margin-bottom:46px;
}
.mobile-app-page .ma-industries-reference .ma-reference-heading .ma-eyebrow{
    display:inline-flex;
    margin-bottom:14px;
}
.mobile-app-page .ma-industries-reference .ma-reference-heading p{
    max-width:720px;
}
.mobile-app-page .ma-industries-split{
    grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
    gap:18px;
    align-items:stretch;
}
.mobile-app-page .ma-industries-intro{
    position:relative;
    min-height:590px;
    overflow:hidden;
    border:1px solid rgba(21,63,51,.18);
    border-radius:20px;
    background:#0b2b22;
    box-shadow:0 24px 55px rgba(21,63,51,.12);
}
.mobile-app-page .ma-industries-intro::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(6,30,23,.08) 30%,rgba(6,30,23,.88) 100%);
}
.mobile-app-page .ma-industries-intro img{
    width:100%;
    height:100%;
    margin:0;
    object-fit:cover;
    border-radius:0;
    filter:saturate(.78) contrast(1.04);
}
.mobile-app-page .ma-industries-overlay{
    position:absolute;
    z-index:1;
    left:0;right:0;bottom:0;
    padding:32px;
    color:#fff;
}
.mobile-app-page .ma-industries-overlay>span{
    display:inline-flex;align-items:center;gap:8px;
    margin-bottom:16px;
    color:#efd395;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.mobile-app-page .ma-industries-overlay h3{
    max-width:420px;
    margin:0 0 12px;
    color:#fff;
    font:720 clamp(1.7rem,2.5vw,2.55rem)/1.05 "Inter",Arial,sans-serif;
    letter-spacing:-.045em;
}
.mobile-app-page .ma-industries-overlay p{
    max-width:420px;
    margin:0;
    color:#c9d6cf;
    font:400 13px/1.6 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-industry-grid-modern{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.mobile-app-page .ma-industry-grid-modern article{
    position:relative;
    min-height:136px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:start;
    padding:21px;
    border:1px solid #d6ddd8;
    border-radius:14px;
    background:rgba(255,255,255,.9);
    transition:transform .22s,border-color .22s,box-shadow .22s;
}
.mobile-app-page .ma-industry-grid-modern article:hover{
    border-color:#9fb4a8;
    box-shadow:0 17px 35px rgba(21,63,51,.08);
    transform:translateY(-3px);
}
.mobile-app-page .ma-industry-grid-modern article>i{
    width:46px;height:46px;
    display:grid;place-items:center;
    color:#153f33;border-radius:13px;background:#e7f0ea;
    font-size:19px;
}
.mobile-app-page .ma-industry-grid-modern h3{
    margin:2px 0 7px;
    color:#101713;
    font:720 15px/1.2 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-industry-grid-modern p{
    margin:0;
    color:#59675f;
    font:400 11.5px/1.55 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-industry-grid-modern article>span{
    position:absolute;
    right:15px;top:14px;
    color:#9b7a38;
    font:750 9px/1 "Inter",Arial,sans-serif;
    letter-spacing:.08em;
}

@media(max-width:980px){
    .mobile-app-page .ma-hero::before{opacity:.26;background-position:center}
    .mobile-app-page .ma-hero::after{background:rgba(247,245,238,.91)}
    .mobile-app-page .ma-hero-form{max-width:720px}
    .mobile-app-page .ma-industries-split{grid-template-columns:1fr}
    .mobile-app-page .ma-industries-intro{min-height:480px}
}
@media(max-width:620px){
    .mobile-app-page .ma-form-head{
        grid-template-columns:42px minmax(0,1fr);
        padding:20px 17px 17px;
    }
    .mobile-app-page .ma-form-mark{width:42px;height:42px}
    .mobile-app-page .ma-form-response{display:none}
    .mobile-app-page .ma-form-head h2{font-size:1.2rem}
    .mobile-app-page .ma-hero-form form{
        grid-template-columns:1fr;
        padding:18px 17px;
    }
    .mobile-app-page .ma-form-field,
    .mobile-app-page .ma-form-field--wide,
    .mobile-app-page .ma-form-submit,
    .mobile-app-page .ma-form-trust{grid-column:1}
    .mobile-app-page .ma-industries-reference .ma-reference-heading{margin-bottom:30px}
    .mobile-app-page .ma-industries-intro{min-height:390px;border-radius:16px}
    .mobile-app-page .ma-industries-overlay{padding:24px 20px}
    .mobile-app-page .ma-industry-grid-modern{grid-template-columns:1fr}
    .mobile-app-page .ma-industry-grid-modern article{min-height:124px}
}

/* Use cases: compact numbered cards matching the approved process pattern. */
.mobile-app-page .ma-use-case-list{
    counter-reset:ma-usecase;
    grid-auto-rows:max-content;
    align-content:start;
    gap:12px;
}
.mobile-app-page .ma-use-case-list article{
    counter-increment:ma-usecase;
    display:block;
    padding:0 0 15px;
    overflow:hidden;
    border:1px solid #d3dbd5;
    border-radius:15px;
    background:#fff;
    box-shadow:none;
}
.mobile-app-page .ma-use-case-list h3{
    min-height:46px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    margin:0 0 13px;
    padding:0 15px 0 0;
    color:#101713;
    border-bottom:1px solid #d8dfda;
    font:720 15px/1.25 "Inter",Arial,sans-serif;
    letter-spacing:-.02em;
}
.mobile-app-page .ma-use-case-list h3::before{
    content:counter(ma-usecase,decimal-leading-zero);
    width:52px;
    height:46px;
    display:grid;
    place-items:center;
    align-self:stretch;
    margin-right:15px;
    color:#fff;
    background:#153f33;
    font:800 14px/1 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-use-case-list p{
    gap:10px;
    margin:9px 16px 0;
    color:#4f5e55;
    font:400 12px/1.52 "Inter",Arial,sans-serif;
}
.mobile-app-page .ma-use-case-list p i{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    flex:0 0 20px;
    color:#a77c28;
    border-radius:50%;
    background:#f8f1df;
    font-size:12px;
}
.mobile-app-page .ma-use-case-list p strong{color:#17251d}
.mobile-app-page .ma-use-case-list article:hover{
    border-color:#9fb4a8;
    box-shadow:0 15px 32px rgba(21,63,51,.08);
}
@media(max-width:620px){
    .mobile-app-page .ma-use-cases-grid,
    .mobile-app-page .ma-use-case-list{
        height:auto;
        max-height:none;
        overflow:visible;
    }
    .mobile-app-page .ma-use-case-list h3{
        grid-template-columns:50px minmax(0,1fr);
        font-size:14px;
    }
    .mobile-app-page .ma-use-case-list h3::before{width:50px}
}

/* Case study: restore contrast and create a balanced editorial split. */
.mobile-app-page .ma-case .ma-case-card{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    overflow:hidden;
    color:#fff;
    border:1px solid #244b3e;
    border-radius:22px;
    background:
        radial-gradient(circle at 92% 8%,rgba(196,154,67,.18),transparent 26%),
        linear-gradient(145deg,#09291f,#153f33);
    box-shadow:0 28px 65px rgba(13,48,38,.16);
}
.mobile-app-page .ma-case .ma-case-visual{
    min-height:570px;
    overflow:hidden;
}
.mobile-app-page .ma-case .ma-case-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.mobile-app-page .ma-case .ma-case-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(38px,5vw,68px);
}
.mobile-app-page .ma-case .ma-case-copy>span{
    width:max-content;
    padding:8px 11px;
    color:#efd395;
    border:1px solid rgba(239,211,149,.28);
    border-radius:999px;
    background:rgba(239,211,149,.08);
    font-size:9px;
    letter-spacing:.12em;
}
.mobile-app-page .ma-case .ma-case-copy h3{
    max-width:600px;
    margin:20px 0 30px;
    color:#fff;
    font:720 clamp(2.25rem,3.5vw,3.75rem)/1.02 "Inter",Arial,sans-serif;
    letter-spacing:-.055em;
}
.mobile-app-page .ma-case .ma-case-copy>div:not(.ma-case-impact){
    padding:15px 0;
    border-top:1px solid rgba(255,255,255,.1);
}
.mobile-app-page .ma-case .ma-case-copy>div:not(.ma-case-impact)>strong{
    display:block;
    margin-bottom:6px;
    color:#efd395;
    font:750 10px/1 "Inter",Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.mobile-app-page .ma-case .ma-case-copy>div p{
    margin:0;
    color:#c1d0c8;
    font-size:13px;
    line-height:1.6;
}
.mobile-app-page .ma-case .ma-case-copy ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:18px 0 0;
}
.mobile-app-page .ma-case .ma-case-copy li{
    padding:10px 12px;
    color:#dce7e1;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(255,255,255,.045);
}
.mobile-app-page .ma-case .ma-case-impact{
    grid-template-columns:auto 1fr auto 1fr;
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.13);
}
.mobile-app-page .ma-case .ma-case-impact strong{color:#fff}
.mobile-app-page .ma-case .ma-case-impact span{color:#aebfb6}
@media(max-width:980px){
    .mobile-app-page .ma-case .ma-case-card{grid-template-columns:1fr}
    .mobile-app-page .ma-case .ma-case-visual{min-height:440px}
}
@media(max-width:620px){
    .mobile-app-page .ma-case .ma-case-card{border-radius:16px}
    .mobile-app-page .ma-case .ma-case-visual{min-height:330px}
    .mobile-app-page .ma-case .ma-case-copy{padding:28px 20px}
    .mobile-app-page .ma-case .ma-case-copy h3{font-size:2.35rem}
    .mobile-app-page .ma-case .ma-case-copy ul{grid-template-columns:1fr}
    .mobile-app-page .ma-case .ma-case-impact{grid-template-columns:auto 1fr}
}

/* ============================================================
   ABOUT PAGE — WHO WE ARE (3D Modern Redesign)
   ============================================================ */

/* Grid layout */
.about-page .abt-wwa-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:clamp(40px,6vw,80px);
    align-items:center;
}

/* 3D Visual Stack */
.about-page .abt-wwa-visual{
    position:relative;
}
.about-page .abt-wwa-perspective{
    position:relative;
    perspective:1200px;
    padding:20px;
}

/* Background layers — 3D depth effect */
.about-page .abt-wwa-layer{
    position:absolute;
    border-radius:22px;
}
.about-page .abt-wwa-layer--back{
    inset:34px 10px 10px 34px;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    opacity:.15;
    border-radius:26px;
    transform:rotate(-3deg) translateZ(-40px);
    box-shadow:0 20px 60px rgba(21,94,239,.15);
}
.about-page .abt-wwa-layer--mid{
    inset:18px 4px 4px 18px;
    border:2px solid rgba(21,94,239,.12);
    border-radius:24px;
    transform:rotate(-1.5deg) translateZ(-20px);
    background:rgba(21,94,239,.04);
}

/* Main image card — 3D transform */
.about-page .abt-wwa-img-card{
    position:relative;
    z-index:2;
    border-radius:22px;
    overflow:hidden;
    border:1px solid var(--about-line);
    box-shadow:
        0 24px 70px rgba(18,35,61,.16),
        0 4px 16px rgba(18,35,61,.06),
        inset 0 1px 0 rgba(255,255,255,.5);
    transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);
    transition:transform .45s cubic-bezier(.22,.68,0,1.01),box-shadow .45s ease;
}
.about-page .abt-wwa-img-card:hover{
    transform:perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-8px);
    box-shadow:
        0 40px 100px rgba(18,35,61,.2),
        0 8px 24px rgba(18,35,61,.08);
}
.about-page .abt-wwa-img-card img{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}

/* Floating 3D badges */
.about-page .abt-wwa-badge{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    border-radius:14px;
    backdrop-filter:blur(18px);
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    font:750 13px/1 var(--font-secondary);
    animation:abt-wwa-float 4s ease-in-out infinite;
}
.about-page .abt-wwa-badge--top{
    top:8px;
    right:-10px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(21,94,239,.88),rgba(15,159,154,.88));
    border:1px solid rgba(255,255,255,.25);
    animation-delay:0s;
}
.about-page .abt-wwa-badge--top i{
    font-size:18px;
    color:#ffd34e;
}
.about-page .abt-wwa-badge--bottom{
    bottom:16px;
    left:-14px;
    color:var(--about-ink);
    background:
        linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,248,251,.92));
    border:1px solid var(--about-line);
    animation-delay:2s;
}
.about-page .abt-wwa-badge--bottom i{
    font-size:18px;
    color:var(--about-teal);
}
@keyframes abt-wwa-float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

/* Floating note bar */
.about-page .abt-wwa-note{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:18px;
    padding:16px 20px;
    border:1px solid var(--about-line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 36px rgba(18,35,61,.07);
}
.about-page .abt-wwa-note-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    color:#fff;
    border-radius:12px;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    font-size:18px;
}
.about-page .abt-wwa-note span{
    color:var(--about-ink);
    font:700 13.5px/1.4 var(--font-secondary);
}

/* Content side */
.about-page .abt-wwa-content h2{
    margin:14px 0 0;
    color:var(--about-ink);
    font:820 clamp(2rem,4vw,3.2rem)/1.06 var(--font-primary);
    letter-spacing:-.045em;
    text-wrap:balance;
}
.about-page .abt-wwa-content>p{
    margin:18px 0 0;
    color:var(--about-muted);
    font:400 15.5px/1.78 var(--font-secondary);
    max-width:600px;
}

/* 3D Capability cards */
.about-page .abt-wwa-caps{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:30px;
}
.about-page .abt-wwa-cap{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    border:1px solid var(--about-line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 20px rgba(18,35,61,.05);
    transition:transform .28s cubic-bezier(.22,.68,0,1.01),box-shadow .28s ease,border-color .28s ease;
    cursor:default;
}
.about-page .abt-wwa-cap:hover{
    transform:perspective(600px) rotateX(3deg) translateY(-5px);
    box-shadow:0 18px 42px rgba(18,35,61,.12);
    border-color:rgba(21,94,239,.25);
}
.about-page .abt-wwa-cap-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    color:#fff;
    border-radius:11px;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    font-size:18px;
    box-shadow:0 8px 20px rgba(21,94,239,.2);
    transition:transform .28s ease;
}
.about-page .abt-wwa-cap:hover .abt-wwa-cap-icon{
    transform:scale(1.1) rotate(-5deg);
}
.about-page .abt-wwa-cap span{
    color:var(--about-ink);
    font:700 13.5px/1.3 var(--font-secondary);
}

/* Responsive */
@media (max-width:1100px){
    .about-page .abt-wwa-grid{
        grid-template-columns:1fr;
    }
    .about-page .abt-wwa-visual{
        max-width:560px;
        margin-inline:auto;
    }
}
@media (max-width:760px){
    .about-page .abt-wwa-caps{
        grid-template-columns:1fr;
    }
    .about-page .abt-wwa-badge--top{
        right:4px;
        top:4px;
    }
    .about-page .abt-wwa-badge--bottom{
        left:4px;
        bottom:8px;
    }
    .about-page .abt-wwa-img-card{
        transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
    }
    .about-page .abt-wwa-perspective{
        padding:12px;
    }
}

/* ============================================================
   ABOUT PAGE — NEW SECTIONS (Mission/Vision, Services, Why Us,
   Values, Promise, Director, Leadership Philosophy)
   ============================================================ */

/* ── Mission & Vision ────────────────────────────────────── */

.about-page .abt-mv-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:8px;
}
.about-page .abt-mv-card{
    position:relative;
    padding:clamp(32px,4vw,48px);
    border:1px solid var(--about-line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 52px rgba(18,35,61,.07);
    overflow:hidden;
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.about-page .abt-mv-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 68px rgba(18,35,61,.12);
}
.about-page .abt-mv-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    border-radius:20px 20px 0 0;
}
.about-page .abt-mv-card--mission::before{
    background:linear-gradient(90deg,var(--about-blue),var(--about-teal));
}
.about-page .abt-mv-card--vision::before{
    background:linear-gradient(90deg,var(--about-coral),#ffc53d);
}
.about-page .abt-mv-card--mission:hover{
    border-color:rgba(21,94,239,.3);
}
.about-page .abt-mv-card--vision:hover{
    border-color:rgba(240,100,73,.3);
}
.about-page .abt-mv-icon{
    display:grid;
    place-items:center;
    width:56px;
    height:56px;
    border-radius:16px;
    font-size:24px;
    margin-bottom:20px;
}
.about-page .abt-mv-card--mission .abt-mv-icon{
    color:#fff;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
}
.about-page .abt-mv-card--vision .abt-mv-icon{
    color:#fff;
    background:linear-gradient(135deg,var(--about-coral),#ffc53d);
}
.about-page .abt-mv-card h3{
    margin:0 0 14px;
    color:var(--about-ink);
    font:820 1.35rem/1.2 var(--font-primary);
    letter-spacing:-.025em;
}
.about-page .abt-mv-card p{
    margin:0;
    color:var(--about-muted);
    font:400 15px/1.75 var(--font-secondary);
}

/* ── Services Grid ───────────────────────────────────────── */
.about-page .abt-services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.about-page .abt-service-card{
    position:relative;
    padding:30px 26px;
    border:1px solid var(--about-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 42px rgba(18,35,61,.06);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    overflow:hidden;
}
.about-page .abt-service-card::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,var(--about-blue),var(--about-teal));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .32s ease;
}
.about-page .abt-service-card:hover{
    transform:translateY(-6px);
    border-color:rgba(21,94,239,.25);
    box-shadow:0 22px 58px rgba(18,35,61,.1);
}
.about-page .abt-service-card:hover::after{
    transform:scaleX(1);
}
.about-page .abt-service-icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    color:#fff;
    border-radius:14px;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    font-size:22px;
    margin-bottom:18px;
}
.about-page .abt-service-card h3{
    margin:0 0 10px;
    color:var(--about-ink);
    font:800 1.12rem/1.25 var(--font-primary);
}
.about-page .abt-service-card p{
    margin:0;
    color:var(--about-muted);
    font:400 14px/1.68 var(--font-secondary);
}

/* ── Why Choose Us ───────────────────────────────────────── */
.about-page .abt-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.about-page .abt-why-card{
    position:relative;
    padding:28px 24px;
    border:1px solid var(--about-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 42px rgba(18,35,61,.06);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    overflow:hidden;
}
.about-page .abt-why-card:hover{
    transform:translateY(-5px);
    border-color:rgba(15,159,154,.3);
    box-shadow:0 22px 58px rgba(18,35,61,.1);
}
.about-page .abt-why-number{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(21,94,239,.1);
    font:900 2.5rem/1 var(--font-primary);
    letter-spacing:-.04em;
    pointer-events:none;
}
.about-page .abt-why-card>i{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:#fff;
    border-radius:13px;
    background:linear-gradient(135deg,var(--about-teal),var(--about-blue));
    font-size:21px;
    margin-bottom:16px;
}
.about-page .abt-why-card h3{
    margin:0 0 10px;
    color:var(--about-ink);
    font:800 1.1rem/1.25 var(--font-primary);
}
.about-page .abt-why-card p{
    margin:0;
    color:var(--about-muted);
    font:400 14px/1.65 var(--font-secondary);
}

/* ── Core Values Grid ────────────────────────────────────── */
.about-page .abt-values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.about-page .abt-value-card{
    position:relative;
    padding:26px 22px;
    border:1px solid var(--about-line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 38px rgba(18,35,61,.05);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    overflow:hidden;
}
.about-page .abt-value-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,var(--about-teal),var(--about-blue));
    opacity:0;
    transition:opacity .24s ease;
}
.about-page .abt-value-card:hover{
    transform:translateY(-5px);
    border-color:rgba(15,159,154,.3);
    box-shadow:0 20px 52px rgba(18,35,61,.09);
}
.about-page .abt-value-card:hover::before{
    opacity:1;
}
.about-page .abt-value-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    color:var(--about-teal);
    border:1px solid rgba(15,159,154,.2);
    border-radius:12px;
    background:rgba(15,159,154,.08);
    font-size:20px;
    margin-bottom:16px;
}
.about-page .abt-value-card h3{
    margin:0 0 8px;
    color:var(--about-ink);
    font:800 1.02rem/1.25 var(--font-primary);
}
.about-page .abt-value-card p{
    margin:0;
    color:var(--about-muted);
    font:400 13.5px/1.65 var(--font-secondary);
}

/* ── Promise Section ─────────────────────────────────────── */
.about-page .abt-promise-inner{
    display:flex;
    gap:clamp(30px,5vw,56px);
    align-items:flex-start;
    padding:clamp(36px,5vw,56px);
    border:1px solid rgba(21,94,239,.15);
    border-radius:24px;
    background:
        radial-gradient(circle at 90% 10%,rgba(15,159,154,.08),transparent 24%),
        radial-gradient(circle at 10% 90%,rgba(21,94,239,.06),transparent 24%),
        #fff;
    box-shadow:0 24px 70px rgba(18,35,61,.08);
}
.about-page .abt-promise-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    color:#fff;
    border-radius:20px;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    font-size:32px;
    box-shadow:0 18px 44px rgba(21,94,239,.2);
}
.about-page .abt-promise-content{
    flex:1;
}
.about-page .abt-promise-content h2{
    margin:13px 0 0;
    color:var(--about-ink);
    font:820 clamp(1.6rem,3vw,2.4rem)/1.1 var(--font-primary);
    letter-spacing:-.04em;
}
.about-page .abt-promise-content p{
    margin:16px 0 0;
    color:var(--about-muted);
    font:400 15.5px/1.75 var(--font-secondary);
    max-width:680px;
}

/* ── Director Section — Premium Dark Hero Redesign ───────── */
.about-page .abt-director{
    background:var(--about-soft);
}

/* Dark hero card */
.about-page .abt-dir-hero{
    position:relative;
    isolation:isolate;
    padding:clamp(38px,5vw,60px);
    border-radius:28px;
    color:#fff;
    background:
        linear-gradient(rgba(21,94,239,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(21,94,239,.04) 1px,transparent 1px),
        linear-gradient(145deg,#0b1424 0%,#13243e 55%,#0d1e36 100%);
    background-size:36px 36px,36px 36px,auto;
    box-shadow:0 36px 100px rgba(8,17,31,.35);
    overflow:hidden;
}
.about-page .abt-dir-hero-glow{
    position:absolute;
    z-index:-1;
    width:200px;
    aspect-ratio:1;
    border-radius:50%;
    filter:blur(70px);
    pointer-events:none;
}
.about-page .abt-dir-hero-glow--1{
    top:-40px;
    right:10%;
    background:rgba(15,159,154,.45);
}
.about-page .abt-dir-hero-glow--2{
    bottom:-30px;
    left:5%;
    background:rgba(21,94,239,.35);
}
.about-page .abt-dir-hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:clamp(30px,5vw,56px);
    align-items:center;
}
.about-page .abt-dir-hero-left h2{
    margin:16px 0 18px;
    color:#fff;
    font:820 clamp(2rem,3.8vw,3.2rem)/1.06 var(--font-primary);
    letter-spacing:-.045em;
    text-wrap:balance;
}
.about-page .abt-dir-hero-left .about-kicker:before{
    background:rgba(112,242,222,.6);
}
.about-page .abt-dir-hero-left>p{
    margin:0;
    max-width:560px;
    color:rgba(255,255,255,.72);
    font:400 15.5px/1.72 var(--font-secondary);
}

/* Stats inside dark hero */
.about-page .abt-dir-stats{
    display:flex;
    gap:14px;
    margin-top:28px;
}
.about-page .abt-dir-stat{
    padding:16px 20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(12px);
    text-align:center;
    transition:border-color .24s ease,background .24s ease;
}
.about-page .abt-dir-stat:hover{
    border-color:rgba(112,242,222,.35);
    background:rgba(112,242,222,.08);
}
.about-page .abt-dir-stat strong{
    display:block;
    color:#70f2de;
    font:850 1.65rem/1 var(--font-primary);
    letter-spacing:-.03em;
}
.about-page .abt-dir-stat span{
    display:block;
    margin-top:6px;
    color:rgba(255,255,255,.6);
    font:700 11px/1.2 var(--font-secondary);
    letter-spacing:.06em;
    text-transform:uppercase;
}

/* Profile card inside dark hero */
.about-page .abt-dir-card{
    position:relative;
    padding:clamp(28px,3.5vw,40px) clamp(24px,3vw,32px);
    border:1px solid rgba(255,255,255,.14);
    border-radius:24px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.08),transparent 40%),
        rgba(8,17,31,.65);
    backdrop-filter:blur(22px);
    box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);
    text-align:center;
    overflow:hidden;
}
.about-page .abt-dir-card-ring{
    position:absolute;
    z-index:0;
    width:160px;
    aspect-ratio:1;
    left:50%;
    top:40px;
    transform:translateX(-50%);
    border:1px solid rgba(112,242,222,.2);
    border-radius:50%;
    box-shadow:0 0 0 22px rgba(112,242,222,.035),0 0 0 48px rgba(112,242,222,.015);
    pointer-events:none;
}
.about-page .abt-dir-avatar{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:90px;
    height:90px;
    margin:0 auto 18px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    box-shadow:0 16px 40px rgba(21,94,239,.35),0 0 0 4px rgba(112,242,222,.2);
}
.about-page .abt-dir-avatar span{
    color:#fff;
    font:850 2rem/1 var(--font-primary);
    letter-spacing:-.03em;
}
.about-page .abt-dir-card h3{
    position:relative;
    z-index:1;
    margin:0 0 4px;
    color:#fff;
    font:820 1.3rem/1.2 var(--font-primary);
}
.about-page .abt-dir-title{
    display:block;
    margin-bottom:20px;
    color:#70f2de;
    font:700 11px/1.3 var(--font-secondary);
    letter-spacing:.1em;
    text-transform:uppercase;
}
.about-page .abt-dir-tags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-bottom:22px;
}
.about-page .abt-dir-tags span{
    padding:7px 14px;
    color:rgba(255,255,255,.82);
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    font:650 11.5px/1 var(--font-secondary);
    letter-spacing:.02em;
    transition:border-color .2s ease,background .2s ease;
}
.about-page .abt-dir-tags span:hover{
    border-color:rgba(112,242,222,.4);
    background:rgba(112,242,222,.1);
    color:#fff;
}
.about-page .abt-dir-connect{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:13px 24px;
    color:#0b1424;
    border-radius:12px;
    background:linear-gradient(135deg,#70f2de,#40d4c0);
    font:750 13px/1 var(--font-secondary);
    text-decoration:none;
    box-shadow:0 14px 32px rgba(112,242,222,.22);
    transition:transform .22s ease,box-shadow .22s ease;
}
.about-page .abt-dir-connect:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 44px rgba(112,242,222,.32);
    color:#0b1424;
}

/* Quote + Approach — below hero */
.about-page .abt-dir-lower{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:24px;
    margin-top:24px;
}
.about-page .abt-dir-quote{
    position:relative;
    margin:0;
    padding:clamp(28px,4vw,40px);
    border:1px solid var(--about-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 52px rgba(18,35,61,.07);
    overflow:hidden;
}
.about-page .abt-dir-quote::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,var(--about-blue),var(--about-teal));
}
.about-page .abt-dir-quote-mark{
    color:rgba(21,94,239,.12);
    font:900 5rem/1 var(--font-primary);
    line-height:.7;
    margin-bottom:8px;
}
.about-page .abt-dir-quote>p{
    margin:0;
    color:var(--about-ink);
    font:500 16px/1.75 var(--font-secondary);
    font-style:italic;
}
.about-page .abt-dir-quote-footer{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid var(--about-line);
}
.about-page .abt-dir-quote-avatar{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--about-blue),var(--about-teal));
    flex-shrink:0;
}
.about-page .abt-dir-quote-avatar span{
    color:#fff;
    font:800 14px/1 var(--font-primary);
}
.about-page .abt-dir-quote-footer strong{
    display:block;
    color:var(--about-ink);
    font:800 14px/1.2 var(--font-primary);
}
.about-page .abt-dir-quote-footer>div>span{
    color:var(--about-muted);
    font:600 12px/1.3 var(--font-secondary);
}

/* Approach card */
.about-page .abt-dir-approach{
    padding:clamp(28px,4vw,40px);
    border:1px solid var(--about-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 52px rgba(18,35,61,.07);
}
.about-page .abt-dir-approach h3{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 14px;
    color:var(--about-ink);
    font:820 1.15rem/1.25 var(--font-primary);
}
.about-page .abt-dir-approach h3 i{
    color:var(--about-coral);
    font-size:18px;
}
.about-page .abt-dir-approach>p{
    margin:0 0 20px;
    color:var(--about-muted);
    font:400 14.5px/1.72 var(--font-secondary);
}
.about-page .abt-dir-expertise-pills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.about-page .abt-dir-expertise-pills span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 14px;
    color:var(--about-ink);
    border:1px solid var(--about-line);
    border-radius:999px;
    background:var(--about-soft);
    font:650 12.5px/1 var(--font-secondary);
    transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.about-page .abt-dir-expertise-pills span:hover{
    border-color:rgba(15,159,154,.35);
    background:rgba(15,159,154,.08);
    color:var(--about-teal);
}
.about-page .abt-dir-expertise-pills i{
    color:var(--about-teal);
    font-size:14px;
}


/* ── Leadership Philosophy ───────────────────────────────── */
.about-page .abt-philosophy-section{
    margin-top:clamp(48px,6vw,72px);
}
.about-page .abt-philosophy-title{
    margin:0 0 24px;
    text-align:center;
    color:var(--about-ink);
    font:820 clamp(1.4rem,2.5vw,1.8rem)/1.15 var(--font-primary);
    letter-spacing:-.03em;
}
.about-page .abt-philosophy-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.about-page .abt-philosophy-card{
    padding:24px 22px;
    border:1px solid var(--about-line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 38px rgba(18,35,61,.05);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.about-page .abt-philosophy-card:hover{
    transform:translateY(-4px);
    border-color:rgba(21,94,239,.25);
    box-shadow:0 18px 48px rgba(18,35,61,.08);
}
.about-page .abt-philosophy-card>i{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    color:var(--about-blue);
    border-radius:11px;
    border:1px solid rgba(21,94,239,.15);
    background:rgba(21,94,239,.06);
    font-size:18px;
    margin-bottom:14px;
}
.about-page .abt-philosophy-card h4{
    margin:0 0 8px;
    color:var(--about-ink);
    font:800 1rem/1.25 var(--font-primary);
}
.about-page .abt-philosophy-card p{
    margin:0;
    color:var(--about-muted);
    font:400 13.5px/1.65 var(--font-secondary);
}

/* ── CTA Buttons refinement ──────────────────────────────── */
.about-page .abt-cta-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
    flex:0 0 auto;
}
.about-page .abt-cta-secondary{
    color:var(--about-blue)!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(255,255,255,.4);
}
.about-page .abt-cta-secondary:hover{
    background:#fff!important;
}

/* ── About new sections CTA inner fix ────────────────────── */
.about-page .about-cta-inner{
    flex-wrap:wrap;
}
.about-page .about-cta-inner>div:first-child{
    flex:1 1 400px;
}

/* ── Mission / Vision section background ─────────────────── */
.about-page .abt-mission-vision{
    background:var(--about-soft);
}

/* ── Why Us section background ───────────────────────────── */
.about-page .abt-why-us{
    background:var(--about-soft);
}

/* ═══════════════════════════════════════════════════════════
   ABOUT NEW SECTIONS — RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (max-width:1100px){
    .about-page .abt-services-grid,
    .about-page .abt-why-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .about-page .abt-values-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .about-page .abt-dir-hero-grid{
        grid-template-columns:1fr;
    }
    .about-page .abt-dir-card{
        max-width:380px;
        margin-inline:auto;
    }
    .about-page .abt-dir-lower{
        grid-template-columns:1fr;
    }
    .about-page .abt-philosophy-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:760px){
    .about-page .abt-mv-grid,
    .about-page .abt-services-grid,
    .about-page .abt-why-grid,
    .about-page .abt-values-grid,
    .about-page .abt-philosophy-grid{
        grid-template-columns:1fr;
    }
    .about-page .abt-promise-inner{
        flex-direction:column;
        padding:clamp(24px,4vw,36px);
    }
    .about-page .abt-promise-icon{
        width:58px;
        height:58px;
        font-size:26px;
    }
    .about-page .abt-dir-hero{
        padding:clamp(24px,4vw,36px);
        border-radius:20px;
    }
    .about-page .abt-dir-hero-left h2{
        font-size:clamp(1.8rem,8vw,2.6rem);
    }
    .about-page .abt-dir-stats{
        flex-wrap:wrap;
    }
    .about-page .abt-dir-stat{
        flex:1 1 calc(50% - 7px);
        min-width:0;
    }
    .about-page .abt-dir-card{
        max-width:none;
    }
    .about-page .abt-dir-lower{
        grid-template-columns:1fr;
    }
    .about-page .abt-cta-buttons{
        width:100%;
    }
    .about-page .abt-cta-buttons .cp-btn{
        width:100%;
    }
}