@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Michroma&display=swap');

/* =========================================================
   MOTF GLOBAL V4 — CONSOLIDATED MASTER
   Cleaned 2026-09-22
   One source of truth for shared header/footer/public V4 UI.
   ========================================================= */

:root{
    --motf-bg:#07131b;
    --motf-bg2:#0b1721;
    --motf-panel:#0d1a24;
    --motf-line:#2a4050;
    --motf-line2:#1c3141;

    --motf-blue:#4785e3;
    --motf-blue2:#75a7ef;
    --motf-blue3:#a8c5ee;
    --motf-white:#f4f7f9;
    --motf-body:#c4cdd5;

    --motf-display:'Michroma',sans-serif;
    --motf-text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    --motf-shell:1024px;

    /* Easy typography controls — edit these values only. */
    --motf-header-nav-size:15px;
    --motf-header-account-size:10.5px;
    --motf-footer-disclosure-size:15px;
    --motf-footer-nav-heading-size:14px;
    --motf-footer-nav-link-size:12px;
    --motf-footer-logo-width:210px;
}

*{
    box-sizing:border-box;
}

html{
    background:var(--motf-bg);
    color-scheme:dark;
}

body.motf-v4{
    margin:0;
    background:linear-gradient(180deg,#06111a 0%,#08151f 50%,#07121a 100%);
    color:var(--motf-white);
    font-family:var(--motf-text);
    font-size:14px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
}

body.motf-v4::before{
    content:"";
    position:fixed;
    z-index:-1;
    inset:0;
    background:
        radial-gradient(58% 36% at 73% 5%,rgba(71,133,227,.12),transparent 68%),
        radial-gradient(45% 30% at 11% 44%,rgba(55,111,179,.06),transparent 74%);
}

body.motf-v4 a{
    color:inherit;
    text-decoration:none;
}

.v4-shell{
    width:min(100%,var(--motf-shell));
    margin-inline:auto;
    padding-inline:28px;
}


/* =========================================================
   HEADER — BASE
   ========================================================= */

.v4-header{
    position:relative;
    z-index:100;
    height:56px;
    border-bottom:1px solid #19303f;
    background:rgba(5,15,22,.98);
}

.v4-header-inner{
    height:56px;
    display:grid;
    grid-template-columns:154px 1fr auto;
    align-items:center;
    gap:18px;
}

.v4-logo{
    height:50px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.v4-logo img{
    display:block;
    width:147px;
    height:50px;
    object-fit:contain;
}

.v4-nav{
    height:56px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:21px;
    white-space:nowrap;
}

.v4-nav-item{
    position:relative;
    height:56px;
    display:flex;
    align-items:center;
}

.v4-nav-item > button,
.v4-nav > a{
    padding:0;
    border:0;
    background:none;
    color:#f2f5f7;
    cursor:pointer;
    font-family:var(--motf-display);
    font-size:7.7px;
    letter-spacing:.025em;
}

.v4-account{
    display:flex;
    align-items:center;
    gap:11px;
    white-space:nowrap;
}

.v4-sign,
.v4-create,
.v4-lang{
    font-family:var(--motf-display);
    font-size:7.4px;
    letter-spacing:.02em;
}

.v4-create{
    padding:9px 13px;
    border:1px solid #5595f0;
    border-radius:4px;
    background:#2f75e7;
    box-shadow:0 0 14px rgba(47,117,231,.25);
}

.v4-sep{
    width:1px;
    height:26px;
    background:#2c3a46;
}

.v4-lang{
    display:flex;
    align-items:center;
    gap:4px;
    color:#7f8c98;
}

.v4-lang.active{
    color:#f4f7f9;
}

.v4-lang span{
    font-family:var(--motf-text);
    font-size:12px;
}

.v4-menu-toggle{
    display:none;
    width:34px;
    height:34px;
    border:0;
    background:none;
}

.v4-menu-toggle span{
    display:block;
    width:20px;
    height:1px;
    margin:6px auto;
    background:#fff;
}

.v4-menu{
    display:none;
    position:absolute;
    top:52px;
    left:-18px;
    z-index:120;
    padding:12px;
    border:1px solid #2e4558;
    background:#091620;
    box-shadow:0 16px 30px rgba(0,0,0,.38);
}

.v4-nav-item:hover > .v4-menu,
.v4-nav-item:focus-within > .v4-menu{
    display:grid;
}

.v4-menu.compact{
    min-width:210px;
    gap:3px;
}

.v4-menu.mega{
    left:-80px;
    width:700px;
    grid-template-columns:repeat(3,minmax(200px,1fr));
    gap:20px;
}

.v4-menu.drawing-menu{
    left:-150px;
    width:520px;
    grid-template-columns:repeat(2,minmax(230px,1fr));
}

.v4-menu h4{
    margin:0 0 7px;
    color:#6ea4ef;
    font-family:var(--motf-display);
    font-size:7px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.v4-menu h4.menu-space{
    margin-top:14px;
}

.v4-menu a{
    display:block;
    padding:6px 7px;
    border-radius:3px;
    color:#d6dde3;
    font-size:12px;
}

.v4-menu a:hover{
    background:#102535;
    color:#fff;
}


/* =========================================================
   LEGACY / GENERIC V4 CONTENT
   Kept for public pages that still use these shared classes.
   ========================================================= */

.v4-hero{
    padding:56px 0 40px;
    border-bottom:1px solid var(--motf-line2);
}

.v4-hero-grid{
    display:grid;
    grid-template-columns:37% 63%;
    gap:24px;
    align-items:start;
}

.v4-hero-copy{padding-top:2px}
.v4-eyebrow{font-family:var(--motf-display);font-size:9px;letter-spacing:.16em;color:#4b90ee;margin-bottom:14px;text-transform:uppercase}
.v4-hero h1{font-family:var(--motf-display);font-weight:400;margin:0 0 18px;font-size:38px;line-height:1.13;letter-spacing:-.02em}
.v4-hero h1 span{display:block}
.v4-hero h1 .white{color:#f3f6f8}
.v4-hero h1 .tone-a{background:linear-gradient(90deg,#4785e3 0%,#8799ac 60%,#bbc4cc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-hero h1 .tone-b{background:linear-gradient(90deg,#a7b1bc 0%,#d4dae0 54%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-hero-copy > p{max-width:350px;color:#c3ccd4;font-size:13.5px;line-height:1.68;margin:0 0 20px}
.v4-actions{display:flex;gap:14px}
.v4-btn{font-family:var(--motf-display);font-size:8.4px;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #385a79}
.v4-btn.primary{background:#1779f2;border-color:#348cf7;color:white;box-shadow:0 0 15px rgba(23,121,242,.23)}
.v4-btn.secondary{background:#0d1922}
.v4-btn b{font-size:15px;font-family:var(--motf-text);font-weight:400;margin-left:8px}
.v4-hero-figure{margin:0}
.v4-chart-shell{border:1px solid #334858;border-radius:10px;overflow:hidden;background:#05090c}
.v4-chart-top{height:28px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;font-family:var(--motf-display);font-size:7.5px;color:#99a8b5;background:#07111a;border-bottom:1px solid #1b2d3a}
.v4-chart-top span:last-child{color:#5997ed}
.v4-chart-shell img{width:100%;height:300px;display:block;object-fit:cover}
.v4-hero-figure figcaption{font-family:var(--motf-display);font-size:7.2px;letter-spacing:.06em;color:#8696a6;padding:9px 10px 0;display:flex;justify-content:space-between}
.v4-hero-figure figcaption i{display:inline-block;width:7px;height:7px;background:#4785e3;border-radius:50%;margin-right:8px}

.v4-intelligence{padding:46px 0 28px}
.v4-intro-grid{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:24px;align-items:center;margin-bottom:25px}
.v4-intro-grid h2{font-family:var(--motf-display);font-weight:400;font-size:34px;line-height:1.13;margin:0;letter-spacing:-.02em}
.v4-intro-grid h2 .white{color:#f1f4f6}
.v4-intro-grid h2 .tone-a{background:linear-gradient(90deg,#f0f3f6 0%,#9ba9b8 56%,#5688d3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-intro-grid h2 .tone-b{background:linear-gradient(90deg,#d9e0e6 0%,#92a2b3 55%,#4785e3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-intro-grid > p{max-width:450px;color:#c0cad2;margin:0;font-size:12.5px}
.v4-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.v4-product-card{border:1px solid #355066;border-radius:11px;background:linear-gradient(180deg,#0d1b26,#0b1720);padding:16px 15px 14px;min-height:340px;display:flex;flex-direction:column}
.v4-card-top{display:flex;justify-content:space-between;margin-bottom:11px}
.v4-card-top span,.v4-card-top em{font-family:var(--motf-display);font-size:6.8px}
.v4-card-top span{color:#6684a2;letter-spacing:.1em}
.v4-card-top em{font-style:normal;color:#97b6dc;border:1px solid #38536b;border-radius:4px;padding:4px 8px}
.v4-product-card h3{font-family:var(--motf-display);font-size:12.7px;line-height:1.38;font-weight:400;margin:0 0 7px}
.v4-product-card p{font-size:11.7px;color:#b7c2cb;margin:0 0 13px;min-height:38px}
.v4-product-card img{display:block;width:100%;height:160px;object-fit:cover;border:1px solid #294050;margin-top:auto}
.v4-product-card > a{font-family:var(--motf-display);font-size:7.8px;color:#4594f7;display:flex;justify-content:space-between;margin-top:12px}
.v4-split-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v4-split{border:1px solid #304a5f;border-radius:11px;background:#0d1a24;min-height:292px;padding:20px 18px;display:grid;grid-template-columns:58% 42%;gap:8px;overflow:hidden}
.v4-split h3{font-family:var(--motf-display);font-size:17px;font-weight:400;margin:0 0 9px}
.v4-split p{font-size:10.8px;color:#b9c4cc;margin:0 0 8px}
.v4-split ul{margin:6px 0 16px;padding-left:16px;color:#c5ced5;font-size:9.8px;line-height:1.7}
.v4-split li::marker{color:#559bf3}
.v4-split > img{height:248px;width:100%;object-fit:cover;border-left:1px solid #293e4f;align-self:center}
.v4-eyebrow.warm{color:#e3ab55}

.v4-page{padding:62px 0 72px}
.v4-page-head{max-width:700px;margin-bottom:36px}
.v4-page-head h1{font-family:var(--motf-display);font-size:32px;font-weight:400;margin:0 0 12px}
.v4-page-head p{color:#bec8d0}
.v4-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v4-page-grid article{border:1px solid #30485a;background:#0d1a24;padding:20px;min-height:190px}
.v4-page-grid h2{font-family:var(--motf-display);font-size:14px;font-weight:400}
.v4-page-grid a{font-family:var(--motf-display);font-size:8px;color:#5b9af0}

@media (min-width:901px){
    .v4-intelligence .v4-shell{
        padding-left:28px;
        padding-right:10px;
    }

    .v4-intro-grid{
        grid-template-columns:minmax(0,44fr) minmax(0,56fr);
        gap:20px;
    }

    .v4-intro-grid > p{
        width:100%;
        max-width:430px;
        margin:0;
        justify-self:start;
        transform:none;
    }

    .v4-products,
    .v4-split-row{
        width:100%;
    }
}


/* =========================================================
   SHARED FOOTER — FINAL APPROVED STATE
   Historical v4.7 / v4.8 / v4.9 / v5.0 overrides consolidated.
   ========================================================= */

.v4-footer{
    padding:0 0 13px;
}

.v4-footer > .v4-shell{
    width:min(1500px,calc(100% - 64px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
}

.v4-benefits.v5-benefits{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    min-height:160px;
    margin-top:12px;
    overflow:hidden;
    border:1px solid #345269;
    border-radius:15px;
    background:linear-gradient(180deg,#0b1a26 0%,#091722 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.12);
}

.v4-benefit{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:12px 16px 11px;
    text-align:center;
}

.v4-benefit + .v4-benefit{
    border-left:1px solid #31495b;
}

.v4-benefit-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    margin:0 auto 9px;
    border:2px solid #2f73b9;
    border-radius:11px;
    background:linear-gradient(180deg,rgba(27,60,91,.48),rgba(12,31,47,.78));
    box-shadow:0 0 22px rgba(71,133,227,.20),inset 0 0 20px rgba(71,133,227,.08);
}

.v4-benefit-icon svg{
    width:32px;
    height:32px;
    fill:none;
    stroke:#f4f8ff;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 5px rgba(93,155,255,.72));
}

.v4-benefit h3{
    margin:0 0 8px;
    color:#f4f7f9;
    font-family:var(--motf-display);
    font-size:11.5px;
    font-weight:400;
    line-height:1.35;
    letter-spacing:.025em;
}

.v4-benefit p{
    max-width:190px;
    margin:0;
    color:#9faebc;
    font-family:var(--motf-text);
    font-size:9.5px;
    line-height:1.4;
}

.v4-nt-row{
    margin-top:0;
    border-top:1px solid #244052;
}

.v4-nt{
    display:flex;
    width:100%;
    min-height:0;
}

.v4-nt img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:606/100;
    object-fit:cover;
}

.v5-footer-gap{
    height:20px;
}

.v5-nt-link{
    display:block;
    width:100%;
}

/* Expanded risk disclosure — unboxed and page-width aligned. */
.v4-footer .v4-risk.v4-risk-expanded{
    margin:10px 0 0;
    padding:18px 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#9ca8b2;
    font-size:var(--motf-footer-disclosure-size);
    line-height:1.65;
    text-align:left;
}

.v4-risk.v4-risk-expanded p{
    max-width:none;
    margin:0 0 16px;
    color:inherit;
    font:inherit;
}

.v4-risk.v4-risk-expanded p:last-child{
    margin-bottom:0;
}

.v4-risk.v4-risk-expanded strong{
    color:var(--motf-white);
    font-weight:600;
}

.v4-risk.v4-risk-expanded a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:3px;
}

.v4-footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:8px 0 0;
    color:#77848f;
    font-size:8.4px;
    line-height:1.4;
}

.v4-footer-bottom a{
    color:#8997a3;
}

/* Footer navigation: MOTF logo + Products / Resources / Legal. */
.v4-footer .motf-footer-navigation{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(200px,1.1fr) minmax(0,3fr);
    align-items:start;
    gap:32px clamp(32px,5vw,80px);
    margin:18px 0 14px;
    padding:32px 0;
    border-top:1px solid var(--motf-line2);
    border-bottom:1px solid var(--motf-line2);
    background:transparent;
    box-shadow:none;
}

.v4-footer .motf-footer-navigation-logo{
    width:var(--motf-footer-logo-width);
    max-width:100%;
    display:block;
    align-self:center;
    justify-self:start;
    margin:0;
    padding:0;
    line-height:0;
}

.v4-footer .motf-footer-navigation-logo img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    border:0;
    border-radius:0;
    object-fit:contain;
    box-shadow:none;
}

.v4-footer .motf-footer-navigation-links{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:24px 32px;
    margin:0;
    padding:0;
}

.v4-footer .motf-footer-navigation-group{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin:0;
    padding:0;
}

.v4-footer .motf-footer-navigation-group h2{
    margin:0 0 12px;
    padding:0;
    color:var(--motf-body);
    font-family:var(--motf-display);
    font-size:var(--motf-footer-nav-heading-size);
    font-weight:400;
    line-height:1.5;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.v4-footer .motf-footer-navigation-group a{
    display:block;
    max-width:100%;
    min-height:28px;
    margin:0;
    padding:4px 0;
    color:#9ca8b2;
    font-family:var(--motf-text);
    font-size:var(--motf-footer-nav-link-size);
    font-weight:400;
    line-height:1.65;
    text-decoration:none;
    overflow-wrap:break-word;
}

.v4-footer .motf-footer-navigation-group a:hover{
    color:var(--motf-blue2);
    text-decoration:underline;
    text-underline-offset:3px;
}

.v4-footer .motf-footer-navigation a:focus-visible{
    outline:2px solid var(--motf-blue);
    outline-offset:4px;
}

/* Kept for compatibility if the older reference-artwork benefits block is used. */
.v4-benefits-reference{
    width:100%;
    margin:14px 0;
    overflow:hidden;
    background:transparent;
}

.v4-benefits-reference img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:2048/682;
    object-fit:contain;
}


/* =========================================================
   HOME-ONLY SHARED OVERRIDES
   ========================================================= */

@media (min-width:721px){
    .motf-home-master .hm-ninjatrader .hm-nt-copy{
        width:min(100%,360px);
        justify-self:end;
    }
}

@media (min-width:1021px){
    .motf-home-master .hm-ninjatrader .hm-nt-grid{
        grid-template-columns:minmax(0,1fr) 360px;
    }
}

.motf-home-master .hm-service-strip .hm-service-grid > div{
    align-items:center;
    text-align:center;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (min-width:901px){
    .v4-benefits.v5-benefits{
        min-height:0;
        height:142px;
        margin:14px 0 0;
        border-color:#3b5365;
        border-radius:12px;
        background:linear-gradient(180deg,#0b1a25 0%,#091621 100%);
    }

    .v5-benefits .v4-benefit{
        min-height:0;
        height:140px;
        padding:10px 14px 9px;
    }

    .v5-benefits .v4-benefit + .v4-benefit{
        border-left-color:#344a5b;
    }

    .v5-benefits .v4-benefit-icon{
        width:44px;
        height:44px;
        margin:0 auto 7px;
        border:1.5px solid #347ac0;
        border-radius:9px;
        background:linear-gradient(180deg,rgba(28,62,92,.52),rgba(10,29,44,.82));
        box-shadow:0 0 14px rgba(71,133,227,.20),inset 0 0 14px rgba(71,133,227,.07);
    }

    .v5-benefits .v4-benefit-icon svg{
        width:26px;
        height:26px;
        stroke-width:2.8;
    }

    .v5-benefits .v4-benefit h3{
        margin:0 0 5px;
        font-size:10px;
        line-height:1.22;
        letter-spacing:.018em;
    }

    .v5-benefits .v4-benefit p{
        max-width:175px;
        font-size:8.8px;
        line-height:1.3;
    }

    .v5-footer-gap{
        height:26px;
    }

    .v4-nt-row.v5-nt-row{
        margin:0;
        border-top:0;
    }

    .v5-nt-link{
        height:118px;
        overflow:hidden;
        border-radius:8px;
    }

    .v5-nt-link img{
        width:100%;
        height:118px;
        aspect-ratio:auto;
        object-fit:fill;
    }

    .v4-footer-bottom{
        font-size:8.6px;
    }
}

@media (min-width:1181px){
    .v4-header{
        height:96px;
    }

    .v4-header-inner{
        width:min(1500px,calc(100% - 64px));
        max-width:none;
        height:96px;
        padding-left:0;
        padding-right:0;
        grid-template-columns:195px 1fr auto;
        gap:28px;
    }

    .v4-logo{
        width:190px;
        height:66px;
        overflow:visible;
    }

    .v4-logo img{
        width:185px;
        height:63px;
        max-width:none;
        max-height:none;
        object-fit:contain;
    }

    .v4-nav{
        height:96px;
        gap:28px;
    }

    .v4-nav-item{
        height:96px;
    }

    .v4-nav-item > button,
    .v4-nav > a{
        font-size:var(--motf-header-nav-size);
        letter-spacing:.025em;
    }

    .v4-account{
        gap:15px;
    }

    .v4-sign,
    .v4-create,
    .v4-lang{
        font-size:var(--motf-header-account-size);
    }

    .v4-create{
        padding:11px 17px;
        border-radius:4px;
    }

    .v4-lang span{
        font-size:14px;
    }

    .v4-sep{
        height:30px;
    }

    .v4-menu{
        top:88px;
    }
}

@media (max-width:1280px){
    .v4-footer > .v4-shell{
        width:min(1500px,calc(100% - 40px));
    }
}

@media (max-width:1020px){
    .v4-footer > .v4-shell{
        width:min(1500px,calc(100% - 32px));
    }
}

@media (max-width:900px){
    .v4-shell{
        padding-inline:20px;
    }

    .v4-header-inner{
        grid-template-columns:150px 1fr auto;
    }

    .v4-menu-toggle{
        display:block;
        grid-column:2;
        justify-self:end;
    }

    .v4-nav{
        display:none;
        position:absolute;
        top:56px;
        left:0;
        right:0;
        height:auto;
        padding:12px 20px;
        border-bottom:1px solid #2b4050;
        background:#07131b;
        flex-direction:column;
        align-items:stretch;
        gap:0;
    }

    .v4-nav.open{
        display:flex;
    }

    .v4-nav-item{
        height:auto;
        display:block;
    }

    .v4-nav-item > button{
        width:100%;
        padding:11px 0;
        text-align:left;
    }

    .v4-nav-item:hover > .v4-menu{
        display:none;
    }

    .v4-nav-item.open > .v4-menu{
        display:grid;
        position:static;
        top:auto;
        left:auto;
        width:100%;
        margin:0 0 8px;
        box-shadow:none;
    }

    .v4-account{
        grid-column:3;
    }

    .v4-create,
    .v4-sign{
        display:none;
    }

    .v4-hero-grid,
    .v4-intro-grid{
        grid-template-columns:1fr;
    }

    .v4-chart-shell img{
        height:auto;
        aspect-ratio:16/9;
    }

    .v4-products{
        grid-template-columns:1fr;
    }

    .v4-product-card{
        min-height:auto;
    }

    .v4-product-card img{
        height:auto;
        aspect-ratio:16/9;
    }

    .v4-split-row{
        grid-template-columns:1fr;
    }

    .v4-page-grid{
        grid-template-columns:1fr 1fr;
    }

    .v4-intelligence .v4-shell{
        padding-inline:20px;
    }

    .v4-intro-grid > p{
        width:auto;
        max-width:none;
    }

    .v4-benefits.v5-benefits{
        grid-template-columns:1fr 1fr;
        min-height:auto;
        margin-top:14px;
        margin-bottom:14px;
    }

    .v4-benefit{
        min-height:205px;
    }

    .v4-benefit:nth-child(3){
        border-top:1px solid #31495b;
        border-left:0;
    }

    .v4-benefit:nth-child(4){
        border-top:1px solid #31495b;
    }

    .v4-benefit-icon{
        width:68px;
        height:68px;
        margin-bottom:15px;
    }

    .v4-benefit-icon svg{
        width:40px;
        height:40px;
    }

    .v4-benefit h3{
        margin-bottom:10px;
        font-size:14px;
    }

    .v4-benefit p{
        font-size:11px;
    }

    .v5-footer-gap{
        height:20px;
    }

    .v5-nt-link{
        display:block;
        width:100%;
    }

    .v5-nt-link img{
        display:block;
        width:100%;
        height:auto;
    }

    .v4-footer-bottom{
        font-size:8.4px;
    }

    .v4-footer .motf-footer-navigation{
        grid-template-columns:1fr;
        gap:26px;
        padding:28px 0;
    }

    .v4-benefits-reference{
        overflow-x:auto;
    }

    .v4-benefits-reference img{
        min-width:720px;
    }
}

@media (max-width:720px){
    .v4-footer > .v4-shell{
        width:calc(100% - 24px);
    }
}

@media (max-width:560px){
    .v4-shell{
        padding-inline:14px;
    }

    .v4-header-inner{
        grid-template-columns:135px 1fr auto;
    }

    .v4-logo img{
        width:130px;
    }

    .v4-lang{
        font-size:6.5px;
    }

    .v4-lang span{
        font-size:11px;
    }

    .v4-hero{
        padding-top:36px;
    }

    .v4-hero h1{
        font-size:30px;
    }

    .v4-actions{
        flex-direction:column;
    }

    .v4-btn{
        width:100%;
    }

    .v4-split{
        grid-template-columns:1fr;
    }

    .v4-split > img{
        display:none;
    }

    .v4-page-grid{
        grid-template-columns:1fr;
    }

    .v4-menu.mega,
    .v4-menu.drawing-menu{
        grid-template-columns:1fr;
    }

    .v4-intelligence .v4-shell{
        padding-inline:14px;
    }

    .v4-benefits.v5-benefits{
        grid-template-columns:1fr;
    }

    .v4-benefit{
        min-height:190px;
        border-top:1px solid #31495b;
        border-left:0 !important;
    }

    .v4-benefit:first-child{
        border-top:0;
    }

    .v4-benefit-icon{
        width:62px;
        height:62px;
    }

    .v4-benefit-icon svg{
        width:36px;
        height:36px;
    }

    .v4-benefit h3{
        font-size:13px;
    }

    .v4-benefit p{
        font-size:10.5px;
    }

    .v5-footer-gap{
        height:16px;
    }

    .v4-footer-bottom{
        flex-direction:column;
    }

    .v4-footer .motf-footer-navigation-links{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px 20px;
    }

    .v4-benefits-reference img{
        min-width:680px;
    }
}