:root{--ink:#17324a;--deep:#102c3c;--cream:#fff7e7;--sky:#a6daf6;--gold:#f3c87c;--orange:#ff6b35;--line:rgba(18,47,66,.18);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8f4ea;font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.nav{height:78px;padding:0 clamp(22px,4vw,64px);position:absolute;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.35);color:#fff}.logo{display:flex;align-items:center;gap:11px;font-size:14px}.logo-glyph{width:27px;height:27px;position:relative;display:inline-block}.logo-glyph i{position:absolute;width:15px;height:15px;border:2px solid currentColor;border-radius:50%}.logo-glyph i:nth-child(1){left:0;top:0}.logo-glyph i:nth-child(2){right:0;top:0}.logo-glyph i:nth-child(3){left:6px;bottom:0}.logo:hover .logo-glyph{transform:rotate(120deg)}.logo-glyph{transition:transform .5s var(--ease)}.nav nav{display:flex;gap:34px;font-size:12px}.nav nav a{opacity:.82;transition:.2s}.nav nav a:hover{opacity:1;transform:translateY(-2px)}.nav-cta{justify-self:end;border:1px solid rgba(255,255,255,.6);padding:10px 14px;border-radius:10px;font-size:12px;transition:.25s}.nav-cta:hover{background:#fff;color:var(--ink)}.nav-cta span{margin-left:13px}
.sky{position:relative;min-height:1260px;padding:140px clamp(22px,4vw,64px) 90px;background:linear-gradient(180deg,#79c5ef 0%,#b8dcf1 36%,#d9dfca 66%,#ffd190 100%);overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.a1{width:520px;height:420px;left:-160px;top:130px;background:rgba(255,255,255,.58)}.a2{width:650px;height:460px;right:-220px;top:220px;background:rgba(239,187,109,.38)}.a3{width:640px;height:420px;left:25%;bottom:40px;background:rgba(255,227,166,.46)}.hero-copy{position:relative;z-index:2;max-width:1130px;margin:0 auto;text-align:center;color:#fff}.overline,.section-head>p,.side-label,.contact>p{font-size:11px;font-weight:600;letter-spacing:.14em}.hero-copy h1{font:400 clamp(67px,9.3vw,142px)/.82 var(--serif);letter-spacing:-.045em;margin:26px 0}.hero-copy h1 em{font-weight:400}.intro{max-width:580px;margin:0 auto;font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:rgba(255,255,255,.88)}
.floating-stage{position:relative;z-index:3;width:min(920px,86vw);margin:90px auto 0;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 35px 100px rgba(29,72,99,.22);backdrop-filter:blur(18px);overflow:hidden;transition:transform .25s var(--ease)}.browser-bar{height:47px;padding:0 17px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:10px;color:#687f90}.browser-bar>b{justify-self:end;color:#3d9567;font-size:9px;letter-spacing:.13em}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#ef7b68}.dots i:nth-child(2){background:#e5b64e}.dots i:nth-child(3){background:#68b578}.showcase{min-height:410px;padding:30px;display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;background:#f7f0e5}.showcase-copy{padding:22px 5px;transition:.18s}.showcase-copy.switching{opacity:0;transform:translateY(8px)}.showcase-copy>span{font-size:9px;letter-spacing:.13em;color:#8b765d}.showcase-copy h2{font:400 clamp(47px,5vw,76px)/.84 var(--serif);letter-spacing:-.04em;margin:34px 0 25px;color:#33271e}.showcase-copy p{font-size:13px;line-height:1.6;color:#695b4d}.showcase-copy a{display:inline-block;margin-top:25px;padding-bottom:5px;border-bottom:1px solid;font-size:11px;font-weight:600}.showcase-image{border-radius:10px;overflow:hidden;box-shadow:0 14px 35px rgba(51,39,30,.18)}.showcase-image img{height:100%;object-fit:cover}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px;background:rgba(255,255,255,.5)}.stage-tabs button{position:relative;border:0;border-radius:9px;padding:13px;background:transparent;color:#7990a0;font-size:11px;cursor:pointer}.stage-tabs button span{margin-right:8px}.stage-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 4px 15px rgba(29,72,99,.1)}.stage-tabs button.active:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:2px;background:#378cff}
.trust-strip{position:relative;z-index:2;margin:135px auto 0;width:min(1050px,90vw);text-align:center;color:rgba(255,255,255,.9)}.trust-strip p{font:italic 20px var(--serif)}.trust-strip div{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:42px}.trust-strip span{font-size:11px;font-weight:600;letter-spacing:.06em}.scroll-pill{position:absolute;right:28px;bottom:28px;z-index:3;padding:11px 13px;border-radius:99px;background:rgba(255,255,255,.68);backdrop-filter:blur(10px);font-size:10px}.scroll-pill span{margin-left:16px}
.work,.services{padding:140px clamp(22px,4vw,64px);background:#f8f4ea}.section-head{display:grid;grid-template-columns:.7fr 1.5fr;margin-bottom:80px}.section-head>p{color:#8c8174}.section-head h2{font:400 clamp(54px,6.5vw,94px)/.92 var(--serif);letter-spacing:-.035em;margin:0;color:var(--deep)}.section-head h2 em{color:#d0724e;font-weight:400}.project-card{display:grid;grid-template-columns:70px .75fr 1.25fr;grid-template-rows:auto auto;gap:35px;border-top:1px solid var(--line);padding:70px 0}.project-index{font-size:11px;color:#938a7e}.project-text>p{font-size:10px;letter-spacing:.12em;color:#938a7e}.project-text h3{font:400 clamp(46px,5vw,74px)/.95 var(--serif);margin:22px 0;color:var(--deep)}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:7px 10px;border:1px solid var(--line);border-radius:99px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.project-media,.product-window{position:relative;min-height:430px;border-radius:14px;overflow:hidden;box-shadow:0 24px 55px rgba(29,44,47,.15)}.project-media img{height:100%;object-fit:cover;transition:.65s var(--ease)}.project-media:hover img{transform:scale(1.035)}.project-media>span{position:absolute;right:16px;bottom:16px;background:#fff;padding:12px 15px;border-radius:99px;font-size:10px;transform:translateY(7px);opacity:0;transition:.25s}.project-media:hover>span{opacity:1;transform:none}.project-desc{grid-column:2/4;margin:0 0 0 0;max-width:650px;font-size:16px;line-height:1.65;color:#68747a}.recocare{margin-top:30px}.product-window{background:#e9f0e9;color:#183c2d;padding:0}.product-top{height:55px;padding:0 20px;display:flex;align-items:center;gap:25px;background:#fff;border-bottom:1px solid #d4ddd4}.product-top b span{color:#e17450}.product-top small{color:#819087}.product-top>i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#62b66d}.product-body{display:grid;grid-template-columns:120px 1fr;height:375px}.product-body aside{padding:25px 15px;border-right:1px solid #cad8cd;display:flex;flex-direction:column;gap:21px;font-size:10px;color:#789083}.product-body aside b{width:35px;height:35px;display:grid;place-items:center;background:#163c2b;color:#fff}.product-body>div{padding:45px}.product-body small{font-size:9px;letter-spacing:.12em}.product-body h4{font:400 40px/1 var(--serif);margin:20px 0}.metrics{display:flex;gap:12px}.metrics span{display:flex;flex-direction:column;width:115px;padding:14px;border:1px solid #cad8cd;font-size:9px}.metrics b{font-size:26px}.product-body>div>p{margin-top:24px;padding-top:17px;border-top:1px solid #cad8cd;font-size:11px}.product-body p i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef825e;margin-right:8px}.coming{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:35px;border-block:1px solid var(--line);padding:44px 0}.coming>span{font-size:11px;color:#938a7e}.coming p{font-size:10px;letter-spacing:.12em;color:#938a7e;margin:0}.coming h3{font:400 clamp(30px,4vw,55px) var(--serif);margin:6px 0}.coming a{font-size:11px;border-bottom:1px solid;padding-bottom:4px}
.about{padding:140px clamp(22px,4vw,64px);background:#173a4d;color:#fff;display:grid;grid-template-columns:.6fr 1.7fr;gap:60px}.side-label{color:#a9c1ce}.about h2{font:400 clamp(54px,6.5vw,96px)/.94 var(--serif);letter-spacing:-.035em;margin:0}.about h2 em{color:#f6c57c;font-weight:400}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:70px;max-width:900px}.about-copy p{font-size:16px;line-height:1.7;color:#bed0d8}
.services{background:#fffaf0}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{position:relative;min-height:280px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:.35s var(--ease)}.service-grid article:before{content:"";position:absolute;inset:100% 0 0;background:#ffd38e;transition:.4s var(--ease);z-index:0}.service-grid article:hover:before{inset:0}.service-grid article>*{position:relative;z-index:1}.service-grid span{font-size:10px;color:#9a8d7e}.service-grid h3{font:400 clamp(34px,4vw,54px) var(--serif);margin:50px 0 20px}.service-grid p{max-width:440px;line-height:1.6;color:#6a7478}.service-grid i{position:absolute;right:30px;top:27px;font-style:normal;font-size:20px;transition:.3s}.service-grid article:hover i{transform:rotate(45deg)}
.contact{position:relative;overflow:hidden;min-height:800px;padding:140px clamp(22px,4vw,64px) 35px;background:linear-gradient(180deg,#75bfec,#f4ce8f);color:#fff}.c1{width:650px;height:500px;left:-150px;bottom:-180px;background:rgba(255,255,255,.5)}.c2{width:500px;height:500px;right:-120px;top:70px;background:rgba(255,203,127,.42)}.contact>p,.contact>h2,.email,.footer-line{position:relative;z-index:2}.contact h2{font:400 clamp(65px,9vw,138px)/.86 var(--serif);letter-spacing:-.045em;margin:45px 0 70px}.contact h2 em{font-weight:400}.email{font-size:clamp(17px,2vw,27px);border-bottom:1px solid rgba(255,255,255,.75);padding-bottom:8px}.email span{margin-left:25px}.footer-line{position:absolute;left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px);bottom:28px;padding-top:19px;border-top:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer-line b{display:flex;align-items:center;gap:10px;font-size:14px}.footer-line .logo-glyph{width:24px;height:24px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.cursor{position:fixed;left:0;top:0;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#ff6b35;color:#fff;z-index:100;pointer-events:none;opacity:0;transform:translate(-100px,-100px);transition:opacity .15s,width .2s,height .2s;mix-blend-mode:multiply}.cursor span{font-size:8px;font-weight:600;letter-spacing:.12em}.cursor.show{opacity:1;width:78px;height:78px}
@media(max-width:850px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.sky{min-height:1120px}.floating-stage{width:94vw}.showcase{grid-template-columns:1fr;padding:22px}.showcase-copy{padding:5px}.showcase-copy h2{margin:18px 0}.showcase-image{height:260px}.trust-strip div{grid-template-columns:repeat(3,1fr);row-gap:28px}.section-head,.about{grid-template-columns:1fr;gap:25px}.project-card{grid-template-columns:38px 1fr}.project-media,.product-window{grid-column:1/3}.project-desc{grid-column:2}.about-copy{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.coming{grid-template-columns:38px 1fr}.coming a{grid-column:2;width:max-content}.footer-line>span{display:none}}
@media(max-width:520px){.nav{height:68px}.nav-cta{padding:9px 11px}.sky{padding-top:120px;min-height:1030px}.hero-copy h1{font-size:59px}.intro{font-size:15px}.floating-stage{margin-top:65px}.browser-bar>span{display:none}.showcase{min-height:430px}.showcase-image{height:200px}.stage-tabs button{font-size:0}.stage-tabs button span{font-size:10px;margin:0}.trust-strip{margin-top:90px}.trust-strip div{grid-template-columns:repeat(2,1fr)}.work,.services{padding-top:95px;padding-bottom:95px}.section-head{margin-bottom:50px}.project-card{padding:50px 0}.project-text h3{font-size:46px}.project-media,.product-window{min-height:285px}.product-body{grid-template-columns:70px 1fr;height:315px}.product-body>div{padding:28px 20px}.product-body aside span{display:none}.product-body h4{font-size:31px}.metrics span{width:90px}.about{padding-top:95px;padding-bottom:95px}.about h2{font-size:51px}.service-grid article{min-height:250px;padding:25px}.contact{min-height:690px;padding-top:100px}.contact h2{font-size:61px}.footer-line a{display:none}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.floating-stage,.logo-glyph,.project-media img,.service-grid article,.service-grid article:before{transition:none}.cursor{display:none}}

/* Contrast, accessibility and Nocturne project upgrade */
*{touch-action:manipulation}
a{ -webkit-tap-highlight-color:rgba(16,44,60,.12)}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.nav{color:#0d3449;border-bottom-color:rgba(16,44,60,.2);text-shadow:0 1px 18px rgba(255,255,255,.45)}
.hero-copy{color:#10364a}
.hero-copy .overline{color:#17485e}
.hero-copy .intro{color:#234f63;font-weight:500}
.trust-strip{color:#23475a}
.trust-strip span{color:#173e52;text-shadow:0 1px 12px rgba(255,255,255,.55)}
.scroll-pill{background:#123b50;color:#fff;box-shadow:0 8px 30px rgba(16,44,60,.2);backdrop-filter:none}
.showcase-image{position:relative}
.showcase-image img{transition:transform .55s var(--ease)}
.showcase-image>span{position:absolute;right:14px;bottom:14px;background:var(--orange);color:#fff;padding:11px 14px;border-radius:99px;font-size:10px;font-weight:600;opacity:0;transform:translateY(7px);transition:.25s}
.showcase-image:hover img{transform:scale(1.025)}
.showcase-image:hover>span{opacity:1;transform:none}
.project-outcome{grid-column:2/4;display:grid;grid-template-columns:1.15fr 1fr;gap:28px 50px;align-items:start}
.project-outcome .project-desc{grid-column:auto;color:#435b65}
.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.project-facts span{padding:14px;border:1px solid var(--line);border-radius:10px;color:#52656c;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.project-facts b{display:block;color:var(--deep);font:400 28px var(--serif);margin-bottom:4px}
.project-outcome>a{grid-column:1/3;width:max-content;padding-bottom:5px;border-bottom:1px solid var(--deep);font-size:11px;font-weight:600}
.contact{color:#10364a}
.contact .email{border-bottom-color:rgba(16,54,74,.7);font-weight:500}
.contact .footer-line{border-top-color:rgba(16,54,74,.3)}
@media(max-width:850px){.project-outcome{grid-template-columns:1fr}.project-outcome>a{grid-column:1}.project-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.project-outcome{grid-column:1/3}.project-facts{grid-template-columns:1fr}.showcase-image>span{opacity:1;transform:none}}

/* recOCare real product screen and India-scale story */
.recocare-media{background:#dce7eb}.recocare-media img{object-position:center}.recocare-outcome>div:first-child{display:grid;gap:23px}.recocare-features{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.recocare-features span{position:relative;padding:13px 12px 13px 21px;border-bottom:1px solid var(--line);font-size:11px;color:#48616d}.recocare-features span:before{content:"";position:absolute;left:1px;top:18px;width:7px;height:7px;border-radius:50%;background:#2396a3}.india-scale{padding:25px;background:#143b4e;color:#fff;border-radius:12px}.india-scale p{margin:0 0 22px;font-size:9px;font-weight:600;letter-spacing:.14em;color:#8eced3}.india-scale h4{font:400 clamp(30px,3vw,46px)/.95 var(--serif);margin:0 0 18px}.india-scale>span{display:block;font-size:12px;line-height:1.65;color:#c1d5dc}.recocare-outcome>a{margin-top:4px}
@media(max-width:850px){.recocare-outcome>div:first-child{gap:18px}}@media(max-width:520px){.recocare-features{grid-template-columns:1fr}.india-scale{padding:22px}.recocare-media{min-height:260px}}