.webservice-page{background:radial-gradient(circle at 82% 9%,rgba(139,92,246,.11),transparent 29%),radial-gradient(circle at 12% 24%,rgba(32,217,233,.08),transparent 26%),#050811;}
.web-stage{position:relative;min-height:550px;perspective:1400px;}.web-stage-glow{position:absolute;inset:15% 7%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.16),rgba(32,217,233,.08) 46%,transparent 72%);filter:blur(50px);}
.web-browser{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:#080d16;box-shadow:0 38px 100px rgba(0,0,0,.44);}.web-browser-main{z-index:3;top:48px;right:0;width:88%;height:440px;transform:rotateY(-7deg) rotateZ(1deg);}.web-browser-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);}.web-browser-top i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);}.web-browser-top span{margin-left:10px;padding:5px 11px;color:#637188;font-size:9px;border-radius:7px;background:rgba(255,255,255,.035);}.web-browser-content{height:calc(100% - 44px);padding:48px 44px;background:radial-gradient(circle at 78% 25%,rgba(32,217,233,.1),transparent 35%),linear-gradient(145deg,#080c15,#0c111d);}.web-layout-label{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.17em;}.web-browser-content>strong{display:block;margin:16px 0 34px;font-size:55px;line-height:.87;letter-spacing:-.06em;}.web-browser-content>strong em{color:transparent;background:linear-gradient(90deg,var(--cyan),#ac86ff);background-clip:text;-webkit-background-clip:text;font-style:normal;}.web-layout-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:11px;}.web-layout-grid span{height:88px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);}.web-layout-grid span:last-child{grid-column:1/-1;height:55px;background:linear-gradient(90deg,rgba(32,217,233,.07),rgba(139,92,246,.055));}
.web-wireframe{position:absolute;z-index:1;left:0;bottom:18px;width:45%;padding:20px;border:1px dashed rgba(255,255,255,.17);border-radius:17px;background:rgba(7,11,18,.72);transform:rotateZ(-5deg);}.wire-label{display:block;margin-bottom:16px;color:#69788e;font-size:8px;font-weight:850;letter-spacing:.15em;}.web-wireframe div{height:11px;margin-top:9px;border-radius:4px;background:rgba(255,255,255,.06);}.web-wireframe div:nth-child(2){width:72%;}.web-wireframe div:nth-child(4){width:85%;}.web-wireframe div:last-child{height:58px;margin-top:15px;background:rgba(32,217,233,.045);}
.web-service-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(7,12,21,.88);box-shadow:0 18px 42px rgba(0,0,0,.3);backdrop-filter:blur(14px);}.web-service-chip span{color:#8290a5;font-size:8px;font-weight:850;letter-spacing:.1em;}.web-service-chip strong{font-size:11px;}.web-service-chip i{width:7px;height:7px;border-radius:50%;background:#3de0a0;box-shadow:0 0 11px rgba(61,224,160,.55);}.web-chip-one{top:18px;left:4%;}.web-chip-two{right:0;bottom:20px;}
.web-items-head{grid-template-columns:1fr;}.web-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.web-fit-grid article{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.014));}.web-fit-grid article>span{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.14em;}.web-fit-grid h3{margin:62px 0 10px;font-size:25px;line-height:1.05;letter-spacing:-.04em;}.web-fit-grid p{margin:0;color:var(--muted);font-size:14px;}.web-process-section{width:min(calc(100% - 48px),1220px);margin:0 auto;padding:110px 0;border-top:1px solid var(--line);}.web-process-head{max-width:820px;margin-bottom:42px;}.web-process-head h2{margin:0;font-size:clamp(46px,5.5vw,76px);line-height:.94;letter-spacing:-.055em;}.web-process-head h2 span{color:transparent;background:linear-gradient(100deg,var(--cyan),#ab83ff);background-clip:text;-webkit-background-clip:text;}.web-process-head p{max-width:630px;margin:22px 0 0;color:var(--muted);}.web-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.web-process-grid article{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);}.web-process-grid strong{display:block;margin-bottom:44px;color:var(--cyan);font-size:11px;letter-spacing:.14em;}.web-process-grid span{display:block;margin-bottom:9px;font-size:18px;font-weight:800;}.web-process-grid p{margin:0;color:var(--muted);font-size:12px;}.webservice-cta{border-color:rgba(139,92,246,.2);}
@media(max-width:900px){.web-stage{width:min(100%,760px);min-height:520px;}.web-fit-grid{grid-template-columns:1fr;}.web-process-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.web-stage{min-height:410px;}.web-browser-main{top:48px;width:94%;height:340px;}.web-browser-content{padding:35px 28px;}.web-browser-content>strong{font-size:43px;}.web-layout-grid span{height:60px;}.web-wireframe{width:52%;bottom:0;}.web-chip-one{top:8px;left:0;}.web-chip-two{right:0;bottom:2px;}.web-process-section{width:min(calc(100% - 32px),1220px);padding:80px 0;}.web-process-grid{grid-template-columns:1fr;}.web-process-grid strong{margin-bottom:28px;}}
@media(prefers-reduced-motion:reduce){.web-browser-main,.web-wireframe{transform:none;}}