.webdesign-hero-section{padding:var(--section-padding-y-hero) var(--section-padding-x) var(--section-padding-y);background:radial-gradient(circle at 14% 10%, var(--primary-soft), transparent 28rem), radial-gradient(circle at 88% 16%, #16a34a12, transparent 26rem), var(--surface);position:relative;overflow:hidden}.webdesign-hero-container{width:min(100%, var(--site-container));grid-template-columns:minmax(0,.9fr) minmax(24rem,1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);margin:0 auto;display:grid}.webdesign-hero-copy{gap:24px;max-width:min(560px,100%);display:grid}.webdesign-hero-intro{max-width:var(--content-width);color:var(--text-muted-body);font-size:var(--body-large-size);line-height:var(--body-large-line-height);margin:0}.webdesign-hero-actions{flex-wrap:wrap;gap:12px;margin-top:.5rem;display:flex}.webdesign-hero-button{border-radius:var(--radius-full);border:1px solid #0000;justify-content:center;align-items:center;gap:.65rem;min-height:3.25rem;padding:.95rem 1.35rem;font-size:.98rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.webdesign-hero-button svg{width:1rem;height:1rem}.webdesign-hero-button-primary{color:#fff;background:var(--gradient-accent);background-position:0%;background-size:160% 160%;box-shadow:0 8px 28px #5b6cff52,inset 0 1px #ffffff40}.webdesign-hero-button-secondary{color:var(--text-primary);background:var(--glass);border-color:var(--border-strong);backdrop-filter:blur(8px)}.webdesign-hero-trust-note{color:var(--text-secondary);align-items:center;gap:.85rem;margin:.35rem 0 0;font-size:.9rem;font-weight:600;display:flex}.webdesign-hero-avatar-stack{flex:none;display:flex}.webdesign-hero-avatar-stack .trust-avatar-chip{border-radius:var(--radius-full);background:#f4f4f5;border:2.5px solid #fff;flex:none;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;margin-left:-.45rem;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0f172a1a}.webdesign-hero-avatar-stack .trust-avatar-chip:first-child{margin-left:0}.webdesign-hero-visual{min-height:clamp(22rem,32vw,28rem);position:relative}.webdesign-hero-browser-card{background:linear-gradient(180deg, #ffffff0f, #ffffff09), var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(100%,30rem);padding:1rem;position:relative;box-shadow:0 26px 74px #0f172a1a,inset 0 1px #ffffffe6}.webdesign-hero-browser-top{gap:.4rem;margin-bottom:1rem;display:flex}.webdesign-hero-browser-top span{border-radius:var(--radius-full);background:#ffffff29;width:.55rem;height:.55rem}.webdesign-hero-browser-hero{background:var(--primary-soft);border-radius:var(--radius-lg);gap:.55rem;margin-bottom:.85rem;padding:1.25rem;display:grid}.webdesign-hero-browser-bar{border-radius:var(--radius-full);background:#ffffff47;height:.6rem;display:block}.webdesign-hero-browser-bar-lg{width:70%}.webdesign-hero-browser-bar-sm{opacity:.7;width:45%}.webdesign-hero-browser-cta{border-radius:var(--radius-full);background:var(--gradient-accent);width:6rem;height:1.6rem;margin-top:.35rem}.webdesign-hero-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.webdesign-hero-browser-grid span{border-radius:var(--radius-lg);background:#ffffff0b;border:1px solid #ffffff0f;height:3.5rem}.webdesign-hero-browser-icon{width:2.5rem;height:2.5rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1rem;right:1rem}.webdesign-hero-browser-icon svg{width:1.15rem;height:1.15rem}.webdesign-hero-mobile-card{background:linear-gradient(180deg, #ffffff12, #ffffff0a), var(--surface);border:1px solid var(--border);border-radius:1.35rem;width:9.5rem;padding:.75rem;position:absolute;bottom:-1.5rem;right:-.5rem;box-shadow:0 24px 60px #0f172a24,inset 0 1px #ffffffe6}.webdesign-hero-mobile-notch{border-radius:var(--radius-full);background:#ffffff29;width:2rem;height:.3rem;margin:0 auto .6rem}.webdesign-hero-mobile-body{gap:.4rem;display:grid}.webdesign-hero-mobile-bar{border-radius:var(--radius-full);background:#ffffff3d;height:.45rem;display:block}.webdesign-hero-mobile-bar-lg{width:80%}.webdesign-hero-mobile-bar-sm{opacity:.7;width:55%;margin-bottom:.2rem}.webdesign-hero-mobile-block{border-radius:var(--radius-md,.75rem);background:#ffffff0b;border:1px solid #ffffff0f;height:2rem}.webdesign-hero-mobile-icon{width:2.15rem;height:2.15rem;color:var(--success);border:1px solid var(--surface);border-radius:var(--radius-full);background:#16a34a24;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-.85rem;left:-.85rem}.webdesign-hero-mobile-icon svg{width:1rem;height:1rem}@media (hover:hover){.webdesign-hero-button{transition:transform .18s,box-shadow .18s,filter .18s}.webdesign-hero-button:hover{transform:translateY(-2px)}.webdesign-hero-button-primary:hover{filter:brightness(1.03);box-shadow:0 20px 42px #2563eb52}}@media (width<=1100px){.webdesign-hero-container{grid-template-columns:1fr}.webdesign-hero-copy{max-width:54rem}.webdesign-hero-visual{justify-self:center;max-width:34rem;margin-top:1.5rem}}@media (width<=767px){.webdesign-hero-section{padding-inline:var(--section-padding-x)}.webdesign-hero-button{width:100%}.webdesign-hero-mobile-card{width:8rem;bottom:-1rem;right:0}}.webdesign-paths-section,.webdesign-capabilities-section,.webdesign-tech-stack-section,.webdesign-visibility-section,.webdesign-process-section,.webdesign-why-section{padding:var(--section-padding-y) var(--section-padding-x);background:radial-gradient(circle at 15% 20%, var(--primary-soft), transparent 26rem), radial-gradient(circle at 88% 18%, #16a34a0b, transparent 24rem), var(--surface);position:relative;overflow:hidden}.webdesign-paths-section:before,.webdesign-capabilities-section:before,.webdesign-tech-stack-section:before,.webdesign-cms-section:before,.webdesign-visibility-section:before,.webdesign-audience-section:before,.webdesign-process-section:before,.webdesign-why-section:before{content:"";width:min(100% - 3rem, var(--site-container));background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.webdesign-paths-container,.webdesign-capabilities-container,.webdesign-tech-stack-container,.webdesign-visibility-container,.webdesign-process-container,.webdesign-why-container{width:min(100%, var(--site-container));margin:0 auto}.webdesign-paths-header,.webdesign-capabilities-header,.webdesign-tech-stack-header,.webdesign-visibility-header,.webdesign-process-header,.webdesign-why-header{text-align:center;justify-items:center;gap:24px;max-width:58rem;margin:0 auto clamp(2.5rem,5vw,4rem);display:grid}.webdesign-paths-header .hero-subtitle,.webdesign-capabilities-header .hero-subtitle,.webdesign-tech-stack-header .hero-subtitle,.webdesign-visibility-header .hero-subtitle{max-width:46rem}.webdesign-paths-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.webdesign-paths-card,.webdesign-tech-stack-card,.webdesign-visibility-card{background:linear-gradient(180deg, #ffffff0f, #ffffff09), var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(1.65rem,2.5vw,2.25rem);position:relative;box-shadow:0 20px 60px #0f172a13,inset 0 1px #ffffff0f}.webdesign-paths-icon-wrap,.webdesign-tech-stack-icon-wrap,.webdesign-visibility-icon-wrap{width:4rem;height:4rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);justify-content:center;align-items:center;margin-bottom:1.15rem;display:inline-flex}.webdesign-paths-icon,.webdesign-tech-stack-icon,.webdesign-visibility-icon{width:1.85rem;height:1.85rem}.webdesign-capabilities-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.35rem);margin:0;padding:0;list-style:none;display:grid}.webdesign-capabilities-card{background:linear-gradient(180deg, #ffffff0f, #ffffff09), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,1.8vw,1.6rem);box-shadow:0 16px 46px #0f172a11,inset 0 1px #ffffff0f}.webdesign-capabilities-icon-wrap{width:3rem;height:3rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);justify-content:center;align-items:center;margin-bottom:.9rem;display:inline-flex}.webdesign-capabilities-icon{width:1.4rem;height:1.4rem}.webdesign-tech-stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.webdesign-cms-section{padding:var(--section-padding-y) var(--section-padding-x);background:var(--surface);position:relative;overflow:hidden}.webdesign-cms-container{width:min(100%, var(--site-container));background:linear-gradient(180deg, #ffffff0f, #ffffff09), var(--surface);border:1px solid var(--border);border-radius:clamp(1.5rem,2.5vw,2rem);grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.25rem,3vw,2rem);margin:0 auto;padding:clamp(1.75rem,3vw,2.5rem);display:grid;box-shadow:0 24px 70px #0f172a17,inset 0 1px #ffffffe6}.webdesign-cms-icon-wrap{width:4.5rem;height:4.5rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;display:inline-flex}.webdesign-cms-icon-wrap svg{width:2rem;height:2rem}.webdesign-cms-copy{gap:.85rem;display:grid}.webdesign-cms-copy .site-section-text{max-width:44rem;margin:0}.webdesign-cms-link{width:fit-content;color:var(--primary);align-items:center;gap:.5rem;margin-top:.35rem;font-size:.92rem;font-weight:800;text-decoration:none;display:inline-flex}.webdesign-cms-link svg{width:1rem;height:1rem}.webdesign-visibility-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.webdesign-visibility-card{padding-bottom:clamp(1.65rem,2.5vw,2.25rem)}.webdesign-visibility-link{width:2.25rem;height:2.25rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:clamp(1.25rem,2vw,1.65rem);right:clamp(1.25rem,2vw,1.65rem)}.webdesign-visibility-link svg{width:1rem;height:1rem}.webdesign-audience-section{padding:var(--section-padding-y) var(--section-padding-x);background:var(--surface);position:relative;overflow:hidden}.webdesign-audience-container{width:min(100%, var(--site-container));gap:clamp(1.5rem,3vw,2.25rem);margin:0 auto;display:grid}.webdesign-audience-copy{gap:16px;max-width:46rem;display:grid}.webdesign-audience-tags{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.webdesign-audience-tag{color:var(--text-secondary);background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-full);backdrop-filter:blur(8px);padding:.55rem 1rem;font-size:.88rem;font-weight:700}.webdesign-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.webdesign-process-card{background:linear-gradient(180deg, #ffffff0f, #ffffff09), var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(1.35rem,2vw,1.75rem);position:relative;box-shadow:0 20px 60px #0f172a12,inset 0 1px #ffffff0f}.webdesign-process-number{min-width:2.25rem;height:1.75rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);letter-spacing:-.02em;border:1px solid #2563eb1f;justify-content:center;align-items:center;margin-bottom:.75rem;padding:0 .5rem;font-size:.76rem;font-weight:900;display:inline-flex}.webdesign-process-connector{pointer-events:none;z-index:3;width:clamp(1rem,2vw,1.5rem);height:2.5rem;position:absolute;top:50%;right:calc(-1*clamp(1rem,2vw,1.5rem));transform:translateY(-50%)}.webdesign-process-connector:before{content:"";border-top:2px dashed #2563eb42;position:absolute;top:50%;left:.1rem;right:.1rem}.webdesign-process-connector:after{content:"";border-top:2px solid #2563eb61;border-right:2px solid #2563eb61;width:.55rem;height:.55rem;position:absolute;top:calc(50% - .25rem);right:.1rem;transform:rotate(45deg)}.webdesign-process-card:nth-child(3n) .webdesign-process-connector{display:none}.webdesign-why-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem clamp(1.5rem,3vw,3rem);max-width:52rem;margin:0 auto;padding:0;list-style:none;display:grid}.webdesign-why-list li{color:var(--text-secondary);grid-template-columns:1.55rem 1fr;align-items:start;gap:.75rem;font-size:clamp(.96rem,1.25vw,1.04rem);line-height:1.55;display:grid}.webdesign-why-list svg{width:1.35rem;height:1.35rem;color:var(--success);margin-top:.05rem}.webdesign-pricing-teaser{max-width:44rem;padding:var(--section-padding-y-tight) var(--section-padding-x) clamp(1rem, 2.5vw, 1.75rem);text-align:center;background:var(--surface);justify-items:center;gap:16px;margin:0 auto;display:grid}.webdesign-pricing-teaser .site-section-text{margin:0}.webdesign-pricing-teaser-link{color:var(--primary);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.92rem;font-weight:800;text-decoration:none;display:inline-flex}.webdesign-pricing-teaser-link svg{width:1rem;height:1rem}@media (hover:hover){.webdesign-paths-card,.webdesign-tech-stack-card,.webdesign-visibility-card,.webdesign-capabilities-card,.webdesign-process-card,.webdesign-cms-container{transition:transform .18s,box-shadow .18s,border-color .18s}.webdesign-paths-card:hover,.webdesign-tech-stack-card:hover,.webdesign-visibility-card:hover,.webdesign-capabilities-card:hover,.webdesign-process-card:hover{border-color:#2563eb24;transform:translateY(-4px);box-shadow:0 28px 74px #0f172a18,inset 0 1px #ffffff0f}.webdesign-cms-link:hover,.webdesign-pricing-teaser-link:hover{text-decoration:underline}}@media (width<=1180px){.webdesign-capabilities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.webdesign-paths-grid,.webdesign-tech-stack-grid,.webdesign-visibility-grid{grid-template-columns:1fr;max-width:40rem;margin:0 auto}.webdesign-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webdesign-process-connector{display:none}.webdesign-cms-container{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (width<=900px){.webdesign-capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webdesign-why-list{grid-template-columns:1fr;max-width:34rem;margin:0 auto}}@media (width<=767px){.webdesign-paths-section,.webdesign-capabilities-section,.webdesign-tech-stack-section,.webdesign-cms-section,.webdesign-visibility-section,.webdesign-audience-section,.webdesign-process-section,.webdesign-why-section{padding-inline:var(--section-padding-x)}.webdesign-capabilities-grid,.webdesign-process-grid{grid-template-columns:1fr;max-width:30rem;margin:0 auto}.webdesign-audience-tags{justify-content:center}.webdesign-audience-copy{text-align:center;margin:0 auto}}