/* Mamar SEO immersive commercial pages */
.msp-page{--msp-bg:#07131f;--msp-panel:#0c1d2d;--msp-panel-2:#10263b;--msp-blue:#3478ff;--msp-green:#1bda67;--msp-cyan:#22c7db;--msp-text:#0c1927;--msp-muted:#667486;background:#f5f8fc;color:var(--msp-text);overflow:hidden}
.msp-page *{box-sizing:border-box}.msp-wrap{width:min(calc(100% - 40px),1220px);margin-inline:auto}.msp-section{position:relative;padding:clamp(76px,8vw,116px) 0}.msp-dark{color:#fff;background:var(--msp-bg)}
.msp-kicker{display:inline-flex;align-items:center;gap:10px;color:#53708d;font-size:.78rem;font-weight:900}.msp-kicker::before{content:"";width:25px;height:2px;background:var(--msp-green);box-shadow:0 0 14px #1bda6799}.msp-dark .msp-kicker,.msp-hero .msp-kicker{color:#9db3ca}
.msp-title{max-width:850px;margin:14px 0 0;font-size:clamp(2.05rem,4.6vw,4.2rem);line-height:1.15;letter-spacing:-.045em}.msp-title em{color:var(--msp-blue);font-style:normal}.msp-lead{max-width:720px;margin:20px 0 0;color:var(--msp-muted);font-size:1.02rem;line-height:1.95}.msp-dark .msp-lead{color:#95a9be}
.msp-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:55px;align-items:end;margin-bottom:42px}.msp-section-head .msp-lead{margin:0}
.msp-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 23px;border:1px solid transparent;border-radius:11px;font-weight:900;transition:.22s ease}.msp-button:hover{transform:translateY(-3px)}.msp-button-primary{color:#fff;background:linear-gradient(135deg,#377cff,#2459d8);box-shadow:0 16px 35px #1b55dc45}.msp-button-outline{color:inherit;border-color:#ffffff2b;background:#ffffff0a}.msp-button-light{color:#10213a;background:#fff}.msp-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.msp-hero{position:relative;isolation:isolate;padding:clamp(60px,7vw,96px) 0;color:#fff;background:#07131f}.msp-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent)}.msp-hero::after{content:"";position:absolute;z-index:-1;width:720px;height:720px;inset:-320px -220px auto auto;border-radius:50%;background:radial-gradient(circle,#2868ff3d,transparent 68%)}
.msp-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(480px,1.07fr);gap:54px;align-items:center}.msp-hero h1{max-width:13ch;margin:18px 0 0;font-size:clamp(2.7rem,5.6vw,5.2rem);line-height:1.08;letter-spacing:-.055em}.msp-hero h1 em{color:#5a8dff;font-style:normal}.msp-hero-copy>p{max-width:650px;margin:22px 0 0;color:#a6b8cb;line-height:1.95}.msp-proof-line{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px;color:#90a5bb;font-size:.76rem;font-weight:800}.msp-proof-line span{display:flex;align-items:center;gap:7px}.msp-proof-line i{width:7px;height:7px;border-radius:50%;background:var(--msp-green);box-shadow:0 0 12px #1bda67b3}
.msp-console{position:relative;min-width:0;padding:13px;border:1px solid #ffffff1c;border-radius:26px;background:linear-gradient(145deg,#ffffff0c,#ffffff04);box-shadow:0 42px 90px #0007;transform:perspective(1000px) rotateX(var(--msp-rx,0deg)) rotateY(var(--msp-ry,0deg));transition:transform .18s ease}.msp-console-window{overflow:hidden;border:1px solid #ffffff15;border-radius:18px;background:#0b1a29}.msp-console-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #ffffff12;background:#0e2134}.msp-console-dots{display:flex;gap:6px}.msp-console-dots i{width:8px;height:8px;border-radius:50%;background:#31506e}.msp-console-dots i:nth-child(2){background:#2e72f3}.msp-console-dots i:nth-child(3){background:#1bda67}.msp-console-bar span{color:#7891aa;font-size:.68rem}.msp-console-body{padding:18px}.msp-console-tabs{display:flex;gap:7px;margin-bottom:14px}.msp-console-tabs span{padding:7px 10px;border:1px solid #ffffff0f;border-radius:7px;color:#69839e;background:#ffffff04;font-size:.61rem}.msp-console-tabs span.active{color:#d9e7f6;border-color:#3478ff55;background:#3478ff1c}.msp-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.msp-metric{min-width:0;padding:12px;border:1px solid #ffffff0d;border-radius:10px;background:#102439}.msp-metric small{display:block;color:#6f88a2;font-size:.58rem}.msp-metric strong{display:block;margin-top:6px;color:#fff;font-size:1.05rem}.msp-metric b{display:block;margin-top:4px;color:var(--msp-green);font-size:.56rem}.msp-chart{position:relative;height:225px;margin-top:10px;padding:16px;border:1px solid #ffffff0d;border-radius:12px;background:linear-gradient(180deg,#10253a,#0b1b2b);overflow:hidden}.msp-chart::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:100% 42px,68px 100%}.msp-chart svg{position:absolute;z-index:1;inset:28px 16px 18px;width:calc(100% - 32px);height:calc(100% - 46px);overflow:visible}.msp-chart path.line{fill:none;stroke:var(--msp-green);stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;animation:msp-draw 3s ease forwards}.msp-chart path.area{fill:url(#mspArea);opacity:.36}.msp-chart-label{position:relative;z-index:2;display:flex;justify-content:space-between;color:#7290ad;font-size:.62rem}.msp-console-foot{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}.msp-progress-list,.msp-query-list{padding:13px;border:1px solid #ffffff0d;border-radius:11px;background:#0f2235}.msp-progress-list>span,.msp-query-list>span{display:block;margin-bottom:10px;color:#7d94ac;font-size:.62rem}.msp-progress{margin-top:8px}.msp-progress div{display:flex;justify-content:space-between;color:#c8d6e4;font-size:.61rem}.msp-progress i{height:5px;display:block;margin-top:5px;border-radius:9px;background:#20394f;overflow:hidden}.msp-progress i::before{content:"";width:var(--w);height:100%;display:block;background:linear-gradient(90deg,var(--msp-blue),var(--msp-green));animation:msp-grow 1.6s ease both}.msp-query-list b{display:block;padding:6px 0;border-bottom:1px solid #ffffff0b;color:#c3d2e0;font-size:.6rem;font-weight:700}.msp-query-list b:last-child{border:0}
.msp-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce5ef;border-radius:20px;background:#fff;box-shadow:0 24px 65px #0e1f330d;overflow:hidden}.msp-stat-strip article{min-height:155px;padding:27px;border-inline-start:1px solid #e4eaf1}.msp-stat-strip article:last-child{border:0}.msp-stat-strip strong{display:block;color:#10243a;font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1}.msp-stat-strip span{display:block;margin-top:12px;color:#697789;font-size:.82rem;line-height:1.65}
.msp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.msp-card{position:relative;min-height:260px;padding:26px;border:1px solid #dfe7f0;border-radius:18px;background:#fff;box-shadow:0 16px 40px #112a430b;overflow:hidden;transition:.25s ease}.msp-card:hover{transform:translateY(-6px);border-color:#a9c2fa;box-shadow:0 25px 55px #112a4319}.msp-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#2e6fe7;background:#eaf1ff;font-size:.72rem;font-weight:900}.msp-card h3{margin:23px 0 10px;font-size:1.15rem}.msp-card p{margin:0;color:#6b7888;font-size:.85rem;line-height:1.88}.msp-card ul{display:grid;gap:7px;margin:17px 0 0;padding:0;list-style:none}.msp-card li{color:#56687b;font-size:.77rem}.msp-card li::before{content:"✓";margin-inline-end:7px;color:#0ea44b;font-weight:900}
.msp-tool-rail{display:flex;gap:10px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.msp-tool-track{width:max-content;display:flex;gap:10px;animation:msp-marquee 26s linear infinite}.msp-tool{min-width:170px;height:80px;display:flex;align-items:center;gap:12px;padding:0 17px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff08}.msp-tool i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#3478ff2e;font-style:normal;font-size:.65rem;font-weight:900}.msp-tool strong{font-size:.8rem}.msp-tool small{display:block;margin-top:3px;color:#7890a8;font-size:.61rem}
.msp-tabs{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.msp-tab-nav{display:grid;align-content:start;gap:8px}.msp-tab-nav button{min-height:64px;padding:0 18px;border:1px solid #dbe4ed;border-radius:13px;color:#657386;background:#fff;text-align:right;font:inherit;font-weight:900;cursor:pointer;transition:.2s}.msp-tab-nav button[aria-selected=true]{color:#fff;border-color:#2868ff;background:#174fc8;box-shadow:0 15px 30px #174fc82e}.msp-tab-panel{display:none;min-height:355px;padding:clamp(27px,4vw,44px);border:1px solid #dbe4ed;border-radius:21px;background:#fff;box-shadow:0 22px 55px #112a430d}.msp-tab-panel.active{display:block;animation:msp-fade .35s ease}.msp-tab-panel h3{margin:0;font-size:clamp(1.45rem,3vw,2.35rem)}.msp-tab-panel>p{color:#687789;line-height:1.9}.msp-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.msp-deliverables span{padding:14px;border:1px solid #e1e8f0;border-radius:11px;color:#40556b;background:#f8fafd;font-size:.8rem}.msp-deliverables span::before{content:"";width:7px;height:7px;display:inline-block;margin-inline-end:8px;border-radius:50%;background:var(--msp-green)}
.msp-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.msp-flow article{position:relative;min-height:250px;padding:25px;border:1px solid #ffffff12;border-radius:17px;background:#ffffff07}.msp-flow article::after{content:"←";position:absolute;left:-10px;top:50%;color:#4f7ec5}.msp-flow article:last-child::after{display:none}.msp-flow span{color:var(--msp-green);font-size:.72rem;font-weight:900}.msp-flow h3{margin:25px 0 9px}.msp-flow p{margin:0;color:#8fa4b9;font-size:.82rem;line-height:1.85}
.msp-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.msp-project{position:relative;min-height:350px;display:flex;flex-direction:column;padding:29px;border:1px solid #dde6ef;border-radius:20px;background:#fff;overflow:hidden;transition:.25s}.msp-project:hover{transform:translateY(-5px);box-shadow:0 28px 60px #112a4318}.msp-project::after{content:"";position:absolute;width:180px;height:180px;inset:auto -90px -90px auto;border-radius:50%;background:#3478ff0d}.msp-project-top{display:flex;justify-content:space-between;gap:15px}.msp-project-top>span{padding:7px 10px;border-radius:8px;color:#205bd3;background:#eaf1ff;font-size:.7rem;font-weight:900}.msp-project-top small{color:#8a97a6}.msp-project h3{max-width:24ch;margin:25px 0 10px;font-size:1.3rem}.msp-project>p{margin:0;color:#687687;line-height:1.86}.msp-artifacts{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:22px}.msp-artifacts b{padding:7px 9px;border:1px solid #e0e7ef;border-radius:7px;color:#657588;background:#fafbfd;font-size:.65rem}
.msp-case-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.msp-case-controls button{padding:10px 14px;border:1px solid #dbe4ed;border-radius:9px;color:#617286;background:#fff;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.msp-case-controls button.active{color:#fff;border-color:#2868ff;background:#2868ff}.msp-case-count{margin-inline-start:auto;display:flex;align-items:center;color:#65758a;font-size:.78rem}.msp-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.msp-case{border:1px solid #dfe7ef;border-radius:18px;background:#fff;overflow:hidden;transition:.25s}.msp-case:hover{border-color:#aec5f8;box-shadow:0 20px 45px #10284210}.msp-case[hidden]{display:none}.msp-case-head{padding:23px 24px}.msp-case-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.msp-case-meta span{color:#2764de;font-size:.7rem;font-weight:900}.msp-case-meta small{color:#8997a6}.msp-case h3{margin:17px 0 0;font-size:1.14rem;line-height:1.55}.msp-case-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e7ecf2}.msp-case-summary div{padding:17px 20px}.msp-case-summary div+div{border-inline-start:1px solid #e7ecf2}.msp-case-summary b{display:block;margin-bottom:6px;color:#253b51;font-size:.72rem}.msp-case-summary p{margin:0;color:#6c7989;font-size:.76rem;line-height:1.75}.msp-case details{border-top:1px solid #e7ecf2}.msp-case summary{padding:15px 23px;color:#245ccb;font-size:.76rem;font-weight:900;cursor:pointer}.msp-case-detail{display:grid;gap:12px;padding:0 23px 22px}.msp-case-detail p{margin:0;color:#647488;font-size:.78rem;line-height:1.8}.msp-case-detail strong{color:#162b40}.msp-disclaimer{display:flex;gap:14px;margin-top:24px;padding:18px;border:1px solid #f0d89e;border-radius:13px;color:#6b5523;background:#fff9e9;font-size:.8rem;line-height:1.8}.msp-disclaimer i{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f5dfaa;font-style:normal;font-weight:900}
.msp-cta{position:relative;padding:clamp(70px,8vw,105px) 0;color:#fff;background:#07131f;overflow:hidden}.msp-cta::before{content:"";position:absolute;width:520px;height:520px;inset:-280px auto auto -190px;border:1px solid #3478ff35;border-radius:50%;box-shadow:inset 0 0 0 70px #3478ff08;animation:msp-spin 25s linear infinite}.msp-cta-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center}.msp-cta h2{max-width:17ch;margin:0;font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:1.17}.msp-cta p{max-width:700px;margin:18px 0 0;color:#96aabf;line-height:1.9}
.msp-reveal{opacity:1;transform:none}.msp-page.msp-ready .msp-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.msp-page.msp-ready .msp-reveal.visible,.msp-page.msp-ready .msp-hero .msp-reveal{opacity:1;transform:none}
@keyframes msp-draw{to{stroke-dashoffset:0}}@keyframes msp-grow{from{width:0}to{width:100%}}@keyframes msp-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes msp-marquee{to{transform:translateX(50%)}}@keyframes msp-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.msp-hero-grid{grid-template-columns:minmax(0,1fr)}.msp-hero-copy{text-align:center}.msp-hero h1,.msp-hero-copy>p{margin-inline:auto}.msp-actions,.msp-proof-line{justify-content:center}.msp-console{width:min(100%,760px);margin-inline:auto}.msp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-flow article:nth-child(2)::after{display:none}}
@media(max-width:780px){.msp-wrap{width:min(calc(100% - 26px),1220px)}.msp-section-head{grid-template-columns:minmax(0,1fr);gap:18px}.msp-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-stat-strip article{border-bottom:1px solid #e4eaf1}.msp-tabs{grid-template-columns:minmax(0,1fr)}.msp-tab-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-portfolio-grid,.msp-case-grid{grid-template-columns:minmax(0,1fr)}.msp-cta-grid{grid-template-columns:minmax(0,1fr)}.msp-cta-grid .msp-actions{justify-content:flex-start}}
@media(max-width:560px){.msp-section{padding:66px 0}.msp-hero{padding:50px 0 65px}.msp-hero h1{font-size:2.55rem}.msp-actions{display:grid}.msp-button{width:100%}.msp-console{padding:7px;border-radius:18px}.msp-console-body{padding:10px}.msp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-chart{height:190px}.msp-console-foot{grid-template-columns:minmax(0,1fr)}.msp-stat-strip,.msp-card-grid,.msp-flow,.msp-deliverables{grid-template-columns:minmax(0,1fr)}.msp-stat-strip article{min-height:125px;border-inline-start:0}.msp-flow article::after{display:none}.msp-tab-nav{grid-template-columns:minmax(0,1fr)}.msp-case-controls button{flex:1 1 calc(50% - 8px)}.msp-case-count{flex-basis:100%;margin:5px 0 0}.msp-case-summary{grid-template-columns:minmax(0,1fr)}.msp-case-summary div+div{border-inline-start:0;border-top:1px solid #e7ecf2}}

/* Visual portfolio gallery */
.msp-visual-work-section{background:#f3f6fa;border-block:1px solid #e1e7ee}.msp-work-filters{align-items:center;padding:14px;border:1px solid #dce4ed;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(17,39,64,.06)}.msp-work-filters button{min-height:42px}.msp-work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.msp-work-card{display:flex;min-width:0;flex-direction:column;border:1px solid #dce4ec;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(17,39,64,.045);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.msp-work-card:hover{transform:translateY(-6px);border-color:#abc2f2;box-shadow:0 28px 58px rgba(17,39,64,.1)}.msp-work-card[hidden]{display:none}.msp-work-visual{position:relative;height:225px;display:grid;place-items:center;padding:31px 12px 12px;border-bottom:1px solid #e2e8ef;background:linear-gradient(145deg,#f7f9fc,#eaf0f6);overflow:hidden}.msp-work-visual::after{content:"";position:absolute;inset:auto 0 0;height:62px;background:linear-gradient(0deg,rgba(8,24,40,.75),transparent);opacity:0;transition:opacity .22s ease}.msp-work-visual img{width:100%;height:100%;display:block;object-fit:contain;filter:saturate(.94);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s ease}.msp-work-card:hover .msp-work-visual img{transform:scale(1.035);filter:saturate(1.05)}.msp-work-visual small{position:absolute;z-index:2;top:11px;right:13px;padding:6px 8px;border:1px solid #dce4ed;border-radius:7px;color:#4e6480;background:rgba(255,255,255,.9);font-size:.56rem;font-weight:900;letter-spacing:.02em;backdrop-filter:blur(8px)}.msp-work-visual>span{position:absolute;z-index:2;right:15px;bottom:12px;display:flex;align-items:center;gap:8px;color:#fff;font-size:.68rem;font-weight:900;opacity:0;transform:translateY(8px);transition:.22s ease}.msp-work-visual>span i{font-style:normal}.msp-work-card:hover .msp-work-visual::after,.msp-work-card:hover .msp-work-visual>span,.msp-work-visual:focus-visible::after,.msp-work-visual:focus-visible>span{opacity:1}.msp-work-card:hover .msp-work-visual>span,.msp-work-visual:focus-visible>span{transform:none}.msp-work-copy{display:flex;flex:1;flex-direction:column;padding:22px}.msp-work-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.msp-work-meta b{color:#2865de;font-size:.65rem}.msp-work-meta small{color:#9aa6b3;font-size:.58rem;font-weight:900}.msp-work-copy h3{margin:19px 0 9px;color:#132337;font-size:1.05rem;line-height:1.55}.msp-work-copy>p{margin:0;color:#697789;font-size:.76rem;line-height:1.88}.msp-work-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:19px}.msp-work-tags span{padding:7px 8px;border:1px solid #e0e7ef;border-radius:7px;color:#5d6e82;background:#f8fafc;font-size:.6rem;font-weight:800}
@media(max-width:1100px){.msp-work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-work-visual{height:250px}}
@media(max-width:720px){.msp-work-gallery{grid-template-columns:minmax(0,1fr)}.msp-work-visual{height:235px}.msp-work-copy{padding:20px}.msp-work-filters{padding:11px}.msp-work-filters button{flex:1 1 calc(50% - 8px)}.msp-work-filters .msp-case-count{flex-basis:100%;margin-top:6px}}
@media(max-width:420px){.msp-work-visual{height:210px}.msp-work-copy h3{font-size:1rem}}

/* Client sites and identities */
.msp-client-sites-section{isolation:isolate;color:#fff;background:#081522;overflow:hidden}.msp-client-sites-section::before{content:"";position:absolute;z-index:-1;width:760px;height:760px;inset:-360px auto auto -250px;border-radius:50%;background:radial-gradient(circle,rgba(52,120,255,.24),transparent 68%)}.msp-client-sites-section::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.msp-client-sites-section .msp-title{color:#fff}.msp-client-sites-section .msp-title em{color:#69a0ff}.msp-client-sites-section .msp-lead{color:#9cb0c4}.msp-client-sites-section .msp-kicker{color:#9eb5cc}
.msp-logo-overview{display:grid;grid-template-columns:repeat(3,minmax(130px,.48fr)) minmax(300px,1.55fr);gap:1px;margin-bottom:22px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.1);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.2)}.msp-logo-overview article,.msp-logo-overview>p{margin:0;padding:20px;background:#0d2032}.msp-logo-overview strong{display:block;color:#fff;font-size:2rem;line-height:1}.msp-logo-overview article span{display:block;margin-top:8px;color:#8199b0;font-size:.7rem;font-weight:800}.msp-logo-overview>p{display:flex;align-items:center;color:#93a8bc;font-size:.72rem;line-height:1.8}.msp-logo-overview>p i{flex:0 0 8px;width:8px;height:8px;margin-inline-end:9px;border-radius:50%;background:var(--msp-green);box-shadow:0 0 14px rgba(27,218,103,.7)}
.msp-logo-filters{align-items:center;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}.msp-logo-filters button{min-height:42px;color:#a9bbcc;border-color:rgba(255,255,255,.13);background:#102438}.msp-logo-filters button:hover{color:#fff;border-color:rgba(87,142,255,.7)}.msp-logo-filters button.active{color:#fff;border-color:#3478ff;background:#2d68df;box-shadow:0 11px 25px rgba(31,93,220,.28)}.msp-logo-filters .msp-case-count{color:#8298ae}
.msp-logo-sites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.msp-logo-site-card{min-width:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:#0d1e2f;box-shadow:0 18px 38px rgba(0,0,0,.15);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.msp-logo-site-card:hover{transform:translateY(-6px);border-color:rgba(95,147,255,.58);box-shadow:0 28px 58px rgba(0,0,0,.28)}.msp-logo-site-card[hidden]{display:none}.msp-site-logo-frame{position:relative;height:156px;display:grid;place-items:center;padding:35px 22px 20px;background:linear-gradient(145deg,#fff,#edf2f7);overflow:hidden}.msp-site-logo-frame::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(22,45,68,.08) 1px,transparent 0);background-size:13px 13px;mask-image:linear-gradient(135deg,#000,transparent 72%)}.msp-site-logo-frame::after{content:"";position:absolute;width:82px;height:82px;left:-42px;bottom:-42px;border:14px solid rgba(52,120,255,.1);border-radius:50%}.msp-site-logo-frame img{position:relative;z-index:1;max-width:92%;width:auto;max-height:82px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(4,20,35,.22));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.msp-logo-site-card:hover .msp-site-logo-frame img{transform:scale(1.06)}.msp-site-logo-frame small{position:absolute;z-index:2;top:11px;right:12px;padding:5px 7px;border:1px solid #dbe4ed;border-radius:6px;color:#5c6f83;background:rgba(255,255,255,.88);font-size:.52rem;font-weight:900;letter-spacing:.06em}
.msp-site-logo-copy{min-height:220px;display:flex;flex:1;flex-direction:column;padding:19px}.msp-site-logo-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.msp-site-logo-meta b{padding:6px 8px;border-radius:7px;color:#8fb4ff;background:rgba(52,120,255,.15);font-size:.62rem}.msp-site-logo-meta span{color:#6f879e;font-size:.56rem;font-weight:800}.msp-site-logo-copy h3{margin:18px 0 9px;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.93rem;line-height:1.45;overflow-wrap:anywhere;unicode-bidi:plaintext}.msp-site-logo-copy>p{margin:0;color:#8ea3b7;font-size:.71rem;line-height:1.82}.msp-site-logo-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;color:#728aa1;font-size:.57rem;font-weight:800}.msp-site-logo-foot>span{display:flex;align-items:center;gap:6px}.msp-site-logo-foot i{width:6px;height:6px;border-radius:50%;background:var(--msp-green);box-shadow:0 0 9px rgba(27,218,103,.65)}.msp-site-logo-foot small{color:#4f6c88;font-size:.5rem;letter-spacing:.08em}
@media(max-width:1120px){.msp-logo-sites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.msp-logo-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.msp-logo-overview>p{grid-column:1/-1}}
@media(max-width:790px){.msp-logo-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-logo-filters button{flex:1 1 calc(50% - 8px)}.msp-logo-filters .msp-case-count{flex-basis:100%;margin-top:6px}}
@media(max-width:560px){.msp-logo-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.msp-logo-overview article,.msp-logo-overview>p{padding:16px 12px}.msp-logo-overview strong{font-size:1.55rem}.msp-logo-overview>p{grid-column:1/-1}.msp-logo-sites-grid{grid-template-columns:minmax(0,1fr)}.msp-site-logo-frame{height:170px}.msp-site-logo-frame img{max-height:92px}.msp-site-logo-copy{min-height:205px}}
.msp-site-logo-copy{min-height:290px}.msp-site-logo-copy h3{margin:18px 0 6px;font-family:inherit;font-size:1rem;line-height:1.7;overflow-wrap:normal;unicode-bidi:normal}.msp-site-domain{display:block;margin-bottom:11px;color:#72a2ff;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1.45;overflow-wrap:anywhere;unicode-bidi:plaintext}
@media(prefers-reduced-motion:reduce){.msp-page *{animation:none!important;transition:none!important}.msp-reveal{opacity:1;transform:none}.msp-console{transform:none!important}}