/* Service detail studio. Deliberately isolated from the admin and client UI. */
.sd-page { --sd-ink:#19332b; --sd-muted:#687d75; --sd-green:#2db67d; --sd-gold:#ebb22d; --sd-line:#dfece6; color:var(--sd-ink); background:#fff; overflow:clip; }
.sd-page *, .sd-page *::before, .sd-page *::after { box-sizing:border-box; }
.sd-page .sd-wrap { width:min(1240px,calc(100% - 80px)); margin-inline:auto; }
.sd-page h1,.sd-page h2,.sd-page h3,.sd-page p { margin:0; }
.sd-page a { text-decoration:none; }
.sd-page a:focus-visible,.sd-page summary:focus-visible { outline:3px solid var(--sd-green); outline-offset:6px; }
.sd-page :is(section,article)[id] { scroll-margin-top:120px; }
.sd-hero { position:relative; padding:30px 0 0; background:radial-gradient(ellipse at 5% 30%,#ebb22d0e,transparent 60%),radial-gradient(ellipse at 85% 55%,#2db67d0d,transparent 60%); }
.sd-breadcrumb { display:flex; gap:12px; align-items:center; flex-wrap:wrap; font-size:12px; line-height:1.9; color:var(--sd-muted); }
.sd-breadcrumb a:hover { color:var(--sd-ink); }
.sd-breadcrumb [aria-current] { color:var(--sd-ink); }
.sd-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:center; padding:64px 0 72px; }
.sd-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#987012; font-size:12px; font-weight:700; letter-spacing:.02em; }
.sd-eyebrow>i { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ebb22d40; border-radius:10px; background:#fffaf0; color:#a67a10; font-size:15px; }
.sd-page .sd-hero h1 { margin:20px 0 14px; font-size:clamp(36px,4.1vw,59px); line-height:1.45; font-weight:800; letter-spacing:-.025em; text-wrap:balance; color:var(--sd-ink); }
.sd-page .sd-signature { font-size:18px; color:#228358; font-weight:600; margin-bottom:14px; }
.sd-page .sd-description { color:var(--sd-muted); font-size:15px; line-height:2.05; max-width:540px; }
.sd-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:28px; }
.sd-page .sd-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; min-height:54px; padding:12px 23px; border-radius:12px; background:var(--sd-gold); color:var(--sd-ink); font-size:14px; font-weight:700; transition:background .2s,transform .2s; }
.sd-page .sd-button:hover { background:#f3c24c; transform:translateY(-2px); }
.sd-button>span { font:24px Arial,sans-serif; }
.sd-page .sd-text-link { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; font-size:13px; font-weight:600; color:var(--sd-ink); border-bottom:1px solid #bccfc5; }
.sd-text-link:hover { border-color:var(--sd-green); }
.sd-visual { position:relative; min-width:0; padding:22px; border:1px solid #dfece6; border-radius:28px; background:linear-gradient(150deg,#fff 30%,#f3faf6 75%,#fffcf2); box-shadow:0 32px 75px -40px #2c795b45; isolation:isolate; }
.sd-visual::before { content:''; position:absolute; inset:20px -12px -16px 16px; z-index:-2; border:1px solid #ebb22d40; border-radius:30px; transform:rotate(-4deg); }
.sd-visual-top { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-bottom:18px; border-bottom:1px solid var(--sd-line); font-size:11px; font-weight:700; color:var(--sd-muted); }
.sd-window-dots { display:flex; gap:5px; }
.sd-window-dots i { width:5px; height:5px; border-radius:50%; background:#caddd1; }
.sd-window-dots i:first-child { background:var(--sd-gold); }
.sd-visual-grid { position:absolute; inset:60px 20px 65px; z-index:-1; background-image:linear-gradient(#2db67d06 1px,transparent 1px),linear-gradient(90deg,#2db67d06 1px,transparent 1px); background-size:24px 24px; mask-image:radial-gradient(ellipse,#000,transparent 75%); }
.sd-visual .dp-page-motion { max-width:none; padding:12px 0 25px; }
.sd-visual .dp-page-motion figcaption { margin-top:-6px; flex-wrap:wrap; }
.sv-wave { transform-box:fill-box; transform-origin:center; }
.sv-orbit-shape,.sv-triangle { transform-box:fill-box; transform-origin:center; }
.sv-fault { opacity:0; }
@media(prefers-reduced-motion:no-preference) {
    .sd-visual [data-motion-ready] .sv-wave { animation:sv-voice 1.8s ease-in-out var(--sv-delay,0s) infinite; }
    .sd-visual [data-motion-ready] .sv-orbit-shape { animation:sv-shape 10s ease-in-out infinite; }
    .sd-visual [data-motion-ready] .sv-triangle { animation:sv-shape 10s ease-in-out -.8s infinite reverse; }
    .sd-visual [data-motion-ready] .sv-playhead { animation:sv-playhead 10s linear infinite; }
    .sd-visual [data-motion-ready] .sv-fault { animation:sv-repair 10s ease-in-out infinite; }
    .sd-visual [data-motion-ready] .sv-caret { animation:sv-caret 1.2s steps(2,end) infinite; }
}
@keyframes sv-voice { 0%,100% { transform:scaleY(.45); } 50% { transform:scaleY(1); } }
@keyframes sv-shape { 0%,20%,100% { transform:translateY(7px) rotate(-8deg); } 45%,85% { transform:translateY(-5px) rotate(8deg); } }
@keyframes sv-playhead { 0%,42% { transform:translateX(0); } 88%,100% { transform:translateX(240px); } }
@keyframes sv-repair { 0%,42% { opacity:1; } 56%,100% { opacity:0; } }
@keyframes sv-caret { 0% { opacity:1; } 100% { opacity:0; } }
.sd-visual-bottom { display:flex; align-items:center; gap:12px; padding-top:18px; border-top:1px solid var(--sd-line); font-size:12px; font-weight:600; }
.sd-visual-bottom>i { color:var(--sd-green); }
.sd-visual-mark { margin-inline-start:auto; font:22px Arial,sans-serif; color:#af821a; }
.sd-chapters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--sd-line); border-bottom:1px solid var(--sd-line); }
.sd-chapters:has(>a:nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sd-chapters a { display:flex; align-items:center; gap:12px; min-height:70px; font-size:13px; color:var(--sd-ink); padding:15px 18px; transition:background .2s; }
.sd-chapters a+a { border-inline-start:1px solid var(--sd-line); }
.sd-chapters a:hover { background:#2db67d07; }
.sd-chapters span { color:#a0b0a7; font:10px Arial,sans-serif; }
.sd-section { padding-block:90px; }
.sd-section-heading { margin-bottom:38px; max-width:750px; }
.sd-page h2 { font-size:clamp(28px,3vw,40px); line-height:1.55; letter-spacing:-.015em; font-weight:750; color:var(--sd-ink); text-wrap:balance; }
.sd-section-heading h2 { margin-top:10px; }
.sd-section-heading>p { margin-top:13px; color:var(--sd-muted); font-size:14px; line-height:1.95; }
.sd-overview-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:70px; align-items:start; }
.sd-content { font-size:15px; line-height:2.1; color:var(--sd-muted); overflow-wrap:anywhere; min-width:0; }
.sd-content :is(h2,h3,h4) { font-size:23px; line-height:1.6; color:var(--sd-ink); margin:24px 0 15px; font-weight:700; }
.sd-content>:first-child { margin-top:0; }
.sd-content p { margin-bottom:20px; }
.sd-content ul { list-style:none; padding:0; margin:24px 0; }
.sd-content ul li { position:relative; padding:14px 32px 14px 0; padding-inline:32px 0; border-bottom:1px solid var(--sd-line); }
.sd-content ul li::before { content:'✓'; position:absolute; inset-inline-start:0; color:#25885f; }
.sd-content ol { padding-inline-start:24px; }
.sd-content img,.sd-content video { max-width:100%; height:auto; border-radius:16px; }
.sd-content table { display:block; overflow-x:auto; max-width:100%; }
.sd-content a { color:#238457; text-decoration:underline; text-underline-offset:3px; }
/* Existing editor content contains icon cards; retain the content and organize it. */
.sd-content>div:has(>div>div>i) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sd-content>div>div:has(>div>i) { border:1px solid var(--sd-line)!important; border-radius:17px; padding:24px!important; background:linear-gradient(145deg,#fff,#f8fbf9); }
.sd-content>div>div:has(>div>i)>div:first-child { display:grid; place-items:center; background:#edf8f2; border:1px solid #2db67d24; border-radius:13px; color:#27845a; font-size:19px; }
.sd-content>div>div:has(>div>i) h4 { font-size:18px; margin:17px 0 10px; }
.sd-content>div>div:has(>div>i) p { font-size:12px; line-height:1.95; margin-bottom:0; }
.sd-project-card { position:relative; padding:36px; border-radius:22px; border:1px solid #e8e6d4; background:radial-gradient(ellipse at 0 0,#f9edc57a,transparent 60%),linear-gradient(135deg,#fffef8,#f4faf7); overflow:hidden; }
.sd-card-symbol { position:absolute; inset-inline-end:24px; top:12px; font:90px Arial,sans-serif; color:#ebb22d1c; }
.sd-project-card h3 { position:relative; font-size:28px; line-height:1.6; font-weight:700; margin:16px 0 12px; }
.sd-project-card>p { font-size:14px; line-height:2; color:var(--sd-muted); }
.sd-project-card .sd-button { width:100%; margin-top:26px; justify-content:space-between; }
.sd-whatsapp { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; margin-top:8px; font-size:12px; color:#26734f; }
.sd-whatsapp i { font-size:19px; }
.sd-project-card small { display:block; text-align:center; padding-top:17px; margin-top:12px; border-top:1px solid #e1e8db; font-size:10px; line-height:1.9; color:var(--sd-muted); }
.sd-features-section { padding:75px 0; background:#f7faf8; border-block:1px solid #edf2ee; }
.sd-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sd-feature { padding:30px; border-radius:18px; border:1px solid var(--sd-line); background:#fff; transition:transform .25s,border-color .25s; }
.sd-feature:hover { transform:translateY(-4px); border-color:#2db67d65; }
.sd-feature:nth-child(3n+2) { background:linear-gradient(150deg,#fff,#fffaf0); }
.sd-feature-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; }
.sd-icon { display:grid; place-items:center; width:48px; height:48px; border:1px solid #2db67d26; border-radius:14px; background:#f1faf6; color:#28865f; font-size:20px; }
.sd-index { font:12px Arial,sans-serif; color:#b9c9bf; }
.sd-page .sd-feature h3 { font-size:19px; line-height:1.7; font-weight:700; margin-bottom:10px; }
.sd-feature p { color:var(--sd-muted); font-size:13px; line-height:2; }
.sd-process-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:40px; }
.sd-process-heading .sd-section-heading { flex:1.2; margin-bottom:0; }
.sd-process-heading>p { flex:1; max-width:370px; font-size:14px; line-height:2; color:var(--sd-muted); }
.sd-process { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); list-style:none; margin:0; padding:0; gap:24px; }
.sd-process li { min-width:0; border-top:1px solid #c8dcd0; padding-top:22px; }
.sd-step-top { display:flex; justify-content:flex-start; align-items:center; gap:12px; margin-bottom:28px; color:#318966; }
.sd-step-number { font:40px/1 Arial,sans-serif; color:#d5e9dd; letter-spacing:-2px; }
.sd-step-top i { font-size:19px; }
.sd-process h3 { font-size:17px; font-weight:700; margin-bottom:10px; }
.sd-process p { color:var(--sd-muted); font-size:12px; line-height:2; }
.sd-why-section { background:linear-gradient(110deg,#fcfbf5,#f3f9f5); padding:75px 0; border-block:1px solid var(--sd-line); }
.sd-why-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:70px; align-items:center; }
.sd-why-copy h2 { margin:14px 0; }
.sd-why-copy>p { font-size:14px; line-height:2; color:var(--sd-muted); }
.sd-benefits { list-style:none; margin:25px 0 0; padding:0; display:grid; gap:16px; }
.sd-benefits li { display:flex; align-items:center; gap:14px; font-size:13px; line-height:1.8; }
.sd-benefits i { width:24px; flex-shrink:0; color:#2a9a6b; text-align:center; font-size:17px; }
.sd-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sd-stat { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:180px; padding:28px 16px; border-radius:20px; border:1px solid #dde9de; background:#ffffffab; text-align:center; }
.sd-stat:nth-child(2n) { transform:translateY(18px); }
.sd-stat-decoration { position:absolute; inset-inline-start:16px; top:16px; color:#bdcfc2; font:10px Arial,sans-serif; }
.sd-stat strong { display:flex; align-items:baseline; gap:3px; font:600 clamp(32px,3.1vw,46px)/1.3 Arial,sans-serif; color:#245340; letter-spacing:-1.5px; }
.sd-stat em { font-style:normal; font-size:.6em; color:#c49b31; }
.sd-stat>span:last-child { font-size:11px; line-height:1.8; color:var(--sd-muted); margin-top:9px; }
.sd-related-heading { display:flex; justify-content:space-between; gap:25px; align-items:center; }
.sd-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sd-related>a { position:relative; padding:28px; min-width:0; border:1px solid var(--sd-line); border-radius:18px; transition:border-color .2s,background .2s; color:var(--sd-ink); }
.sd-related>a:hover { background:#fbfdfb; border-color:#2db67d70; }
.sd-related h3 { font-size:19px; line-height:1.7; margin:22px 0 10px; font-weight:700; }
.sd-related p { font-size:13px; line-height:1.9; color:var(--sd-muted); }
.sd-related-arrow { position:absolute; top:30px; inset-inline-end:25px; font:25px Arial,sans-serif; color:#ae891d; }
.sd-sidebar { min-width:0; display:grid; gap:24px; }
.sd-sidebar [data-ad-desktop-slot]:empty,.sd-ads-end:not(:has([data-ad-carousel])) { display:none; }
.sd-page .sd-ads-end { margin-bottom:50px; }
.sd-link-icon { flex-shrink:0; color:#987012; }
.sd-ad-carousel { min-width:0; padding:16px; border:1px solid var(--sd-line); border-radius:20px; background:#fff; }
.sd-ad-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.sd-ad-heading h3 { font-size:13px; font-weight:700; line-height:1.8; }
.sd-ad-controls { display:none; gap:7px; flex-shrink:0; }
.sd-ad-carousel[data-ready] .sd-ad-controls { display:flex; }
.sd-ad-controls button { display:grid; place-items:center; width:36px; height:36px; background:#f4faf6; border:1px solid var(--sd-line); color:#28865f; border-radius:50%; cursor:pointer; font-size:11px; }
.sd-ad-controls button:hover { background:#e8f7ee; border-color:#2db67d70; }
.sd-ad-track { display:flex; width:100%; aspect-ratio:4/5; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; border-radius:13px; background:#f7faf8; overscroll-behavior-x:contain; }
.sd-ad-track::-webkit-scrollbar { display:none; }
.sd-ad-track img { display:block; flex:0 0 100%; min-width:0; width:100%; height:100%; object-fit:contain; scroll-snap-align:start; }
.sd-ad-controls button:focus-visible,.sd-ad-track:focus-visible { outline:2px solid var(--sd-green); outline-offset:3px; }
.sd-ad-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:13px; font-size:10px; color:var(--sd-muted); }
.sd-ad-footer b { color:var(--sd-ink); font-weight:700; }
.sd-page .sd-final { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:45px 50px; margin-bottom:85px; border:1px solid #e8e3ce; border-radius:24px; background:linear-gradient(115deg,#fff8df,#f6fcf8); }
.sd-final h2 { margin:12px 0 8px; }
.sd-final p { font-size:14px; color:var(--sd-muted); }
.sd-final .sd-button { flex-shrink:0; }
@media(min-width:768px) {
    .sd-page #service-overview:has(+ #service-process) { padding-bottom:0; }
    .sd-page #service-process { padding-top:24px; }
}
@media(min-width:900px) { .sd-features:has(>.sd-feature:nth-child(4):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1050px) { .sd-hero-grid { gap:35px; } .sd-overview-grid,.sd-why-layout { gap:35px; } .sd-project-card { padding:25px; } .sd-features { grid-template-columns:repeat(2,minmax(0,1fr)); } .sd-hero .sd-actions { gap:15px; } }
@media(max-width:767px) {
    .sd-page .sd-wrap { width:calc(100% - 40px); }
    .sd-hero { padding-top:20px; }
    .sd-breadcrumb { gap:8px; font-size:10px; justify-content:center; }
    .sd-hero-grid { grid-template-columns:minmax(0,1fr); padding:30px 0 36px; gap:32px; }
    .sd-hero-copy { text-align:center; }
    .sd-page .sd-hero h1 { font-size:34px; margin:14px 0; line-height:1.5; }
    .sd-page .sd-signature { font-size:15px; line-height:1.8; }
    .sd-page .sd-description { font-size:13px; line-height:1.95; margin-inline:auto; }
    .sd-actions { justify-content:center; gap:17px; margin-top:23px; }
    .sd-page .sd-button { font-size:13px; padding:12px 18px; gap:18px; min-height:50px; }
    .sd-page .sd-text-link { font-size:12px; }
    .sd-visual { width:min(100%,320px); margin-inline:auto; border-radius:20px; padding:16px; }
    .sd-visual::before { inset:15px -5px -8px 8px; border-radius:22px; transform:rotate(-2deg); }
    .sd-visual .dp-page-motion { padding:2px 0 20px; max-width:300px; }
    .sd-visual-top { font-size:10px; padding-bottom:12px; }
    .sd-visual-bottom { padding-top:13px; font-size:11px; }
    .sd-chapters,.sd-chapters:has(>a:nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sd-chapters a { font-size:11px; gap:9px; min-height:52px; padding:12px 10px; }
    .sd-chapters a:nth-child(3) { border-inline-start:0; }
    .sd-chapters a:nth-child(n+3) { border-top:1px solid var(--sd-line); }
    .sd-section { padding-block:52px; }
    .sd-section-heading { margin-bottom:26px; }
    .sd-page h2 { font-size:27px; line-height:1.6; }
    .sd-section-heading>p { font-size:13px; }
    .sd-overview-grid,.sd-why-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
    .sd-content { font-size:14px; }
    .sd-content :is(h2,h3,h4) { font-size:21px; }
    .sd-content>div:has(>div>div>i) { grid-template-columns:minmax(0,1fr); }
    .sd-project-card { padding:27px; }
    .sd-project-card h3 { font-size:25px; }
    .sd-features-section,.sd-why-section { padding:50px 0; }
    .sd-features { grid-template-columns:minmax(0,1fr); gap:13px; }
    .sd-feature { padding:24px; }
    .sd-feature-top { margin-bottom:19px; }
    .sd-feature h3 { font-size:18px; }
    .sd-process-heading { display:block; margin-bottom:28px; }
    .sd-process-heading>p { margin-top:14px; font-size:13px; }
    .sd-process { grid-template-columns:minmax(0,1fr); gap:0; }
    .sd-process li { padding:24px 0; }
    .sd-step-top { margin-bottom:16px; }
    .sd-step-number { font-size:34px; }
    .sd-process h3 { margin-bottom:5px; }
    .sd-process p { font-size:13px; }
    .sd-stats { gap:10px; padding-bottom:14px; }
    .sd-stat { min-height:145px; padding:24px 10px; border-radius:15px; }
    .sd-stat strong { font-size:34px; }
    .sd-stat:nth-child(2n) { transform:translateY(10px); }
    .sd-stat>span:last-child { font-size:10px; }
    .sd-related-heading { display:block; margin-bottom:25px; }
    .sd-related-heading .sd-section-heading { margin-bottom:12px; }
    .sd-related { grid-template-columns:minmax(0,1fr); gap:14px; }
    .sd-related>a { padding:24px; }
    .sd-related h3 { font-size:18px; }
    .sd-page .sd-final { flex-direction:column; text-align:center; gap:24px; padding:30px 22px; margin-bottom:50px; }
    .sd-final h2 { font-size:27px; }
    .sd-final p { line-height:1.9; font-size:13px; }
}
@media(max-width:359px) { .sd-page .sd-wrap { width:calc(100% - 32px); } .sd-page .sd-hero h1 { font-size:30px; } .sd-hero .sd-actions { flex-direction:column; gap:10px; } .sd-chapters a { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .sd-page * { scroll-behavior:auto!important; transition:none!important; } }