.service-explainer{margin:0 0 80px;padding-bottom:72px;border-bottom:1px solid var(--line);color:var(--white)}
.service-explainer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.service-explainer-heading h2{font-size:clamp(28px,3.1vw,44px);font-weight:400;line-height:1.55;letter-spacing:.015em}
.service-explainer-heading>p{font-size:16px;line-height:1.95;color:var(--muted)}
.service-diagram{margin:0;background:radial-gradient(ellipse at 68% 28%,rgba(130,205,183,.06),transparent 65%),var(--ink-deep);border:1px solid var(--line);padding:44px}
.service-diagram h3{font-size:18px;font-weight:500;line-height:1.6}
.service-diagram figcaption{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);font-size:14px;line-height:1.9;color:var(--muted)}
.unit-flow,.web-flow{display:grid;grid-template-columns:minmax(0,.9fr) 64px minmax(0,1.25fr);align-items:center;gap:24px}
.unit-source h3,.unit-destination>h3,.web-source>h3{margin-bottom:24px}
.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.unit-tile{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 12px;border:1px solid rgba(130,205,183,.4);background:rgba(130,205,183,.055);font-size:16px}
.unit-tile svg{width:32px;height:32px;color:var(--accent)}
.diagram-connector{color:var(--accent)}
.diagram-connector svg{width:100%;height:auto;stroke-width:.7}
.diagram-workspace,.web-browser{border:1px solid rgba(130,205,183,.6);background:#10232b;box-shadow:0 22px 48px rgba(0,0,0,.18)}
.diagram-window-top{display:flex;gap:7px;align-items:center;height:34px;padding:0 16px;border-bottom:1px solid var(--line)}
.diagram-window-top i{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.6}
.workspace-body{display:grid;grid-template-columns:44px minmax(0,1fr);min-height:234px}
.workspace-sidebar{padding:22px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px}
.workspace-sidebar i{height:3px;background:var(--accent);opacity:.28}.workspace-sidebar i:first-child{opacity:1}
.workspace-content{padding:26px}.workspace-content>p{font-size:21px;margin-bottom:20px}
.workspace-units{display:grid;gap:9px}.workspace-units>div{display:flex;align-items:center;gap:12px;background:rgba(130,205,183,.065);padding:12px;font-size:15px}
.workspace-units svg{width:23px;height:23px;color:var(--accent)}.unit-connected{margin-left:auto;color:var(--accent)}
.unit-addition{display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed rgba(130,205,183,.45);padding:14px 10px;margin-top:16px;color:var(--accent);font-size:15px;line-height:1.7}.unit-addition>span{font-size:24px;line-height:1}
.service-process{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.service-process--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-process li{position:relative;padding-top:22px;border-top:1px solid rgba(130,205,183,.45)}
.service-process li:not(:last-child)::after{content:'→';position:absolute;right:-27px;top:24px;color:var(--accent);font-size:20px}
.service-process h3{font-size:18px;font-weight:500;line-height:1.6}.service-process p{font-size:14px;line-height:1.8;margin-top:10px;color:var(--muted)}
.web-source>div{display:flex;align-items:center;gap:20px;min-height:76px;border:1px solid var(--line);padding:20px;font-size:18px;background:rgba(130,205,183,.035)}
.web-source>div+div{margin-top:14px}.web-source svg{width:30px;height:30px;color:var(--accent);flex:none}
.web-devices{position:relative;padding:0 36px 34px 0;min-width:0}.web-screen{padding:26px 28px 28px}.web-screen-heading{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:15px}
.web-screen-heading strong{font-size:23px;font-weight:400;line-height:1.6}.web-art{height:92px;position:relative;isolation:isolate;overflow:hidden;background:rgba(130,205,183,.08)}
.web-art i{position:absolute;width:74px;height:74px;border:1px solid var(--accent);transform:rotate(35deg);left:12px;top:36px}.web-art i:nth-child(2){top:18px;opacity:.5}.web-art i:nth-child(3){top:0;opacity:.25}
.web-screen-lines{display:grid;gap:8px;margin:24px 0}.web-screen-lines i{display:block;height:3px;background:var(--muted);opacity:.25}.web-screen-lines i:last-child{width:64%}
.web-screen-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.web-screen-panels i{height:40px;background:rgba(130,205,183,.08);border-top:1px solid rgba(130,205,183,.4)}
.web-screen-action{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:216px;background:var(--accent);color:var(--ink);padding:11px 15px;font-size:14px}.web-screen-action>span{font-size:20px}
.web-phone{position:absolute;right:0;bottom:0;width:114px;padding:12px;border:1px solid var(--accent);border-radius:14px;background:var(--ink);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.phone-speaker{width:30px;height:3px;background:var(--muted);border-radius:3px;margin:0 auto 16px;opacity:.5}.web-phone .web-art{height:82px}.web-phone .web-screen-lines{margin:17px 0;gap:6px}.phone-action{height:17px;background:var(--accent);margin-top:22px}
.marketing-flow{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.8fr);align-items:center;gap:42px}
.marketing-cycle{position:relative;min-width:0;height:440px}.cycle-arrows{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);opacity:.55}
.cycle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:172px;height:172px;border-radius:50%;border:1px solid var(--accent);background:radial-gradient(circle,rgba(130,205,183,.12),transparent 70%);font-size:23px;box-shadow:0 0 0 15px rgba(130,205,183,.025)}
.cycle-center>span{font-size:14px;color:var(--muted)}.cycle-steps{margin:0;padding:0;list-style:none}.cycle-steps>li{position:absolute;width:158px;text-align:center;background:var(--ink-deep);padding:12px 4px}.cycle-steps svg{width:29px;height:29px;color:var(--accent);margin-bottom:9px}.cycle-steps p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:4px}
.cycle-steps>li:nth-child(1){top:0;left:50%;transform:translateX(-50%)}.cycle-steps>li:nth-child(2){right:0;top:50%;transform:translateY(-50%)}.cycle-steps>li:nth-child(3){bottom:0;left:50%;transform:translateX(-50%)}.cycle-steps>li:nth-child(4){left:0;top:50%;transform:translateY(-50%)}
.marketing-touchpoints{border-left:1px solid var(--line);padding-left:32px}.marketing-touchpoints h3{font-size:21px;line-height:1.7}.marketing-touchpoints ol{list-style:none;padding:0;margin:26px 0}.marketing-touchpoints li{position:relative;border:1px solid var(--line);padding:14px 8px;text-align:center;font-size:15px;line-height:1.8}.marketing-touchpoints li+li{margin-top:30px}.marketing-touchpoints li+li::before{content:'↓';position:absolute;top:-30px;left:50%;transform:translateX(-50%);color:var(--accent);font-size:18px;line-height:28px}.marketing-touchpoints>p{font-size:14px;line-height:1.9;color:var(--muted)}
@media(max-width:1100px){.service-diagram{padding:32px}.unit-flow,.web-flow{gap:16px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1.25fr)}.workspace-content{padding:20px}.marketing-flow{grid-template-columns:1fr;gap:35px}.marketing-cycle{width:min(100%,640px);margin:auto}.marketing-touchpoints{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.marketing-touchpoints ol{display:flex;gap:30px}.marketing-touchpoints li{flex:1}.marketing-touchpoints li+li{margin:0}.marketing-touchpoints li+li::before{content:'→';top:50%;left:-23px;transform:translateY(-50%)}.marketing-touchpoints>p br{display:none}}
@media(max-width:899px){.service-explainer-heading{display:block}.service-explainer-heading>p{margin-top:22px}.service-explainer-heading>p br{display:none}.unit-flow,.web-flow{grid-template-columns:1fr;gap:24px}.diagram-connector{width:38px;justify-self:center;transform:rotate(90deg)}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-body{min-height:0}.service-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.service-process li:nth-child(2)::after{display:none}.service-process--three{grid-template-columns:1fr}.service-process--three li{padding:0 0 20px;border-top:0;border-bottom:1px solid var(--line)}.service-process--three li:not(:last-child)::after{display:block;content:'↓';top:auto;bottom:-27px;right:50%}.web-devices{width:min(100%,540px);margin:auto}.web-screen-heading{grid-template-columns:1fr 110px}}
@media(max-width:599px){.service-explainer{margin-bottom:46px;padding-bottom:44px}.service-explainer-heading{margin-bottom:28px}.service-explainer-heading h2{font-size:28px}.service-explainer-heading>p{font-size:15px}.service-diagram{padding:24px 18px}.service-diagram figcaption{font-size:14px;margin-top:26px;padding-top:20px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unit-tile{padding:18px 10px;font-size:15px;gap:10px}.unit-tile svg{width:28px;height:28px}.unit-source h3,.unit-destination>h3,.web-source>h3{font-size:17px;margin-bottom:18px}.workspace-body{grid-template-columns:30px minmax(0,1fr)}.workspace-sidebar{padding:20px 8px}.workspace-content{padding:18px 12px}.workspace-content>p{font-size:19px}.workspace-units>div{padding:10px;font-size:14px;gap:8px}.unit-addition{font-size:14px;gap:8px}.service-process{grid-template-columns:1fr;gap:32px;margin-top:28px}.service-process li{padding:0 0 18px;border-top:0;border-bottom:1px solid var(--line)}.service-process li:not(:last-child)::after{display:block;content:'↓';top:auto;bottom:-30px;right:50%}.service-process h3{font-size:18px}.service-process p{margin-top:6px}.web-source>div{padding:18px;font-size:17px;min-height:68px}.web-devices{padding:0 25px 45px 0}.web-screen{padding:20px 16px 24px}.web-screen-heading{grid-template-columns:1fr}.web-screen-heading strong{font-size:22px}.web-screen-heading>.web-art{height:72px}.web-art i{left:42%;width:100px;height:100px}.web-screen-panels{gap:8px}.web-screen-action{max-width:172px;padding:10px;font-size:14px}.web-phone{width:83px;padding:9px;bottom:4px}.web-phone .web-art{height:70px}.web-phone .web-art i{left:4px;width:60px;height:60px}.phone-action{margin-top:15px}.marketing-cycle{height:auto}.cycle-arrows{display:none}.cycle-center{position:static;transform:none;width:100%;height:auto;border-radius:0;box-shadow:none;padding:22px 10px;font-size:23px;margin-bottom:28px}.cycle-steps{display:grid;gap:28px;padding-left:18px;border-left:1px solid rgba(130,205,183,.4);position:relative}.cycle-steps::before{content:'↑';position:absolute;left:-9px;top:-16px;color:var(--accent);font-size:20px;background:var(--ink-deep)}.cycle-steps>li:nth-child(n){position:relative;inset:auto;transform:none;width:100%;text-align:left;padding:16px 12px 16px 58px;border:1px solid var(--line)}.cycle-steps svg{position:absolute;left:15px;top:18px;width:27px;height:27px;margin:0}.cycle-steps>li:not(:last-child)::after{content:'↓';position:absolute;bottom:-27px;left:50%;color:var(--accent);font-size:18px}.cycle-steps h3{font-size:18px}.marketing-touchpoints{padding-top:24px}.marketing-touchpoints h3{font-size:20px}.marketing-touchpoints ol{display:block}.marketing-touchpoints li+li{margin-top:30px}.marketing-touchpoints li+li::before{content:'↓';top:-30px;left:50%;transform:translateX(-50%)}.marketing-touchpoints li{font-size:15px}}
@media(min-width:600px) and (max-width:899px){.cycle-steps>li{width:130px}}
@media print{.service-explainer{color:#08171f}.service-diagram,.diagram-workspace,.web-browser,.web-phone,.cycle-steps>li{background:white;color:#08171f;box-shadow:none}.service-explainer-heading>p,.service-diagram figcaption,.service-process p,.cycle-center>span,.cycle-steps p,.marketing-touchpoints>p{color:#4b595d}.service-diagram{break-inside:avoid}}