/* MOTIVE24 editorial marketing agency design — inspired by agency layout principles,
   not by copied HelloLogic imagery or content. It preserves existing app IDs and API integrations. */
.m24-page{--mint:#6258e8;--bg:#f8f9fe;--panel:#fff;--panel2:#f5f6fc;--stroke:#e4e5f1;--text:#222047;--muted:#72748e;--m24-navy:#211b52;--m24-indigo:#665bfa;--m24-coral:#ff795b;--m24-paper:#fff;--m24-quiet:#f8f8fe;--m24-lavender:#eeeaff;background:#fff;color:var(--text)}
.m24-page .shell{display:block;min-height:100dvh}
.m24-page .main{margin:0 auto;width:100%;max-width:none;padding:0;overflow:visible}
.m24-page .page{max-width:1210px;padding:0 24px;margin:0 auto}
.m24-page #page-agency{max-width:none;padding:0}
.m24-page .mobile-header,.m24-page .mobile-nav{display:none!important}
.m24-page .sidebar{display:none!important}
.m24-page .skip-link{z-index:1000}
/* Clean horizontal agency navigation */
.m24-topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);border-bottom:1px solid #e6e7f1;backdrop-filter:saturate(145%) blur(16px)}
.m24-topbar-inner{min-height:88px;max-width:1390px;margin:auto;padding:0 clamp(22px,4.5vw,68px);display:flex;align-items:center;gap:clamp(15px,2.8vw,40px)}
.m24-back{border-right:1px solid #e1e2ef;padding-right:22px;font-size:12px;font-weight:850;white-space:nowrap;color:#6d6d8c;transition:color .2s}
.m24-back:hover{color:#6258e8}
.m24-identity{display:flex;align-items:center;gap:9px;white-space:nowrap;flex:none}
.m24-identity img{width:42px;height:42px;object-fit:contain;flex:none}
.m24-identity-type{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;letter-spacing:-1.45px;font-weight:950;line-height:1.1;color:#252052}
.m24-identity-type strong{color:#6258e8}
.m24-identity-type small{font-size:8px;letter-spacing:1.35px;font-weight:800;color:#8c8b9d;display:block;margin-top:4px}
.m24-mainnav{margin-left:auto;display:flex;gap:clamp(18px,2.9vw,44px);align-items:center;height:88px}
.m24-mainnav a{font-size:12px;font-weight:850;letter-spacing:.45px;color:#63627e;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:7px;border-bottom:3px solid transparent;padding-top:3px;transition:color .2s,border-color .2s}
.m24-mainnav a:hover,.m24-mainnav a.active{color:#272160;border-bottom-color:#6558fb}
.m24-live{width:6px;height:6px;border-radius:50%;background:#3bbc94;display:inline-block;box-shadow:0 0 0 3px #d7f7e7}
.m24-more{position:relative;flex:none}
.m24-more summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #daddf1;border-radius:9px;color:#342c77;background:#f6f5ff;min-height:42px;font-size:11px;font-weight:900;letter-spacing:.8px;list-style:none}
.m24-more summary::-webkit-details-marker{display:none}
.m24-more[open] summary,.m24-more summary:hover{background:#ece9ff;border-color:#c7c3ff}
.m24-more-panel{position:absolute;right:0;top:calc(100% + 12px);width:255px;padding:16px;box-shadow:0 24px 80px #211b5227;background:#fff;border:1px solid #e1e2f2;border-radius:14px;display:grid;gap:2px;z-index:100}
.m24-more-heading{font-size:9px;letter-spacing:1.6px;color:#908daa;font-weight:900;padding:4px 10px 13px}
.m24-more-panel>a{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:7px;font-size:13px;font-weight:780;color:#343061}
.m24-more-panel>a:hover,.m24-more-panel>a.active{color:#6054ec;background:#f3f1ff}
.m24-connection{display:flex;align-items:center;gap:9px;border-top:1px solid #e9e9f3;margin:12px 4px 0;padding:13px 5px 1px;color:#797995;font-size:11px}
.m24-page .status-light.ok{background:#22bd8b;box-shadow:0 0 0 3px #d4f5e7}
/* Main marketing first fold */
.m24-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(24px,5vw,76px)}
.m24-hero{background:radial-gradient(ellipse at 95% 45%,#efedff 0%,transparent 45%),linear-gradient(110deg,#fff 0%,#fbfaff 100%);min-height:676px;overflow:hidden;border-bottom:1px solid #e5e4f3}
.m24-hero-grid{min-height:676px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:28px;align-items:center;padding-top:46px;padding-bottom:46px}
.m24-hero-copy{position:relative;z-index:2}
.m24-eyebrow,.m24-label{font-size:11px;letter-spacing:1.5px;font-weight:880;color:#6960e5}
.m24-eyebrow{display:flex;align-items:center;gap:10px}
.m24-eyebrow i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#6558ef;box-shadow:0 0 0 5px #ecebff}
.m24-hero h1{font-size:clamp(53px,5.5vw,88px);line-height:1.17;letter-spacing:-.074em;font-weight:900;margin:25px 0 29px;color:#211c55}
.m24-hero h1 em{font-style:normal;color:#6659ee}.m24-stop{color:#ff7a59}
.m24-hero-copy>p{font-size:17px;line-height:1.9;max-width:525px;color:#636280;margin:0 0 37px}
.m24-hero-ctas{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.m24-cta-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:55px;border-radius:9px;padding:14px 22px;background:#5f55e9;color:#fff;border:1px solid #5f55e9;font-weight:870;font-size:13px;letter-spacing:.4px;box-shadow:0 15px 32px #5f55e528}
.m24-cta-primary:hover{background:#29205d;border-color:#29205d;opacity:1!important}
.m24-cta-primary span{font-size:19px;line-height:1}
.m24-cta-link{border:0;background:none;color:#27205d;font-weight:850;font-size:13px;padding:14px 0;display:inline-flex;align-items:center;gap:13px}.m24-cta-link:hover{text-decoration:underline}
.m24-hero-footnote{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:62px;font-size:9px;letter-spacing:1px;font-weight:800;color:#9894b3}
.m24-footline{width:20px;height:1px;background:#b8b3d6;flex:none}.m24-hero-footnote span:last-child{margin-left:18px}
/* Hand-art-directed cover mockups: all CSS, no claimed customer image */
.m24-hero-stage{position:relative;height:550px;max-width:590px;width:100%;justify-self:center;perspective:1100px}
.m24-poster{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 27px 66px #231b5a31}
.m24-poster-back{width:50%;height:68%;top:10%;left:1%;transform:rotate(-12deg);background:#ff8066;color:#2d224a;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.m24-poster-back>span{font-size:clamp(25px,2.4vw,35px);font-weight:950;line-height:1.03;letter-spacing:-1px}
.m24-poster-back>b{font-size:83px;font-weight:350;line-height:1;align-self:end}
.m24-poster-back small{font-size:9px;letter-spacing:1.1px;font-weight:870}
.m24-poster-front{width:75%;height:90%;top:4%;right:0%;transform:rotate(5deg);background:linear-gradient(163deg,#e4e4fe 0%,#c8c6ff 40%,#796ded 100%);padding:29px 29px 26px;display:flex;flex-direction:column;color:#221853}
.m24-poster-front:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#ffffff20 0 1px,transparent 1px 20px);pointer-events:none}
.m24-poster-kicker{font-size:10px;letter-spacing:1.4px;font-weight:900;z-index:2}
.m24-poster-orb{position:absolute;border-radius:50%;width:75%;aspect-ratio:1;right:-17%;top:15%;background:radial-gradient(circle at 35% 26%,#ffefcb 0%,#ffae88 23%,#ff745d 58%,#d34f96 87%);box-shadow:0 28px 48px #5f3c9435;filter:saturate(1.2)}
.m24-poster-front>strong{font-weight:950;font-size:clamp(59px,6vw,92px);line-height:.84;letter-spacing:-.08em;margin:auto 0 41px;z-index:2;text-shadow:0 3px 4px #ffffff24}
.m24-poster-front>strong i{color:#fff;font-style:normal}
.m24-poster-bottom{font-size:9px;font-weight:900;letter-spacing:.8px;z-index:2;margin-top:auto}
.m24-sticker{position:absolute;z-index:5}
.m24-sticker-star{left:9%;bottom:2%;font-size:115px;color:#ff8d62;line-height:1;transform:rotate(14deg);filter:drop-shadow(0 8px 8px #ac807335)}
.m24-sticker-pill{top:0;left:10%;background:#24205a;color:#fff;padding:11px 18px;border-radius:100px;font-size:10px;letter-spacing:.9px;font-weight:900;transform:rotate(-7deg);box-shadow:0 12px 23px #19143c29}
.m24-spark{position:absolute;right:4%;bottom:0;color:#6c5bea;font-size:37px}
/* Capability bar */
.m24-ticker{background:#221c53;color:#f0edff}
.m24-ticker-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.m24-ticker span{font-weight:850;font-size:11px;letter-spacing:1.1px;white-space:nowrap}.m24-ticker i{font-style:normal;color:#ff8468;font-size:21px}
/* Agency sections */
.m24-services{padding-top:116px;padding-bottom:130px}
.m24-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px}
.m24-section-head h2{margin:17px 0 0;color:#201b50;font-weight:850;line-height:1.3;letter-spacing:-.055em;font-size:clamp(33px,3.8vw,54px)}
.m24-section-head h2 em{color:#6357ed;font-style:normal}.m24-section-head>p{color:#777690;max-width:340px;font-size:14px;line-height:1.85;margin:0 0 4px}
.m24-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.m24-service{display:flex;flex-direction:column;min-height:315px;padding:27px 23px;border:1px solid #e2e1f1;border-radius:13px;background:linear-gradient(155deg,#fff,#faf9ff)}
.m24-service>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.m24-service-num{font-size:10px;font-weight:850;color:#7c79a0;letter-spacing:.8px}
.m24-service-symbol{font-size:34px;color:#6258e8;font-weight:500;line-height:1}
.m24-service h3{font-size:25px;letter-spacing:-1px;color:#231d58;line-height:1.2;margin:56px 0 16px}
.m24-service p{font-size:13px;line-height:1.8;color:#76758d;margin:0 0 20px}
.m24-service-sub{font-size:9px;font-weight:850;letter-spacing:.7px;color:#918da7;margin-top:auto}
/* Editorial campaign concept gallery */
.m24-featured-work{padding:108px 0 118px;background:#f4f3fd}
.m24-section-cta{background:none;border:0;border-bottom:1px solid #5c52dd;padding:10px 0;color:#393080;font-weight:870;font-size:13px;display:flex;align-items:center;gap:34px}
.m24-section-cta:hover{color:#6558e8}
.m24-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.m24-concept{overflow:hidden;border-radius:15px;min-height:485px;display:flex;flex-direction:column;padding:28px 30px}
.m24-concept-one{background:#e6b88c;color:#50251c}.m24-concept-two{background:#c8f3e4;color:#075445}
.m24-concept-top{font-size:10px;font-weight:920;letter-spacing:1.1px;position:relative;z-index:2}
.m24-concept-visual{position:relative;min-height:300px;flex:1;display:flex;align-items:center}
.m24-concept-visual strong{position:relative;font-size:clamp(41px,4.4vw,71px);line-height:.97;letter-spacing:-.06em;font-weight:950;z-index:2}
.m24-concept-circle{position:absolute;width:62%;aspect-ratio:1;right:2%;top:12%;background:radial-gradient(circle at 26% 22%,#fff5d8 0%,#c8754e 30%,#7d301f 75%);border-radius:50%;box-shadow:inset 15px -25px 30px #5e241e55,0 15px 40px #642b3050}
.m24-ring{position:absolute;width:63%;aspect-ratio:1;right:0;top:12%;border:clamp(32px,4vw,63px) solid #38b99a;border-radius:50%;transform:rotate(-15deg);box-shadow:17px 13px 2px #81d4be}
.m24-concept-meta{border-top:1px solid #ffffff6a;padding-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.m24-concept-meta b{font-size:15px;font-weight:870}.m24-concept-meta span{font-size:11px}
.m24-concept-note{margin:20px 0 0;font-size:11px;color:#84809d;line-height:1.7}
/* Live work story */
.m24-process{padding-top:117px;padding-bottom:121px}
.m24-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:49px 0 0;list-style:none;border-top:1px solid #dcddef}
.m24-process-list li{border-right:1px solid #e2e2f0;min-height:209px;padding:29px 20px}.m24-process-list li:first-child{padding-left:0}.m24-process-list li:last-child{border:0}
.m24-process-list li>span{display:block;color:#7066ed;font-size:12px;font-weight:900;letter-spacing:1px;margin-bottom:32px}
.m24-process-list strong{font-size:25px;letter-spacing:-.8px;color:#241e53}.m24-process-list p{font-size:13px;color:#73748f;line-height:1.85;margin:10px 0 0}
.m24-office-invite{background:#201a50;color:#fff;overflow:hidden}
.m24-office-invite-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:560px;padding-top:75px;padding-bottom:75px}
.m24-office-invite .m24-label{color:#aa9fff}
.m24-office-invite h2{margin:20px 0;font-weight:850;font-size:clamp(35px,4.1vw,60px);line-height:1.26;letter-spacing:-.055em}
.m24-office-invite h2 em{font-style:normal;color:#beb6ff}
.m24-office-invite p{font-size:15px;line-height:1.85;color:#c8c4e2;max-width:440px;margin:0 0 29px}
.m24-office-invite .m24-cta-primary{background:#fff;border-color:#fff;color:#252055;box-shadow:none}
.m24-office-invite .m24-cta-primary:hover{background:#dfdcff}
.m24-office-invite-art{position:relative;min-height:355px;display:flex;align-items:center;justify-content:center}
.m24-monitor{width:min(100%,460px);height:315px;border-radius:17px;background:#f6f5ff;box-shadow:26px 29px 0 #6554bb,-14px -12px 0 #ff7d62;transform:rotate(-4deg);overflow:hidden;color:#24215c;position:relative;z-index:2}
.m24-monitor-head{background:#e0def4;display:flex;align-items:center;gap:5px;padding:13px 16px}
.m24-monitor-head i{background:#837cbe;width:8px;height:8px;border-radius:50%}.m24-monitor-head span{margin-left:auto;font-size:9px;font-weight:850;letter-spacing:1px}
.m24-monitor-people{display:flex;align-items:center;justify-content:space-around;gap:9px;padding:39px 17px}
.m24-monitor-people span{padding-top:44px;min-height:106px;flex:1;text-align:center;border-radius:11px;background:linear-gradient(#f0edff,#e3dfff);font-weight:900;font-size:15px;position:relative}
.m24-monitor-people span:before{content:"✳";position:absolute;top:10px;left:calc(50% - 16px);color:#6760e3;font-size:27px}
.m24-monitor-people span:nth-child(2):before{content:"◒";color:#fa8064}.m24-monitor-people span:nth-child(3):before{content:"◈";color:#249c8a}
.m24-monitor-people b{display:block;margin-top:4px;font-size:10px;color:#7975a9;letter-spacing:.6px}
.m24-monitor-bar{display:flex;gap:7px;justify-content:center}.m24-monitor-bar i{background:#c9c4ef;height:8px;width:24%;border-radius:6px}.m24-monitor-bar i:nth-child(2){background:#746aea}
.m24-invite-orbit{position:absolute;font-size:140px;color:#a69bff;right:-4%;top:-17%}
.m24-demo-note{display:flex;align-items:center;gap:22px;padding-top:29px;padding-bottom:31px}
.m24-demo-note .m24-demo-badge{white-space:nowrap;color:#635ae3;background:#f1f0ff;padding:8px 12px;border-radius:6px;font-size:10px;font-weight:880;letter-spacing:.7px}
.m24-demo-note p{margin:0;color:#777994;font-size:12px;line-height:1.8}
/* Original operational screens inherit rebrand, without dropping any interaction */
.m24-page .page:not(#page-agency){padding:0 24px 75px}
.m24-page .page-heading{padding-top:57px}
.m24-page .section-num,.m24-page .eyebrow,.m24-page .section-head h2 .dot-punct,.m24-page .dot-punct{color:#6458e6}
.m24-page .btn-primary{background:#6258e8;color:#fff;border:1px solid #6258e8;box-shadow:0 8px 17px #5348bb19}
.m24-page .btn-primary:hover{background:#3b318f}
.m24-page .btn-secondary{border-color:#beb9ed;color:#4b429e;background:#fff}
.m24-page .pill-live,.m24-page .chip{color:#4c4297;background:#f0eeff;border-color:#dad5fa}
.m24-page .page-heading h1{color:#262157}
.m24-page .portfolio-grid,.m24-page .journal-grid,.m24-page .control-grid{margin-bottom:10px}
.m24-page .filter.active{background:#6258e8;color:#fff}
.m24-page .filter:hover:not(.active){color:#5e51ca;border-color:#a8a1e1}
.m24-page .about-banner{background:linear-gradient(110deg,#f8e1df,#c4bcfa);color:#31205d}
.m24-page .footer{color:#908eaa;max-width:1200px;margin:64px auto 0;padding:31px 25px;border-top:1px solid #e7e6f0}
.m24-page .footer a{color:#675bea;font-weight:780}
/* Work concepts: clearly labeled demonstration artwork, not fabricated client results. */
.m24-portfolio-preface{padding:17px 20px;margin:0 0 22px;border:1px solid #e4e0f5;border-radius:11px;background:#f6f3ff}
.m24-portfolio-preface>span{display:block;font-size:10px;letter-spacing:1.1px;color:#6055c5;font-weight:920}
.m24-portfolio-preface p{font-size:13px;color:#74738d;line-height:1.75;margin:8px 0 0}
.m24-portfolio-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.m24-portfolio-concept{min-height:315px;border-radius:13px;padding:22px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.m24-portfolio-concept>span{font-size:10px;font-weight:850;letter-spacing:1.1px;z-index:2}
.m24-portfolio-concept>strong{font-size:clamp(29px,3.3vw,48px);line-height:1.03;font-weight:960;letter-spacing:-.065em;position:relative;z-index:2;margin:auto 0}
.m24-portfolio-concept>small{font-size:10px;font-weight:800;letter-spacing:.6px;z-index:2}
.concept-coffee{background:#d7a77d;color:#542a19}.concept-coffee:after{content:"";position:absolute;right:-80px;top:45px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5dcc7,#9c4d31 65%,#572d22);opacity:.73}
.concept-loop{background:#c8f0d8;color:#0d5c48}.concept-loop:after{content:"";position:absolute;width:210px;height:210px;right:-70px;top:48px;border:35px solid #55bc99;border-radius:50%;transform:rotate(-20deg)}
.concept-moon{background:#2b265d;color:#fff}.concept-moon:after{content:"";position:absolute;width:150px;height:150px;right:-17px;top:45px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c7,#ee9e81 47%,#b454a8);box-shadow:0 5px 45px #eaa6a76a}
.m24-portfolio-actual{margin:60px 0 25px;border-top:1px solid #e5e3f1;padding-top:37px}
.m24-portfolio-actual h2{font-size:clamp(26px,3vw,36px);margin:11px 0 8px;letter-spacing:-.05em;color:#241f5b}
.m24-portfolio-actual p{font-size:13px;color:#7c7c92}
/* Tablet and mobile */
@media(max-width:1150px){.m24-topbar-inner{gap:19px}.m24-back{padding-right:16px}.m24-hero-grid{gap:12px}.m24-hero-stage{transform:scale(.94);transform-origin:center}.m24-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m24-service{min-height:253px}.m24-service h3{margin-top:38px}.m24-ticker-inner{justify-content:center}.m24-ticker-inner{gap:24px}}
@media(max-width:950px){.m24-back span{display:none}.m24-identity-type{font-size:22px}.m24-identity-type small{font-size:7px}.m24-mainnav{gap:18px}.m24-mainnav a{font-size:11px}.m24-hero h1{font-size:clamp(47px,5.6vw,65px)}.m24-hero-stage{height:475px}.m24-concept{min-height:400px}}
@media(max-width:780px){
 .m24-page .main{padding:0;overflow:visible}.m24-page .page:not(#page-agency){padding:0 20px 60px}
 .m24-topbar-inner{padding:9px 18px;min-height:72px;display:grid;grid-template-columns:auto 1fr auto;column-gap:11px;row-gap:9px}
 .m24-back{grid-column:1;padding-right:10px}.m24-identity{grid-column:2}.m24-identity img{width:36px;height:36px}.m24-identity-type{font-size:21px}.m24-identity-type small{font-size:7px;letter-spacing:1px}
 .m24-more{grid-column:3;grid-row:1}.m24-more summary{padding:9px 11px;min-height:39px}.m24-more-panel{right:0;top:calc(100% + 9px)}
 .m24-mainnav{grid-row:2;grid-column:1/-1;margin:0;justify-content:center;height:36px;gap:clamp(16px,6vw,50px)}.m24-mainnav a{min-height:36px;font-size:11px;letter-spacing:.2px}.m24-mainnav a.active{border-bottom-width:2px}
 .m24-wrap{padding-left:22px;padding-right:22px}.m24-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:45px;gap:20px}
 .m24-hero{min-height:0}.m24-hero h1{font-size:clamp(46px,8vw,67px);line-height:1.16;margin:23px 0}.m24-hero-copy>p{font-size:15px;margin-bottom:24px}.m24-hero-footnote{margin-top:38px}
 .m24-hero-stage{width:min(100%,490px);height:450px;transform:none;justify-self:center}
 .m24-poster-front>strong{font-size:clamp(62px,12vw,85px)}.m24-poster-back>span{font-size:clamp(27px,5vw,34px)}
 .m24-ticker-inner{padding-top:19px;padding-bottom:19px;min-height:70px;gap:11px 20px}.m24-ticker span{font-size:9px}.m24-ticker i{font-size:16px}
 .m24-services{padding-top:75px;padding-bottom:78px}.m24-section-head{display:block;margin-bottom:27px}.m24-section-head h2{font-size:clamp(31px,6vw,45px)}.m24-section-head>p{margin-top:17px}.m24-service-grid{gap:10px}
 .m24-featured-work{padding:75px 0 82px}.m24-concept-grid{gap:12px}.m24-concept{min-height:360px;padding:20px}.m24-concept-visual{min-height:245px}.m24-concept-visual strong{font-size:clamp(35px,5vw,49px)}
 .m24-process{padding-top:75px;padding-bottom:75px}.m24-process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.m24-process-list li{min-height:165px}.m24-process-list li:nth-child(2){border-right:0}.m24-process-list li:nth-child(3){border-top:1px solid #e3e2f1;padding-left:0}.m24-process-list li:nth-child(4){border-top:1px solid #e3e2f1}.m24-process-list li>span{margin-bottom:18px}
 .m24-office-invite-inner{grid-template-columns:1fr;gap:35px;padding-top:72px;padding-bottom:86px}.m24-office-invite-art{min-height:315px}
 .m24-demo-note{display:block}.m24-demo-note p{margin-top:14px}.m24-portfolio-concepts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .m24-topbar-inner{padding:7px 12px}.m24-back{font-size:15px;padding-right:9px}.m24-identity{gap:7px}.m24-identity img{width:34px;height:34px}.m24-identity-type{font-size:20px}.m24-more summary{font-size:10px;padding:9px 8px;gap:5px}
 .m24-hero-grid{padding-top:53px;padding-bottom:35px}.m24-hero h1{font-size:clamp(43px,10vw,56px)}.m24-hero-ctas{gap:12px 18px}.m24-cta-primary{min-height:51px;padding:12px 18px}
 .m24-hero-stage{height:355px;width:min(100%,415px)}.m24-poster-front{padding:19px;width:74%;height:90%}.m24-poster-front>strong{font-size:clamp(52px,13vw,72px);margin-bottom:18px}.m24-poster-back{padding:16px}.m24-poster-back>span{font-size:clamp(22px,6vw,30px)}.m24-sticker-star{font-size:80px}.m24-sticker-pill{font-size:8px;padding:9px 12px;left:5%}
 .m24-ticker-inner span{font-size:9px}.m24-services{padding-top:68px;padding-bottom:68px}.m24-service-grid{grid-template-columns:1fr}.m24-service{min-height:218px;padding:23px}.m24-service h3{margin:20px 0 10px}.m24-service p{margin-bottom:10px}
 .m24-concept-grid{grid-template-columns:1fr}.m24-concept{min-height:415px}.m24-concept-visual strong{font-size:55px}.m24-process-list li{padding:19px 13px;min-height:190px}.m24-process-list strong{font-size:21px}.m24-process-list p{font-size:12px}
 .m24-office-invite-inner{padding-bottom:65px}.m24-monitor{height:262px;box-shadow:13px 13px 0 #6554bb,-7px -8px 0 #ff7d62}.m24-monitor-people{padding:30px 12px}.m24-monitor-people span{font-size:12px;min-height:99px}.m24-office-invite-art{min-height:278px}
 .m24-portfolio-concepts{grid-template-columns:1fr}.m24-portfolio-concept{min-height:300px}.m24-page .footer{flex-wrap:wrap;gap:10px;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.m24-hero-stage,.m24-poster{transition:none!important;animation:none!important}}