@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
.projectshot.has-image{background-size:cover;background-position:center;padding:0}.projectshot.has-image .browser{display:none}
.detail .browser.project-preview-image{background-size:cover;background-position:center;position:relative;animation:image-drift 12s ease-in-out infinite alternate}.detail .browser.project-preview-image>*{visibility:hidden}
.case-process,.case-process ol,.case-process li{min-width:0;max-width:100%}.case-process li{width:calc(100% - 10px)}
.hero,.pagehero{animation:page-enter .9s cubic-bezier(.2,.8,.2,1) both}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 48%,transparent 68%);transform:translateX(-120%);animation:light-sweep 1.8s .4s ease-out both}.hero{position:relative;overflow:hidden}.card{animation:card-rise .75s cubic-bezier(.2,.8,.2,1) both}.section:nth-of-type(2) .card:nth-child(2){animation-delay:.08s}.section:nth-of-type(2) .card:nth-child(3){animation-delay:.16s}.section:nth-of-type(2) .card:nth-child(4){animation-delay:.24s}.section:nth-of-type(2) .card:nth-child(5){animation-delay:.32s}.section:nth-of-type(2) .card:nth-child(6){animation-delay:.4s}.projectshot.has-image{background-size:110%;animation:image-drift 12s ease-in-out infinite alternate}.case-hero{background-size:110%;animation:image-drift 14s ease-in-out infinite alternate}.case-study{animation:page-enter .9s .12s cubic-bezier(.2,.8,.2,1) both}.feature-item{animation:card-rise .7s cubic-bezier(.2,.8,.2,1) both}.feature-item:nth-child(2){animation-delay:.1s}.feature-item:nth-child(3){animation-delay:.2s}.feature-item:nth-child(4){animation-delay:.3s}.case-process li{animation:slide-in .65s cubic-bezier(.2,.8,.2,1) both}.case-process li:nth-child(2){animation-delay:.12s}.case-process li:nth-child(3){animation-delay:.24s}.case-process li:nth-child(4){animation-delay:.36s}.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-130%);transition:transform .55s ease;z-index:-1}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(79,140,255,.22)}.btn:hover:before{transform:translateX(130%)}.btn:active{transform:translateY(1px) scale(.97);box-shadow:0 3px 8px rgba(0,0,0,.25)}.btn:focus-visible{outline:3px solid rgba(141,178,255,.8);outline-offset:4px}@keyframes page-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes card-rise{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}@keyframes slide-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes image-drift{from{background-position:46% 48%}to{background-position:54% 52%}}@keyframes light-sweep{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.case-study{padding-top:0}.case-hero{min-height:420px;border:1px solid var(--line);border-radius:18px;background-size:cover;background-position:center;overflow:hidden;position:relative}.case-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,22,.94),rgba(7,11,22,.48),rgba(7,11,22,.12))}.case-hero-content{position:relative;max-width:580px;padding:58px}.case-hero h2{font:700 46px/1.05 'Space Grotesk';letter-spacing:-2px;margin:12px 0}.case-hero p{color:#d2dbea;font-size:17px;margin-bottom:24px}.case-overview{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:70px 0;border-bottom:1px solid var(--line)}.case-overview h2,.case-columns h2,.case-cta h2{font:700 32px/1.15 'Space Grotesk';letter-spacing:-1px}.case-overview p{color:var(--muted);font-size:16px;align-self:end}.case-kicker{display:block;color:#7ea8ff;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:800;margin-bottom:12px}.case-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;padding:70px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.feature-item{padding:20px;border:1px solid var(--line);border-radius:12px;background:#0b1221}.feature-item span{color:#6f9dff;font-size:12px;font-weight:800}.feature-item h3{font-size:16px;margin:18px 0 6px}.feature-item p{color:var(--muted);font-size:13px}.case-process{padding-left:25px;border-left:1px solid var(--line)}.case-process ol{list-style:none;counter-reset:steps;margin-top:28px}.case-process li{counter-increment:steps;padding:0 0 22px 38px;position:relative;color:#d8e0ef}.case-process li:before{content:counter(steps);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#172b54;color:#8db2ff;text-align:center;font-size:12px;line-height:24px;font-weight:800}.case-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 10px;border-top:1px solid var(--line)}
@media(max-width:800px){.case-hero-content{padding:35px 25px}.case-hero h2{font-size:36px}.case-overview,.case-columns{grid-template-columns:1fr;gap:25px;padding:50px 0}.case-process{padding-left:0;border-left:0}.case-cta{align-items:flex-start;flex-direction:column}.feature-grid{grid-template-columns:1fr}}

:root{--bg:#070b16;--surface:#0e1526;--surface2:#121c31;--line:#23304a;--text:#f5f7fb;--muted:#9aa8bf;--blue:#4f8cff;--purple:#8b5cf6;--green:#22c55e;--orange:#f59e0b}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,22,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 24px 'Space Grotesk';letter-spacing:-0.06em}.logo span{color:var(--blue)}.links{display:flex;gap:24px;color:#cbd5e1;font-size:14px}.links a{transition:color .2s ease}.links a:hover,.links .active{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;border-radius:10px;padding:6px 10px}.menu:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.hero{padding:105px 0 80px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(79,140,255,.18),transparent 42%)}.eyebrow{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:#b8c7df;font-size:12px;margin-bottom:18px;background:#0b1222}.hero h1{font:700 clamp(40px,6vw,72px)/1.05 'Space Grotesk';max-width:850px;margin:auto;letter-spacing:-3px}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{max-width:700px;margin:22px auto;color:var(--muted);font-size:17px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;padding:13px 19px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid var(--line)}.primary{background:linear-gradient(90deg,var(--blue),var(--purple));border:0}.ghost{background:#0c1323}.section{padding:78px 0}.sectionhead{margin-bottom:30px}.sectionhead h2{font:700 38px 'Space Grotesk';letter-spacing:-1px}.sectionhead p{color:var(--muted);margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,var(--surface),#0b1120);border:1px solid var(--line);border-radius:16px;padding:23px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#3a4c70}.icon{width:42px;height:42px;border-radius:11px;background:#172542;display:grid;place-items:center;margin-bottom:15px;font-size:20px}.card h3{font-size:18px;margin-bottom:8px}.card p{color:var(--muted);font-size:14px}.tag{display:inline-block;font-size:11px;padding:5px 9px;border-radius:999px;background:#172542;color:#bcd0f5;margin-bottom:12px}.projects .card{padding:0;overflow:hidden}.projectshot{height:185px;background:linear-gradient(135deg,#101c35,#17264a);padding:18px;display:flex;align-items:center;justify-content:center}.browser{width:92%;height:145px;background:#f7f8fb;border-radius:8px;box-shadow:0 10px 30px #0005;overflow:hidden;color:#182033}.bar{height:20px;background:#dfe4ee}.mock{padding:13px}.mocktitle{font-weight:800;font-size:16px}.mockcards{display:flex;gap:7px;margin-top:12px}.mockbox{height:45px;flex:1;border-radius:5px;background:#dce6f8}.projectbody{padding:19px}.projectbody p{margin-bottom:14px}.projectbody .btn{padding:9px 13px;font-size:12px}.cta{padding:55px 0}.ctaBox{padding:45px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(120deg,#101b34,#15112b);text-align:center}.ctaBox h2{font:700 34px 'Space Grotesk'}.ctaBox p{color:var(--muted);margin:10px auto 20px}.pagehero{padding:75px 0 35px}.pagehero h1{font:700 48px 'Space Grotesk';letter-spacing:-2px}.pagehero p{color:var(--muted);max-width:700px;margin-top:10px}.list{display:grid;gap:10px;margin-top:15px}.list div{color:#cbd5e1}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.form{display:grid;gap:12px}.input,.select,.textarea{width:100%;background:#0b1221;color:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;font:inherit}.textarea{min-height:130px;resize:vertical}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:13px}.detail{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:start}.metric{font-size:30px;font-weight:800;color:#fff}.mini{color:var(--muted);font-size:12px}.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashbox{padding:13px;background:#edf1f7;border-radius:7px}.chart{height:75px;display:flex;align-items:end;gap:5px;margin-top:10px}.chart i{display:block;flex:1;background:#5c7ee8;border-radius:3px 3px 0 0}.notice{padding:15px;border:1px solid #2c3c59;background:#0c1425;border-radius:10px;color:#b9c6dc;font-size:13px;margin-top:18px}
@media(max-width:800px){.links{display:none;position:absolute;top:72px;left:0;right:0;background:#080d19;border-bottom:1px solid var(--line);padding:20px;flex-direction:column}.links.open{display:flex}.menu{display:block}.grid{grid-template-columns:repeat(2,1fr)}.contactgrid,.detail{grid-template-columns:1fr}}
@media(max-width:560px){.hero{padding:75px 0 55px}.hero h1{letter-spacing:-2px}.grid{grid-template-columns:1fr}.section{padding:55px 0}.pagehero h1{font-size:38px}.ctaBox{padding:30px 20px}.dash{grid-template-columns:1fr}.navin{height:64px}.links{top:64px}.menu{padding:8px 10px;border:1px solid var(--line);background:rgba(15,23,42,.9)}}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.pricing-card{display:flex;flex-direction:column;position:relative;padding:26px 23px;background:linear-gradient(145deg,var(--surface),#0b1120);border:1px solid var(--line);border-radius:16px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pricing-card:hover{transform:translateY(-5px);border-color:#4f8cff;box-shadow:0 18px 40px rgba(0,0,0,.22)}.pricing-card.featured{border-color:var(--blue);background:linear-gradient(145deg,#122342,#10152a)}.popular{position:absolute;top:0;right:22px;padding:6px 10px;background:var(--blue);border-radius:0 0 9px 9px;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pricing-heading h2{font:700 25px/1.15 'Space Grotesk';margin:5px 0 8px}.pricing-heading p{color:var(--muted);font-size:13px;min-height:42px}.price{display:grid;gap:2px;margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.price-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.price del{color:#748198;font-size:18px}.price strong{color:#fff;font:700 34px/1.1 'Space Grotesk'}.pricing-card ul{display:grid;gap:10px;list-style:none;margin:0 0 24px;color:#d8e0ef;font-size:14px}.pricing-card li{position:relative;padding-left:21px}.pricing-card li:before{content:'✓';position:absolute;left:0;color:#6ee7b7;font-weight:800}.pricing-card .btn{margin-top:auto;justify-content:center;text-align:center}
@media(min-width:1000px){.pricing-card:nth-child(4),.pricing-card:nth-child(5){grid-column:span 1}.pricing-grid{grid-template-columns:repeat(6,1fr)}.pricing-card:nth-child(1),.pricing-card:nth-child(2),.pricing-card:nth-child(3){grid-column:span 2}.pricing-card:nth-child(4){grid-column:2 / span 2}.pricing-card:nth-child(5){grid-column:4 / span 2}}
@media(max-width:800px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}.pricing-heading h2{font-size:23px}}