/* Premium service detail system — v1.34 */
.service-detail{--svc-x:70%;--svc-y:35%;overflow:hidden}.service-premium-hero{position:relative;min-height:720px;padding:150px 0 105px;overflow:hidden;isolation:isolate;background:#06111f}.service-bg-grid{position:absolute;inset:0;z-index:-3;opacity:.38;background-image:linear-gradient(rgba(99,216,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(99,216,255,.065) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 2%,#000 35%,#000 90%,transparent)}.service-bg-glow{position:absolute;z-index:-2;width:760px;height:760px;border-radius:50%;left:calc(var(--svc-x) - 380px);top:calc(var(--svc-y) - 380px);background:radial-gradient(circle,rgba(0,168,255,.16),rgba(0,102,255,.07) 34%,transparent 68%);filter:blur(2px);transition:left .35s ease-out,top .35s ease-out;pointer-events:none}.service-premium-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center}.service-premium-copy{position:relative;z-index:2;max-width:690px}.service-premium-copy h1{font-size:clamp(62px,7vw,108px);line-height:.92;letter-spacing:-.07em;margin:20px 0 28px}.service-premium-copy>p{max-width:650px;color:#9fb0c4;font-size:19px;line-height:1.65}.service-hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.service-inline-link{display:inline-flex;align-items:center;gap:9px;color:#a7b6c8;font-size:13px;font-weight:800}.service-inline-link span{transition:transform .3s}.service-inline-link:hover span{transform:translateY(4px)}.service-hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.service-hero-proof span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#7890a9;font-weight:800}.service-premium-visual{position:relative;perspective:1200px}.service-visual-shell{position:relative;z-index:2;padding:9px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);box-shadow:0 45px 110px rgba(0,0,0,.38);transform:rotateY(-3deg) rotateX(1deg);transition:transform .35s ease-out}.service-visual-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px}.service-visual-top span{width:7px;height:7px;border-radius:50%;background:#42546b}.service-visual-top span:first-child{background:#fd8b81}.service-visual-top span:nth-child(2){background:#f5d15c}.service-visual-top span:nth-child(3){background:#62ca8c}.service-visual-top em{margin-left:auto;margin-right:auto;font-size:9px;font-style:normal;color:#66809a;letter-spacing:.06em}.service-visual-media{overflow:hidden;border-radius:20px;background:#eef2f7;aspect-ratio:1.32/1}.service-visual-media img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.service-premium-visual:hover .service-visual-media img{transform:scale(1.025)}.service-float-card{position:absolute;z-index:3;padding:12px 15px;border-radius:14px;background:rgba(6,17,31,.86);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px rgba(0,0,0,.24);color:#dfeaf6;font-size:10px;font-weight:800;letter-spacing:.04em;animation:svcFloat 5s ease-in-out infinite}.service-float-card--one{left:-26px;bottom:34px}.service-float-card--two{right:-15px;top:80px;animation-delay:-2.2s}.service-overview{padding:120px 0 130px}.service-overview-grid{display:grid;grid-template-columns:1fr .86fr;gap:90px;align-items:end;margin-bottom:72px}.service-overview-copy h2,.service-story-copy h2,.service-included-copy h2,.service-section-heading h2,.service-final-inner h2{font-size:clamp(44px,5.1vw,74px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 0}.service-overview-text{font-size:18px;line-height:1.75;color:#5d6d81}.service-overview-text p{margin:0 0 18px}.service-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-benefit-card{position:relative;min-height:260px;padding:28px;border-radius:24px;background:#fff;border:1px solid #dfe5ed;box-shadow:0 12px 36px rgba(7,17,31,.045);overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}.service-benefit-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,255,.12),transparent 68%);opacity:0;transition:opacity .35s}.service-benefit-card:hover{transform:translateY(-6px);box-shadow:0 22px 52px rgba(7,17,31,.09);border-color:rgba(0,102,255,.18)}.service-benefit-card:hover:before{opacity:1}.service-benefit-number{display:inline-flex;color:#7b8da2;font-size:10px;letter-spacing:.12em}.service-benefit-card h3{font-size:22px;line-height:1.08;letter-spacing:-.035em;margin:70px 0 10px}.service-benefit-card p{color:#69798d;font-size:13px;margin:0}.service-visual-story{padding:120px 0}.service-story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.service-story-media{position:relative}.service-story-frame{position:relative;padding:10px;border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(7,17,31,.08);box-shadow:0 32px 85px rgba(7,17,31,.12);overflow:hidden}.service-story-frame:after{content:"";position:absolute;inset:10px;border-radius:21px;background:linear-gradient(135deg,rgba(99,216,255,.08),transparent 38%);pointer-events:none}.service-story-frame img{width:100%;aspect-ratio:1.43/1;object-fit:cover;object-position:center top;border-radius:21px;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.service-story-frame:hover img{transform:scale(1.028)}.service-story-tag{position:absolute;right:-18px;bottom:28px;padding:13px 16px;border-radius:999px;background:#07111f;color:#d8e7f2;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;box-shadow:0 15px 40px rgba(7,17,31,.2)}.service-story-copy p{color:#66778c;font-size:17px;line-height:1.75;margin:24px 0 30px}.service-process{padding:125px 0;position:relative;overflow:hidden}.service-process:before{content:"";position:absolute;inset:auto -15% -50% 35%;height:560px;background:radial-gradient(circle,rgba(0,102,255,.16),transparent 68%);pointer-events:none}.service-section-heading{display:grid;grid-template-columns:1.15fr .7fr;gap:80px;align-items:end;margin-bottom:58px}.service-section-heading p{color:#7f91a8;margin:0;max-width:480px}.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-process-card{position:relative;min-height:260px;padding:27px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:transform .35s,border-color .35s,background .35s}.service-process-card:hover{transform:translateY(-6px);border-color:rgba(99,216,255,.25);background:linear-gradient(180deg,rgba(0,168,255,.09),rgba(255,255,255,.025))}.service-process-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(99,216,255,.08);border:1px solid rgba(99,216,255,.16);color:#83e4ff;font-size:11px;font-weight:900}.service-process-card h3{font-size:22px;margin:62px 0 10px;letter-spacing:-.03em}.service-process-card p{color:#8292a6;font-size:13px;margin:0}.service-included{padding:120px 0}.service-included-grid{display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:start}.service-included-copy p{max-width:690px;color:#66778c;font-size:17px;line-height:1.75}.service-included-panel{position:sticky;top:115px;padding:30px;border-radius:28px;background:#fff;border:1px solid #dfe5ed;box-shadow:0 22px 60px rgba(7,17,31,.07)}.service-included-panel ul{list-style:none;padding:0;margin:0 0 25px}.service-included-panel li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid #eef1f5;color:#596b80}.service-included-panel li:before{content:"✓";position:absolute;left:0;color:#0066ff;font-weight:900}.service-price-box--premium{margin:26px 0;padding:22px;background:linear-gradient(135deg,#fff8d7,#fff2b2);border:1px solid rgba(255,205,48,.25)}.service-price-box--premium strong{font-size:27px}.service-included-panel .btn{width:100%}.service-final-cta{position:relative;padding:120px 0;background:#06111f;color:#fff;overflow:hidden}.service-final-glow{position:absolute;width:680px;height:680px;right:-150px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,255,.2),rgba(0,102,255,.08) 40%,transparent 70%)}.service-final-inner{position:relative;max-width:960px;text-align:center;margin-inline:auto}.service-final-inner p{max-width:700px;margin:24px auto 32px;color:#8da0b6;font-size:17px}.service-final-actions{display:flex;justify-content:center;gap:12px}.service-final-inner h2 em{font-family:Georgia,serif;font-weight:400}.service-detail--website-maintenance .service-visual-media img{object-position:center}.service-detail--website-redesign .service-visual-media img{object-position:center top}@keyframes svcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1180px){.service-premium-grid{grid-template-columns:1fr 1fr;gap:44px}.service-premium-copy h1{font-size:clamp(58px,7vw,86px)}.service-benefit-grid{grid-template-columns:repeat(2,1fr)}.service-process-grid{grid-template-columns:repeat(2,1fr)}.service-included-grid{grid-template-columns:1fr 380px;gap:60px}}
@media(max-width:900px){.service-premium-hero{padding:125px 0 80px}.service-premium-grid,.service-overview-grid,.service-story-grid,.service-section-heading,.service-included-grid{grid-template-columns:1fr}.service-premium-grid{gap:50px}.service-premium-visual{max-width:760px}.service-overview-grid{gap:25px;margin-bottom:50px}.service-story-grid{gap:45px}.service-section-heading{gap:22px}.service-included-grid{gap:42px}.service-included-panel{position:relative;top:auto;max-width:620px}.service-story-tag{right:18px}}
@media(max-width:720px){.service-premium-hero{min-height:0;padding:104px 0 66px}.service-bg-grid{background-size:36px 36px;opacity:.22}.service-bg-glow{display:none}.service-premium-copy h1{font-size:clamp(48px,14vw,64px);margin:16px 0 20px}.service-premium-copy>p{font-size:16px;line-height:1.58}.service-hero-actions{flex-direction:column;align-items:stretch;margin-top:26px;gap:14px}.service-hero-actions .btn{width:100%}.service-inline-link{justify-content:center;padding:8px}.service-hero-proof{gap:6px;margin-top:24px}.service-hero-proof span{font-size:8.5px}.service-visual-shell{border-radius:20px;padding:6px;transform:none!important}.service-visual-top{height:34px}.service-visual-media{border-radius:15px;aspect-ratio:1.1/1}.service-float-card{display:none}.service-overview,.service-visual-story,.service-process,.service-included,.service-final-cta{padding:78px 0}.service-overview-copy h2,.service-story-copy h2,.service-included-copy h2,.service-section-heading h2,.service-final-inner h2{font-size:clamp(37px,10.8vw,48px)}.service-overview-text{font-size:15px}.service-benefit-grid,.service-process-grid{grid-template-columns:1fr}.service-benefit-card,.service-process-card{min-height:220px;padding:23px}.service-benefit-card h3,.service-process-card h3{margin-top:44px}.service-story-frame{border-radius:21px;padding:7px}.service-story-frame img{border-radius:15px;aspect-ratio:1.12/1}.service-story-tag{position:relative;right:auto;bottom:auto;display:inline-flex;margin-top:12px}.service-story-copy p,.service-included-copy p,.service-final-inner p{font-size:15px}.service-included-panel{padding:22px;border-radius:22px}.service-final-actions{flex-direction:column}.service-final-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.service-float-card{animation:none}.service-visual-shell,.service-story-frame img,.service-visual-media img,.service-benefit-card,.service-process-card{transition:none!important}}