/* WebRaut service page: page-scoped styles; shared global CSS remains unchanged. */
.sv-page{--sv-navy:#0B1F3A;--sv-blue:#2563EB;--sv-muted:#66758A;--sv-line:#E3E9F1;color:var(--sv-navy);overflow:hidden}
.sv-page h1,.sv-page h2,.sv-page h3,.sv-page p{margin-top:0}
.sv-hero{position:relative;overflow:hidden;padding:74px 0 90px;background:linear-gradient(125deg,#F5F9FF 0%,#fff 58%,#EDF5FF 100%)}
.sv-hero:before{content:"";position:absolute;width:550px;height:550px;right:-160px;top:-240px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 72%);pointer-events:none}
.sv-breadcrumb{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#72829A;font-size:13px;font-weight:600;margin-bottom:30px}
.sv-breadcrumb a{color:#60728D;text-decoration:none}.sv-breadcrumb a:hover{color:var(--sv-blue)}.sv-breadcrumb i{font-size:10px}
.sv-eyebrow,.sv-kicker{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--sv-blue)}.sv-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:17px}.sv-dot{width:8px;height:8px;border-radius:50%;background:var(--sv-blue);box-shadow:0 0 0 5px #E3EDFF}
.sv-hero h1{font-size:clamp(40px,4.4vw,61px);font-weight:800;line-height:1.11;letter-spacing:-2.4px;max-width:760px;margin-bottom:23px}.sv-hero h1 span,.sv-heading h2 span,.sv-title span{color:var(--sv-blue)}
.sv-lead{font-size:17px;line-height:1.85;color:#60718A;max-width:650px;margin-bottom:29px}.sv-actions{display:flex;flex-wrap:wrap;gap:13px}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border-radius:9px;font-size:14px;font-weight:750;padding:15px 22px;transition:transform .2s,background .2s;border:1px solid transparent}.sv-btn:hover{transform:translateY(-2px)}
.sv-btn-primary{background:var(--sv-blue);color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.18)}.sv-btn-primary:hover{background:#174DC4;color:#fff}.sv-btn-outline{border-color:#CEDBF0;color:var(--sv-navy);background:#fff}.sv-btn-outline:hover{color:var(--sv-blue);border-color:var(--sv-blue)}
.sv-hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:12px;color:#65758C;font-weight:650}.sv-hero-notes i{color:#16A36A;margin-right:5px}
.sv-visual{height:410px;position:relative;display:grid;place-items:center}.sv-ring{position:absolute;width:390px;height:390px;border:1px dashed rgba(37,99,235,.22);border-radius:50%}.sv-ring.ring-two{width:475px;height:475px;opacity:.5}
.sv-device{position:relative;z-index:2;width:380px;max-width:96%;border:1px solid #D9E5F6;border-radius:17px;background:#fff;box-shadow:0 28px 70px rgba(11,31,58,.15);overflow:hidden;transform:rotate(-3deg)}.sv-device-top{height:38px;background:#F3F7FC;border-bottom:1px solid #E5ECF5;display:flex;align-items:center;gap:6px;padding:0 15px}.sv-device-top b{width:7px;height:7px;border-radius:50%;background:#BFD0E5}.sv-device-top b:first-child{background:#EFA7A7}.sv-device-top b:nth-child(2){background:#F0D18B}.sv-device-top b:nth-child(3){background:#9BD8B6}.sv-device-top small{margin-left:auto;color:#8797AE;font-size:10px}
.sv-device-body{padding:27px}.sv-device-header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.sv-device-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:14px;background:linear-gradient(135deg,#2563EB,#168BFF);color:#fff;font-size:28px}.sv-device-header strong{display:block;font-size:16px}.sv-device-header span{font-size:11px;color:#7A8BA1}.sv-device-bars{display:grid;gap:12px}.sv-device-bar{display:flex;gap:12px;align-items:center;border:1px solid #E7EDF6;border-radius:9px;padding:13px}.sv-device-bar i{color:#2563EB;font-size:19px}.sv-device-bar span{height:8px;background:#E4ECF7;border-radius:8px;flex:1}.sv-device-bar:nth-child(2) span{max-width:78%}.sv-device-bar:nth-child(3) span{max-width:62%}.sv-device-footer{margin-top:19px;display:flex;gap:9px}.sv-device-footer span{height:27px;background:#EAF3FF;border-radius:6px;flex:1}.sv-device-footer span:first-child{background:#2563EB}
.sv-float{position:absolute;z-index:3;background:#fff;box-shadow:0 13px 35px rgba(11,31,58,.13);border:1px solid #E1EAF6;border-radius:11px;padding:12px 15px;display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.45;color:#66758A}.sv-float strong{color:#0B1F3A;font-size:12px}.sv-float>i{font-size:21px;color:#2563EB}.sv-float-top{right:-5px;top:24px}.sv-float-bottom{bottom:15px;left:-7px}
.sv-section{padding:92px 0}.sv-heading{max-width:760px;margin:0 auto 44px}.sv-heading h2,.sv-title{font-size:clamp(32px,3.5vw,45px);font-weight:800;line-height:1.18;letter-spacing:-1.5px;margin:14px 0 15px}.sv-heading p,.sv-copy{color:var(--sv-muted);font-size:16px;line-height:1.85}
.sv-service{height:100%;border:1px solid var(--sv-line);border-radius:15px;padding:31px;background:#fff;box-shadow:0 8px 30px rgba(11,31,58,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.sv-service:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,.09);border-color:#B9D0F5}.sv-service-icon{width:54px;height:54px;border-radius:12px;background:#EAF3FF;color:var(--sv-blue);display:grid;place-items:center;font-size:25px;margin-bottom:23px}.sv-service h3{font-size:19px;font-weight:750;margin-bottom:12px}.sv-service p{font-size:14px;line-height:1.8;color:var(--sv-muted);margin:0}
.sv-value{background:#F6F9FE}.sv-copy{max-width:520px}.sv-text-link{display:inline-flex;gap:10px;align-items:center;color:var(--sv-blue);text-decoration:none;font-size:14px;font-weight:750;margin-top:13px}.sv-benefits{background:#fff;border:1px solid #E2EAF5;border-radius:17px;padding:12px 30px;box-shadow:0 15px 50px rgba(11,31,58,.04)}.sv-benefit{display:flex;gap:18px;padding:24px 0}.sv-benefit+.sv-benefit{border-top:1px solid #E8EDF4}.sv-benefit>i{width:48px;height:48px;min-width:48px;border-radius:11px;background:#EAF3FF;color:var(--sv-blue);display:grid;place-items:center;font-size:22px}.sv-benefit h3{font-size:18px;font-weight:750;margin-bottom:6px}.sv-benefit p{font-size:14px;color:var(--sv-muted);line-height:1.75;margin:0}
.sv-step{position:relative;height:100%;border:1px solid #E3E9F1;border-radius:14px;padding:29px 26px;background:#fff}.sv-step-num{position:absolute;top:25px;right:25px;color:#C7D8F1;font-size:25px;font-weight:800}.sv-step>i{display:grid;place-items:center;width:52px;height:52px;background:#EAF3FF;color:#2563EB;border-radius:11px;font-size:24px;margin-bottom:24px}.sv-step h3{font-size:19px;font-weight:750;margin-bottom:11px}.sv-step p{font-size:14px;color:var(--sv-muted);line-height:1.8;margin:0}
.sv-faq{background:#F7FAFE}.sv-accordion .accordion-item{border:1px solid #E1E9F3;border-radius:10px!important;overflow:hidden;margin-bottom:12px;background:#fff}.sv-accordion .accordion-button{font-size:15px;font-weight:700;color:var(--sv-navy);padding:21px 22px;box-shadow:none}.sv-accordion .accordion-button:not(.collapsed){background:#EDF4FF;color:#174DBD;box-shadow:none}.sv-accordion .accordion-button:focus{box-shadow:0 0 0 2px #BBD3FF}.sv-accordion .accordion-body{color:var(--sv-muted);font-size:14px;line-height:1.8;padding:0 22px 22px}
.sv-final{padding:70px 0;background:#fff}.sv-final-inner{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:22px;padding:34px 38px;background:linear-gradient(125deg,#2867EA,#1757CB);border-radius:17px;box-shadow:0 15px 35px rgba(37,99,235,.13)}.sv-final-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:12px;font-size:23px}.sv-final-content>span{display:block;margin-bottom:6px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;letter-spacing:1.2px}.sv-final-content h2{margin:0;color:#fff;font-size:25px;line-height:1.35;font-weight:600;letter-spacing:0}.sv-final-content h2 strong{font-weight:800}.sv-final-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;color:#2563EB;background:#fff;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:.25s;white-space:nowrap}.sv-final-button:hover{color:#0B1F3A;transform:translateY(-2px)}
@media(max-width:1199px){.sv-float-top{right:0}.sv-float-bottom{left:0}.sv-device{width:360px}}
@media(max-width:991px){.sv-hero{padding:65px 0 72px}.sv-section{padding:74px 0}.sv-final-inner{grid-template-columns:58px 1fr}.sv-final-button{grid-column:1/-1;width:100%}}
@media(max-width:575px){.sv-hero{padding:48px 0 60px}.sv-hero h1{font-size:38px;letter-spacing:-1.5px}.sv-lead{font-size:15px}.sv-breadcrumb{margin-bottom:23px}.sv-actions{flex-direction:column}.sv-btn{width:100%}.sv-hero-notes{gap:12px 17px}.sv-section{padding:60px 0}.sv-heading{margin-bottom:31px}.sv-heading h2,.sv-title{font-size:32px}.sv-service{padding:25px}.sv-benefits{padding:5px 21px}.sv-benefit{gap:12px}.sv-benefit>i{width:42px;height:42px;min-width:42px}.sv-final{padding:55px 0}.sv-final-inner{grid-template-columns:1fr;padding:28px 24px}.sv-final-icon{width:48px;height:48px}.sv-final-content h2{font-size:22px;line-height:1.4}}

/* Mobile App Development illustration accent */
.sv-device-icon{background:linear-gradient(135deg,#1D6BE6,#168BFF)}