.webdev-native-fx[data-astro-cid-ayhn6kpq]{inset:0;pointer-events:none}.webdev-monolith-canvas[data-astro-cid-ayhn6kpq]{width:100%;height:100%;display:block}.webdev-page{position:relative;isolation:isolate}.webdev-page .section.screen-section{padding:0}.webdev-page .screen-section{min-height:calc(100svh - var(--nav-height));overflow:clip}.webdev-page .screen-section>.container{min-height:calc(100svh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;padding-block:clamp(.9rem,2.3vh,1.8rem)}.webdev-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 16% 16%,rgba(109,86,255,.18),transparent 28%),radial-gradient(circle at 78% 20%,rgba(24,204,255,.18),transparent 26%),radial-gradient(circle at 68% 72%,rgba(255,86,194,.12),transparent 26%),radial-gradient(circle at 46% 84%,rgba(255,184,77,.08),transparent 24%),linear-gradient(180deg,#040612,#03040b,#010205)}.webdev-page[data-enhanced-fx=ready] .webdev-backdrop{opacity:.16;filter:saturate(.94) brightness(.88)}.webdev-native-fx{opacity:.96}.webdev-hero{overflow:hidden}.webdev-hero>.container{min-height:100svh;padding-top:calc(var(--nav-height) + clamp(.8rem,2vh,1.4rem));padding-bottom:clamp(.8rem,2vh,1.4rem)}.webdev-hero-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(18rem,.78fr);gap:clamp(1.4rem,4vw,4rem);align-items:center}.webdev-hero-content{max-width:46rem;display:flex;flex-direction:column;gap:clamp(.9rem,2vh,1.35rem);position:relative;z-index:1}.webdev-hero-kicker{display:flex;flex-wrap:wrap;gap:.7rem}.webdev-hero-kicker span{display:inline-flex;align-items:center;gap:.42rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#ebf1ffa8}.webdev-hero-kicker span:before{content:"";width:.38rem;height:.38rem;border-radius:999px;background:#ffffff52;box-shadow:0 0 18px #76e2ff4d}.webdev-hero-content h1{max-width:11ch;margin:0;font-size:clamp(2.4rem,7.2vw,6.2rem);line-height:.95;letter-spacing:-.05em}.webdev-hero-content .hero-desc{max-width:36rem;margin:0;font-size:clamp(.98rem,2vw,1.1rem);color:#e1e9f5bd;line-height:1.56}.webdev-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}.webdev-secondary-link{display:inline-flex;align-items:center;gap:.45rem;color:#ffffff9e;text-decoration:none;font-weight:600;letter-spacing:.02em;transition:color .2s ease,gap .2s ease}.webdev-secondary-link:hover,.webdev-secondary-link:focus-visible{color:#fff;gap:.8rem}.webdev-hero-aside{position:relative;align-self:end;padding-left:clamp(.95rem,2vw,1.45rem);display:flex;flex-direction:column;gap:1rem}.webdev-hero-aside:before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:1px;background:linear-gradient(180deg,#76e2ff00,#76e2ff9e 24%,#ffffff26 52%,#fff0)}.webdev-aside-label{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:#ffffff5c}.webdev-hero-rail{list-style:none;display:grid;gap:.85rem;padding:0;margin:0}.webdev-hero-rail li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start}.webdev-hero-step{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#76e2ffb8;padding-top:.2rem}.webdev-hero-rail strong{display:block;margin-bottom:.2rem;font-size:clamp(1rem,1.8vw,1.18rem);font-family:var(--font-display);line-height:1.1;color:#f8fbff}.webdev-hero-rail p{margin:0;color:#e1e9f58a;line-height:1.45;font-size:.93rem}.webdev-hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.webdev-hero-proof-item{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.webdev-hero-proof-item strong{display:block;margin-bottom:.25rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}.webdev-hero-proof-item span{color:#e1e9f580;line-height:1.42;font-size:.86rem}.webdev-section{align-items:stretch}.webdev-header{max-width:64rem;margin-bottom:clamp(1.2rem,2.8vh,2rem);text-align:left}.webdev-header h2{margin-bottom:.75rem;max-width:12ch;font-size:clamp(2.1rem,5.6vw,4.45rem);line-height:.98}.webdev-header p{max-width:38rem;margin:0;color:#e1e9f5b3;line-height:1.56;font-size:clamp(.95rem,1.8vw,1.04rem)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.8vw,1.2rem)}.webdev-project-card{position:relative;min-height:15.5rem;border-radius:1.6rem;padding:1.15rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--project-color) 20%,transparent),transparent 42%),linear-gradient(180deg,#ffffff1f,#ffffff08 24%,#050810f2);box-shadow:0 18px 48px #0000004d,inset 0 1px #ffffff14}.webdev-project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 36%,transparent 68%,rgba(255,255,255,.04)),radial-gradient(circle at 80% 24%,color-mix(in srgb,var(--project-color) 18%,transparent),transparent 28%);pointer-events:none}.webdev-project-card:after{content:"";position:absolute;inset:1px;border-radius:calc(1.6rem - 1px);border:1px solid rgba(255,255,255,.04);pointer-events:none}.webdev-project-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:auto}.webdev-project-emblem{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);line-height:.9;letter-spacing:-.08em;color:color-mix(in srgb,var(--project-color) 74%,white);opacity:.9;text-shadow:0 0 22px color-mix(in srgb,var(--project-color) 24%,transparent)}.webdev-project-index{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff57}.webdev-project-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem}.webdev-project-tag{background:color-mix(in srgb,var(--project-color) 18%,rgba(255,255,255,.03));color:color-mix(in srgb,var(--project-color) 74%,white);border:1px solid color-mix(in srgb,var(--project-color) 34%,rgba(255,255,255,.08))}.webdev-project-stack{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#fff6}.portfolio-info{display:flex;flex-direction:column;gap:.45rem}.portfolio-info h3{margin:0;max-width:10ch;font-size:clamp(1.16rem,1.9vw,1.4rem);line-height:1}.portfolio-info p{margin:0;color:#e1e9f5a8;line-height:1.42;font-size:.9rem}.webdev-project-result{padding-top:.65rem;border-top:1px solid rgba(255,255,255,.08);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--project-color) 70%,white)}.webdev-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.6rem;align-items:stretch}.webdev-service-card{position:relative;gap:.85rem;min-height:100%;padding:1rem 0 .9rem;border-top:1px solid rgba(255,255,255,.08)}.webdev-service-card:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,#ffffff24,#fff0)}.webdev-service-card:hover{transform:translate(10px)}.webdev-service-top{width:100%;align-items:flex-start;justify-content:space-between;gap:.9rem}.webdev-service-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.7rem}.webdev-service-code{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;border-radius:999px;border:1px solid currentColor;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.webdev-service-index{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);line-height:.86;letter-spacing:-.08em;color:#ffffff0f}.webdev-service-line{width:3.2rem;margin-bottom:.8rem}.webdev-service-card:hover .webdev-service-line{width:5.5rem}.webdev-service-title{font-size:clamp(1.1rem,2vw,1.34rem);line-height:1.05}.webdev-service-card .cinematic-feature-desc{max-width:28ch;font-size:.92rem;line-height:1.46;margin-bottom:0}.webdev-process-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;width:100%}.webdev-process-copy{display:flex;flex-direction:column;gap:.85rem}.webdev-process-copy h2{max-width:11ch;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.98}.webdev-process-copy p{max-width:31rem;margin:0;color:#e1e9f5b3;font-size:clamp(.95rem,1.8vw,1.02rem);line-height:1.54}.webdev-process-list{list-style:none;padding:0;margin:0;display:grid;gap:.2rem;position:relative}.webdev-process-list:before{content:"";position:absolute;left:3.35rem;top:.9rem;bottom:.9rem;width:1px;background:linear-gradient(180deg,#76e2ff00,#76e2ff85 18%,#ffffff24 50%,#fff0)}.webdev-process-list li{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;position:relative}.webdev-process-list li:before{content:"";position:absolute;left:3.08rem;top:1.15rem;width:.54rem;height:.54rem;border-radius:999px;background:#76e2ffe6;box-shadow:0 0 22px #76e2ff6b}.process-step{min-width:3.6rem;padding-top:.3rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.6rem);font-weight:700;line-height:.84;letter-spacing:-.08em;color:#ffffff14}.webdev-process-body{padding:.7rem 0 .95rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.webdev-process-body h3,.webdev-process-body p{margin:0}.webdev-process-body h3{font-size:clamp(1.08rem,1.8vw,1.34rem);color:#f8fbff}.webdev-process-body p{margin-top:.42rem;max-width:32rem;color:#e1e9f59e;line-height:1.48;font-size:.93rem}.webdev-cta-content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.webdev-cta-content h2{max-width:11ch;margin:0;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.98}.webdev-cta-content p{max-width:38rem;margin:0;font-size:clamp(.96rem,1.8vw,1.04rem);color:#e1e9f5b8;line-height:1.56}.webdev-cta-proof{display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;list-style:none;padding:0;margin:0}.webdev-cta-proof li{position:relative;padding-left:.85rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}.webdev-cta-proof li:before{content:"";position:absolute;left:0;top:.35rem;width:.34rem;height:.34rem;border-radius:999px;background:#76e2ff;box-shadow:0 0 18px #76e2ff61}@media(max-width:1280px){.portfolio-grid,.webdev-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.webdev-page .screen-section>.container{min-height:auto;padding-block:clamp(2rem,5vh,3.2rem)}.webdev-page .screen-section{min-height:auto;overflow:visible}.webdev-hero>.container{min-height:auto;padding-top:calc(var(--nav-height) + 1rem)}.webdev-hero-layout,.webdev-process-layout{grid-template-columns:1fr}.webdev-hero-aside{max-width:42rem;align-self:start}}@media(max-width:768px){.portfolio-grid,.webdev-services-grid,.webdev-hero-proof{grid-template-columns:1fr}.webdev-hero-content h1,.webdev-cta-content h2,.webdev-process-copy h2,.webdev-header h2{max-width:none}.webdev-hero-actions{flex-direction:column;align-items:stretch}.webdev-secondary-link{justify-content:center}.webdev-service-top{flex-direction:column}.webdev-process-list:before{left:.95rem}.webdev-process-list li{grid-template-columns:1fr;gap:0}.webdev-process-list li:before{left:calc(.95rem - .27rem);top:3.65rem}.process-step{min-width:auto}.webdev-process-body{padding-left:1.55rem}.webdev-cta-proof{flex-direction:column;gap:.6rem}}@media(max-height:920px)and (min-width:1101px){.webdev-page .screen-section>.container{padding-block:.75rem}.webdev-hero>.container{padding-top:calc(var(--nav-height) + .45rem);padding-bottom:.6rem}.webdev-hero-layout{gap:1.2rem 2.2rem}.webdev-hero-content{gap:.75rem}.webdev-hero-content h1{font-size:clamp(2.8rem,6.2vw,5.4rem)}.webdev-hero-content .hero-desc,.webdev-header p,.webdev-process-copy p,.webdev-cta-content p{font-size:.94rem;line-height:1.46}.webdev-hero-rail{gap:.65rem}.webdev-hero-rail p,.webdev-hero-proof-item span,.portfolio-info p,.webdev-service-card .cinematic-feature-desc,.webdev-process-body p{font-size:.84rem;line-height:1.4}.webdev-header{margin-bottom:1rem}.webdev-header h2,.webdev-process-copy h2{font-size:clamp(2.1rem,4.4vw,3.6rem)}.webdev-cta-content h2{font-size:clamp(2.4rem,5vw,4rem)}.webdev-project-card{min-height:13.7rem;padding:.95rem}.webdev-services-grid{gap:.75rem 1.2rem}.webdev-service-card{padding-top:.8rem;gap:.65rem}.webdev-service-index{font-size:clamp(1.7rem,3.2vw,2.8rem)}.webdev-process-layout{gap:1.1rem 2rem}.webdev-process-body{padding-top:.55rem;padding-bottom:.75rem}}@media(prefers-reduced-motion:reduce){.webdev-project-card,.webdev-service-card,.webdev-secondary-link{transition:none}}