html.methods-model-scroll-page{scroll-behavior:auto!important}
:root{
    --mm-site-navy:#123b55;
    --mm-site-blue:#3f75c6;
    --mm-site-cyan:#08a3ad;
    --mm-site-green:#8cc41f;
    --mm-site-ink:#263b46;
    --mm-site-muted:#73858e;
    --mm-site-bg:#f5f8f9;
    --mm-site-line:#dfe9ec;
    --mm-site-shadow:0 14px 38px rgba(24,61,75,.075);
}

/* Align the methods page with the existing Zhuoyan corporate site. */
.methods-model-page{background:#fff;color:var(--mm-site-ink)}
.methods-model-page .max-wid{width:min(1200px,calc(100% - 48px))}

.methods-intro{
    padding:72px 0 0;
    background:
        radial-gradient(circle at 88% 12%,rgba(8,163,173,.08),transparent 22%),
        linear-gradient(180deg,#fff 0%,#f8fbfc 100%);
}
.methods-intro:before{
    background-image:linear-gradient(rgba(18,59,85,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(18,59,85,.025) 1px,transparent 1px);
    background-size:58px 58px;
}
.methods-orbit{border-color:rgba(8,163,173,.09)}
.methods-intro-grid{grid-template-columns:minmax(0,1fr) 430px;gap:70px;padding-bottom:54px}
.methods-kicker{color:var(--mm-site-cyan);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:12px;letter-spacing:.16em}
.methods-kicker:before{background:var(--mm-site-green)}
.methods-intro-copy h1{
    margin:15px 0 18px;
    color:var(--mm-site-navy);
    font-family:"Noto Serif SC","Source Han Serif SC","Microsoft YaHei",serif;
    font-size:52px;
    letter-spacing:-.02em;
}
.methods-intro-copy p{max-width:720px;color:#667b85;font-size:16px;line-height:1.95}
.methods-intro-index{gap:12px}
.methods-intro-index article{
    position:relative;
    min-height:126px;
    padding:24px 18px 18px;
    overflow:hidden;
    border-top:3px solid var(--mm-site-cyan);
    border-radius:0;
    background:#fff;
    box-shadow:var(--mm-site-shadow);
}
.methods-intro-index article:nth-child(2){border-top-color:var(--mm-site-green)}
.methods-intro-index article:nth-child(3){border-top-color:var(--mm-site-blue)}
.methods-intro-index strong{color:rgba(8,163,173,.24);font-size:26px}
.methods-intro-index span{margin-top:10px;color:var(--mm-site-navy);font-size:15px}
.methods-intro-index small{display:block;margin-top:5px;color:#91a0a7;font-family:Georgia,serif;font-size:9px;letter-spacing:.08em}

.methods-anchor-nav{
    border-top:1px solid var(--mm-site-line);
    border-bottom:1px solid var(--mm-site-line);
    background:rgba(255,255,255,.96);
    box-shadow:none;
}
.methods-anchor-nav a{padding:18px 10px;color:#647882;font-size:13px}
.methods-anchor-nav a:hover,.methods-anchor-nav a.is-active{color:var(--mm-site-cyan);background:#f4fafb}
.methods-anchor-nav a:after{height:2px;background:var(--mm-site-cyan)}

.methods-section{padding:92px 0}
.methods-section:nth-of-type(odd){background:#fff}
.methods-section-heading{grid-template-columns:76px minmax(0,1fr);gap:24px;margin-bottom:44px}
.methods-section-number{color:rgba(8,163,173,.15);font-size:58px;line-height:1}
.methods-section-heading span{color:var(--mm-site-cyan);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:11px;letter-spacing:.15em}
.methods-section-heading h2{margin:7px 0 10px;color:var(--mm-site-navy);font-size:36px;letter-spacing:-.02em}
.methods-section-heading p{color:var(--mm-site-muted);font-size:15px;line-height:1.85}
.methods-section-heading.is-light h2{color:var(--mm-site-navy)}
.methods-section-heading.is-light p{color:var(--mm-site-muted)}
.methods-section-heading.is-light .methods-section-number{color:rgba(8,163,173,.15)}

.method-system{background:#fff}
.method-spectrum{gap:20px}
.method-spectrum-card{
    min-height:440px;
    border:0;
    background:#fff;
    box-shadow:var(--mm-site-shadow);
}
.method-spectrum-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(24,61,75,.11)}
.method-spectrum-head{background:var(--mm-site-blue)}
.method-spectrum-card.is-qualitative .method-spectrum-head{background:var(--mm-site-cyan)}
.method-spectrum-card.is-special .method-spectrum-head{background:var(--mm-site-navy)}
.method-spectrum-card li{color:#445b66}
.method-spectrum-card li:before{background:var(--mm-site-green);box-shadow:none}
.method-table-switch{margin-top:56px}
.method-switch-buttons{justify-content:center;margin-bottom:18px}
.method-switch-buttons button{min-width:180px;border:1px solid var(--mm-site-line);background:#fff;color:#607680}
.method-switch-buttons button.is-active{border-color:var(--mm-site-cyan);background:var(--mm-site-cyan);box-shadow:0 8px 20px rgba(8,163,173,.16)}
.method-table-scroll{border:1px solid var(--mm-site-line);box-shadow:0 10px 30px rgba(24,61,75,.055)}
.method-comparison-table thead th{background:var(--mm-site-blue)}
.method-comparison-table thead th:first-child{background:var(--mm-site-navy)}
.method-comparison-table tbody th{background:#4c79c1}
.method-comparison-table tbody tr:nth-child(odd) td{background:#eef5f6}
.method-comparison-table tbody tr:nth-child(even) td{background:#f9fbfc}

.consumer-insight{
    color:var(--mm-site-ink);
    background:var(--mm-site-bg);
}
.consumer-insight:before{background:linear-gradient(135deg,rgba(8,163,173,.025),transparent 50%)}
.insight-five-p{border-radius:2px;background:var(--mm-site-cyan);box-shadow:0 12px 30px rgba(8,163,173,.12)}
.insight-five-p span{color:#fff}
.insight-model{
    padding:16px;
    border:0;
    background:#fff;
    box-shadow:var(--mm-site-shadow);
}
.insight-row+.insight-row{border-top:12px solid #f2f6f7}
.insight-row h3{background:var(--mm-site-green);font-size:18px}
.insight-row article{border:1px solid #e9eff1;background:#fbfcfc}
.insight-row article strong{color:var(--mm-site-cyan)}

.innovation-model{background:#fff}
.innovation-canvas{min-height:740px;border:1px solid #e6edef;background:#fbfcfc;box-shadow:var(--mm-site-shadow)}
.innovation-start span{background:var(--mm-site-navy)}
.innovation-hub{background:var(--mm-site-cyan)}
.innovation-node{background:#138a94;box-shadow:0 12px 28px rgba(8,132,142,.11)}
.innovation-node:hover{background:var(--mm-site-green)}
.innovation-network:before{border-color:rgba(8,163,173,.19)}
.innovation-network:after{border-color:rgba(140,196,31,.17)}

.service-quality{
    color:var(--mm-site-ink);
    background:var(--mm-site-bg);
}
.service-gap-model{
    padding:22px;
    border:0;
    background:#fff;
    box-shadow:var(--mm-site-shadow);
}
.service-side-label,.service-techniques>strong{
    color:#fff;
    background:#8f989d;
}
.service-gap-core{gap:12px}
.service-bar{padding:16px 22px;background:var(--mm-site-cyan);font-size:17px;font-weight:600;letter-spacing:.02em}
.service-gap-content{
    padding:20px;
    border-radius:4px;
    background:#f1f6f7;
}
.service-gap-content ul{display:grid;gap:8px}
.service-gap-content li{
    padding:12px 15px;
    border-left:3px solid rgba(8,163,173,.55);
    border-radius:2px;
    color:#334f5c;
    background:#fff;
    box-shadow:0 5px 16px rgba(24,61,75,.045);
}
.service-gap-content strong{color:var(--mm-site-navy)}
.service-arrow{background:linear-gradient(to bottom,transparent 0 12%,#7faeb2 12% 88%,transparent 88%)}
.service-arrow:before{border-bottom-color:#7faeb2}
.service-arrow:after{border-top-color:#7faeb2}
.service-arrow span{color:#fff;font-weight:600}
.service-techniques li{color:#5f727b}

.brand-models{background:#fff}
.brand-model-card{
    padding:32px;
    border:1px solid #e8eef0;
    background:#fff;
    box-shadow:0 10px 32px rgba(24,61,75,.055);
}
.brand-model-card:hover{box-shadow:0 18px 45px rgba(24,61,75,.095)}
.model-card-heading{padding-bottom:20px;border-bottom:1px solid var(--mm-site-line)}
.model-card-heading h3{color:var(--mm-site-navy);font-size:23px}
.model-card-heading p{color:var(--mm-site-muted)}
.brand-bowtie{min-height:270px;border-radius:4px}
.satisfaction-steps div{border-top-color:var(--mm-site-cyan);background:#f7fafb}
.satisfaction-steps div:nth-child(n+6){border-top-color:var(--mm-site-green)}
.lifecycle-map>strong{color:var(--mm-site-navy);background:#edf2f3}
.lifecycle-map>div{background:#f5f7f8}
.lifecycle-map i{background:#d7f2f4}
.brand-model-grid{gap:28px}
.driver-matrix{border-color:var(--mm-site-cyan)}

.service-mode{
    color:var(--mm-site-ink);
    background:var(--mm-site-bg);
}
.service-mode-timeline:before{background:linear-gradient(90deg,var(--mm-site-cyan),var(--mm-site-green),var(--mm-site-cyan))}
.service-mode-timeline article{
    min-height:290px;
    border:0;
    border-top:3px solid var(--mm-site-cyan);
    background:#fff;
    box-shadow:var(--mm-site-shadow);
}
.service-mode-timeline article:nth-child(even){border-top-color:var(--mm-site-green)}
.service-mode-timeline article:hover{background:#fff;transform:translateY(-5px)}
.service-mode-timeline article:before{border-color:var(--mm-site-bg);background:var(--mm-site-green)}
.service-mode-timeline span{color:var(--mm-site-cyan)}
.service-mode-timeline h3{color:var(--mm-site-navy)}
.service-mode-timeline p{color:#6c7e87}

@media(max-width:1100px){
    .methods-intro-grid{grid-template-columns:1fr;gap:32px}
    .methods-intro-index{max-width:620px}
    .service-mode-timeline article{min-height:230px}
}

@media(max-width:767px){
    .methods-model-page .max-wid{width:calc(100% - 30px)}
    .methods-intro{padding-top:55px}
    .methods-intro-copy h1{font-size:38px}
    .methods-intro-copy p{font-size:14px}
    .methods-intro-index article{min-height:105px;padding:18px 12px}
    .methods-intro-index strong{font-size:22px}
    .methods-intro-index span{font-size:13px}
    .methods-section{padding:66px 0}
    .methods-section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:30px}
    .methods-section-number{font-size:45px}
    .methods-section-heading h2{font-size:27px}
    .method-switch-buttons button{min-width:0}
    .insight-model{padding:10px}
    .innovation-canvas{min-height:auto}
    .service-gap-model{padding:14px}
    .brand-model-card{padding:22px 16px}
    .model-card-heading{padding-bottom:15px}
    .service-mode-timeline article{min-height:auto}
}

.methods-model-page{
    --mm-ease:cubic-bezier(.22,.72,.2,1);
}
.methods-model-page .methods-section{
    scroll-margin-top:124px;
}
.methods-model-page .methods-section-heading{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:auto!important;
    grid-template-columns:88px minmax(0,1fr);
    gap:32px;
    align-items:start;
    max-width:1060px;
    margin-bottom:50px;
    transform:none!important;
}
.methods-model-page .methods-section-number{
    position:relative;
    display:flex;
    align-items:flex-start;
    min-height:72px;
    padding-top:15px;
    color:rgba(8,163,173,.2);
    font-size:48px;
    font-weight:400;
    line-height:1;
    letter-spacing:-.04em;
}
.methods-model-page .methods-section-number:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:34px;
    height:2px;
    background:linear-gradient(90deg,var(--mm-site-cyan),var(--mm-site-green));
}
.methods-model-page .methods-section-heading>div:last-child{
    min-width:0;
    padding-top:1px;
}
.methods-model-page .methods-section-heading span{
    display:inline-flex;
    align-items:center;
    min-height:18px;
    color:var(--mm-site-cyan);
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
}
.methods-model-page .methods-section-heading h2{
    margin:8px 0 12px;
    color:var(--mm-site-navy);
    font-size:clamp(30px,2.75vw,38px);
    font-weight:500;
    line-height:1.45;
    letter-spacing:-.025em;
}
.methods-model-page .methods-section-heading p{
    max-width:820px;
    color:#71838c;
    font-size:15px;
    line-height:1.9;
}
.methods-model-page .methods-section-heading.is-light h2,
.methods-model-page .methods-section-heading.is-light p{
    color:inherit;
}
.methods-model-page .methods-section-heading.is-light h2{
    color:var(--mm-site-navy);
}
.methods-model-page .methods-section-heading.is-light p{
    color:#71838c;
}
.methods-model-page .methods-reveal{
    opacity:1;
    transform:none;
}
.methods-model-page.methods-motion-ready .methods-reveal{
    opacity:0;
    transform:translate3d(0,18px,0);
    transition:opacity .72s var(--mm-ease),transform .72s var(--mm-ease);
    will-change:opacity,transform;
}
.methods-model-page.methods-motion-ready .methods-reveal-copy{
    transform:translate3d(0,12px,0);
}
.methods-model-page.methods-motion-ready .methods-reveal-heading{
    transform:none!important;
    transition-duration:.58s;
}
.methods-model-page.methods-motion-ready .methods-reveal.is-visible{
    opacity:1;
    transform:none;
    will-change:auto;
}
.methods-model-page.methods-motion-ready .methods-reveal-group>*{
    opacity:0;
    transform:translate3d(0,12px,0);
    transition:opacity .58s var(--mm-ease),transform .58s var(--mm-ease);
}
.methods-model-page.methods-motion-ready .methods-reveal-group.is-visible>*{
    opacity:1;
    transform:none;
}
.methods-model-page.methods-motion-ready .methods-reveal-group.is-visible>*:nth-child(2){transition-delay:.06s}
.methods-model-page.methods-motion-ready .methods-reveal-group.is-visible>*:nth-child(3){transition-delay:.12s}
.methods-model-page.methods-motion-ready .methods-reveal-group.is-visible>*:nth-child(4){transition-delay:.18s}
.methods-model-page.methods-motion-ready .methods-reveal-group.is-visible>*:nth-child(5){transition-delay:.24s}
.methods-model-page .method-spectrum-card,
.methods-model-page .innovation-canvas,
.methods-model-page .service-gap-model,
.methods-model-page .brand-model-card,
.methods-model-page .service-mode-timeline article{
    border:0;
    box-shadow:0 14px 38px rgba(24,61,75,.065);
}
.methods-model-page .method-spectrum-card:hover,
.methods-model-page .brand-model-card:hover,
.methods-model-page .service-mode-timeline article:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 48px rgba(24,61,75,.095);
}
.methods-model-page .service-gap-model.methods-reveal{
    opacity:1!important;
    transform:none!important;
    will-change:auto!important;
}

.methods-model-page .methods-anchor-nav a{
    transition:color .28s ease,background-color .28s ease;
}
.methods-model-page .methods-anchor-nav a:after{
    transition:width .32s var(--mm-ease);
}
@media(max-width:767px){
    .methods-model-page .methods-section{scroll-margin-top:86px}
    .methods-model-page .methods-section-heading{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:34px;
    }
    .methods-model-page .methods-section-number{
        min-height:auto;
        padding-top:10px;
        font-size:38px;
    }
    .methods-model-page .methods-section-number:before{width:28px}
    .methods-model-page .methods-section-heading h2{
        margin-top:6px;
        font-size:27px;
        line-height:1.5;
    }
    .methods-model-page .methods-section-heading p{
        font-size:14px;
        line-height:1.85;
    }
}
@media(prefers-reduced-motion:reduce){
    .methods-model-page .methods-reveal,
    .methods-model-page .methods-reveal-group>*{
        opacity:1!important;
        transform:none!important;
        transition:none!important;
    }
}
/* model 06 and 07 rebuild 20260819 */
.methods-model-page .brand-model-grid > .driver-model,
.methods-model-page .brand-model-grid > .experience-model{
    grid-column:1 / -1;
    padding:42px;
    overflow:hidden;
}
.methods-model-page .driver-model .model-card-heading,
.methods-model-page .experience-model .model-card-heading{
    margin-bottom:34px;
}
.methods-model-page .driver-model .model-card-heading p,
.methods-model-page .experience-model .model-card-heading p{
    margin-left:auto;
    color:#7d8d95;
}
.brand-driver-layout{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);
    gap:54px;
    align-items:stretch;
}
.brand-driver-copy{
    padding:4px 0 0;
}
.model-question-label{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    color:var(--mm-site-cyan);
    font-size:18px;
    font-weight:600;
}
.model-question-label i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--mm-site-green);
    box-shadow:0 0 0 6px rgba(116,160,54,.1);
}
.brand-driver-copy h4,
.brand-driver-formulas h4{
    margin:0 0 16px;
    color:var(--mm-site-navy);
    font-size:17px;
    font-weight:600;
}
.brand-driver-intro{
    display:grid;
    gap:15px;
    margin:0 0 30px;
    padding:0;
    list-style:none;
}
.brand-driver-intro li{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:13px;
    align-items:start;
}
.brand-driver-intro b{
    display:flex;
    width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:var(--mm-site-cyan);
    background:#edf8f8;
    font-family:Georgia,serif;
    font-size:11px;
}
.brand-driver-intro p{
    margin:2px 0 0;
    color:#536872;
    font-size:14px;
    line-height:1.9;
}
.brand-driver-formulas{
    padding:22px 24px;
    border-left:3px solid var(--mm-site-cyan);
    background:#f5f8f9;
}
.brand-driver-formulas p{
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    gap:13px;
    margin:9px 0;
    color:#61727a;
    font-size:13px;
    line-height:1.75;
}
.brand-driver-formulas strong{
    color:var(--mm-site-cyan);
    font-weight:600;
}
.brand-driver-note{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin-top:18px;
    color:#849097;
}
.brand-driver-note > i{
    margin-top:3px;
    color:var(--mm-site-green);
    font-size:16px;
}
.brand-driver-note p{
    margin:0;
    font-size:12px;
    line-height:1.75;
}
.brand-driver-note strong{
    color:#415862;
}
.brand-driver-figure{
    margin:0;
    padding:27px 28px 24px;
    border-radius:6px;
    background:linear-gradient(145deg,#f5fbfb 0%,#fff 62%);
    box-shadow:inset 0 0 0 1px rgba(11,154,164,.11);
}
.brand-driver-figure figcaption{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:20px;
}
.brand-driver-figure figcaption span{
    color:#8a9aa1;
    font-family:Georgia,serif;
    font-size:9px;
    letter-spacing:.16em;
}
.brand-driver-figure figcaption strong{
    color:var(--mm-site-navy);
    font-size:20px;
}
.brand-driver-chart{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    grid-template-rows:minmax(340px,auto) 54px;
}
.brand-driver-y-axis{
    display:grid;
    grid-template-rows:auto 1fr auto 1fr auto;
    justify-items:center;
    align-items:center;
    padding:0 13px 0 0;
    color:#6d7d85;
    font-size:11px;
    text-align:center;
}
.brand-driver-y-axis i{
    position:relative;
    width:1px;
    height:100%;
    background:var(--mm-site-cyan);
}
.brand-driver-y-axis i:first-of-type:before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    border-right:5px solid transparent;
    border-bottom:8px solid var(--mm-site-cyan);
    border-left:5px solid transparent;
    transform:translate(-50%,-1px);
}
.brand-driver-y-axis i:last-of-type:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    border-top:8px solid var(--mm-site-cyan);
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    transform:translate(-50%,1px);
}
.brand-driver-y-axis b{
    color:var(--mm-site-navy);
    font-size:13px;
    writing-mode:vertical-rl;
    letter-spacing:.14em;
}
.brand-driver-matrix{
    display:grid;
    grid-template-columns:1fr 1fr;
    border:1px solid var(--mm-site-cyan);
    background:#fff;
}
.driver-quadrant{
    position:relative;
    min-height:170px;
    padding:28px 25px;
    overflow:hidden;
}
.driver-quadrant:nth-child(odd){border-right:1px dashed rgba(11,154,164,.55)}
.driver-quadrant:nth-child(-n+2){border-bottom:1px dashed rgba(11,154,164,.55)}
.driver-quadrant:after{
    content:"";
    position:absolute;
    right:-35px;
    bottom:-55px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(11,154,164,.035);
}
.driver-quadrant small{
    display:block;
    margin-bottom:30px;
    color:#9eabb0;
    font-family:Georgia,serif;
    font-size:9px;
    letter-spacing:.14em;
}
.driver-quadrant strong{
    display:block;
    color:var(--mm-site-cyan);
    font-size:20px;
    font-weight:600;
}
.driver-quadrant p{
    margin:8px 0 0;
    color:#6c797f;
    font-size:13px;
}
.quadrant-competition,
.quadrant-difference{
    background:linear-gradient(145deg,rgba(11,154,164,.055),transparent 62%);
}
.quadrant-weakness strong{color:#b38837}
.quadrant-weakness:after{background:rgba(179,136,55,.06)}
.brand-driver-x-axis{
    grid-column:2;
    display:grid;
    grid-template-columns:auto 1fr auto 1fr auto;
    gap:10px;
    align-items:center;
    color:#6d7d85;
    font-size:12px;
}
.brand-driver-x-axis i{
    position:relative;
    height:1px;
    background:var(--mm-site-cyan);
}
.brand-driver-x-axis i:first-of-type:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    border-top:5px solid transparent;
    border-right:8px solid var(--mm-site-cyan);
    border-bottom:5px solid transparent;
    transform:translateY(-50%);
}
.brand-driver-x-axis i:last-of-type:after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid var(--mm-site-cyan);
    transform:translateY(-50%);
}
.brand-driver-x-axis b{
    color:var(--mm-site-navy);
    font-size:13px;
    text-align:center;
    white-space:nowrap;
}
.user-driver-layout{
    display:grid;
    grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);
    gap:34px;
    align-items:stretch;
}
.acv-ladder-model,
.user-journey-model{
    padding:28px;
    border-radius:6px;
    background:#f7fafb;
    box-shadow:inset 0 0 0 1px rgba(23,59,85,.06);
}
.experience-model-title{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:18px;
    margin-bottom:26px;
}
.experience-model-title span{
    color:#8c9aa1;
    font-family:Georgia,serif;
    font-size:9px;
    letter-spacing:.16em;
}
.experience-model-title h4{
    margin:0;
    color:var(--mm-site-navy);
    font-size:19px;
    font-weight:600;
}
.acv-ladder-body{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:16px;
}
.acv-side-axis{
    display:grid;
    grid-template-rows:auto 1fr auto;
    justify-items:center;
    color:#8c999f;
}
.acv-side-axis span{
    font-family:Georgia,serif;
    font-size:11px;
    letter-spacing:.12em;
}
.acv-side-axis i{
    position:relative;
    width:1px;
    margin:8px 0;
    background:repeating-linear-gradient(to bottom,var(--mm-site-cyan) 0 7px,transparent 7px 12px);
}
.acv-side-axis i:before{
    content:"";
    position:absolute;
    top:-2px;
    left:50%;
    border-right:5px solid transparent;
    border-bottom:8px solid var(--mm-site-cyan);
    border-left:5px solid transparent;
    transform:translateX(-50%);
}
.acv-side-axis b{
    font-size:12px;
    font-weight:500;
    writing-mode:vertical-rl;
    letter-spacing:.12em;
}
.acv-layers{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.acv-layer{
    width:100%;
    padding:18px 20px;
    text-align:center;
}
.acv-layer small,
.acv-layer strong,
.acv-layer span{
    display:block;
}
.acv-layer small{
    margin-bottom:5px;
    color:rgba(255,255,255,.64);
    font-family:Georgia,serif;
    font-size:8px;
    letter-spacing:.13em;
}
.acv-layer strong{
    color:#fff;
    font-size:18px;
    font-weight:600;
}
.acv-layer span{
    margin-top:7px;
    padding:7px 10px;
    color:#fff;
    background:rgba(255,255,255,.14);
    font-size:11px;
}
.acv-core{width:82%;background:#173b55}
.acv-consequences{width:92%;background:var(--mm-site-cyan)}
.acv-attributes{background:#58717e}
.acv-rise{
    position:relative;
    width:42px;
    height:48px;
}
.acv-rise i{
    position:absolute;
    left:50%;
    bottom:5px;
    width:16px;
    height:26px;
    background:var(--mm-site-green);
    transform:translateX(-50%);
}
.acv-rise i:before{
    content:"";
    position:absolute;
    top:-15px;
    left:50%;
    border-right:20px solid transparent;
    border-bottom:20px solid var(--mm-site-green);
    border-left:20px solid transparent;
    transform:translateX(-50%);
}
.journey-phase-track{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1.25fr 1fr;
    gap:16px;
    padding-top:24px;
}
.journey-phase-track:before{
    content:"";
    position:absolute;
    top:42px;
    right:5%;
    left:5%;
    height:1px;
    background:linear-gradient(90deg,var(--mm-site-cyan),var(--mm-site-green));
}
.journey-phase{
    position:relative;
    z-index:1;
}
.journey-phase-head{
    display:flex;
    gap:11px;
    align-items:center;
    min-height:60px;
    margin-bottom:18px;
    padding:10px 13px;
    background:#f7fafb;
}
.journey-phase-head>b{
    display:flex;
    width:34px;
    height:34px;
    flex:none;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:var(--mm-site-cyan);
    font-family:Georgia,serif;
    font-size:10px;
    box-shadow:0 0 0 5px #e7f5f5;
}
.journey-phase-head strong,
.journey-phase-head small{
    display:block;
}
.journey-phase-head strong{
    color:var(--mm-site-navy);
    font-size:17px;
}
.journey-phase-head small{
    margin-top:2px;
    color:#96a2a8;
    font-family:Georgia,serif;
    font-size:8px;
    letter-spacing:.1em;
}
.journey-items{
    display:grid;
    gap:8px;
}
.journey-items span{
    display:flex;
    min-height:70px;
    padding:13px 14px;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#d4a72c;
    font-size:13px;
    line-height:1.55;
    text-align:center;
    box-shadow:0 9px 22px rgba(149,110,22,.11);
}
.journey-during .journey-items span{background:#b89032}
.journey-after .journey-items span{background:#88713f}
.journey-items .is-more{
    min-height:42px;
    color:#8b9498;
    background:#edf1f2;
    box-shadow:none;
    font-size:11px;
}
.methods-model-page.methods-motion-ready .driver-model .brand-driver-copy > *,
.methods-model-page.methods-motion-ready .driver-model .driver-quadrant,
.methods-model-page.methods-motion-ready .experience-model .acv-layer,
.methods-model-page.methods-motion-ready .experience-model .acv-rise,
.methods-model-page.methods-motion-ready .experience-model .journey-phase{
    opacity:0;
    transform:translateY(12px);
    transition:opacity .55s var(--mm-ease),transform .55s var(--mm-ease);
}
.methods-model-page.methods-motion-ready .driver-model.is-visible .brand-driver-copy > *,
.methods-model-page.methods-motion-ready .driver-model.is-visible .driver-quadrant,
.methods-model-page.methods-motion-ready .experience-model.is-visible .acv-layer,
.methods-model-page.methods-motion-ready .experience-model.is-visible .acv-rise,
.methods-model-page.methods-motion-ready .experience-model.is-visible .journey-phase{
    opacity:1;
    transform:none;
}
.driver-model.is-visible .brand-driver-copy > *:nth-child(2),
.driver-model.is-visible .driver-quadrant:nth-child(2),
.experience-model.is-visible .acv-layers > *:nth-child(2),
.experience-model.is-visible .journey-phase:nth-child(2){transition-delay:.08s}
.driver-model.is-visible .brand-driver-copy > *:nth-child(3),
.driver-model.is-visible .driver-quadrant:nth-child(3),
.experience-model.is-visible .acv-layers > *:nth-child(3),
.experience-model.is-visible .journey-phase:nth-child(3){transition-delay:.16s}
.driver-model.is-visible .brand-driver-copy > *:nth-child(4),
.driver-model.is-visible .driver-quadrant:nth-child(4),
.experience-model.is-visible .acv-layers > *:nth-child(4){transition-delay:.24s}
.experience-model.is-visible .acv-layers > *:nth-child(5){transition-delay:.32s}
@media(max-width:1100px){
    .brand-driver-layout{grid-template-columns:1fr;gap:34px}
    .user-driver-layout{grid-template-columns:1fr}
    .brand-driver-figure{max-width:760px;width:100%;margin:0 auto}
}
@media(max-width:767px){
    .methods-model-page .brand-model-grid > .driver-model,
    .methods-model-page .brand-model-grid > .experience-model{padding:25px 17px}
    .methods-model-page .driver-model .model-card-heading p,
    .methods-model-page .experience-model .model-card-heading p{margin:8px 0 0}
    .brand-driver-formulas{padding:18px 16px}
    .brand-driver-formulas p{grid-template-columns:1fr;gap:3px}
    .brand-driver-figure{padding:21px 10px 18px}
    .brand-driver-figure figcaption{padding:0 8px}
    .brand-driver-chart{grid-template-columns:45px minmax(0,1fr);grid-template-rows:auto 56px}
    .brand-driver-y-axis{padding-right:6px;font-size:9px}
    .driver-quadrant{min-height:145px;padding:19px 12px}
    .driver-quadrant small{margin-bottom:19px}
    .driver-quadrant strong{font-size:16px}
    .driver-quadrant p{font-size:11px;line-height:1.55}
    .brand-driver-x-axis{gap:5px;font-size:10px}
    .brand-driver-x-axis b{font-size:11px;white-space:normal}
    .acv-ladder-model,.user-journey-model{padding:21px 14px}
    .experience-model-title{align-items:flex-start;flex-direction:column-reverse;gap:4px}
    .acv-ladder-body{grid-template-columns:36px minmax(0,1fr);gap:9px}
    .acv-layer{padding:15px 12px}
    .acv-layer strong{font-size:16px}
    .journey-phase-track{grid-template-columns:1fr;gap:18px;padding-top:0}
    .journey-phase-track:before{top:22px;bottom:22px;left:29px;width:1px;height:auto;background:linear-gradient(var(--mm-site-cyan),var(--mm-site-green))}
    .journey-phase-head{margin-bottom:9px;padding-left:12px}
    .journey-items{padding-left:54px}
    .journey-items span{min-height:54px}
}
@media(prefers-reduced-motion:reduce){
    .methods-model-page .driver-model .brand-driver-copy > *,
    .methods-model-page .driver-model .driver-quadrant,
    .methods-model-page .experience-model .acv-layer,
    .methods-model-page .experience-model .acv-rise,
    .methods-model-page .experience-model .journey-phase{opacity:1!important;transform:none!important;transition:none!important}
}