.page-webdev main{position:relative;z-index:1}.page-webdev section{position:relative}.wd-hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:clip;padding:calc(var(--nav-h) + 40px) 0 60px}.wd-hero-floor{position:absolute;left:-20%;right:-20%;bottom:-6%;height:52%;background:repeating-linear-gradient(90deg,rgba(99,102,241,.16) 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,rgba(99,102,241,.13) 0 1px,transparent 1px 70px);transform:perspective(620px) rotateX(63deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 32%,transparent 96%);mask-image:linear-gradient(to bottom,transparent 0%,#000 32%,transparent 96%);animation:wdFloor 16s linear infinite;pointer-events:none}@keyframes wdFloor{to{background-position:0 70px,0 70px}}.wd-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 46% 42% at 74% 40%,rgba(99,102,241,.16),transparent 70%),radial-gradient(ellipse 40% 36% at 18% 76%,rgba(139,92,246,.1),transparent 72%)}.wd-watermark{position:absolute;right:-1.5%;top:10%;font-family:var(--font-head);font-weight:900;font-size:clamp(6rem,17vw,15rem);line-height:.86;text-align:right;color:transparent;-webkit-text-stroke:1px rgba(99,102,241,.13);letter-spacing:.02em;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:pre-line}.wd-hero .container{position:relative;z-index:2;width:100%}.wd-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px}.wd-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:26px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wd-badge .b-glyph{color:var(--indigo);font-family:var(--font-head);font-size:.8rem}.wd-title{font-family:var(--font-head);font-weight:900;font-size:clamp(2.5rem,6.2vw,4.9rem);line-height:1.04;letter-spacing:.01em;text-transform:uppercase;margin:0 0 22px}.wd-title .t-solid{display:block;background:var(--grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px rgba(99,102,241,.35))}.wd-title .t-stroke{display:block;color:transparent;-webkit-text-stroke:2px rgba(226,232,240,.85)}.wd-sub{max-width:46ch;color:var(--text-muted);font-size:1.06rem;line-height:1.75;margin-bottom:34px}.wd-ctas{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.wd-hud-line{margin-top:44px;display:flex;gap:26px;flex-wrap:wrap;font-family:Courier New,monospace;font-size:.72rem;letter-spacing:.1em;color:var(--text-dim)}.wd-hud-line .hv{color:var(--indigo)}.wd-orbit{position:relative;aspect-ratio:1;width:min(470px,100%);justify-self:end;display:grid;place-items:center}.wd-orbit-ring,.wd-orbit-ring2,.wd-orbit-ring3{position:absolute;border-radius:50%;pointer-events:none}.wd-orbit-ring{top:6%;right:6%;bottom:6%;left:6%;border:1px dashed rgba(99,102,241,.35);animation:wdSpin 42s linear infinite}.wd-orbit-ring2{top:17%;right:17%;bottom:17%;left:17%;border:1px solid rgba(255,255,255,.06);animation:wdSpin 60s linear infinite reverse}.wd-orbit-ring3{top:6%;right:6%;bottom:6%;left:6%;background:conic-gradient(from var(--angle, 0deg),transparent 0 78%,rgba(99,102,241,.8) 92%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:wdAngle 5.5s linear infinite}@keyframes wdSpin{to{transform:rotate(360deg)}}@keyframes wdAngle{to{--angle: 360deg}}.wd-orbit-core{width:46%;aspect-ratio:1;border-radius:28px;display:grid;place-items:center;background:linear-gradient(160deg,#6366f129,#0d0d1ee6);border:1px solid rgba(99,102,241,.4);box-shadow:inset 0 1px #ffffff17,0 0 60px #6366f147;font-family:var(--font-head);font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text);animation:wdFloat 7s ease-in-out infinite}.wd-orbit-core span{background:var(--grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes wdFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.wd-sat{position:absolute;padding:9px 15px;border-radius:10px;background:#0d0d1ed1;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.74rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);box-shadow:0 8px 28px #0006;animation:wdFloat 6s ease-in-out infinite;white-space:nowrap}.wd-sat b{color:var(--indigo);font-weight:700;margin-right:6px;font-family:var(--font-head);font-size:.7rem}.wd-sat-1{top:7%;left:2%;animation-delay:.6s}.wd-sat-2{top:38%;right:-5%;animation-delay:1.4s}.wd-sat-3{bottom:9%;left:9%;animation-delay:2.2s}#wd-includes{padding:110px 0}.wd-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:18px}.wd-cell{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:30px 28px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.wd-cell:hover{transform:translateY(-6px);border-color:var(--border-glow);box-shadow:0 18px 50px #00000073,0 0 0 1px #6366f126}.wd-cell h3{font-family:var(--font-head);font-size:1.02rem;font-weight:700;letter-spacing:.03em;margin-bottom:10px}.wd-cell p{font-size:.87rem;color:var(--text-muted);line-height:1.65;max-width:44ch}.wd-cell-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:var(--indigo);margin-bottom:auto}.wd-cell-ico svg{width:21px;height:21px}.wd-cell h3{margin-top:18px}.wd-cell--big{grid-column:span 2;grid-row:span 2}.wd-cell--big:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--angle, 0deg),transparent 0 62%,rgba(99,102,241,.7) 80%,rgba(139,92,246,.7) 88%,transparent 100%);animation:wdAngle 7s linear infinite}.wd-cell--big:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:var(--bg2)}.wd-cell--big .wd-blob{position:absolute;top:-18%;right:-14%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(99,102,241,.45),rgba(139,92,246,.15) 55%,transparent 75%);filter:blur(28px);animation:wdFloat 9s ease-in-out infinite;pointer-events:none}.wd-cell--big h3{font-size:1.35rem}.wd-cell--big p{font-size:.94rem}.wd-cell--wide{grid-column:span 2;flex-direction:row;align-items:center;gap:26px}.wd-cell--wide .wd-cell-txt{display:flex;flex-direction:column;justify-content:center}.wd-cell--wide .wd-cell-txt h3{margin-top:0}.wd-gauge{position:relative;width:96px;height:96px;flex:none}.wd-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.wd-gauge .g-track{fill:none;stroke:#6366f124;stroke-width:6}.wd-gauge .g-arc{fill:none;stroke:url(#wdGaugeGrad);stroke-width:6;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset 1.6s cubic-bezier(.22,.9,.3,1) .2s}.wd-gauge.on .g-arc{stroke-dashoffset:26.4}.wd-gauge .g-val{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:1.25rem;color:var(--text)}.wd-cell--half{grid-column:span 2}.wd-cell--grid{background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px);background-size:26px 26px}#wd-types{padding:110px 0}.wd-rows{border-top:1px solid var(--border)}.wd-row{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:28px;padding:36px 18px;border-bottom:1px solid var(--border);transition:background var(--transition),padding var(--transition);overflow:hidden}.wd-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(99,102,241,.09),transparent 65%);opacity:0;transition:opacity var(--transition);pointer-events:none}.wd-row:hover{background:#ffffff05;padding-left:30px}.wd-row:hover:before{opacity:1}.wd-row-num{font-family:var(--font-head);font-weight:900;font-size:2.4rem;color:transparent;-webkit-text-stroke:1.5px rgba(226,232,240,.22);transition:-webkit-text-stroke-color var(--transition);line-height:1}.wd-row:hover .wd-row-num{-webkit-text-stroke-color:var(--indigo)}.wd-row-body h3{font-family:var(--font-head);font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700;letter-spacing:.02em;margin-bottom:8px}.wd-row-body p{color:var(--text-muted);font-size:.92rem;line-height:1.6;max-width:62ch}.wd-row-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:260px}.wd-row-tags span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);background:var(--surface);white-space:nowrap;transition:border-color var(--transition),color var(--transition)}.wd-row:hover .wd-row-tags span{border-color:#6366f166;color:var(--text)}#wd-process{padding:110px 0}.wd-timeline{position:relative;max-width:780px;margin:0 auto}.wd-tl-line{position:absolute;left:31px;top:8px;bottom:8px;width:2px;background:#ffffff12;border-radius:2px;overflow:hidden}.wd-tl-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(180deg,var(--indigo),var(--violet));box-shadow:0 0 14px #6366f1b3;transition:height .25s linear}.wd-step{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:26px;padding:24px 0}.wd-step-node{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--border);font-family:var(--font-head);font-weight:700;font-size:.85rem;color:var(--text-muted);transition:border-color var(--transition),color var(--transition),box-shadow var(--transition)}.wd-step.visible .wd-step-node{border-color:#6366f18c;color:var(--text);box-shadow:0 0 24px #6366f147}.wd-step-body{padding-top:8px}.wd-step-body h3{font-family:var(--font-head);font-size:1.08rem;font-weight:700;margin-bottom:8px;letter-spacing:.02em}.wd-step-body p{color:var(--text-muted);font-size:.9rem;line-height:1.68;max-width:58ch}#wd-tech{padding:90px 0 110px}.wd-tech-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:860px;margin:0 auto}.wd-chip{padding:13px 24px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-family:var(--font-head);font-size:.82rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);transition:transform var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.wd-chip:hover{transform:translateY(-4px);border-color:#6366f18c;color:var(--text);box-shadow:0 10px 30px #6366f12e}#wd-cta{padding:130px 0 150px;overflow:clip}#wd-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 52% 55% at 50% 62%,rgba(99,102,241,.15),transparent 72%)}.wd-cta-inner{position:relative;text-align:center}.wd-cta-ring{position:absolute;left:50%;top:50%;width:min(560px,86vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(99,102,241,.22);animation:wdSpin 55s linear infinite;pointer-events:none}.wd-cta-inner h2{font-family:var(--font-head);font-weight:900;font-size:clamp(1.9rem,5vw,3.4rem);text-transform:uppercase;line-height:1.14;margin-bottom:18px}.wd-cta-inner h2 .c-grad{background:var(--grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wd-cta-inner p{color:var(--text-muted);max-width:52ch;margin:0 auto 36px;line-height:1.7}@media (max-width: 1024px){.wd-hero-grid{grid-template-columns:1fr;gap:54px}.wd-orbit{justify-self:center;width:min(380px,88vw)}.wd-watermark{font-size:clamp(5rem,20vw,9rem);opacity:.7}.wd-bento{grid-template-columns:repeat(2,1fr)}.wd-cell--big{grid-column:span 2;grid-row:span 1;min-height:300px}.wd-cell--wide,.wd-cell--half{grid-column:span 2}}@media (max-width: 768px){.wd-hero{padding-top:calc(var(--nav-h) + 24px)}.wd-title{font-size:clamp(2rem,10vw,2.9rem)}.wd-hud-line{gap:14px}.wd-sat-2{right:0}.wd-bento{grid-template-columns:1fr}.wd-cell--big,.wd-cell--wide,.wd-cell--half{grid-column:span 1}.wd-cell--wide{flex-direction:column;align-items:flex-start}.wd-row{grid-template-columns:56px minmax(0,1fr);gap:18px;padding:28px 8px}.wd-row:hover{padding-left:8px}.wd-row-num{font-size:1.7rem}.wd-row-tags{grid-column:2;justify-content:flex-start;max-width:none}.wd-timeline .wd-tl-line{left:23px}.wd-step{grid-template-columns:48px minmax(0,1fr);gap:18px}.wd-step-node{width:48px;height:48px;font-size:.75rem}#wd-includes,#wd-types,#wd-process{padding:76px 0}#wd-cta{padding:96px 0 110px}}@media (prefers-reduced-motion: reduce){.wd-hero-floor,.wd-orbit-ring,.wd-orbit-ring2,.wd-orbit-ring3,.wd-orbit-core,.wd-sat,.wd-cell--big:before,.wd-cell--big .wd-blob,.wd-cta-ring{animation:none}.wd-gauge .g-arc,.wd-tl-fill{transition:none}}