/* Product Design Agency for Startups | MediaIkon, Mumbai - styles for index.html */
body{margin:0;background:#0B0B0C}
a{color:#F2F1EC}a:hover{color:#FFFFFF}
@keyframes mi-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mi-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.mi-track{display:flex;width:max-content;animation:mi-marquee 38s linear infinite}
.mi-dot{animation:mi-pulse 1.6s ease-in-out infinite}
.mi-row{transition:background .25s ease, padding .25s ease}
.mi-row:hover{background:#141416;padding-left:16px !important}
.mi-card{transition:transform .35s ease}
.mi-card:hover{transform:translateY(-6px)}
.mi-chip{transition:background .2s ease,color .2s ease,border-color .2s ease}
.mi-chip:hover{border-color:#F2F1EC !important}
@keyframes mi-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.mi-float{animation:mi-floaty 6s ease-in-out infinite}
.mi-blob{position:absolute;border-radius:50%;filter:blur(60px);mix-blend-mode:screen;will-change:transform}
@keyframes mi-d1{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}25%{transform:translate(-22%,18%) scale(1.25) rotate(35deg)}50%{transform:translate(10%,26%) scale(.85) rotate(-20deg)}75%{transform:translate(18%,-12%) scale(1.15) rotate(15deg)}}
@keyframes mi-d2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-30%,22%) scale(1.3)}66%{transform:translate(-8%,-18%) scale(.9)}}
@keyframes mi-d3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(32%,-18%) scale(1.2)}66%{transform:translate(14%,20%) scale(.85)}}
@keyframes mi-s1{0%,100%{transform:translate(0,0) rotate(-18deg) scaleX(1)}50%{transform:translate(-34%,26%) rotate(-42deg) scaleX(1.5)}}
@keyframes mi-s2{0%,100%{transform:translate(0,0) rotate(-24deg)}50%{transform:translate(-40%,46%) rotate(6deg)}}
@keyframes mi-s3{0%,100%{transform:translate(0,0) rotate(10deg)}50%{transform:translate(36%,-34%) rotate(-24deg)}}
@keyframes mi-hue{0%,100%{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(-28deg) saturate(1.25)}}
.mi-flow{animation:mi-hue 14s ease-in-out infinite}
.mi-b1{animation:mi-d1 13s ease-in-out infinite}
.mi-b2{animation:mi-d2 11s ease-in-out infinite}
.mi-b3{animation:mi-d3 15s ease-in-out infinite}
.mi-b4{animation:mi-s1 9s ease-in-out infinite}
.mi-b5{animation:mi-s2 12s ease-in-out infinite}
.mi-b6{animation:mi-s3 14s ease-in-out infinite}
@media (min-width: 900px){.mi-nowrap{white-space:nowrap}}
.mi-hero-grid{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width: 900px){.mi-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mi-hl{padding-right:56px}.mi-hr{padding-left:56px}.mi-ra{justify-self:end}}
@media (max-width: 899px){.mi-hair{display:none}}
@media (prefers-reduced-motion: reduce){.mi-track,.mi-dot,.mi-float,.mi-blob,.mi-flow{animation:none}}
.mi-navbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px;row-gap:14px}.mi-navbar>:first-child{justify-self:start}.mi-navbar>nav{justify-self:center}.mi-navbar>:last-child{justify-self:end}
@media (max-width: 899px){.mi-navbar{grid-template-columns:minmax(0,1fr) auto}.mi-navbar>nav{grid-column:1/-1;grid-row:2;justify-self:center}}
@keyframes mi-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}.mi-ltrack{animation:mi-tick 40s linear infinite}.mi-ticker:hover .mi-ltrack{animation-play-state:paused}.mi-logo img{opacity:.7;transition:opacity .3s ease}.mi-logo:hover img{opacity:1}@media (prefers-reduced-motion: reduce){.mi-ltrack{animation:none}.mi-ticker{overflow-x:auto}}
/* Timeline & price hidden for now - delete this line to show them again */
.mi-tp{display:none !important}
.mi-indcard{transition:border-color .2s ease, transform .3s cubic-bezier(.2,.7,.2,1)}.mi-indcard:hover{border-color:#3A3A40 !important;transform:translateY(-2px)}.mi-indscroll::-webkit-scrollbar{height:6px}.mi-indscroll::-webkit-scrollbar-thumb{background:#3A3A40;border-radius:3px}.mi-indscroll:focus-visible{outline:2px solid #F2F1EC;outline-offset:4px}
.mi-workrail::-webkit-scrollbar{height:6px}.mi-workrail::-webkit-scrollbar-thumb{background:#3A3A40;border-radius:3px}.mi-workrail:focus-visible{outline:2px solid #F2F1EC;outline-offset:4px}.mi-workrail .mi-card:hover{transform:translateY(-4px)}
/* mi-responsive:start */
header{position:relative;z-index:20 !important}
.mi-mnav{display:none;position:static}
.mi-mnav>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #34343A;border-radius:999px;background:#121214;color:#F2F1EC;font-size:14px;font-weight:500;user-select:none}
.mi-mnav>summary::-webkit-details-marker{display:none}
.mi-mnav>summary:focus-visible{outline:2px solid #F2F1EC;outline-offset:2px}
.mi-mnav .mi-x{display:none}.mi-mnav[open] .mi-x{display:inline}.mi-mnav[open] .mi-bars{display:none}
.mi-mpanel{position:absolute;left:12px;right:12px;top:calc(100% - 6px);display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #26262A;border-radius:24px;background:#121214;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.mi-mpanel a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 18px;border-radius:16px;font-size:24px;font-weight:500;letter-spacing:-0.03em;text-decoration:none;color:#F2F1EC}
.mi-mpanel a[aria-current]{background:#F2F1EC;color:#0B0B0C}
.mi-mpanel .mi-mcta{margin-top:6px;justify-content:center;font-size:16px;font-weight:600;letter-spacing:0;color:#0B0B0C}
@media (max-width: 899px){
 .mi-navbar{grid-template-columns:minmax(0,1fr) auto auto !important;column-gap:10px !important}
 .mi-navbar>nav{display:none !important}
 .mi-mnav{display:block;grid-column:2;grid-row:1;justify-self:end}
 .mi-navbar>:last-child{grid-column:3;grid-row:1}
 .mi-hide-sm{display:none !important}
 footer a{padding-top:6px;padding-bottom:6px}
 .mi-stats{grid-template-columns:1fr 1fr !important}
 .mi-stats>div{padding:20px 16px !important;border-right:0 !important;border-bottom:1px solid #2A2A30}
 .mi-stats>div:nth-child(odd){border-right:1px solid #2A2A30 !important;padding-left:0 !important}
 .mi-stats>div:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width: 640px){
 :is(.u-2d5f43,.u-634a81,.u-f10af2,.u-207d61,.u-c46141,.u-13d15c,.u-2132b0,.u-0808d9,.u-d7ae47){padding-top:72px !important;padding-bottom:72px !important}
 :is(.u-a7b1de){padding-top:56px !important;padding-bottom:80px !important}
 :is(.u-e47a87,.u-11c84b){padding-top:40px !important;padding-bottom:80px !important}
 :is(.u-a82d2e){padding-bottom:80px !important}
 :is(.u-c1ae60){padding-top:64px !important}
 :is(.u-00efe7),:is(.u-16f1e9){padding-left:0 !important}
 :is(.u-3c10e0),:is(.u-578fde){min-height:0 !important}
 .mi-case{aspect-ratio:4/5 !important;min-height:0 !important}
 .mi-case .mi-shade{background:linear-gradient(180deg,rgba(11,11,12,.1) 20%,rgba(11,11,12,.92) 75%) !important}
 .mi-stats>div>span:last-child{font-size:44px !important}
}
/* mi-responsive:end */