:root{--black:#050608;--ink:#0b0d12;--panel:#10141c;--white:#f7f8fa;--muted:#969da9;--cyan:#27d3ed;--blue:#0b75c9;--red:#f04c3e;--line:rgba(255,255,255,.11);--pad:clamp(1.2rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#142238 0,#090c12 32rem,var(--black) 70rem);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.grid-surface{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px}.site-header{height:4.75rem;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(5,6,8,.72);backdrop-filter:blur(18px);position:absolute;inset:0 0 auto;z-index:30}.static-header{position:relative}.brand{display:flex;align-items:center;gap:.7rem;width:max-content}.brand img{width:2.1rem;height:2.1rem;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.brand strong{font-size:.95rem;letter-spacing:-.04em}.brand strong span{color:var(--cyan)}nav{display:flex;gap:2.2rem;font-size:.75rem;color:#aeb4be}nav a{transition:.2s}nav a:hover,nav a[aria-current="page"]{color:#fff}.site-header>.pill{justify-self:end}.pill{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.18);min-height:3.25rem;padding:.7rem 1.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:1.8rem;font-weight:750;font-size:.82rem;transition:.25s;cursor:pointer}.pill:hover{transform:translateY(-2px);border-color:rgba(39,211,237,.55);box-shadow:0 0 0 5px rgba(39,211,237,.06),0 18px 40px rgba(0,0,0,.3)}.small-pill{min-height:2.65rem;padding:.6rem 1.1rem}.primary{border-color:transparent;background:linear-gradient(120deg,var(--cyan),#1e8ee2);color:#00151c;box-shadow:0 10px 35px rgba(39,211,237,.16);font-weight:850}.primary:hover{border-color:transparent}.hero{min-height:100svh;padding:clamp(8rem,14vh,10rem) var(--pad) 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:50rem;height:28rem;border-radius:50%;top:18%;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(11,117,201,.28),rgba(39,211,237,.05) 45%,transparent 72%);filter:blur(15px);pointer-events:none}.status-pill{position:relative;display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);background:rgba(255,255,255,.035);padding:.55rem 1rem;border-radius:999px;font-size:.75rem;color:#aeb4be}.status-pill i{width:.5rem;height:.5rem;border-radius:50%;background:#60e775;box-shadow:0 0 0 5px rgba(96,231,117,.08)}h1,h2{margin:0;text-transform:none;letter-spacing:-.065em;line-height:.98}h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#65a6ff 72%,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{position:relative;font-size:clamp(3.7rem,7.5vw,7.2rem);margin:2rem 0 1.5rem;max-width:12ch}.hero>p{position:relative;margin:0;max-width:42rem;color:var(--muted);font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.55}.hero-actions{position:relative;display:flex;gap:1rem;margin-top:2.2rem}.hero-proof{position:relative;display:flex;align-items:center;gap:1rem;margin-top:4.8rem;color:var(--muted);text-align:left}.hero-proof strong{font-size:2.8rem;line-height:1;color:var(--white);letter-spacing:-.07em}.hero-proof span{font-size:.72rem;line-height:1.45;text-transform:uppercase;letter-spacing:.09em}.scroll-cue{position:absolute;bottom:2rem;font-size:.57rem;letter-spacing:.18em;color:#6f7680}.scroll-cue span{color:var(--cyan);margin-left:.4rem}.showcase{padding:clamp(6rem,10vw,10rem) 0;text-align:center;overflow:hidden}.section-label{text-transform:uppercase;color:var(--red);font-size:.65rem;font-weight:850;letter-spacing:.17em;margin-bottom:1.2rem}.showcase h2,.results h2,.about h2,.process h2,.faq h2,.page-hero h1,.portfolio-cta h2{font-size:clamp(3rem,6vw,6rem)}.thumbnail-rails{display:grid;gap:1rem;margin:4rem 0 2.5rem;transform:rotate(-1deg) scale(1.025)}.rail{display:flex;width:max-content;gap:1rem;animation:rail 48s linear infinite}.rail.reverse{animation-direction:reverse;animation-duration:55s}.rail img{width:clamp(240px,27vw,430px);aspect-ratio:16/9;object-fit:cover;border-radius:.7rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 45px rgba(0,0,0,.3);cursor:zoom-in}@keyframes rail{to{transform:translateX(-50%)}}.portfolio-link{margin-top:1rem}.results{padding:clamp(6rem,10vw,10rem) var(--pad);text-align:center;border-block:1px solid var(--line);background-color:rgba(7,10,15,.8)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:72rem;margin:4rem auto 0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:rgba(255,255,255,.02)}.stat-grid article{padding:3.5rem 1.5rem}.stat-grid article+article{border-left:1px solid var(--line)}.stat-grid strong{display:block;font-size:clamp(3.4rem,7vw,6.5rem);line-height:1;letter-spacing:-.07em;color:var(--cyan)}.stat-grid span{display:block;margin-top:1rem;color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.12em}.about{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center}.about-image{position:relative;max-width:33rem}.about-image:before{content:"";position:absolute;inset:-1px;border-radius:1.3rem;background:linear-gradient(135deg,var(--cyan),transparent 40%,var(--red));z-index:-1}.about-image img{display:block;width:100%;border-radius:1.3rem;filter:saturate(.85)}.about-copy>p{max-width:42rem;color:var(--muted);font-size:1.1rem;line-height:1.7}.capabilities{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.capabilities span{border:1px solid var(--line);padding:.6rem .9rem;border-radius:999px;color:#c3c7ce;font-size:.72rem}.text-link{display:inline-flex;align-items:center;gap:1rem;padding-bottom:.4rem;border-bottom:1px solid rgba(39,211,237,.45);font-weight:800}.text-link span{color:var(--cyan)}.process{padding:clamp(6rem,10vw,10rem) var(--pad);text-align:center;border-block:1px solid var(--line)}.process-grid{max-width:75rem;margin:4rem auto 0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;text-align:left}.process-grid article{display:grid;grid-template-columns:4rem 1fr auto;gap:1.5rem;align-items:center;padding:2rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.process-grid article:last-child{border:0}.process-grid b{font-size:.7rem;color:var(--red)}.process-grid h3{font-size:1.35rem;margin:0 0 .4rem}.process-grid p{margin:0;color:var(--muted);line-height:1.5}.process-grid article>strong{font-size:2.3rem;color:var(--cyan);letter-spacing:-.06em;text-transform:uppercase}.faq{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem)}.faq>div:first-child>p{color:var(--muted)}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;font-weight:750;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;color:var(--cyan);transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.65;margin:-.4rem 3rem 1.5rem 0}.contact{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start;border-top:1px solid var(--line)}.contact-heading h2{font-size:clamp(3.4rem,6vw,6rem);margin-top:2rem}.project-form{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:2rem;border-radius:1.2rem;box-shadow:0 20px 70px rgba(0,0,0,.25)}.project-form>p{margin:0 0 1.5rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:grid;gap:.45rem}.form-grid .wide{grid-column:1/3}.form-grid label>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:#8e95a0;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:#090c11;color:#fff;border-radius:.6rem;padding:.9rem 1rem;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,211,237,.08)}.form-grid textarea{resize:vertical}.form-submit{width:100%;margin-top:1.2rem}.form-status{display:block;color:#6f7680;margin-top:.8rem;line-height:1.4}.form-status.success{color:#60e775}footer{display:flex;align-items:center;justify-content:space-between;padding:2rem var(--pad);border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}footer>a:last-child{color:#fff}.lightbox{width:min(94vw,1300px);max-width:none;border:0;background:transparent;padding:0;color:#fff;overflow:visible}.lightbox::backdrop{background:rgba(0,0,0,.92);backdrop-filter:blur(12px)}.lightbox img{display:block;width:100%;box-shadow:0 30px 90px #000}.lightbox p{font-weight:800}.lightbox-close{position:fixed;right:2rem;top:1.5rem;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;width:3rem;height:3rem;border-radius:50%;font-size:1.7rem;cursor:pointer}.page-hero{padding:clamp(8rem,14vw,12rem) var(--pad) clamp(5rem,8vw,8rem);text-align:center;border-bottom:1px solid var(--line)}.page-hero p{color:var(--muted)}.portfolio-section{padding:3rem var(--pad) clamp(6rem,10vw,10rem)}.filter-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;position:sticky;top:1rem;z-index:20}.filter{border:1px solid var(--line);background:rgba(10,12,17,.86);backdrop-filter:blur(12px);color:#aeb4be;padding:.75rem 1rem;border-radius:999px;cursor:pointer}.filter span{color:var(--cyan);margin-left:.35rem}.filter.active,.filter:hover{background:#fff;color:#080a0e}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.work-card{border:0;padding:0;background:#111;position:relative;overflow:hidden;aspect-ratio:16/9;cursor:zoom-in;text-align:left;border-radius:.7rem}.work-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.45s}.work-card:hover img{transform:scale(1.035);filter:brightness(.62)}.work-overlay{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.88));display:grid;grid-template-columns:1fr auto;transform:translateY(35%);opacity:0;transition:.3s}.work-card:hover .work-overlay{opacity:1;transform:none}.work-overlay small{grid-column:1/3;color:var(--cyan);text-transform:uppercase;font-size:.58rem;letter-spacing:.13em;margin-bottom:.3rem}.work-overlay strong{font-size:.9rem}.work-overlay i{font-style:normal}.work-card.hidden{display:none}.portfolio-cta{margin:0 var(--pad) clamp(6rem,10vw,10rem);padding:clamp(3rem,7vw,7rem);border:1px solid var(--line);border-radius:1.2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.portfolio-cta h2{max-width:11ch}.blog-page{background:var(--black)}.blog-hero{padding:clamp(8rem,13vw,12rem) var(--pad) clamp(5rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:3rem;border-bottom:1px solid var(--line)}.blog-hero h1{font-size:clamp(4rem,8vw,8rem)}.blog-hero>p:last-child{color:var(--muted);max-width:30rem;line-height:1.6}.articles{padding:clamp(5rem,9vw,9rem) var(--pad)}.article-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:start;padding-bottom:clamp(5rem,9vw,9rem)}.article-feature>img,.article-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.8rem}.articles article span{color:var(--red);font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.articles h2{font-size:clamp(2rem,4vw,4rem);margin:1rem 0 1.5rem}.articles p,.articles li{color:var(--muted);line-height:1.65}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;border-top:1px solid var(--line);padding-top:3rem}.article-grid article{display:flex;flex-direction:column}.article-grid h2{font-size:1.8rem}.article-grid img{margin-top:auto}.blog-cta{margin:0 var(--pad) clamp(5rem,9vw,9rem);padding:clamp(3rem,7vw,7rem);border:1px solid var(--line);border-radius:1.2rem;display:grid;grid-template-columns:1fr auto;align-items:end}.blog-cta h2{font-size:clamp(3rem,6vw,6rem);max-width:10ch}.blog-cta .section-label,.blog-cta .kicker{grid-column:1/3}.blog-page .kicker{text-transform:uppercase;color:var(--red);font-size:.65rem;font-weight:850;letter-spacing:.17em}
@media(max-width:950px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero h1{font-size:clamp(3.6rem,10vw,6rem)}.about,.faq,.contact,.blog-hero,.article-feature{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 1fr}.article-grid article:last-child{grid-column:1/3}.blog-cta{grid-template-columns:1fr}.blog-cta .section-label,.blog-cta .kicker{grid-column:auto}}
@media(max-width:620px){.site-header{height:4.2rem}.small-pill{font-size:.65rem;min-height:2.35rem;padding:.5rem .8rem}.brand strong{font-size:.82rem}.hero{padding-top:7rem}.hero h1{font-size:3.5rem}.hero-actions{flex-direction:column;width:100%;max-width:20rem}.hero-actions .pill{width:100%}.hero-proof{margin-top:3rem}.stat-grid{grid-template-columns:1fr}.stat-grid article+article{border-left:0;border-top:1px solid var(--line)}.process-grid article{grid-template-columns:2rem 1fr}.process-grid article>strong{grid-column:2;font-size:1.7rem}.gallery{grid-template-columns:1fr}.portfolio-cta{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.article-grid{grid-template-columns:1fr}.article-grid article:last-child{grid-column:auto}footer{align-items:flex-start;flex-direction:column;gap:1rem}.rail img{width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail{animation:none}.work-card img{transition:none}}

/* Refined type and color system */
html,body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif
}
h1,h2,h3{
  font-family:inherit;
  font-weight:700;
  letter-spacing:-.045em
}
h1 em,h2 em{
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  color:var(--cyan)
}
.pill,.text-link,.portfolio-link,.small-pill,.form-submit{
  font-family:inherit;
  font-weight:600;
  letter-spacing:0
}
.primary{font-weight:600}
.about-copy>p{font-family:inherit;font-weight:400}
.about-image{
  width:min(100%,33rem);
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden
}
.about-image:before{inset:0;border-radius:50%}
.about-image img{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover
}
