:root{--bg:#071314;--ink:#09191a;--green:#32aaaa;--mint:#b8eeeb;--paper:#f2f7f6;--muted:#95aaa9;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.22)}
body{overflow-x:hidden}.topbar{background:rgba(7,19,20,.9)}
.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:157px;height:auto}.footer-brand img{width:157px}
.scroll-progress{position:fixed;inset:0 auto auto 0;width:0;height:3px;background:var(--green);z-index:100;box-shadow:0 0 16px rgba(50,170,170,.7)}
.button{align-items:center;justify-content:center;padding:14px 24px;box-shadow:0 8px 28px rgba(50,170,170,.22);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-2px);background:#53c8c5;box-shadow:0 12px 34px rgba(50,170,170,.34)}
.menu{width:42px;height:42px;position:relative}.menu span{position:absolute;left:10px;width:22px;height:2px;background:#fff;transition:.25s}.menu span:first-child{top:16px}.menu span:last-child{top:24px}.menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.topbar nav a{position:relative}.topbar nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--green);transition:right .25s}.topbar nav a:hover:after,.topbar nav a.active:after{right:0}.topbar nav a.active{color:var(--green)}
.home-hero>img{transform:scale(1.03);animation:heroDrift 14s ease-in-out infinite alternate}.home-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(50,170,170,.2);border-radius:50%;right:-130px;top:-180px;z-index:1;animation:orbit 16s linear infinite}
.home-links>a,.offer-card,.values article{transition:transform .35s ease,background .35s ease,border-color .35s ease}.home-links>a:hover{background:#0c2223;transform:translateY(-7px)}.offer-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(12,47,48,.12)}
.client-proof{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding:100px max(28px,calc((100vw - var(--max))/2));align-items:center;background:#fff;color:var(--ink)}.client-proof h2{font-size:clamp(2.4rem,4vw,4rem)}.client-proof>div>p:not(.eyebrow){color:#617273}.client-proof img{width:100%;border:1px solid #dce8e7;border-radius:var(--radius);padding:24px;background:#fff;box-shadow:0 18px 55px rgba(8,40,41,.09)}
.product-preview{padding-block:110px}.product-preview>div{max-width:720px;margin-bottom:42px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.screenshot-grid.single{grid-template-columns:1fr}.screenshot-grid figure{margin:0;background:#0d2526;border:1px solid rgba(50,170,170,.28);border-radius:var(--radius);overflow:hidden;cursor:zoom-in;box-shadow:var(--shadow);transition:transform .35s ease,border-color .35s ease}.screenshot-grid figure:hover{transform:translateY(-6px);border-color:var(--green)}.screenshot-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;background:#fff}.screenshot-grid figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;color:#dbe9e8;font-size:.88rem}.screenshot-grid figcaption span{color:var(--green);white-space:nowrap}.screenshot-grid.single img{aspect-ratio:1.9/1}
.lightbox{width:min(94vw,1500px);padding:0;border:1px solid rgba(50,170,170,.45);border-radius:18px;background:#071314;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.55)}.lightbox::backdrop{background:rgba(1,8,9,.88);backdrop-filter:blur(8px)}.lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#fff}.lightbox p{margin:0;padding:14px 60px 16px 20px}.lightbox button{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#071314;color:#fff;font-size:1.6rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}.offer-grid .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.08s}.offer-grid .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.16s}.offer-grid .reveal:nth-child(4),.steps .reveal:nth-child(4){transition-delay:.24s}
@keyframes heroDrift{to{transform:scale(1.09) translate3d(-1%,1%,0)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.client-proof{grid-template-columns:1fr;padding:75px 28px}.screenshot-grid{grid-template-columns:1fr}.topbar nav.open{box-shadow:0 24px 50px rgba(0,0,0,.35)}}
@media(max-width:600px){.brand img{width:142px}.client-proof{padding:64px 20px;gap:36px}.client-proof img{padding:12px}.product-preview{padding-block:70px}.screenshot-grid figcaption{flex-direction:column;gap:4px}.screenshot-grid.single img,.screenshot-grid img{aspect-ratio:1.55/1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-hero>img,.home-hero:before{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}

/* Layered inner-page imagery */
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#071314}.page-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/hero.png') center/cover no-repeat;filter:saturate(.75);transform:scale(1.025)}.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,19,20,.98) 0%,rgba(7,19,20,.9) 50%,rgba(7,19,20,.52) 100%),linear-gradient(0deg,rgba(50,170,170,.12),transparent 55%)}.page-hero>*{position:relative}.page-hero h1{text-shadow:0 8px 35px rgba(0,0,0,.35)}
.detail-hero{position:relative;overflow:hidden}.detail-hero>div:first-child{position:relative;z-index:2;background:linear-gradient(100deg,#071314 65%,rgba(7,19,20,.9))}.detail-visual{position:relative;isolation:isolate;background:#0b2526;overflow:hidden}.detail-visual:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/ai.png') center/cover no-repeat;opacity:.48;transform:scale(1.05)}.detail-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(7,19,20,.28),rgba(7,19,20,.94) 78%)}
.contact-page{position:relative;isolation:isolate;overflow:hidden}.contact-page:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/hero.png') center/cover fixed no-repeat;opacity:.18}.contact-page:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,19,20,.97),rgba(7,19,20,.82))}

/* Insights */
.blog-grid{padding:100px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;background:var(--paper);color:var(--ink)}.blog-card{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid #d8e4e3;border-radius:var(--radius);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.blog-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(8,50,51,.12)}.blog-card.featured{grid-column:1/-1;grid-template-columns:1.08fr .92fr}.blog-image{display:block;overflow:hidden;min-height:280px;background:#0a2021}.blog-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.blog-card:hover .blog-image img{transform:scale(1.035)}.blog-card>div{padding:34px}.blog-card.featured>div{padding:52px;align-self:center}.blog-meta{color:#217f80!important;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.blog-card h2{font-size:clamp(1.6rem,3vw,2.7rem);margin:15px 0}.blog-card h2 a{text-decoration:none}.blog-card>div>p{color:#607171}.blog-link{display:inline-block;margin-top:12px;color:#217f80;font-weight:700;text-decoration:none}
.article-hero{min-height:620px;position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:110px max(28px,calc((100vw - var(--max))/2)) 85px;overflow:hidden}.article-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--article-image);background-size:cover;background-position:center;filter:saturate(.72);transform:scale(1.02)}.article-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,19,20,.98),rgba(7,19,20,.76) 65%,rgba(7,19,20,.42)),linear-gradient(0deg,rgba(7,19,20,.98),transparent 55%)}.article-hero>div{max-width:950px}.article-hero h1{font-size:clamp(3rem,6vw,5.4rem);margin:18px 0 22px}.article-hero>div>p:not(.eyebrow){max-width:760px;color:#c0d0cf;font-size:1.15rem}.article-hero span{color:var(--mint);font-size:.85rem}.back-link{display:inline-block;margin-bottom:34px;color:#dce9e8;text-decoration:none;font-weight:700}
.article-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:90px;justify-content:center;padding:100px 28px 120px;background:#fff;color:var(--ink)}.article-layout aside{position:sticky;top:115px;height:max-content;border-top:2px solid var(--green);padding-top:20px;display:flex;flex-direction:column;gap:10px}.article-layout aside b{margin-bottom:7px}.article-layout aside a{color:#607171;text-decoration:none;font-size:.9rem}.article-layout aside a:hover{color:#217f80}.article-body .lead{font:600 1.35rem/1.6 'Manrope';color:#254143;margin:0 0 60px}.article-body section{padding:0 0 50px;scroll-margin-top:110px}.article-body h2{font-size:2.3rem;margin-bottom:17px}.article-body p{font-size:1.06rem;line-height:1.85;color:#526667}.article-cta{margin-top:30px;padding:42px;background:#eaf4f3;border-radius:var(--radius)}.article-cta h2{font-size:2rem}.article-cta p{margin-bottom:24px}
@media(max-width:900px){.topbar nav{gap:18px}.blog-grid{grid-template-columns:1fr}.blog-card.featured{grid-column:auto;grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:40px}.article-layout aside{position:static}.detail-hero>div:first-child{background:linear-gradient(#071314 75%,rgba(7,19,20,.92))}}
@media(max-width:600px){.blog-grid{padding:70px 20px}.blog-card.featured>div,.blog-card>div{padding:25px}.blog-image{min-height:215px}.article-hero{min-height:570px;padding:90px 20px 60px}.article-layout{padding:70px 20px 90px}.article-body h2{font-size:1.85rem}.article-cta{padding:28px}.page-hero:after{background:linear-gradient(90deg,rgba(7,19,20,.98),rgba(7,19,20,.76))}}