/* A clipped, seamless platform ribbon. The duplicate is hidden from assistive tech. */
.hero-platforms{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.hero-platforms .platforms{display:block;flex:1;min-width:0;overflow:hidden;container-type:inline-size;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
.platform-track{display:flex;width:max-content;animation:platforms-drift 36s linear infinite}
.platform-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100cqw;gap:30px;padding-right:30px}
.hero-platforms .platform-item{display:flex;align-items:center;gap:7px;flex-shrink:0;font:600 13px/1.2 'Rajdhani',sans-serif;color:#cce6f8}
.hero-platforms .platform-mark{display:block;width:23px;height:23px;flex:0 0 23px;background:currentColor;mask:var(--platform-icon) center/contain no-repeat}
.platform-item:first-child .platform-mark{color:#00bbff}
.platforms-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #17465c;background:transparent;color:#8fb5cf;border-radius:3px;cursor:pointer}
.platforms-toggle svg{width:15px;height:15px;stroke-width:2}
.platforms-toggle:hover,.platforms-toggle:focus-visible{color:#00d4f6;border-color:currentColor}
.hero-platforms.is-paused .platform-track,.platforms:hover .platform-track{animation-play-state:paused}
@keyframes platforms-drift{to{transform:translateX(-50%)}}

@media(max-width:980px){
 .topbar .menu-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;line-height:0}
 .menu-toggle svg{display:block;width:24px;height:24px;margin:0}
}
@media(max-width:760px){
 html,body{overflow-x:clip}
 .app-shell,.workspace,.top-grid,.hero-composition{min-width:0;max-width:100%}
 .hero-video-banner{aspect-ratio:4/3}
 .campaign-label{position:static;display:table;margin:0 auto 10px;padding:0;border:0;background:none;font-size:clamp(10px,2.7vw,12px);line-height:1.4;backdrop-filter:none;-webkit-backdrop-filter:none}
 .campaign-overlay{padding:12px 14px 8px;text-align:center}
 .campaign-title{font-size:clamp(22px,6vw,29px);line-height:1.15}
 .campaign-result{font-size:clamp(26px,7vw,34px);line-height:1.15}
 .campaign-title .campaign-line strong{font-size:1em;line-height:inherit;letter-spacing:0}
 .campaign-line{justify-content:center;gap:6px}
 .campaign-line+.campaign-line{margin-top:6px}
 .campaign-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px;width:100%}
 .campaign-actions .btn{min-width:0;padding:10px 6px;font-size:clamp(18px,4.95vw,23px);min-height:46px;gap:5px}
 .campaign-actions .btn svg{width:17px;height:17px;flex-shrink:0}
 .topbar .search{width:auto;min-width:0;max-width:240px;flex:1 1 0}
 .topbar .search input{min-width:0;width:100%}
 .mobile-brand{flex-shrink:0}
 .hero-platforms{padding:15px 14px 8px;gap:6px}
 .platform-group{gap:25px;padding-right:25px}
 .platforms-toggle{width:26px;height:26px;flex-basis:26px}
 .services-section{min-width:0}
 .workspace>.contact-panel{margin:24px 0 18px;max-width:100%}
}
@media(max-width:350px){
 .campaign-actions .btn{font-size:17px}
 .campaign-actions .btn svg{width:15px;height:15px}
}
@media(prefers-reduced-motion:reduce){
 .platform-track{animation:none;width:100%}
 .platform-group{min-width:0;max-width:100%;padding:0;flex-wrap:wrap;justify-content:flex-start;gap:15px 20px}
 .platform-group[aria-hidden="true"],.platforms-toggle{display:none}
 .hero-platforms .platforms{mask:none}
}