.webdev-page { overflow: clip; }
.webdev-page .section { padding-block: 5.5rem; }
.webdev-hero { position: relative; padding: 5.25rem 0 4.5rem; }
.webdev-hero::before { content:""; position:absolute; inset:-10rem 32% auto -20%; height:42rem; background:radial-gradient(circle,rgba(111,79,255,.16),transparent 68%); pointer-events:none; }
.webdev-hero-grid { display:grid; grid-template-columns:minmax(0,.94fr) minmax(29rem,1.06fr); align-items:center; gap:4rem; }
.webdev-hero-copy h1 { max-width:18ch; margin:.85rem 0 1.3rem; font-size:clamp(2.5rem,3.3vw,3.65rem); line-height:1.02; letter-spacing:-.05em; }
.webdev-hero-copy > p { max-width:42rem; color:var(--muted); font-size:1.08rem; line-height:1.72; }
.webdev-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.webdev-assurances { display:grid; gap:.72rem; margin:1.8rem 0 0; padding:0; list-style:none; }
.webdev-assurances li { display:flex; align-items:center; gap:.65rem; color:var(--muted); font-size:.88rem; }
.webdev-assurances svg { width:1.05rem; color:#54e6d7; }
.webdev-hero-visual { position:relative; min-height:31rem; isolation:isolate; }
.webdev-hero-visual::before { content:""; position:absolute; inset:6% -8% -5% 2%; z-index:-2; background:radial-gradient(ellipse,rgba(91,103,255,.32),rgba(37,211,203,.08) 42%,transparent 70%); filter:blur(2rem); }
.webdev-hero-visual::after { content:""; position:absolute; inset:4% -8% 2% -2%; z-index:-1; background-image:linear-gradient(rgba(139,119,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,119,255,.08) 1px,transparent 1px); background-size:3rem 3rem; mask-image:radial-gradient(ellipse,#000 20%,transparent 70%); }
.webdev-browser { position:absolute; overflow:hidden; border:1px solid rgba(165,151,255,.23); border-radius:1rem; background:#f7f7fb; box-shadow:0 2rem 5rem rgba(0,0,0,.28); }
.webdev-browser img { display:block; width:100%; height:calc(100% - 1.6rem); object-fit:cover; object-position:top; }
.webdev-browser-bar { display:flex; align-items:center; gap:.3rem; height:1.6rem; padding:0 .65rem; background:rgba(18,20,33,.94); }
.webdev-browser-bar i { width:.34rem; height:.34rem; border-radius:50%; background:#756b95; }
.webdev-browser-main { inset:10% 6% 10% 5%; z-index:2; transform:rotate(-1.5deg); }
.webdev-browser-back { width:55%; height:47%; right:-5%; top:-1%; z-index:1; transform:rotate(5deg); opacity:.76; }
.webdev-browser-front { width:49%; height:43%; right:-2%; bottom:-2%; z-index:3; transform:rotate(3deg); }
.webdev-hero-chip { position:absolute; z-index:4; min-width:9.4rem; padding:.75rem .9rem; border:1px solid rgba(255,255,255,.15); border-radius:.9rem; background:rgba(13,16,31,.8); backdrop-filter:blur(16px); box-shadow:0 .8rem 2rem rgba(0,0,0,.25); }
.webdev-hero-chip small,.webdev-hero-chip strong { display:block; color:#fff; }
.webdev-hero-chip small { margin-bottom:.2rem; color:#bcb7d4; font-size:.61rem; text-transform:uppercase; letter-spacing:.12em; }
.webdev-hero-chip strong { font-size:.8rem; }
.webdev-chip-a { top:3%; left:-1%; }.webdev-chip-b { left:-3%; bottom:3%; }
.webdev-teasers { position:relative; z-index:3; padding:0 0 1.5rem; }
.webdev-teaser-strip { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; border-block:1px solid var(--line); }
.webdev-teaser-strip li { display:flex; align-items:center; gap:.85rem; min-width:0; padding:1.15rem 1.1rem; }
.webdev-teaser-strip li+li { border-left:1px solid var(--line); }
.webdev-teaser-strip>li>span { display:grid; place-items:center; width:2.65rem; height:2.65rem; flex:0 0 2.65rem; border-radius:50%; color:#8870ff; background:color-mix(in srgb,#8870ff 10%,var(--surface)); }
.webdev-teaser-strip svg { width:1.2rem; }
.webdev-teaser-strip strong,.webdev-teaser-strip small { display:block; }
.webdev-teaser-strip strong { margin-bottom:.18rem; font-size:.83rem; line-height:1.2; }.webdev-teaser-strip small { color:var(--muted); font-size:.68rem; line-height:1.35; }
.webdev-context { padding-top:2rem!important; }
.webdev-context-panel { padding:clamp(2rem,5vw,4rem); border:1px solid var(--line); border-radius:2rem; background:linear-gradient(130deg,rgba(105,75,255,.14),rgba(31,226,219,.04)),var(--surface); }
.webdev-context-panel h2 { max-width:25ch; margin:.8rem 0 1rem; font-size:clamp(2rem,4vw,3.7rem); line-height:1.04; letter-spacing:-.045em; }
.webdev-context-panel > p { max-width:52rem; color:var(--muted); line-height:1.7; }
.webdev-route { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; margin-top:2rem; }
.webdev-route span { padding:.7rem 1rem; border:1px solid var(--line); border-radius:999px; background:var(--bg); font-size:.84rem; font-weight:700; }.webdev-route i { color:#8870ff; font-style:normal; }
.webdev-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.webdev-service-card { position:relative; min-height:21rem; overflow:hidden; display:flex; flex-direction:column; padding:1.4rem; border:1px solid var(--line); border-radius:1.5rem; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#8870ff),var(--surface)); isolation:isolate; transition:transform .2s ease,border-color .2s ease; }
.webdev-service-card:hover { transform:translateY(-4px); border-color:rgba(132,103,255,.55); }
.webdev-card-number { color:var(--muted); font-size:.72rem; letter-spacing:.12em; }
.webdev-service-visual { position:relative; height:8.8rem; margin:.65rem 0 1rem; overflow:hidden; border-radius:1.15rem; background:color-mix(in srgb,var(--bg) 78%,#8573ef); }
.webdev-service-visual::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 18%,rgba(123,101,240,.2),transparent 38%); }
.webdev-visual-window { position:absolute; inset:1.15rem 1.35rem; overflow:hidden; border:1px solid color-mix(in srgb,var(--line) 80%,#8870ff); border-radius:.7rem; background:var(--surface); box-shadow:0 .8rem 1.8rem rgba(8,10,24,.14); }
.webdev-visual-window::before { content:""; position:absolute; inset:0 0 auto; height:1.35rem; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--surface) 90%,#8870ff); }
.webdev-visual-window i { position:absolute; display:block; border-radius:.35rem; background:color-mix(in srgb,#8870ff 22%,var(--line)); }
.webdev-visual-window i:nth-child(1){left:.7rem;right:42%;top:2rem;height:.55rem}.webdev-visual-window i:nth-child(2){left:.7rem;right:.7rem;top:3rem;height:1.45rem}.webdev-visual-window i:nth-child(3){left:.7rem;width:42%;top:5rem;height:.5rem}
.webdev-visual-accent,.webdev-visual-detail { position:absolute; display:block; }
.webdev-service-corporate .webdev-visual-accent { width:2.15rem;height:2.15rem;right:2rem;top:2.6rem;border-radius:50%;background:#ffd171;box-shadow:0 0 0 .5rem color-mix(in srgb,#ffd171 14%,transparent); }
.webdev-service-corporate .webdev-visual-detail { left:2rem;right:2rem;bottom:1.7rem;height:.35rem;border-radius:1rem;background:linear-gradient(90deg,#7d68e8 62%,var(--line) 62%); }
.webdev-service-landing .webdev-visual-window { inset:.85rem 3.3rem; }.webdev-service-landing .webdev-visual-window i:nth-child(2){right:35%;height:1.1rem}.webdev-service-landing .webdev-visual-accent { left:4rem;right:4rem;bottom:1.55rem;height:.65rem;border-radius:2rem;background:#ff8f79; }
.webdev-service-landing .webdev-visual-detail { width:1.6rem;height:1.6rem;right:4.15rem;top:2.6rem;border-radius:50%;background:#8ad9cb; }
.webdev-service-catalog .webdev-visual-window i { width:1.8rem!important;height:1.65rem!important;top:2.1rem!important;right:auto!important; }.webdev-service-catalog .webdev-visual-window i:nth-child(1){left:.7rem}.webdev-service-catalog .webdev-visual-window i:nth-child(2){left:2.9rem}.webdev-service-catalog .webdev-visual-window i:nth-child(3){left:5.1rem}.webdev-service-catalog .webdev-visual-accent { left:2rem;right:2rem;bottom:1.6rem;height:.4rem;background:repeating-linear-gradient(90deg,#64bfb3 0 1.8rem,transparent 1.8rem 2.2rem); }
.webdev-service-redesign .webdev-visual-window { clip-path:polygon(0 0,50% 0,50% 100%,0 100%); }.webdev-service-redesign .webdev-visual-accent { inset:1.15rem 1.35rem 1.15rem 50%;border:1px solid rgba(120,102,229,.28);border-radius:0 .7rem .7rem 0;background:linear-gradient(145deg,rgba(123,101,240,.22),rgba(255,142,120,.12)); }.webdev-service-redesign .webdev-visual-detail { left:50%;top:1rem;bottom:1rem;width:1px;background:#ffb168;box-shadow:0 0 0 .18rem rgba(255,177,104,.12); }
.webdev-service-integrations .webdev-visual-window { width:2.8rem;height:2.8rem;inset:2.8rem auto auto 50%;transform:translateX(-50%);border-radius:50%; }.webdev-service-integrations .webdev-visual-window::before,.webdev-service-integrations .webdev-visual-window i{display:none}.webdev-service-integrations .webdev-visual-accent { inset:1.15rem;background:radial-gradient(circle at 18% 28%,#ffd171 0 .45rem,transparent .5rem),radial-gradient(circle at 84% 26%,#72c8bb 0 .45rem,transparent .5rem),radial-gradient(circle at 16% 79%,#ff937e 0 .45rem,transparent .5rem),radial-gradient(circle at 86% 78%,#917cf0 0 .45rem,transparent .5rem); }.webdev-service-integrations .webdev-visual-detail { inset:1.55rem;background:conic-gradient(from 45deg,transparent 0 11%,rgba(137,117,238,.3) 11% 13%,transparent 13% 36%,rgba(137,117,238,.3) 36% 38%,transparent 38% 61%,rgba(137,117,238,.3) 61% 63%,transparent 63% 86%,rgba(137,117,238,.3) 86% 88%,transparent 88%);border-radius:50%; }
.webdev-service-support .webdev-visual-window { inset:1.45rem 2rem; }.webdev-service-support .webdev-visual-window i:nth-child(1){left:.8rem;right:.8rem;top:3.6rem;height:1px;background:var(--line)}.webdev-service-support .webdev-visual-window i:nth-child(2){left:1rem;right:1rem;top:2.8rem;height:1.8rem;background:none;border-bottom:2px solid #73cbbc;clip-path:polygon(0 80%,18% 60%,35% 75%,51% 22%,68% 53%,83% 30%,100% 42%,100% 100%,0 100%)}.webdev-service-support .webdev-visual-window i:nth-child(3){display:none}.webdev-service-support .webdev-visual-accent { width:1.4rem;height:1.4rem;right:2.5rem;top:2rem;border:.28rem solid #ffac72;border-left-color:transparent;border-radius:50%; }
.webdev-card-copy { margin-top:auto; }
.webdev-service-card h3 { margin:0 0 .65rem; font-size:1.3rem; }.webdev-service-card p { margin:0; color:var(--muted); line-height:1.55; font-size:.9rem; }
.webdev-inline-lead { padding-block:1.25rem!important; }
.webdev-inline-lead .container { max-width:66rem; }
.webdev-lead-panel { display:grid; grid-template-columns:1fr auto; align-items:center; gap:2rem; padding:1.55rem 1.8rem; border-radius:1.35rem; color:#fff; background:linear-gradient(105deg,#342069,#5131bd 55%,#166d87); box-shadow:0 1.2rem 3rem rgba(53,35,126,.22); }
.webdev-lead-panel h2 { margin:.35rem 0 .4rem; font-size:clamp(1.4rem,2.3vw,2rem); }.webdev-lead-panel p { max-width:42rem; margin:0; color:rgba(255,255,255,.75); font-size:.9rem; line-height:1.5; }.webdev-lead-panel .section-kicker { color:#c9c1ff; }
.webdev-process { background:linear-gradient(180deg,transparent,rgba(102,78,255,.04),transparent); }
.webdev-timeline { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0; padding:0; list-style:none; border:1px solid color-mix(in srgb,var(--line) 82%,#8070e8); border-radius:1.85rem; overflow:hidden; background:var(--line); box-shadow:0 1.6rem 4.5rem rgba(50,39,126,.09); }
.webdev-timeline li { position:relative; min-height:24rem; overflow:hidden; padding:1.05rem 1.8rem 1.65rem; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#8874ff),var(--surface)); }
.webdev-stage-number { position:absolute; z-index:3; right:1.35rem; top:1.25rem; display:grid; place-items:center; width:2.6rem; height:2.6rem; border-radius:.9rem; color:#846df0; font-size:.78rem; font-weight:850; letter-spacing:.04em; background:rgba(126,105,237,.09); }
.webdev-process-visual { position:relative; width:100%; height:13rem; margin-bottom:.55rem; overflow:hidden; border-bottom:0; }
.webdev-process-visual svg { display:block; width:100%; height:100%; overflow:visible; }
.webdev-process-visual span { position:absolute; display:block; }
.webdev-stage-diagnostics .webdev-process-visual span:nth-child(1){width:3.8rem;height:3.8rem;left:.4rem;top:1rem;border:1px solid #7f70d9;border-radius:50%;box-shadow:0 0 0 .65rem rgba(127,112,217,.08)}.webdev-stage-diagnostics .webdev-process-visual span:nth-child(2){width:2.2rem;height:2.2rem;left:1.2rem;top:1.8rem;border:1px dashed #eea06f;border-radius:50%}.webdev-stage-diagnostics .webdev-process-visual span:nth-child(3){width:2.5rem;height:.22rem;left:3.65rem;top:4.45rem;transform:rotate(37deg);background:#7f70d9;border-radius:1rem}.webdev-stage-diagnostics .webdev-process-visual span:nth-child(4){left:6.4rem;right:.4rem;top:2.2rem;height:2.2rem;background:repeating-linear-gradient(180deg,var(--line) 0 .16rem,transparent .16rem .7rem)}
.webdev-stage-prototype .webdev-process-visual{background:linear-gradient(90deg,transparent 0 28%,var(--line) 28% calc(28% + 1px),transparent calc(28% + 1px))}.webdev-stage-prototype .webdev-process-visual span{height:.5rem;border-radius:1rem;background:#8a75e8}.webdev-stage-prototype .webdev-process-visual span:nth-child(1){left:.6rem;width:1.6rem;top:1rem}.webdev-stage-prototype .webdev-process-visual span:nth-child(2){left:32%;right:8%;top:1rem}.webdev-stage-prototype .webdev-process-visual span:nth-child(3){left:32%;width:28%;top:2.2rem;background:#e99b6c}.webdev-stage-prototype .webdev-process-visual span:nth-child(4){left:32%;right:18%;top:3.4rem;height:1.5rem;background:color-mix(in srgb,#72c8bb 24%,var(--surface))}
.webdev-stage-design .webdev-process-visual span{border-radius:50%}.webdev-stage-design .webdev-process-visual span:nth-child(1){width:3.3rem;height:3.3rem;left:.7rem;top:1rem;background:#7d68e8}.webdev-stage-design .webdev-process-visual span:nth-child(2){width:2.6rem;height:2.6rem;left:3.1rem;top:2.4rem;background:#ff9d7d}.webdev-stage-design .webdev-process-visual span:nth-child(3){width:2.1rem;height:2.1rem;left:5rem;top:.8rem;background:#73cabb}.webdev-stage-design .webdev-process-visual span:nth-child(4){left:8rem;right:.5rem;top:1.2rem;height:3.6rem;border-radius:.5rem;background:linear-gradient(180deg,var(--line) 0 .45rem,transparent .45rem .9rem,var(--line) .9rem 1.35rem,transparent 1.35rem 1.8rem,var(--line) 1.8rem 2.25rem)}
.webdev-stage-development .webdev-process-visual span:nth-child(1),.webdev-stage-development .webdev-process-visual span:nth-child(2){top:1.2rem;color:#7d68e8;font-size:2.4rem;font-weight:300}.webdev-stage-development .webdev-process-visual span:nth-child(1){left:1rem}.webdev-stage-development .webdev-process-visual span:nth-child(1)::before{content:'‹'}.webdev-stage-development .webdev-process-visual span:nth-child(2){right:1rem}.webdev-stage-development .webdev-process-visual span:nth-child(2)::before{content:'›'}.webdev-stage-development .webdev-process-visual span:nth-child(3){left:4rem;right:4rem;top:1.2rem;height:.5rem;background:repeating-linear-gradient(90deg,#71c4b7 0 28%,transparent 28% 36%);box-shadow:0 1.2rem 0 rgba(127,112,217,.4),0 2.4rem 0 rgba(236,157,111,.35)}.webdev-stage-development .webdev-process-visual span:nth-child(4){display:none}
.webdev-stage-launch .webdev-process-visual span:nth-child(1){width:4.2rem;height:4.2rem;left:.7rem;top:.7rem;border-radius:50%;background:conic-gradient(#72c8bb 0 88%,var(--line) 88%)}.webdev-stage-launch .webdev-process-visual span:nth-child(1)::after{content:'✓';position:absolute;inset:.45rem;display:grid;place-items:center;border-radius:50%;color:#72c8bb;font-size:1.4rem;background:var(--surface)}.webdev-stage-launch .webdev-process-visual span:nth-child(n+2){left:6rem;right:.6rem;height:.38rem;border-radius:1rem;background:var(--line)}.webdev-stage-launch .webdev-process-visual span:nth-child(2){top:1.2rem}.webdev-stage-launch .webdev-process-visual span:nth-child(3){top:2.35rem;background:linear-gradient(90deg,#7d68e8 78%,var(--line) 78%)}.webdev-stage-launch .webdev-process-visual span:nth-child(4){top:3.5rem;background:linear-gradient(90deg,#eca070 92%,var(--line) 92%)}
.webdev-stage-improve .webdev-process-visual span:nth-child(1){left:.7rem;right:.7rem;bottom:1.2rem;height:1px;background:var(--line)}.webdev-stage-improve .webdev-process-visual span:nth-child(2){left:1rem;right:1rem;top:1.3rem;height:3.4rem;background:#73cabb;clip-path:polygon(0 85%,18% 62%,35% 74%,52% 31%,69% 48%,85% 9%,100% 16%,100% 100%,0 100%);opacity:.2}.webdev-stage-improve .webdev-process-visual span:nth-child(3){left:1rem;right:1rem;top:1.3rem;height:3.4rem;border-top:2px solid #73cabb;clip-path:polygon(0 85%,18% 62%,35% 74%,52% 31%,69% 48%,85% 9%,100% 16%,100% 22%,85% 15%,69% 54%,52% 37%,35% 80%,18% 68%,0 92%)}.webdev-stage-improve .webdev-process-visual span:nth-child(4){width:.65rem;height:.65rem;right:.6rem;top:1.38rem;border-radius:50%;background:#ff9d7d;box-shadow:0 0 0 .35rem rgba(255,157,125,.12)}
.webdev-stage-copy { position:relative; z-index:2; }
.webdev-timeline h3 { margin:0 0 .45rem; font-size:1.35rem; letter-spacing:-.025em; }.webdev-timeline p { max-width:34rem; margin:0; color:var(--muted); line-height:1.52; font-size:.92rem; }
.webdev-process-visual .wdv-halo circle { fill:none; stroke:rgba(126,105,237,.08); stroke-width:18; }.webdev-process-visual .wdv-halo circle+circle{stroke-width:2;stroke:rgba(126,105,237,.22)}
.webdev-process-visual .wdv-glass circle:first-child,.webdev-process-visual .wdv-success circle { fill:rgba(126,105,237,.1); stroke:#8874f5; stroke-width:4; filter:drop-shadow(0 12px 16px rgba(91,73,205,.18)); }.webdev-process-visual .wdv-glass circle:nth-child(2){fill:var(--surface);stroke:rgba(126,105,237,.35);stroke-width:2}.webdev-process-visual .wdv-glass>path:not(.wdv-bars){fill:none;stroke:#7262d7;stroke-width:13;stroke-linecap:round}.webdev-process-visual .wdv-bars{fill:none;stroke:#8a74ed;stroke-width:10;stroke-linecap:round}
.webdev-process-visual .wdv-ui-card rect,.webdev-process-visual .wdv-tool rect,.webdev-process-visual .wdv-color-card rect,.webdev-process-visual .wdv-image-card rect { fill:color-mix(in srgb,var(--surface) 91%,#8874f5); stroke:rgba(126,105,237,.22); filter:drop-shadow(0 10px 14px rgba(91,73,205,.12)); }.webdev-process-visual .wdv-ui-card circle{fill:#ff9e77}.webdev-process-visual .wdv-ui-card path{fill:none;stroke:#aea6d4;stroke-width:6;stroke-linecap:round}.webdev-process-visual .wdv-ui-card--alt circle{fill:#63ccb9}.webdev-process-visual .wdv-ui-card--alt rect{fill:color-mix(in srgb,var(--surface) 91%,#5ac9bc)}
.webdev-process-visual .wdv-window rect,.webdev-process-visual .wdv-checklist rect{fill:color-mix(in srgb,var(--surface) 94%,#8977ec);stroke:rgba(126,105,237,.28);stroke-width:1.5;filter:drop-shadow(0 12px 17px rgba(83,67,178,.12))}.webdev-process-visual .wdv-window>path,.webdev-process-visual .wdv-checklist>path{fill:none;stroke:#aaa3d1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.webdev-process-visual .wdv-window>path:first-of-type{stroke-width:1.5;stroke:rgba(126,105,237,.18)}.webdev-process-visual .wdv-window circle{fill:#8671eb}.webdev-process-visual .wdv-window rect+path+circle,.webdev-process-visual .wdv-window rect+circle{fill:#7d68e8}.webdev-process-visual .wdv-window text{fill:#8e88ac;font:700 38px/1 sans-serif}.webdev-process-visual .wdv-window--front>path{stroke:#aaa3d1}
.webdev-process-visual .wdv-connector{fill:none;stroke:#9e8cf1;stroke-width:2;stroke-dasharray:5 5}.webdev-process-visual .wdv-color-card circle:nth-of-type(1){fill:#856fed}.webdev-process-visual .wdv-color-card circle:nth-of-type(2){fill:#ff9f75}.webdev-process-visual .wdv-color-card circle:nth-of-type(3){fill:#5bcbbc}.webdev-process-visual .wdv-image-card circle{fill:#64ccbd}.webdev-process-visual .wdv-image-card path{fill:#66cabd;opacity:.72}.webdev-process-visual .wdv-pointer{fill:#816cee;filter:drop-shadow(0 5px 8px rgba(72,54,181,.2))}
.webdev-process-visual .wdv-code rect{fill:#27284d;stroke:#5e5d8d;filter:drop-shadow(0 12px 18px rgba(24,23,68,.2))}.webdev-process-visual .wdv-code circle{fill:#8980c4}.webdev-process-visual .wdv-code path{fill:none;stroke:#7c6ff0;stroke-width:6;stroke-linecap:round}.webdev-process-visual .wdv-code path:nth-of-type(2),.webdev-process-visual .wdv-code path:nth-of-type(5){stroke:#62c9b8}.webdev-process-visual .wdv-code path:nth-of-type(3),.webdev-process-visual .wdv-code path:nth-of-type(6){stroke:#f09b76}.webdev-process-visual .wdv-tool path{fill:none;stroke:#7b68df;stroke-width:4;stroke-linecap:round}.webdev-process-visual .wdv-tool--alt rect{fill:color-mix(in srgb,var(--surface) 91%,#5bcbbb)}
.webdev-process-visual .wdv-halo--success circle{stroke:rgba(77,203,174,.09)}.webdev-process-visual .wdv-halo--success circle+circle{stroke:rgba(77,203,174,.24)}.webdev-process-visual .wdv-success circle{fill:rgba(77,203,174,.1);stroke:#49c7a9}.webdev-process-visual .wdv-success path{fill:none;stroke:#49c7a9;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.webdev-process-visual .wdv-checklist circle{fill:#4cc9ab}.webdev-process-visual .wdv-checklist>path{stroke:#a7a1c8;stroke-width:5}.webdev-process-visual .wdv-rocket rect{fill:color-mix(in srgb,var(--surface) 94%,#8977ec);stroke:rgba(126,105,237,.2);stroke-width:1.5;filter:drop-shadow(0 10px 16px rgba(83,67,178,.12))}.webdev-process-visual .wdv-rocket path{fill:none;stroke:#7662df;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.webdev-process-visual .wdv-rocket circle{fill:rgba(121,217,210,.3);stroke:#5bcbbb;stroke-width:2}.webdev-process-visual .wdv-rocket .wdv-rocket-body{fill:rgba(122,92,255,.08)}.webdev-process-visual .wdv-rocket .wdv-rocket-flame{stroke:#ff9b7d;fill:rgba(255,155,125,.16)}.webdev-process-visual .wdv-rocket .wdv-rocket-trail{stroke:#79d9d2;stroke-width:2;opacity:.8}
.webdev-process-visual .wdv-chart>path:first-child{fill:none;stroke:rgba(126,105,237,.14);stroke-width:1}.webdev-process-visual .wdv-chart .wdv-area{fill:rgba(61,201,168,.13);stroke:none}.webdev-process-visual .wdv-chart .wdv-line{fill:none;stroke:#38bf9f;stroke-width:3}.webdev-process-visual .wdv-chart circle{fill:#43c7a7;stroke:var(--surface);stroke-width:5;filter:drop-shadow(0 4px 7px rgba(42,177,144,.3))}.webdev-process-visual .wdv-tool .wdv-bars{stroke:#816ce8;stroke-width:6}.webdev-stage-improve .wdv-ui-card path:first-of-type{stroke:#4bc4a6;stroke-width:3}
.webdev-included-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:5rem; align-items:center; }.webdev-included-copy h2 { margin:.8rem 0 1rem; font-size:clamp(2.2rem,4vw,4rem); line-height:1.02; letter-spacing:-.05em; }.webdev-included-copy p { color:var(--muted); line-height:1.7; }.webdev-checklist { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:0; padding:0; list-style:none; }.webdev-checklist li { display:flex; gap:.8rem; min-height:6rem; padding:1.25rem; align-items:flex-start; border:1px solid var(--line); border-radius:1.2rem; background:var(--surface); font-weight:650; line-height:1.4; }.webdev-checklist svg { flex:0 0 1.25rem; width:1.25rem; color:#48d8cd; }
.webdev-portfolio { padding-top:2.5rem!important; }
.webdev-portfolio-carousel { min-width:0; }
.webdev-portfolio-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2rem)/3); gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-inline:contain; }
.webdev-portfolio-track::-webkit-scrollbar { display:none; }
.webdev-project-card { min-width:0; overflow:hidden; scroll-snap-align:start; color:inherit; text-decoration:none; border:1px solid var(--line); border-radius:1.4rem; background:var(--surface); transition:transform .2s ease,border-color .2s ease; }
.webdev-project-card:hover { transform:translateY(-3px); border-color:rgba(132,103,255,.55); }
.webdev-project-shot { display:block; overflow:hidden; aspect-ratio:1.55; background:#e9e9ef; }
.webdev-project-shot img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .45s ease; }
.webdev-project-card:hover img { transform:scale(1.025); }
.webdev-project-meta { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.15rem 1.2rem 1.3rem; }
.webdev-project-meta small,.webdev-project-meta strong { display:block; }.webdev-project-meta small { margin-bottom:.25rem; color:var(--muted); font-size:.72rem; }.webdev-project-meta strong { font-size:1.05rem; }.webdev-project-meta i { display:grid; place-items:center; width:2.7rem; height:2.7rem; flex:0 0 2.7rem; border:1px solid var(--line); border-radius:50%; color:#9e86ff; font-style:normal; }
.webdev-portfolio-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.25rem; margin-top:1.3rem; }
.webdev-portfolio-footer .industry-carousel-progress { position:relative; height:2px; overflow:hidden; background:var(--line); }.webdev-portfolio-footer .industry-carousel-progress span { display:block; height:100%; background:#8870ff; transition:width .2s ease; }
.webdev-seo-panel { display:grid; grid-template-columns:1fr 1fr; gap:4rem; padding:clamp(2rem,5vw,4rem); border:1px solid rgba(122,94,255,.3); border-radius:2rem; background:linear-gradient(135deg,rgba(99,71,219,.17),rgba(25,201,196,.05)); }.webdev-seo-panel h2 { margin:.75rem 0 1rem; font-size:clamp(2rem,3.5vw,3.3rem); line-height:1.05; }.webdev-seo-panel p { color:var(--muted); line-height:1.7; }.webdev-seo-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }.webdev-seo-grid span { display:flex; flex-direction:column; justify-content:space-between; min-height:8rem; padding:1.15rem; border:1px solid var(--line); border-radius:1.1rem; background:var(--surface); }.webdev-seo-grid svg { width:1.5rem; color:#9e86ff; }.webdev-seo-grid b { font-size:.86rem; }
.webdev-final { padding-bottom:6rem!important; }.webdev-final-panel { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:clamp(2rem,5vw,4rem); border-radius:2rem; background:linear-gradient(120deg,#24164b,#482aa2 58%,#116b80); color:#fff; }.webdev-final-panel h2 { margin:.5rem 0; font-size:clamp(2rem,4vw,3.8rem); }.webdev-final-panel p { margin:0; color:rgba(255,255,255,.75); }
html[data-theme="light"] .webdev-browser { border-color:rgba(73,55,145,.18); box-shadow:0 2rem 5rem rgba(31,23,72,.16); }
html[data-theme="light"] .webdev-context-panel,html[data-theme="light"] .webdev-seo-panel { background:linear-gradient(135deg,rgba(106,78,238,.09),rgba(35,188,187,.05)),#fff; }
@media(max-width:1024px) and (min-width:701px){.webdev-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.webdev-hero-grid{grid-template-columns:1fr;gap:2rem}.webdev-hero-copy h1{max-width:18ch}.webdev-hero-visual{max-width:50rem;width:100%;justify-self:center;min-height:29rem}.webdev-teaser-strip{grid-template-columns:1fr 1fr}.webdev-teaser-strip li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.webdev-teaser-strip li:nth-child(4){border-top:1px solid var(--line)}.webdev-card-grid{grid-template-columns:repeat(2,1fr)}.webdev-included-grid,.webdev-seo-panel{grid-template-columns:1fr;gap:2.5rem}.webdev-portfolio-track{grid-auto-columns:calc((100% - 1rem)/2)}}
@media(max-width:700px){.webdev-page .section{padding-block:3.7rem}.webdev-hero{padding:2.7rem 0 2.6rem}.webdev-hero-grid{gap:1.25rem}.webdev-hero-copy h1{font-size:clamp(2.15rem,10.6vw,3.05rem);max-width:none;line-height:1.02}.webdev-hero-copy>p{font-size:1rem}.webdev-actions{display:grid}.webdev-actions .button{width:100%}.webdev-hero-visual{min-height:20rem}.webdev-browser-main{inset:8% 1% 9% 1%}.webdev-browser-back{width:57%;height:44%;right:-8%}.webdev-browser-front{width:52%;height:40%;right:-4%;bottom:0}.webdev-hero-chip{min-width:7.9rem;padding:.58rem .7rem}.webdev-hero-chip strong{font-size:.68rem}.webdev-chip-a{left:0;top:0}.webdev-chip-b{left:0;bottom:0}.webdev-teasers{padding-bottom:.5rem}.webdev-teaser-strip{grid-template-columns:1fr}.webdev-teaser-strip li{padding:.9rem .25rem}.webdev-teaser-strip li+li,.webdev-teaser-strip li:nth-child(3),.webdev-teaser-strip li:nth-child(4){border-left:0;border-top:1px solid var(--line)}.webdev-context-panel{padding:1.5rem;border-radius:1.4rem}.webdev-route{gap:.4rem}.webdev-route span{padding:.55rem .7rem;font-size:.72rem}.webdev-route i{display:none}.webdev-card-grid{grid-template-columns:1fr}.webdev-service-card{min-height:20rem}.webdev-lead-panel{grid-template-columns:1fr;gap:1.1rem;padding:1.35rem}.webdev-lead-panel .button{width:100%}.webdev-timeline{grid-template-columns:1fr;border-radius:1.35rem}.webdev-timeline li{min-height:auto;padding:1rem 1rem 1.35rem}.webdev-process-visual{height:11.5rem;margin-bottom:.35rem}.webdev-stage-number{right:1rem;top:1rem;width:2.35rem;height:2.35rem}.webdev-timeline h3{font-size:1.22rem}.webdev-included-grid{gap:2rem}.webdev-checklist{grid-template-columns:1fr}.webdev-checklist li{min-height:auto}.webdev-portfolio-track{grid-auto-columns:86%}.webdev-portfolio-footer{grid-template-columns:auto 1fr auto;gap:.8rem}.webdev-seo-panel{padding:1.5rem}.webdev-seo-grid{grid-template-columns:1fr 1fr}.webdev-seo-grid span{min-height:7rem}.webdev-final-panel{align-items:stretch;flex-direction:column}.webdev-final-panel .button{width:100%}}
@media(prefers-reduced-motion:reduce){.webdev-service-card,.webdev-project-card,.webdev-project-shot img{transition:none}.webdev-service-card:hover,.webdev-project-card:hover{transform:none}}

/* Process v3.20 — rebuilt against the supplied visual reference. */
.webdev-process{
  --process-card:rgba(18,22,52,.78);--process-card-strong:rgba(23,27,61,.96);--process-border:rgba(150,155,220,.16);--process-border-strong:rgba(139,106,255,.34);
  position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(56rem 31rem at 86% -2%,rgba(99,69,255,.2),transparent 63%),radial-gradient(39rem 23rem at 6% 96%,rgba(70,189,190,.1),transparent 64%),#07091a;
}
html[data-theme="light"] .webdev-process{--process-card:rgba(255,255,255,.78);--process-card-strong:rgba(255,255,255,.96);--process-border:rgba(50,61,110,.14);--process-border-strong:rgba(102,85,255,.22);background:radial-gradient(56rem 26rem at 86% 2%,rgba(124,92,255,.11),transparent 62%),radial-gradient(43rem 23rem at 4% 92%,rgba(121,217,210,.1),transparent 66%),linear-gradient(180deg,#fafbff,#f7f8ff)}
.webdev-process::before,.webdev-process::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.webdev-process::before{width:32.5rem;height:32.5rem;right:-15rem;top:-19rem;border:1px solid rgba(122,92,255,.1);box-shadow:0 0 0 4rem rgba(122,92,255,.025),0 0 0 8rem rgba(122,92,255,.015)}.webdev-process::after{width:17.5rem;height:17.5rem;left:-10rem;bottom:-10rem;border:1px solid rgba(121,217,210,.1)}
.webdev-process-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(17.5rem,.7fr);gap:clamp(1.75rem,6vw,6.25rem);align-items:end;margin-bottom:clamp(2.1rem,4vw,3.5rem)}
.webdev-process-head .section-kicker{display:inline-flex;align-items:center;gap:.75rem;margin:0 0 1.25rem}.webdev-process-head .section-kicker::before{content:"";width:2.1rem;height:1px;background:linear-gradient(90deg,#7a5cff,rgba(122,92,255,.15))}
.webdev-process-head h2{max-width:51rem;margin:0;font-size:clamp(2.65rem,5.1vw,4.9rem);line-height:.97;letter-spacing:-.055em;text-wrap:balance}.webdev-process-head>p{max-width:29rem;justify-self:end;margin:0 0 .35rem;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55}
.webdev-timeline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;margin:0;padding:0;list-style:none;border:1px solid var(--process-border);border-radius:1.9rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:0 1.75rem 5rem rgba(0,0,0,.28);backdrop-filter:blur(1.1rem)}
.webdev-timeline::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 33.333%,var(--process-border) 33.333%,var(--process-border) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,var(--process-border) 66.666%,var(--process-border) calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(180deg,transparent 50%,var(--process-border) 50%,var(--process-border) calc(50% + 1px),transparent calc(50% + 1px))}
.webdev-timeline li{position:relative;display:flex;flex-direction:column;min-width:0;min-height:26.9rem;padding:clamp(1.65rem,2.7vw,2.65rem);background:linear-gradient(180deg,var(--process-card),rgba(255,255,255,.015));transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
.webdev-timeline li:hover{z-index:3;transform:translateY(-.25rem);background:var(--process-card-strong);box-shadow:inset 0 0 0 1px var(--process-border-strong),0 1.1rem 3rem rgba(81,63,174,.12)}
.webdev-stage-number{position:absolute;z-index:4;top:1.5rem;right:1.75rem;display:grid;place-items:center;width:auto;min-width:2.9rem;height:2.15rem;padding:0 .75rem;border:1px solid rgba(122,92,255,.15);border-radius:.65rem;background:linear-gradient(180deg,rgba(122,92,255,.1),rgba(122,92,255,.03));color:#927dff;font-size:.8rem;font-weight:800;letter-spacing:.05em}
.webdev-process-visual{height:13.2rem;margin:-.25rem 0 1.25rem;display:grid;place-items:center;overflow:visible}.webdev-process-visual svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .75rem 1.5rem rgba(88,66,184,.1))}
.webdev-stage-copy{margin-top:auto}.webdev-timeline h3{margin:0 0 .65rem;font-size:clamp(1.4rem,2vw,1.95rem);line-height:1.12;letter-spacing:-.035em}.webdev-timeline p{margin:0;color:var(--muted);font-size:clamp(.94rem,1.25vw,1.1rem);line-height:1.48}
.webdev-timeline.is-visible .wdv-ui-card,.webdev-timeline.is-visible .wdv-tool,.webdev-timeline.is-visible .wdv-image-card,.webdev-timeline.is-visible .wdv-rocket{animation:webdev-process-float 14s ease-in-out infinite}.webdev-timeline.is-visible li:nth-child(even) .wdv-ui-card,.webdev-timeline.is-visible li:nth-child(even) .wdv-tool{animation-delay:-3.2s}.webdev-timeline.is-visible .wdv-chart .wdv-line{stroke-dasharray:440;stroke-dashoffset:440;animation:webdev-process-draw 3.2s cubic-bezier(.2,.7,.2,1) .25s forwards}
@keyframes webdev-process-float{50%{transform:translateY(-.2rem)}}@keyframes webdev-process-draw{to{stroke-dashoffset:0}}
html[data-theme="light"] .webdev-timeline{box-shadow:0 1.5rem 4.4rem rgba(85,73,175,.1)}html[data-theme="light"] .webdev-timeline li{background:linear-gradient(180deg,var(--process-card),rgba(255,255,255,.2))}
@media(max-width:1100px){.webdev-process-head{grid-template-columns:1fr}.webdev-process-head>p{justify-self:start}.webdev-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.webdev-timeline::before{background:linear-gradient(90deg,transparent 50%,var(--process-border) 50%,var(--process-border) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(180deg,transparent 33.333%,var(--process-border) 33.333%,var(--process-border) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,var(--process-border) 66.666%,var(--process-border) calc(66.666% + 1px),transparent calc(66.666% + 1px))}}
@media(max-width:700px){.webdev-process-head{gap:1.1rem;margin-bottom:1.45rem}.webdev-process-head h2{font-size:clamp(2.15rem,10.5vw,3.25rem)}.webdev-process-head>p{font-size:.95rem}.webdev-timeline{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:1.25rem}.webdev-timeline::before{display:block;background:linear-gradient(90deg,transparent 50%,var(--process-border) 50%,var(--process-border) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(180deg,transparent 33.333%,var(--process-border) 33.333%,var(--process-border) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,var(--process-border) 66.666%,var(--process-border) calc(66.666% + 1px),transparent calc(66.666% + 1px))}.webdev-timeline li{aspect-ratio:1;min-height:0;padding:.58rem .62rem .68rem}.webdev-process-visual{height:5.35rem;margin:.05rem -.45rem .28rem}.webdev-stage-number{top:.48rem;right:.48rem;min-width:1.72rem;height:1.3rem;padding:0 .32rem;border-radius:.42rem;font-size:.58rem}.webdev-stage-copy{min-height:0}.webdev-timeline h3{margin-bottom:.28rem;font-size:clamp(.79rem,3.65vw,.92rem);line-height:1.08}.webdev-timeline p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(.58rem,2.65vw,.66rem);line-height:1.28}}
@media(prefers-reduced-motion:reduce){.webdev-timeline *{animation:none!important;transition:none!important}.webdev-timeline .wdv-chart .wdv-line{stroke-dashoffset:0}}

/* Services v3.21 — detailed product illustrations based on the approved reference. */
.webdev-services{position:relative;isolation:isolate;background:radial-gradient(46rem 25rem at 96% 0,rgba(123,92,255,.08),transparent 68%)}
.webdev-services .section-heading{grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);align-items:end}.webdev-services .section-heading h2{max-width:20ch;font-size:clamp(2.65rem,4.5vw,4.3rem);line-height:.98;letter-spacing:-.055em}.webdev-services .section-heading>p{max-width:29rem;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.55}
.webdev-card-grid{gap:1rem}.webdev-service-card{min-height:0;padding:.75rem 1.35rem 1.35rem;border-radius:1.45rem;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#8b78ff),var(--surface));box-shadow:0 1rem 3rem rgba(67,52,154,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.webdev-service-card:hover{transform:translateY(-.22rem);box-shadow:0 1.4rem 3.5rem rgba(67,52,154,.11)}
.webdev-card-number{position:relative;z-index:2;display:block;height:1.6rem;padding-top:.15rem;font-size:.78rem;font-weight:700;letter-spacing:.03em}.webdev-service-visual{height:auto;aspect-ratio:1.9;margin:0 -.45rem 1rem;overflow:hidden;border-radius:1.15rem;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#a795ff),color-mix(in srgb,var(--surface) 95%,#7866df));isolation:isolate}.webdev-service-visual::before{background:radial-gradient(circle at 76% 5%,rgba(128,100,255,.17),transparent 34%),radial-gradient(circle at 8% 88%,rgba(98,213,204,.12),transparent 30%)}
.webdev-service-visual svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}.webdev-card-copy{padding-right:3.2rem}.webdev-service-card h3{margin:0 0 .45rem;font-size:clamp(1.25rem,1.55vw,1.55rem);line-height:1.12;letter-spacing:-.035em}.webdev-service-card p{font-size:.9rem;line-height:1.45}.webdev-card-arrow{position:absolute;right:1.25rem;bottom:1.35rem;display:grid;place-items:center;width:2.85rem;height:2.85rem;border:1px solid var(--line);border-radius:50%;color:#7a5cff;font-size:1.2rem;background:color-mix(in srgb,var(--surface) 94%,#8a72ff);box-shadow:0 .5rem 1.2rem rgba(75,55,175,.08);transition:transform .25s ease,background .25s ease}.webdev-service-card:hover .webdev-card-arrow{transform:translateX(.18rem);background:color-mix(in srgb,var(--surface) 84%,#8a72ff)}
.webdev-service-visual .wds-browser>rect:first-child,.webdev-service-visual .wds-dashboard>rect:first-child{stroke:rgba(115,93,211,.22);stroke-width:1.5;filter:drop-shadow(0 12px 18px rgba(69,52,158,.14))}.webdev-service-visual .wds-browser>path:first-of-type,.webdev-service-visual .wds-dashboard>path:first-of-type{stroke:rgba(113,95,190,.16);stroke-width:1.5}.webdev-service-visual text{font-family:var(--font-body,Arial,sans-serif);font-weight:750;fill:#17172d}.webdev-service-visual .wds-browser>circle{fill:#b5acd9}.webdev-service-visual .wds-nav,.webdev-service-visual .wds-copy{fill:none;stroke:#c4beda;stroke-width:6;stroke-linecap:round}.webdev-service-visual .wds-pill,.webdev-service-visual .wds-button,.webdev-service-visual .wds-active,.webdev-service-visual .wds-cart rect{fill:#785cff;filter:drop-shadow(0 4px 7px rgba(90,65,221,.28))}.webdev-service-visual .wds-hero-text{font-size:17px;letter-spacing:-.04em}.webdev-service-visual .wds-building{fill:rgba(255,255,255,.42);stroke:#6659bb;stroke-width:2}.webdev-service-visual .wds-ground{stroke:#6d62ba;stroke-width:2}.webdev-service-visual .wds-mini rect{fill:rgba(255,255,255,.75);stroke:rgba(116,98,190,.14)}.webdev-service-visual .wds-mini path{fill:none;stroke:#c3bddb;stroke-width:3;stroke-linecap:round}.webdev-service-visual .wds-orbit{fill:none;stroke:rgba(119,94,234,.18);stroke-width:1.5}.webdev-service-visual .wds-dot{fill:#9a83ff}.webdev-service-visual .wds-dot-warm{fill:#ffc85d}.webdev-service-visual .wds-dot-cyan{fill:#75d9d1}.webdev-service-visual .wds-spark circle{fill:#9b83ff}.webdev-service-visual .wds-product{fill:rgba(255,255,255,.7);stroke:#6054b9;stroke-width:2}.webdev-service-visual .wds-product-base{fill:rgba(255,255,255,.75);stroke:rgba(104,84,196,.28)}
.webdev-service-visual .wds-search,.webdev-service-visual .wds-sidebar,.webdev-service-visual .wds-products rect{fill:rgba(255,255,255,.72);stroke:rgba(116,98,190,.13)}.webdev-service-visual .wds-products path,.webdev-service-visual .wds-menu{fill:none;stroke:#c3bddb;stroke-width:4;stroke-linecap:round}.webdev-service-visual .wds-products circle{fill:none;stroke:#8e7bea;stroke-width:2}.webdev-service-visual .wds-product-icons>*{fill:#d9ddf8;stroke:#6d62ba;stroke-width:2}.webdev-service-visual .wds-before rect:first-child{fill:rgba(224,225,235,.76);stroke:#bbbccc}.webdev-service-visual .wds-before>path{stroke:#b7b8c5;stroke-width:5;stroke-linecap:round}.webdev-service-visual .wds-before rect:not(:first-child){fill:#c9cad4}.webdev-service-visual .wds-after>rect:first-child{stroke:rgba(107,88,195,.24);filter:drop-shadow(0 10px 15px rgba(66,50,149,.12))}.webdev-service-visual .wds-new-photo{fill:#cbd4ff}.webdev-service-visual .wds-divider{stroke:#ffbd62;stroke-width:2}.webdev-service-visual .wds-compare circle{fill:#fff;stroke:#d3ccef;filter:drop-shadow(0 5px 8px rgba(80,62,167,.16))}.webdev-service-visual .wds-compare path,.webdev-service-visual .wds-up-arrow{fill:none;stroke:#8068ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.webdev-service-visual .wds-label-old{fill:#a1a3b0}.webdev-service-visual .wds-label-new{fill:#7a5cff}
.webdev-service-visual .wds-network>path{fill:none;stroke:#8c75f1;stroke-width:2;opacity:.45}.webdev-service-visual .wds-network>.wds-dash{stroke-dasharray:5 6}.webdev-service-visual .wds-network>circle{fill:rgba(255,255,255,.82);stroke:#8c75ef;filter:drop-shadow(0 9px 16px rgba(82,62,174,.17))}.webdev-service-visual .wds-network>text{font-size:42px;fill:#7457f3}.webdev-service-visual .wds-node rect{fill:rgba(255,255,255,.82);stroke:rgba(111,91,201,.19);filter:drop-shadow(0 8px 12px rgba(67,52,148,.11))}.webdev-service-visual .wds-node circle{fill:#eff0ff;stroke:#8770ec}.webdev-service-visual .wds-node path{fill:none;stroke:#7863df;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.webdev-service-visual .wds-particle{fill:#8b74ee}
.webdev-service-visual .wds-status{fill:#dff8ec}.webdev-service-visual .wds-status+circle,.webdev-service-visual .wds-health circle{fill:#25c784}.webdev-service-visual .wds-dashboard>path:nth-of-type(2){fill:#f2f0ff}.webdev-service-visual .wds-monitor,.webdev-service-visual .wds-health rect{fill:rgba(255,255,255,.78);stroke:rgba(111,91,201,.14)}.webdev-service-visual .wds-percent{font-size:13px;fill:#6b4eee}.webdev-service-visual .wds-chart-grid{fill:none;stroke:#e2deef;stroke-width:1}.webdev-service-visual .wds-chart-line{fill:none;stroke:#785cff;stroke-width:2.5}.webdev-service-visual .wds-health path{fill:none;stroke:#b9b4cf;stroke-width:3;stroke-linecap:round}
html[data-theme="dark"] .webdev-service-visual{background:linear-gradient(145deg,#18172f,#242047)}html[data-theme="dark"] .webdev-service-visual svg{filter:saturate(.9) brightness(.88)}html[data-theme="dark"] .webdev-service-visual text{fill:#16152c}
@media(max-width:1024px){.webdev-services .section-heading{grid-template-columns:1fr}.webdev-services .section-heading h2{font-size:clamp(2.5rem,7vw,4.3rem)}.webdev-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.webdev-services .section-heading h2{font-size:clamp(2.15rem,10.5vw,3.1rem)}.webdev-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.webdev-service-card{aspect-ratio:1;min-width:0;padding:.4rem .58rem .58rem;border-radius:1.05rem}.webdev-card-number{height:1.05rem;padding-top:0;font-size:.56rem}.webdev-service-visual{height:47%;min-height:0;aspect-ratio:auto;margin:0 -.18rem .35rem;border-radius:.72rem}.webdev-card-copy{min-width:0;padding-right:1.7rem}.webdev-service-card h3{margin-bottom:.2rem;font-size:clamp(.82rem,3.8vw,.94rem);line-height:1.06}.webdev-service-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(.57rem,2.65vw,.65rem);line-height:1.25}.webdev-card-arrow{right:.55rem;bottom:.58rem;width:1.48rem;height:1.48rem;border-radius:.5rem;font-size:.72rem;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.webdev-service-card,.webdev-card-arrow{transition:none!important}.webdev-service-card:hover{transform:none}}

/* Services v3.22 — CMS-driven cards with high-detail raster scenes. */
.webdev-services-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.2;pointer-events:none}
.webdev-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}
.webdev-service-card{min-height:31.5rem;padding:.75rem 1.35rem 1.35rem;border:1px solid rgba(95,79,150,.14);border-radius:1.125rem;background:rgba(255,255,255,.72);box-shadow:0 20px 60px rgba(59,44,112,.08),0 4px 14px rgba(59,44,112,.04);backdrop-filter:blur(12px)}
html[data-theme="dark"] .webdev-service-card{background:rgba(19,21,43,.78);border-color:rgba(177,164,255,.16)}
.webdev-card-number{height:1.55rem;padding-top:.1rem;letter-spacing:.04em}
.webdev-service-visual{aspect-ratio:16/9;height:auto;margin:0 -.45rem 1.1rem;border-radius:1rem;background:#f1eeff}
.webdev-service-visual::before{display:none}
.webdev-service-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.webdev-service-card:hover .webdev-service-visual img{transform:scale(1.02)}
.webdev-card-copy{margin-top:0;padding-right:3.4rem}
.webdev-service-card h3{font-size:clamp(1.3rem,1.55vw,1.55rem);font-weight:800;line-height:1.15}
.webdev-service-card p{font-size:clamp(.9rem,1vw,1rem);line-height:1.45}
.webdev-card-arrow{text-decoration:none}
.webdev-card-arrow:hover,.webdev-card-arrow:focus-visible{color:#fff;background:#7547ff;outline:2px solid #9deff5;outline-offset:2px}
@media(max-width:1100px){.webdev-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.webdev-card-grid{grid-template-columns:1fr;gap:.85rem}.webdev-service-card{aspect-ratio:auto;min-height:0;padding:.7rem 1rem 1.1rem;border-radius:1.1rem}.webdev-card-number{height:1.35rem;font-size:.7rem}.webdev-service-visual{height:auto;aspect-ratio:16/9;margin:0 0 .9rem;border-radius:.85rem}.webdev-card-copy{padding-right:3.1rem}.webdev-service-card h3{font-size:1.28rem}.webdev-service-card p{display:block;font-size:.9rem;line-height:1.45}.webdev-card-arrow{right:1rem;bottom:1.05rem;width:2.75rem;height:2.75rem;border-radius:50%;font-size:1.1rem}}