/* Concrete service examples, readable in both visual directions. */
[id^="service-"]{scroll-margin-top:100px}.service-example{--example-accent:#47663a;--example-bg:#edf3e7;--example-line:#c7d6bc;margin:24px 0 26px;padding:18px 15px;background:#f6f8f2;border:1px solid #dce3d4;border-radius:10px;color:#22321c;min-height:325px}.service-example figcaption{font-size:10px;letter-spacing:.04em;color:#4b5f40;display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.service-example figcaption span{font-size:10px;font-weight:600}.service-example b{font-size:12px;line-height:1.7;font-weight:600;display:block;letter-spacing:0}.service-example p{font-size:10px!important;line-height:1.7!important;margin:3px 0 0!important;color:#43553b!important}.example-mail{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--example-line);background:#fff;border-radius:6px;min-height:64px}.example-symbol{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:5px;background:var(--example-bg);color:var(--example-accent);font-size:20px}.example-down{text-align:center;color:var(--example-accent);font-size:15px;line-height:24px}.example-draft{background:#fff;padding:12px;border:1px solid var(--example-line);border-left:3px solid var(--example-accent);border-radius:6px;min-height:88px}.example-label{display:block;color:var(--example-accent);font-size:9px;line-height:1.6;margin-bottom:4px}.example-lines{display:grid;gap:4px;margin-top:9px}.example-lines i{width:100%;height:3px;background:#dbe3d4;border-radius:2px}.example-lines i:nth-child(2){width:87%}.example-lines i:nth-child(3){width:68%}.example-review{border:1px solid var(--example-line);background:var(--example-bg);font-size:11px;font-weight:600;line-height:1.8;text-align:center;padding:9px 6px;border-radius:6px}.example-review>span{color:var(--example-accent);margin-right:4px}.example-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.example-media>div{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;background:#fff;border:1px solid var(--example-line);border-radius:6px;padding:11px 4px 7px;height:72px}.example-media b{font-size:10px}.media-web{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px 4px 3px;border:1px solid var(--example-accent);border-radius:3px;width:32px;height:24px}.media-web i{background:var(--example-bg);border-top:2px solid var(--example-accent)}.media-video{width:25px;height:28px;border:1px solid var(--example-accent);border-radius:4px;display:grid;place-items:center;font-size:17px;color:var(--example-accent);line-height:1}.media-social{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:25px;height:25px}.media-social i{background:var(--example-bg);border:1px solid var(--example-accent);border-radius:3px}.example-join{height:16px;margin:0 16%;border:1px solid var(--example-line);border-top:0;position:relative;margin-bottom:10px}.example-join:after{content:'';position:absolute;top:100%;left:50%;height:11px;border-left:1px solid var(--example-line)}.example-connections{display:flex;gap:8px;align-items:center;margin-top:7px}.example-connections i{display:block;width:24px;height:15px;border:1px solid var(--example-line);border-radius:3px;background:var(--example-bg)}.example-connections span{font-size:10px;color:var(--example-accent)}.example-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.example-outputs>span{font-size:10px;text-align:center;background:var(--example-bg);border:1px solid var(--example-line);padding:10px 2px;border-radius:5px;font-weight:600}.support-block--marketing .service-example{--example-accent:#775538;--example-bg:#f6eee5;--example-line:#decebe}.support-block--systems .service-example{--example-accent:#555080;--example-bg:#efedf7;--example-line:#d0cbe4}.support-block__detail{margin-top:0}
@media(min-width:681px) and (max-width:1099px){.support-block{display:block}.support-block__content{display:block}.support-stream{grid-template-columns:1fr}.support-block__detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-example{max-width:390px;margin:24px auto}.support-block h3 br{display:none}}
@media(max-width:680px){.service-example{padding:18px 16px;min-height:0}.service-example b{font-size:13px}.service-example p{font-size:11px!important}.service-example figcaption,.service-example figcaption span{font-size:11px}.example-label{font-size:10px}.example-review{font-size:12px}.example-media b,.example-outputs>span{font-size:11px}}
.service-example,.support-block--marketing .service-example,.support-block--systems .service-example{--example-accent:#3154b0;--example-bg:#eaf0ff;--example-line:#c5d1eb;background-color:#f6f8fd;background-image:radial-gradient(#4267ed1c .8px,transparent .8px);background-size:10px 10px;border-color:#d6deed;color:#142139}.service-example figcaption{color:#344e7a}.service-example p{color:#39485f!important}.example-lines i{background:#d7e0f1}