:root{--vr-bg:var(--black,#0f1010);--vr-text:var(--white,#fff);--vr-muted:oklch(.68 .004 180);--vr-accent:oklch(.65 .215 32);--vr-panel:oklch(.19 .003 180);--vr-line:oklch(.36 .003 180);--vr-overlay:oklch(.12 .003 180 / .67);--vr-glow:0 12px 40px oklch(.65 .215 32 / .14)}
html.t-flat .badge{left:auto!important;right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;top:auto!important;transform:none!important;width:84px!important;height:84px!important}
html.t-flat body.vr-page{background:var(--vr-bg);color:var(--vr-text);font-family:Suisse,"Helvetica Neue",Arial,sans-serif;overflow-x:clip}
.vr-page *, .vr-contact-hero *{box-sizing:border-box;letter-spacing:0}
.vr-page header.top .frame{display:flex;align-items:center;justify-content:space-between;height:70px;width:min(90%,1400px);margin:auto}
.vr-page header.top .logo{height:auto;font-size:26px;font-weight:700;line-height:1}
.vr-page header.top .logo sup{font-size:9px;vertical-align:super}
.vr-page header.top .navc{display:flex;gap:24px;pointer-events:auto;font:12px "Suisse Mono",monospace;text-transform:uppercase}
.vr-page header.top{color:var(--vr-text)}
.vr-page a{color:inherit;text-decoration:none}
.vr-wrap{width:min(90%,1400px);margin-inline:auto}
.vr-page h1,.vr-contact-hero h1{font-size:64px;line-height:1.07;font-weight:500;max-width:1050px;margin:24px 0;letter-spacing:0}
.vr-page h2{font-size:42px;line-height:1.16;font-weight:400;margin:20px 0 28px;letter-spacing:0}
.vr-page h3{font-size:24px;line-height:1.2;font-weight:500;margin:16px 0}
.vr-page p,.vr-contact-hero p{font-size:17px;line-height:1.65;color:var(--vr-muted);margin:18px 0 28px}
.vr-page em{font-family:Georgia,serif;font-weight:400}
.vr-page b{font-weight:inherit}
.vr-label,.vr-breadcrumb,.vr-tags{font-family:"Suisse Mono",monospace;font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:0}
.vr-label{color:var(--vr-muted)}
.vr-breadcrumb{margin-bottom:42px;color:var(--vr-muted)}
.vr-accent{color:var(--vr-accent)!important}
.vr-muted{color:var(--vr-muted)}
.vr-hero{padding-top:145px;padding-bottom:54px;min-height:650px}
.vr-hero>p{max-width:650px;font-size:19px}
.vr-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.vr-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:12px 24px;border-radius:999px;background:var(--vr-accent);color:var(--vr-text)!important;border:1px solid var(--vr-accent);font:15px Suisse,sans-serif;cursor:pointer;transition:background .4s,transform .4s}
.vr-btn span{display:inline-block;font-size:22px;transition:transform .4s}
.vr-btn:hover span{transform:translate(3px,-3px) rotate(8deg)}
.vr-outline{background:transparent;border-color:var(--vr-line)}
.vr-outline:hover{background:var(--vr-accent);border-color:var(--vr-accent)}
.vr-btn:disabled{opacity:.45;cursor:not-allowed}
.vr-btn:focus-visible,.vr-filter:focus-visible,.vr-play:focus-visible{outline:2px solid var(--vr-accent);outline-offset:4px}
.vr-hero-stats{border-top:1px solid var(--vr-line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;padding-top:24px;max-width:840px}
.vr-hero-stats strong{display:block;font-size:32px;font-weight:400}
.vr-hero-stats span{display:block;font-size:13px;color:var(--vr-muted);margin-top:6px}
.vr-section{padding-block:76px;border-top:1px solid var(--vr-line)}
.vr-intro{display:grid;grid-template-columns:1fr 2.1fr;gap:65px}
.vr-avatar-stack{display:flex;padding:12px 0;margin:10px 0 20px}
.vr-avatar-stack img{width:70px;height:70px;border-radius:50%;border:3px solid var(--vr-bg);object-fit:cover;margin-right:-18px}
.vr-process{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:54px}
.vr-process p{font-size:15px}
.vr-process-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid var(--vr-line);border-radius:50%;font-size:30px;margin-bottom:24px;transition:transform .4s,color .4s,border-color .4s}
.vr-process article:hover .vr-process-icon{color:var(--vr-accent);border-color:var(--vr-accent);transform:scale(1.07)}
.vr-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.vr-service-card{border:1px solid var(--vr-line);border-radius:8px;padding:28px;background:var(--vr-panel);transition:transform .5s,border-color .5s,box-shadow .5s}
.vr-service-card:hover{transform:translateY(-7px);border-color:var(--vr-accent);box-shadow:var(--vr-glow)}
.vr-card-top{display:flex;justify-content:space-between;align-items:center;font:12px "Suisse Mono",monospace;color:var(--vr-muted)}
.vr-line-icon{font-size:36px;color:var(--vr-accent)}
.vr-service-card p{font-size:15px;margin-bottom:0}
.vr-testimonials{position:relative}
.vr-testimonial-heading{position:sticky;top:100px;width:70%;margin:0 auto;text-align:center;padding:20px 0 40px}
.vr-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;position:relative;z-index:1;padding-top:120px}
.vr-review{background:var(--vr-panel);border:1px solid var(--vr-line);border-radius:8px;padding:32px;position:relative;display:flex;flex-direction:column}
.vr-quote{font:80px Georgia,serif;line-height:.8;position:absolute;right:26px;top:22px;color:var(--vr-accent)}
.vr-stars{font-size:16px;color:var(--vr-accent)}
.vr-review p{color:var(--vr-text);font-size:17px;margin-top:34px;max-width:90%}
.vr-person{display:flex;gap:16px;align-items:center;margin-top:auto}
.vr-person img{width:76px;height:76px;object-fit:cover;border-radius:50%;object-position:50% 12%}
.vr-person span{display:block;margin-top:6px;color:var(--vr-muted);font-size:13px}
.vr-media{overflow:hidden;border-radius:8px;position:relative}
.vr-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.vr-media:hover img{transform:scale(1.04)}
.vr-why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-top:40px;align-items:start}
.vr-why-grid>.vr-media{aspect-ratio:4/5}
.vr-why-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vr-stat{padding:24px;border:1px solid var(--vr-line);border-radius:8px}
.vr-stat strong{font-size:28px;font-weight:400;color:var(--vr-accent);display:block;margin:18px 0}
.vr-stat p{font-size:14px;margin-bottom:0}
.vr-partner-marks{display:flex;gap:14px;font-size:18px;color:var(--vr-text)}
.vr-small-image{height:160px;overflow:hidden;border-radius:8px;margin-top:20px}
.vr-small-image img{width:100%;height:100%;object-fit:cover}
.vr-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.vr-founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
.vr-founder .vr-media{aspect-ratio:4/5;background:var(--vr-panel)}
.vr-founder.faisal img{object-position:center 20%}
.vr-founder.subash img{object-position:center 30%}
.vr-founder .vr-label{margin-top:24px}
.vr-founder h3{font-size:28px}
/* founder cards: bio and tags left-aligned with the label and name, equal card heights */
.vr-founder{display:flex;flex-direction:column;text-align:left}
.vr-founder h3{margin-top:8px}
.vr-founder .vr-bio{margin:14px 0 0;text-align:left}
.vr-founder .vr-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:18px 0 0;text-align:left}
@media(min-width:761px){.vr-founder-grid{align-items:stretch}.vr-founder-grid>.vr-founder{height:100%}}
.vr-stats-four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:64px}
.vr-stats-four .vr-stat strong{font-size:54px}
.vr-service-block{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;position:relative;scroll-margin-top:90px;border-top:0}
.vr-service-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--vr-line);transform-origin:left;transition:transform .7s}
.vr-service-block .vr-media{aspect-ratio:1;align-self:center}
.vr-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-block:30px}
.vr-features span{display:flex;gap:12px;font-size:14px;line-height:1.5}
.vr-features b{color:var(--vr-accent);font-size:20px}
.vr-details{max-width:100%}
.vr-details summary{list-style:none}
.vr-details summary::-webkit-details-marker{display:none}
.vr-details[open]{flex-basis:100%}
.vr-details p{padding:20px 0;border-bottom:1px solid var(--vr-line)}
.vr-platforms{text-align:center;overflow:hidden}
.vr-platforms h2{max-width:930px;margin-inline:auto;margin-bottom:50px}
.vr-marquee{overflow:hidden;margin:16px 0}
.vr-marquee-track,.vr-marquee-track>div{display:flex;gap:18px;width:max-content}
.vr-marquee-track{animation:vr-marquee 32s linear infinite}
.vr-marquee:nth-of-type(3) .vr-marquee-track{animation-direction:reverse}
.vr-marquee:hover .vr-marquee-track{animation-play-state:paused}
.vr-platform{width:160px;height:150px;border:1px solid var(--vr-line);border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:var(--vr-panel)}
.vr-platform span{font-size:40px;color:var(--vr-text)}
.vr-platform strong{font-size:14px;font-weight:400}
@keyframes vr-marquee{to{transform:translateX(calc(-50% - 9px))}}
.vr-project-main{padding-bottom:40px}
.vr-filters{display:flex;position:relative;gap:4px;width:max-content;max-width:100%;padding:5px;margin:0 0 42px;border:1px solid var(--vr-line);border-radius:999px}
.vr-filter{position:relative;z-index:1;background:none;border:0;padding:12px 22px;font:14px Suisse,sans-serif;color:var(--vr-muted);cursor:pointer;border-radius:999px;white-space:nowrap}
.vr-filter.active{color:var(--vr-text)}
.vr-filter-indicator{position:absolute;top:5px;left:5px;height:calc(100% - 10px);border-radius:999px;background:var(--vr-accent);transition:width .4s,transform .4s}
.vr-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:80px}
.vr-featured{transition:transform .5s}
.vr-featured:hover{transform:translateY(-8px) rotate(.6deg)}
.vr-featured .vr-media{aspect-ratio:3/4}
.vr-featured img{object-fit:cover}
.vr-featured p{font-size:14px;margin-top:10px}
.vr-case{padding:75px 0;border-top:1px solid var(--vr-line);scroll-margin-top:80px;animation:vr-filter-in .5s both}
.vr-case-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}
.vr-case:nth-of-type(even) .vr-case-copy{order:2}
.vr-case .vr-media{aspect-ratio:1}
.vr-tags{color:var(--vr-accent);margin:22px 0}
.vr-mobile-presentation{max-width:820px;margin:50px auto 0}
.vr-mobile-presentation img{width:100%;border-radius:8px}
.vr-page figcaption{color:var(--vr-muted);font-size:14px;text-align:center;padding:16px 0;line-height:1.5}
.vr-video-row{display:flex;gap:28px;margin-top:54px}
.vr-video-card{flex:1;min-width:0;transition:transform .5s}
.vr-video-card:hover{transform:scale(1.025)}
.vr-phone{aspect-ratio:9/16;position:relative;border:5px solid var(--vr-line);border-radius:28px;overflow:hidden;background:var(--vr-panel);transition:box-shadow .5s}
.vr-phone:hover{box-shadow:var(--vr-glow)}
.vr-phone video{width:100%;height:100%;object-fit:cover}
.vr-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;background:var(--vr-overlay);color:var(--vr-text);border:1px solid var(--vr-text);border-radius:50%;font-size:32px;cursor:pointer}
.vr-phone.is-playing .vr-play{opacity:0}
.vr-phone.is-playing:hover .vr-play,.vr-play:focus-visible{opacity:1}
.vr-project-cta{text-align:center}
.vr-project-cta .vr-actions{justify-content:center}
[hidden]{display:none!important}
@keyframes vr-filter-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.vr-contact-hero{position:relative;height:70svh;min-height:560px;overflow:hidden;isolation:isolate;color:var(--vr-text)}
.vr-contact-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:vr-kenburns 18s ease-in-out infinite alternate;z-index:-2}
.vr-contact-overlay{position:absolute;inset:0;background:var(--vr-overlay);z-index:-1}
.vr-contact-content{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:64px}
.vr-contact-content p{color:var(--vr-text);max-width:610px}
@keyframes vr-kenburns{to{transform:scale(1.07)}}
.vr-motion [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s;transition-delay:var(--vr-delay,0ms)}
.vr-motion [data-reveal].vr-visible{opacity:1;transform:none}
.vr-motion .vr-service-image{transform:translateX(-18px) scale(.96)}
.vr-motion .vr-service-image.vr-visible{transform:none}
@media(max-width:1050px){.vr-page h1,.vr-contact-hero h1{font-size:52px}.vr-page h2{font-size:36px}.vr-process{gap:16px}.vr-service-block{gap:30px}.vr-page header.top .navc{gap:16px}}
@media(max-width:760px){.vr-wrap{width:calc(100% - 40px)}.vr-page h1,.vr-contact-hero h1{font-size:38px;line-height:1.12}.vr-page h2{font-size:30px}.vr-page h3{font-size:23px}.vr-hero{padding-top:110px;min-height:0;padding-bottom:45px}.vr-breadcrumb{margin-bottom:24px}.vr-hero>p{font-size:17px}.vr-hero-stats{gap:14px;margin-top:38px}.vr-hero-stats strong{font-size:26px}.vr-hero-stats span{font-size:11px}.vr-section{padding-block:46px}.vr-intro,.vr-process,.vr-service-grid,.vr-review-grid,.vr-why-grid,.vr-founder-grid,.vr-section-heading,.vr-service-block,.vr-featured-grid,.vr-case-grid{grid-template-columns:1fr;gap:24px}.vr-process{gap:32px}.vr-process article{display:grid;grid-template-columns:76px 1fr;column-gap:20px}.vr-process-icon{grid-row:1/4;margin:0}.vr-process h3{margin:5px 0}.vr-process p{margin:0}.vr-testimonial-heading{position:static;width:100%;text-align:left}.vr-review-grid{padding-top:0}.vr-review{padding:25px}.vr-why-grid>.vr-media{aspect-ratio:4/3}.vr-why-stats{grid-template-columns:1fr}.vr-founder .vr-media{aspect-ratio:4/5}.vr-stats-four{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:35px}.vr-stat{padding:18px}.vr-stats-four .vr-stat strong{font-size:38px}.vr-service-image{order:-1;max-height:360px}.vr-features{gap:16px}.vr-btn{padding:11px 19px;gap:20px;font-size:14px}.vr-platform{width:130px;height:128px}.vr-filters{width:100%;justify-content:space-between;gap:0}.vr-filter{padding:11px 12px;font-size:12px}.vr-featured-grid{margin-bottom:40px;gap:28px}.vr-featured .vr-media{aspect-ratio:4/5}.vr-case{padding-block:42px}.vr-case:nth-of-type(even) .vr-case-copy{order:0}.vr-video-row{overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;gap:18px;padding-bottom:8px}.vr-video-card{flex:0 0 78%;scroll-snap-align:start}.vr-phone{border-radius:24px}.vr-contact-hero{height:70svh;min-height:530px}.vr-contact-content{text-align:center;align-items:center}.vr-contact-content .vr-actions{justify-content:center}.vr-contact-content h1{font-size:36px}.vr-contact-content p{font-size:16px}.vr-contact-hero>img{object-position:center}.vr-page footer{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.vr-motion [data-reveal]{opacity:1;transform:none!important}.vr-page *,.vr-contact-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.vr-contact-hero>img{transform:none}.vr-marquee-track{animation:none}.vr-page html{scroll-behavior:auto}}

@media(max-width:760px){.vr-motion .vr-service-image{transform:translateY(20px) scale(.98)}.vr-motion .vr-service-image.vr-visible{transform:none}}
.vr-platform span img{width:42px;height:42px;margin:auto;filter:invert(1)}
.vr-partner-marks span{display:flex;align-items:center;gap:6px}
.vr-partner-marks img{width:24px;height:24px;filter:invert(1)}
.vr-title-last{display:inline-block;animation:vr-filter-in .7s .25s both}
@media(prefers-reduced-motion:reduce){.vr-title-last{animation:none}}

/* Projects: never crop case-study images on phones — show the full mockup
   with its original proportions instead of a forced square cover crop. */
@media(max-width:760px){
  .vr-case .vr-media,.vr-featured .vr-media{aspect-ratio:auto;height:auto}
  .vr-case .vr-media img,.vr-featured .vr-media img{height:auto;object-fit:contain}
}