/* Meridian brand: light surfaces, indigo identity, product-led composition. */
.campaign-page{--campaign-ink:#21123c;--campaign-lime:#5c29db;--campaign-paper:#faf9fd;background:#fff;color:#21123c}
.campaign-page .container{max-width:1280px}.campaign-page .header{border-bottom:1px solid #ece6f7}.campaign-page .nav-inner{min-height:80px}
.campaign-hero{background:#faf8ff;color:#21123c;padding-top:70px}.campaign-hero:before{background:radial-gradient(ellipse at 89% 42%,#cbbaff8c,transparent 55%),linear-gradient(150deg,#fff 15%,#f7f2ff 75%)}.campaign-hero:after{background:radial-gradient(420px circle at var(--hero-glow-x,74%) var(--hero-glow-y,36%),#9771ef2e,transparent 72%)}
.campaign-orbit{border-color:#7e56b812;box-shadow:0 0 0 100px #7950c804,0 0 0 200px #7950c804}
.campaign-layout{gap:65px;align-items:center;padding-bottom:55px}.campaign-copy h1{font-size:clamp(52px,5vw,72px);color:#21123c;letter-spacing:-3.8px;line-height:1.04;margin-top:24px}.campaign-copy h1 em{color:#5c29db;white-space:normal}.campaign-eyebrow{color:#694995;font-size:9px;letter-spacing:.1em}.campaign-eyebrow>span{color:#5c29db}.campaign-copy>p{color:#746786;font-size:16px;line-height:1.85;max-width:450px}.campaign-copy>p strong{color:#302044;font-weight:500}
.campaign-page .campaign-cta{color:#fff;background:#5c29db;border-radius:9px;padding:18px 22px;box-shadow:0 7px 16px #5c29db20}.campaign-page .campaign-cta:hover{background:#4720b0}.campaign-watch{color:#4f366e}.campaign-watch>span{border-color:#c9b9df}.campaign-watch:hover{color:#5c29db}.campaign-actions{gap:20px;margin-top:26px}.campaign-assurances{color:#77658e;font-size:10px;align-items:center}.campaign-assurances>span+span:before{color:#baa3da}.morocco-sign{display:inline-flex;align-items:center;gap:7px}.morocco-sign>span{font-size:16px}
.command-top{color:#786292}.command-dot{background:#5c29db}.command-clock{color:#5c29db}.command-window{border:1px solid #e7dcf6;box-shadow:0 30px 80px #4b288322;transform:rotate(-2deg) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg))}.command-content{padding:22px}.command-heading h2{font-size:25px}.command-stats{margin:20px 0}.command-stats>div+div{background:#e9e1ff}.command-checkin{background:#5c29db;color:#fff;box-shadow:0 12px 35px #5c29db30}.command-checkin div>span{color:#e3d6ff}.command-check{border-color:#ffffff50}.command-caption{color:#826d98}.campaign-bottom{border-color:#ded3ed}.campaign-bottom a{color:#674e80}.campaign-bottom a>span{color:#5c29db}.campaign-bottom>span{color:#927aa8}
.campaign-page .customer-section{padding:36px 0;background:#fff;border-bottom:1px solid #eee7f7}.campaign-page .customer-heading h2{font-size:20px}.campaign-page .customer-heading>p{font-size:12px}.campaign-page .customer-logos>li>span{font-size:10px}
.needs-section{background:#faf9fc}.needs-intro h2 em{color:#5c29db}.campaign-page .product-showcase{background:#eee7fc}.campaign-page .product-stage{background:#d6c8f3}.campaign-page .workflow-section{background:#291269}.campaign-page .local-section{background:#f2edff}.campaign-page .demo-section{background:#291269}.campaign-page .suite-section{background:#fff}.campaign-page .feature-card{box-shadow:0 8px 35px #29126905}
.contact-dock{background:#fff;color:#352049;border-color:#e6dcf3;box-shadow:0 5px 25px #29126915}.dock-symbol{background:#5c29db;color:#fff}
.mobile-story{padding:105px 0;background:#fff;overflow:hidden}.mobile-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mobile-story h2,.rules-story h2,.hardware-story h2{font-size:clamp(38px,4vw,55px);line-height:1.08;letter-spacing:-2.7px;margin:20px 0 23px;font-weight:700}.mobile-story h2 em,.rules-story h2 em,.hardware-story h2 em{font-style:normal;color:#5c29db}.mobile-story-copy>p{font-size:16px;line-height:1.8;color:#776784;max-width:440px}.mobile-feature-list{margin:28px 0}.mobile-feature-list article{display:flex;gap:19px;margin:24px 0}.mobile-feature-list article>span{font-size:10px;color:#9b84b8;padding-top:4px}.mobile-feature-list h3{font-size:16px;margin:0 0 8px;letter-spacing:-.3px}.mobile-feature-list p{font-size:13px;line-height:1.8;color:#82728e;margin:0;max-width:400px}.store-links{display:flex;gap:12px;margin-top:28px}.store-links a{padding:11px 21px;background:#21123c;color:#fff;border-radius:9px;min-width:143px;transition:transform .2s,background .2s}.store-links a:hover{background:#5c29db;transform:translateY(-2px)}.store-links a>span{display:block;font-size:9px;color:#d9cfea;margin-bottom:2px}.store-links strong{font-size:17px;font-weight:500;letter-spacing:-.3px}.mobile-story-copy>p.mobile-note{font-size:10px;line-height:1.9;margin-top:17px;color:#95849f}
.mobile-stage{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-height:680px;background:radial-gradient(ellipse at center,#9f78ed55,transparent 65%);border-radius:50%}.mobile-orbit{position:absolute;border:1px solid #a78cca30;border-radius:50%;z-index:-1;width:590px;height:590px;transform:rotate(-24deg) scaleX(.8)}.mobile-orbit.orbit-two{width:680px;height:420px;transform:rotate(-34deg)}
.phone-preview{width:285px;flex-shrink:0;background:#faf8ff;border:7px solid #251739;border-radius:42px;box-shadow:0 32px 60px #35205326,inset 0 0 0 1px #ffffff50;overflow:hidden;transform:rotate(3deg);padding:13px 15px 8px;position:relative}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:0 7px 15px;font-size:10px;font-weight:700}.phone-island{width:75px;height:21px;border-radius:20px;background:#251739;margin-top:-7px}.phone-app-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 23px}.phone-app-head img{width:93px;height:auto}.phone-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#eaddff;color:#5c29db}.phone-greeting small{font-size:7px;letter-spacing:.12em;color:#a38db7}.phone-greeting h3{font-size:24px;letter-spacing:-1px;margin:7px 0}.phone-greeting p{font-size:10px;color:#8a769a;margin:0 0 20px}#mobile-preview-panel{height:260px}.phone-clock-card{padding:17px;text-align:center;background:linear-gradient(145deg,#7954d8,#5124bc);border-radius:20px;color:#fff;display:flex;align-items:center;flex-direction:column}.phone-venue{font-size:9px;background:#ffffff19;border:1px solid #ffffff20;border-radius:20px;padding:5px 12px}.phone-clock-card>strong{font-size:43px;letter-spacing:-2px;font-weight:500;line-height:1.25;margin:12px 0 0}.phone-clock-card>span:nth-of-type(2){font-size:9px;color:#e4d6ff}.phone-clock-state{display:flex;gap:9px;align-items:center;padding:11px 0 0;font-size:10px}.phone-clock-state>span{display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;height:20px;width:20px}.phone-summary{display:flex;justify-content:space-between;gap:6px;margin-top:14px}.phone-summary>span{font-size:8px;color:#9985aa}.phone-summary strong{display:block;font-size:10px;color:#49345e;margin-top:4px;font-weight:500}.phone-info{font-size:8px;color:#9985aa;margin-top:12px;line-height:1.7}.phone-nav{display:flex;gap:5px;border-top:1px solid #e9dff5;padding:14px 0 6px;margin-top:8px}.phone-nav button{flex:1;border:0;background:transparent;color:#a28db5;font:inherit;font-size:8px;border-radius:10px;padding:7px 3px;cursor:pointer}.phone-nav button>span{display:block;font-size:21px;margin-bottom:4px;line-height:1}.phone-nav button.is-active{color:#5c29db;background:#eee6fc}.phone-nav button:focus-visible{outline:2px solid #5c29db;outline-offset:2px}.phone-home{display:block;height:4px;width:85px;background:#342044;border-radius:10px;margin:13px auto 0}.mobile-floating{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:#fff;padding:16px 18px;box-shadow:0 14px 38px #45277118;border:1px solid #eee4fc;border-radius:12px;transform:rotate(-4deg)}.floating-top{top:48px;right:-10px}.floating-bottom{bottom:50px;left:-20px;transform:rotate(-3deg)}.floating-symbol{height:33px;width:33px;background:#ede4ff;color:#5c29db;border-radius:50%;display:grid;place-items:center;font-size:17px}.mobile-floating strong{font-size:11px;display:block}.mobile-floating small{font-size:9px;display:block;color:#9a85ae;margin-top:5px}.mobile-preview-note{position:absolute;bottom:2px;font-size:9px;color:#9d89b0;left:0;right:0;text-align:center}
.phone-week{display:flex;justify-content:space-between;gap:3px;margin-bottom:14px}.phone-week span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;font-size:8px;color:#947ba9;border-radius:20px}.phone-week .selected{background:#5c29db;color:#fff}.phone-week b{font-size:12px}.phone-shift{padding:15px;background:#ede4fb;border-radius:13px;margin:10px 0;border-left:3px solid #8d63df}.phone-shift small,.phone-shift strong,.phone-shift span{display:block}.phone-shift small{font-size:8px;color:#8a729e}.phone-shift strong{font-size:14px;margin:6px 0}.phone-shift span{font-size:9px;color:#866c9c}.phone-request{border:1px solid #e6dcf2;border-radius:13px;padding:14px;margin-bottom:10px;background:#fff}.phone-request>span{font-size:8px;color:#896ba6}.phone-request strong{display:block;font-size:12px;margin:6px 0}.phone-request small{font-size:9px;color:#947ea7}.phone-request em{display:block;font-size:8px;font-style:normal;color:#5c29db;margin-top:9px}.phone-request em.pending{color:#9a772c}
.rules-story{padding:90px 0;background:#291269;color:#fff}.rules-heading{max-width:760px}.rules-story .overline{color:#bd9eff}.rules-story h2 em{color:#b8a4ff}.rules-heading>p{font-size:15px;color:#c0acd7;line-height:1.9;max-width:680px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.rule-feature{border-top:1px solid #ffffff25;padding-top:22px}.rule-visual{height:140px;background:#ffffff08;border:1px solid #ffffff0f;padding:20px;border-radius:10px;margin-bottom:27px}.rule-visual>span{font-size:8px;color:#bca0de;letter-spacing:.09em}.night-visual>div{display:flex;align-items:center;gap:12px;margin-top:22px}.night-visual b{font-size:23px;letter-spacing:-1px;font-weight:500}.night-visual i{height:3px;flex:1;background:linear-gradient(90deg,#8055c2,#d9caff);border-radius:8px}.night-visual>small{display:flex;justify-content:space-between;font-size:8px;color:#b298d0;margin-top:8px}.approval-visual>div{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:23px 0 15px}.approval-visual b{font-size:10px;font-weight:500;border:1px solid #bea1ed50;padding:8px;border-radius:5px;background:#ffffff06}.approval-visual i{color:#b897e7;font-style:normal}.approval-visual>small{font-size:8px;color:#b298d0}.balance-visual>div{display:flex;gap:12px;margin-top:22px}.balance-visual b{font-size:13px;font-weight:500;flex:1}.balance-visual small{font-size:8px;display:block;font-weight:400;color:#b298d0;line-height:1.6;margin-top:8px}.rule-category{font-size:9px;letter-spacing:.08em;color:#b697db}.rule-feature h3{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:13px 0}.rule-feature>p{font-size:13px;line-height:1.85;color:#c2aed9}.rules-cta{border-top:1px solid #ffffff20;margin-top:35px;padding-top:27px;display:flex;justify-content:space-between;color:#e4d4ff;font-size:14px}.rules-cta span{font-size:23px}
.hardware-story{padding:95px 0;background:#faf8ff}.hardware-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}.hardware-heading>p{max-width:360px;color:#877295;font-size:14px;line-height:1.9;margin-bottom:25px}.hardware-flow{display:flex;align-items:center;justify-content:center;gap:35px;margin:35px 0 45px;font-size:12px;color:#876c9f}.hardware-flow img{width:115px;height:auto}.hardware-flow i{font-style:normal;color:#aa8fcb;font-size:24px}.hardware-logos{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0;margin:0}.hardware-logos li{min-width:0;background:#fff;border:1px solid #ece4f6;border-radius:12px;text-align:center;padding:21px 12px 18px;transition:transform .2s,border-color .2s}.hardware-logos li:hover{transform:translateY(-4px);border-color:#c9b2ed}.hardware-logos img{width:100%;height:60px;object-fit:contain;display:block;margin:0 auto 17px;max-width:145px}.hardware-logos strong{font-size:10px;display:block;font-weight:500}.hardware-logos span{font-size:8px;display:block;color:#a08baf;margin-top:7px}.hardware-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:25px}.hardware-bottom>p{font-size:10px;line-height:1.8;color:#9c88ad;max-width:550px}.hardware-bottom>a{font-size:12px;white-space:nowrap}
@media(min-width:1500px){.campaign-copy h1{font-size:76px}.campaign-layout{gap:75px}}
@media(max-width:1100px){.campaign-copy h1{font-size:58px;letter-spacing:-3px}.campaign-layout{gap:40px}.mobile-story-grid{gap:40px}.floating-top{right:-8px}.floating-bottom{left:-5px}.hardware-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-grid{gap:20px}.rule-visual{padding:15px}.approval-visual b{font-size:9px;padding:7px}}
@media(max-width:800px){.campaign-hero{padding-top:50px}.campaign-layout{gap:40px}.campaign-copy{max-width:600px}.campaign-copy h1{font-size:70px;letter-spacing:-3.8px}.campaign-copy h1 em br{display:none}.mobile-story-grid{grid-template-columns:1fr;gap:20px}.mobile-story-copy>p{max-width:580px}.mobile-feature-list p{max-width:540px}.mobile-stage{max-width:560px;width:100%;margin:auto;min-height:650px}.mobile-story{padding:65px 0}.rules-grid{grid-template-columns:1fr;gap:25px}.rule-feature{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.rule-visual{grid-column:1;grid-row:1/4;height:160px;margin:0}.rule-category,.rule-feature h3,.rule-feature>p{grid-column:2}.rule-feature h3{margin:10px 0}.rule-feature>p{margin:0}.hardware-heading{display:block}.hardware-heading>p{max-width:550px}.hardware-story,.rules-story{padding:65px 0}}
@media(max-width:600px){.campaign-page .nav-inner{min-height:72px}.campaign-hero{padding-top:32px}.campaign-eyebrow{font-size:8px;letter-spacing:.05em}.campaign-copy h1{font-size:clamp(42px,11.4vw,64px);letter-spacing:-2.5px;line-height:1.07;margin:21px 0}.campaign-copy h1 em br{display:initial}.campaign-copy>p{font-size:15px}.campaign-layout{padding-bottom:30px;gap:37px}.campaign-assurances{font-size:9px;margin-top:22px}.campaign-page .campaign-cta{font-size:13px}.command-window{transform:none}.command-content{padding:18px 16px}.command-checkin{transform:none}.campaign-page .customer-heading h2{font-size:18px}.campaign-page .customer-heading>p{font-size:11px}.mobile-story h2,.rules-story h2,.hardware-story h2{font-size:39px;letter-spacing:-1.9px;line-height:1.1}.mobile-story-copy>p{font-size:14px}.mobile-feature-list article{gap:13px}.mobile-feature-list h3{font-size:15px}.mobile-feature-list p{font-size:12px}.mobile-stage{min-height:640px;margin-top:5px}.phone-preview{width:273px;transform:rotate(2deg)}.mobile-floating{padding:12px;gap:8px}.mobile-floating strong{font-size:10px}.mobile-floating small{font-size:8px}.floating-top{top:13px;right:-4px}.floating-bottom{bottom:25px;left:-3px}.mobile-preview-note{font-size:8px;bottom:-10px}.store-links a{min-width:0;flex:1;padding:11px 17px}.store-links strong{font-size:16px}.mobile-story{padding-bottom:70px}.rules-heading>p{font-size:13px}.rules-grid{margin-top:30px}.rule-feature{display:block}.rule-visual{height:137px;margin-bottom:23px}.rule-feature h3{font-size:24px;margin:12px 0}.rule-feature>p{font-size:13px}.rules-cta{font-size:12px;gap:20px;line-height:1.8}.hardware-heading>p{font-size:13px}.hardware-flow{gap:12px;margin:25px 0 30px;font-size:9px}.hardware-flow img{width:85px}.hardware-flow span{max-width:90px}.hardware-flow i{font-size:18px}.hardware-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hardware-logos li{padding:18px 12px}.hardware-logos img{height:55px;max-width:120px}.hardware-bottom{display:block}.hardware-bottom>p{font-size:10px}.hardware-bottom>a{margin-top:12px}.hardware-story,.rules-story{padding:55px 0}.campaign-page .local-section h2{font-size:42px}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.command-window,.phone-preview,.mobile-floating{transform:none}.store-links a,.hardware-logos li{transition:none}}html.motion-reduced .command-window,html.motion-reduced .phone-preview,html.motion-reduced .mobile-floating{transform:none}html.motion-reduced .store-links a,html.motion-reduced .hardware-logos li{transition:none}
.mobile-details-link{display:inline-flex;gap:12px;font-size:12px;color:#5c29db;margin-top:22px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:801px){.campaign-hero{padding-top:44px}.campaign-layout{padding-bottom:30px}.command-top{padding-bottom:11px}.command-appbar{padding:12px 18px}.command-content{padding:16px 20px}.command-heading{min-height:0}.command-heading h2{margin:4px 0}.command-stats{margin:14px 0}.command-stats>div{padding:13px}.command-stats strong{font-size:36px;margin:4px 0}.hero-module-tabs{margin-bottom:12px}.command-next{margin-top:12px;padding:10px 14px}.command-checkin{padding:12px 18px}.command-caption{margin-top:14px}.campaign-copy h1{font-size:clamp(50px,5vw,70px)}}
/* Actual staging app captures. The interface remains unaltered. */
.real-mobile-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;min-height:0;padding:28px 0;isolation:isolate}
.real-mobile-figure{margin:0;max-width:100%;position:relative;z-index:1;text-align:center}
.real-phone{width:285px;max-width:100%;border:7px solid #301658;border-radius:46px;overflow:hidden;box-shadow:0 30px 70px #4c23832b;background:#efedfa}
.real-phone img{display:block;width:100%;height:auto;aspect-ratio:660/1434;object-fit:contain}
.real-mobile-figure figcaption{max-width:300px;margin:20px auto 0;font-size:14px;font-weight:600;line-height:1.5;color:#4a2c69;min-height:42px}
.real-mobile-tabs{display:flex;gap:5px;max-width:100%;padding:5px;background:#f0eafa;border-radius:16px;z-index:1}
.real-mobile-tabs button{min-height:44px;border:0;background:transparent;color:#664d80;padding:10px 13px;border-radius:12px;font:inherit;font-size:12px;cursor:pointer}
.real-mobile-tabs button[aria-pressed=true]{background:#5c29db;color:white;box-shadow:0 4px 12px #5c29db22}
.real-mobile-tabs button:focus-visible{outline:3px solid #291269;outline-offset:3px}
.real-mobile-note{position:relative;font-size:10px;line-height:1.5;color:#776784;text-align:center;margin:0;z-index:1}
@media(max-width:600px){.real-mobile-stage{padding:20px 0 0;min-height:0}.real-phone{width:min(285px,calc(100vw - 56px))}.real-mobile-tabs button{padding:10px 12px}.real-mobile-note{max-width:265px}.store-links{flex-wrap:wrap}.campaign-page .container{min-width:0}.mobile-story-grid>*{min-width:0}}
/* Client references: an editorial introduction and a continuous brand strip. */
.reference-section{padding:64px 0 28px;background:linear-gradient(120deg,#fff,#f6f2fc);border-block:1px solid #eee7f7;overflow:hidden}
.reference-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:38px}.reference-heading h2{font-size:clamp(30px,3.7vw,48px);letter-spacing:-2px;line-height:1.12;margin:17px 0 0}.reference-heading h2 em{font-style:normal;color:#5c29db}.reference-intro{max-width:360px}.reference-intro p{color:#776784;font-size:14px;line-height:1.8;margin:0 0 17px}.reference-intro a,.mobile-desk-content>a{display:inline-flex;gap:20px;align-items:center;color:#5c29db;font-size:13px;font-weight:700;text-decoration:none;min-height:44px}
.reference-viewport{overflow-x:auto;scrollbar-width:thin;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:12px 0}.reference-track{display:flex;width:max-content}.reference-group{display:flex;align-items:center;list-style:none;margin:0;padding:0 42px;gap:84px;flex-shrink:0}.reference-group li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:175px;flex:0 0 175px;min-height:116px}.reference-group li>span{font-size:10px;letter-spacing:.025em;color:#81708f;margin-top:12px}.reference-art{height:74px;display:flex;align-items:center;justify-content:center;width:100%}.reference-art img{max-height:68px;max-width:175px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.reference-art .client-sf{height:74px}.reference-art .client-orau{height:66px}.reference-art.customer-eccbc{gap:8px;flex-direction:row}.reference-art .client-eccbc{width:66px;height:66px}.reference-art .client-coca-cola{width:95px;height:38px}.reference-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;font-size:11px;color:#81708f}.reference-footer i{padding:0 15px;font-style:normal}.reference-motion{border:1px solid #dfd4ec;border-radius:30px;background:transparent;color:#664d80;font:inherit;font-size:11px;padding:10px 15px;min-height:44px;cursor:pointer}.reference-motion[hidden]{display:none}.reference-motion span{margin-left:12px}.reference-motion:focus-visible{outline:3px solid #5c29db;outline-offset:3px}.reference-section.is-moving .reference-viewport{overflow:hidden}.reference-section.is-moving .reference-track{animation:reference-travel 36s linear infinite}.reference-section.is-paused .reference-track{animation-play-state:paused}@keyframes reference-travel{to{transform:translateX(-50%)}}
.mobile-desk{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:64px;margin-top:60px;border-top:1px solid #e8e0f2}.mobile-desk-heading h3{font-size:clamp(34px,3.8vw,48px);letter-spacing:-2px;line-height:1.1;margin:22px 0}.mobile-desk-heading h3 em{font-style:normal;color:#5c29db}.mobile-desk-heading p{font-size:14px;line-height:1.8;color:#776784;max-width:370px}.document-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.document-tags span{border:1px solid #e1d6f4;background:#f9f6ff;border-radius:50px;padding:11px 16px;font-size:12px;color:#674c87}.document-tags .custom-document{background:#5c29db;color:white;border-color:#5c29db}.request-details article{padding:20px 0;border-top:1px solid #ece6f5}.request-details article>span{font-size:9px;letter-spacing:.12em;color:#9175b0}.request-details h4{font-size:17px;margin:10px 0 8px;color:#33204b}.request-details p{font-size:13px;line-height:1.7;color:#776784;margin:0}.real-mobile-tabs{flex-wrap:wrap;justify-content:center}.real-mobile-tabs button{font-size:11px;padding:10px 11px}.real-mobile-note{max-width:320px}
@media(max-width:800px){.reference-heading{align-items:flex-start;flex-direction:column;gap:22px}.reference-intro{max-width:540px}.reference-section{padding-top:42px}.reference-group{gap:48px;padding-inline:24px}.reference-group li{width:150px;flex-basis:150px}.reference-art img{max-width:150px}.reference-art .client-coca-cola{width:80px}.reference-art .client-eccbc{width:55px}.mobile-desk{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:38px}.mobile-desk-heading h3 br{display:none}.mobile-desk-heading h3{max-width:430px}.mobile-desk-heading p{max-width:580px}.mobile-desk-heading h3 em:before{content:' '}}
@media(max-width:480px){.reference-heading h2{font-size:34px;letter-spacing:-1.5px}.reference-heading .overline{font-size:8px}.reference-intro p{font-size:13px}.reference-footer{align-items:flex-start;flex-direction:column;gap:8px}.reference-footer i{padding:0 6px}.reference-group{gap:36px;padding-inline:18px}.reference-group li{flex-basis:145px;width:145px}.reference-art img{max-width:145px}.real-mobile-tabs{max-width:280px;gap:2px}.real-mobile-tabs button{padding-inline:9px;font-size:10px}.mobile-desk-heading h3{font-size:36px}.document-tags span{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.reference-section.is-moving .reference-track{animation:none}.reference-group[aria-hidden=true]{display:none}.reference-section.is-moving .reference-viewport{overflow-x:auto}.reference-motion{display:none}}

.store-links{align-items:center;gap:8px;flex-wrap:wrap}.store-links a.official-store{padding:0;min-width:0;flex:0 0 auto;background:transparent;border-radius:8px}.store-links a.official-store:hover{background:transparent}.store-links a.official-store img{margin:0}.store-links a.official-store.google{margin:-9px 0 -9px -13px}
@media(max-width:360px){.store-links{gap:6px}.store-links .official-store.apple img{width:128px}.store-links .official-store.google img{width:146px}.store-links a.official-store.google{margin-left:-11px}}

/* The official SRM app mark includes generous white clear space. */
.reference-art img.client-srm-tta{max-height:96px;max-width:96px}

/* Keep the marquee geometry independent of page language, including its loop seam. */
.reference-viewport{direction:ltr}
.reference-track{direction:ltr}
.reference-group li{min-height:110px}
.reference-art{height:92px}
.reference-art img{filter:url("/assets/clients/tone.svg#purple");opacity:.85}
.reference-art .client-eccbc{width:90px;height:90px;max-height:90px}
.reference-art .client-coca-cola{width:154px;height:58px;max-width:100%}
@media(max-width:800px){.reference-art .client-coca-cola{width:135px}.reference-art .client-eccbc{width:84px;height:84px}}
.reference-art{mix-blend-mode:multiply}
.reference-section,.reference-track{background:#faf8fd}