/* strom-charlottenburg — shared design language "Messtafel": elektro-volt rendered LIGHT.
   Emerald #00B35A = FILL carrying INK #06231A (white on it is 2.76:1 and FAILS) · deep brand-ink green for text and links · electric lemon = FILL only, ink on it.
   SQUARE everything (every radius is 0). Motifs: ruler SCALE ticks, REGISTRATION corner marks, hard OFFSET blocks, the lemon/ink HAZARD stripe. Signature: the Messuhr (.scw-messuhr).
   Fonts self-hosted: Chivo (display / headings, 800-900) · Figtree (body) · Azeret Mono (labels). Spec: DESIGN-LANGUAGE.md. One file, linked unedited by every page. */
@font-face{font-family:"Chivo";src:url(fonts/chivo-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Azeret Mono";src:url(fonts/azeret-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
--brand:#00B35A;--brand-600:#14C068;--brand-700:#0B4A2E;--brand-ink:#00694C;--on-brand:#06231A;
--lemon:#F2EA00;--lemon-hi:#F7EF3F;--lemon-lo:#CFC700;--on-lemon:#06231A;
--ink:#06231A;--ink-2:#17382C;--text:#233F34;--muted:#425E52;--white:#FFFFFF;--on-ink:#FFFFFF;
--tint:#EAF7F0;--tint-2:#D6EFE2;--paper:#FAF8F1;--line:#C4E0D0;--line-strong:#5E8A73;--trace:#BFE3D0;--danger:#B3261E;--danger-bg:#FDECEA;
--f-head:"Chivo","Arial Black","Helvetica Neue",Arial,sans-serif;--f-body:"Figtree","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--f-mono:"Azeret Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
--gut:clamp(16px,4vw,32px);--maxw:1240px;--bp:clamp(56px,7.2vw,108px);--sb:15px;--gap-b:clamp(24px,3.2vw,44px);
--sh:0 0 50px rgba(6,35,26,.09);--sh-hi:0 10px 64px rgba(6,35,26,.19);--sh-sm:0 2px 18px rgba(6,35,26,.1);
--ease:cubic-bezier(.2,.7,.2,1);--hatch:repeating-linear-gradient(-45deg,var(--lemon) 0 11px,var(--ink) 11px 22px);
color-scheme:light
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--white);color:var(--text);font:400 18px/1.7 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body.drawer-open{overflow:hidden}
img,svg{max-width:100%;height:auto}
img{display:block}
a{color:var(--brand-ink);text-decoration-thickness:1.5px;text-underline-offset:.18em}
a:hover{color:var(--brand-700)}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--ink);margin:0 0 .5em;line-height:1.1;letter-spacing:-.012em;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px}
.scw-band--emerald :focus-visible,.scw-btn--call:focus-visible,.scw-btn--emerald:focus-visible,.scw-hero--alarm-bar .scw-dial :focus-visible{outline-color:var(--ink)}
.scw-btn--lemon:focus-visible{outline-color:var(--ink)}
.skip{position:absolute;left:12px;top:-80px;z-index:200;background:var(--brand-ink);color:var(--on-ink);padding:12px 18px;font:800 .9rem var(--f-head);text-decoration:none}
.skip:focus{top:12px}
.scw-nowrap{white-space:nowrap}
.scw-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.scw-wrap--narrow{max-width:900px}
.scw-content{display:block}
.site-main{display:block}
[id]{scroll-margin-top:96px}
.scw-prose{max-width:74ch}
.scw-prose h2{margin-top:1.6em}
.scw-prose h3{font-size:1.28rem;margin-top:1.4em}

/* ------------------------------------------------------------------ bands -- */
.scw-band{position:relative;padding-block:var(--bp)}
.scw-band--tight{padding-block:clamp(28px,3.6vw,48px)}
.scw-band--flush-top{padding-top:0}
.scw-band--rule{border-top:1px solid var(--line)}
.scw-band--white{background:var(--white)}
.scw-band--tint{background:var(--tint)}
.scw-band--paper{background:var(--paper)}
.scw-band--emerald{background:var(--brand);color:var(--on-brand)}
.scw-band--emerald h1,.scw-band--emerald h2,.scw-band--emerald h3,.scw-band--emerald .scw-lead,.scw-band--emerald p,.scw-band--emerald li{color:var(--on-brand)}
.scw-band--emerald a:not(.scw-btn):not(.scw-telbig){color:var(--on-brand);text-decoration-thickness:2px}
.scw-band--emerald a:not(.scw-btn):not(.scw-telbig):hover{color:var(--ink);text-decoration-thickness:3px}
.scw-band--emerald .scw-onwhite,.scw-onwhite{color:var(--text)}
.scw-band--emerald .scw-onwhite h2,.scw-band--emerald .scw-onwhite h3,.scw-band--emerald .scw-onwhite b{color:var(--ink)}
.scw-band--emerald .scw-onwhite p,.scw-band--emerald .scw-onwhite li,.scw-band--emerald .scw-onwhite span{color:var(--text)}
/* the generic span rule above (0,2,1) must not recolour the parts of a call button or the number inside a white plate: the label follows the button (emerald fill = INK), the icon glyph stays ink on lemon, the number stays ink */
.scw-band--emerald .scw-onwhite .scw-btn__t,.scw-band--emerald .scw-onwhite .scw-btn__l,.scw-band--emerald .scw-onwhite .scw-btn .scw-nowrap{color:inherit}
.scw-band--emerald .scw-onwhite .scw-btn__ic,.scw-band--emerald .scw-onwhite .scw-telbig__n{color:var(--ink)}
.scw-stripe{height:14px;background:var(--hatch);border:0}
.scw-scale{height:16px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 16px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 8px repeat-x;opacity:.85}
.scw-scale--lemon{background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 16px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 8px repeat-x,linear-gradient(var(--lemon),var(--lemon)) 0 0/100% 100% no-repeat;opacity:1}

/* ------------------------------------------------------------ type + heads -- */
.scw-stitle{font:800 clamp(1.7rem,1.05rem + 2.5vw,3.05rem)/1.06 var(--f-head);letter-spacing:-.018em;color:var(--ink);margin:0 0 .45em}
.scw-lead{font:500 clamp(1.06rem,1rem + .35vw,1.28rem)/1.62 var(--f-body);color:var(--ink-2);max-width:62ch;margin:0 0 1.2em}
.scw-head{max-width:820px;margin:0 0 clamp(28px,3.6vw,52px)}
.scw-head--center{margin-inline:auto;text-align:center}
.scw-head--center .scw-lead{margin-inline:auto}
.scw-head--rule{max-width:none;display:grid;gap:12px 48px;align-items:end;padding-bottom:20px;border-bottom:3px solid var(--ink)}
@media(min-width:900px){.scw-head--rule{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.scw-head--rule .scw-lead{margin:0}}
.scw-head--narrow{max-width:640px}.scw-head--wide{max-width:1000px}
.scw-eyebrow{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 14px 8px 44px;border:3px solid var(--ink);background:var(--white);font:700 .7rem/1.2 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.scw-eyebrow__ic{position:absolute;left:-3px;top:-3px;bottom:-3px;width:34px;display:grid;place-items:center;background:var(--lemon);color:var(--ink);border-right:3px solid var(--ink)}
.scw-eyebrow__ic svg{width:15px;height:15px}
.scw-eyebrow--left{padding:0 0 0 62px;border:0;background:none;min-height:5px}
.scw-eyebrow--left::before{content:"";position:absolute;left:0;top:50%;width:46px;height:6px;margin-top:-3px;background:linear-gradient(90deg,var(--brand) 0 36px,var(--lemon) 36px)}
.scw-band--emerald .scw-eyebrow{background:var(--brand)}
.scw-band--emerald .scw-eyebrow--left{background:none}
.scw-band--emerald .scw-eyebrow--left::before{background:linear-gradient(90deg,var(--ink) 0 36px,var(--lemon) 36px)}
.scw-ic,.scw-tail svg,.scw-btn svg{display:inline-block;vertical-align:middle}
.scw-tail{white-space:nowrap}
.scw-tail svg{width:1.05em;height:1.05em;margin-left:.4em;stroke-width:2.2}
svg.scw-icon,.scw-icon{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;flex:none}

/* ---------------------------------------------------------------- buttons -- */
.scw-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 30px;border:2px solid var(--ink);background:var(--brand);color:var(--on-brand);font:800 .86rem/1.15 var(--f-head);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .3s var(--ease),border-color .3s}
.scw-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform .38s var(--ease)}
.scw-btn:hover::before,.scw-btn:focus-visible::before{transform:scaleX(1)}
.scw-btn:hover,.scw-btn:focus-visible{color:var(--on-ink)}
.scw-btn--lg{min-height:64px;padding:0 36px;font-size:.92rem}
.scw-btn__t{display:inline-flex;align-items:center;gap:.5em;flex-wrap:wrap;justify-content:center}
.scw-btn__ic{display:grid;place-items:center;width:38px;height:38px;margin-left:-14px;background:var(--lemon);color:var(--ink);flex:none;transition:transform .3s var(--ease)}
.scw-btn--lg .scw-btn__ic{width:42px;height:42px}
.scw-btn:hover .scw-btn__ic{transform:rotate(-12deg) scale(1.06)}
.scw-btn__l{letter-spacing:.09em;text-align:center}
.scw-btn--ghost{background:transparent;color:var(--ink)}
.scw-btn--soft{background:var(--white);color:var(--ink)}
.scw-btn--lemon{background:var(--lemon);color:var(--on-lemon)}
.scw-btn--lemon .scw-btn__ic{background:var(--ink);color:var(--lemon)}
.scw-btn--text{background:none;border-color:transparent;min-height:44px;padding:0 6px;color:var(--brand-ink);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.scw-btn--text::before{display:none}
.scw-btn--text:hover{color:var(--ink)}
.scw-band--emerald .scw-btn--call,.scw-band--emerald .scw-btn--emerald{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.scw-band--emerald .scw-btn::before{background:var(--white)}
.scw-band--emerald .scw-btn:hover,.scw-band--emerald .scw-btn:focus-visible{color:var(--ink)}
.scw-band--emerald .scw-btn--ghost{background:transparent;color:var(--ink)}
.scw-band--emerald .scw-btn--ghost::before{background:var(--ink)}
.scw-band--emerald .scw-btn--ghost:hover{color:var(--on-ink)}
.scw-onwhite .scw-btn--call{background:var(--brand);color:var(--on-brand)}
.scw-onwhite .scw-btn--call::before{background:var(--ink)}
.scw-onwhite .scw-btn--call:hover,.scw-onwhite .scw-btn--call:focus-visible,.scw-band--emerald .scw-btn--ghost:focus-visible{color:var(--on-ink)}
/* the call button on the emerald number slab (alarm-bar hero, a white band): ink fill, FULL-white label, white wipe on hover / focus */
.scw-dial:not(.scw-dial--plain) .scw-btn--call{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.scw-dial:not(.scw-dial--plain) .scw-btn--call::before{background:var(--white)}
.scw-dial:not(.scw-dial--plain) .scw-btn--call:hover,.scw-dial:not(.scw-dial--plain) .scw-btn--call:focus-visible{color:var(--ink)}
.scw-hero__cta,.scw-feature__cta{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:center;margin-top:8px}
.scw-hero__note{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;font:600 .96rem/1.5 var(--f-body);color:var(--ink-2)}
.scw-hero__note svg{color:var(--brand-ink);margin-top:.1em}
.scw-telbig{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.scw-telbig__ic{display:grid;place-items:center;width:46px;height:46px;background:var(--lemon);color:var(--ink);flex:none;transition:transform .3s var(--ease)}
.scw-telbig:hover .scw-telbig__ic{transform:rotate(-10deg)}
.scw-telbig__n{font:900 clamp(1.3rem,.9rem + 2.4vw,2.2rem)/1 var(--f-head);letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}
.scw-telbig:hover .scw-telbig__n{color:var(--brand-ink)}
.scw-band--emerald .scw-telbig:hover .scw-telbig__n{color:var(--on-brand)}
.scw-telbig--xl .scw-telbig__ic{width:clamp(44px,6vw,66px);height:clamp(44px,6vw,66px)}
.scw-telbig--xl .scw-telbig__n{font-size:clamp(1.5rem,.4rem + 5.4vw,3.7rem);letter-spacing:-.02em}

/* ---------------------------------------------------------------- display -- */
.scw-display{--b:clamp(2.1rem,.9rem + 5.4vw,6.4rem);--colw:calc(100vw - 2 * var(--gut) - var(--sb));margin:0 0 .3em;font-family:var(--f-head);font-weight:900;font-size:min(var(--b),calc(var(--colw) / var(--lw,9.3)));line-height:.95;letter-spacing:-.015em;text-transform:uppercase;color:var(--ink);hyphens:none;-webkit-hyphens:none;overflow-wrap:break-word}
.scw-display__a{display:block}
.scw-display__b{display:inline-block;color:var(--brand-ink);padding-bottom:.1em}
.scw-display__b::after{content:"";display:block;height:.12em;margin-top:.1em;background:linear-gradient(90deg,var(--brand) calc(100% - .55em),var(--lemon) 0)}
.scw-display--sm{--b:clamp(1.9rem,.8rem + 4.3vw,4.5rem)}
.scw-display--l1,.scw-display--l2,.scw-display--l3{letter-spacing:-.02em}
.scw-hero--display-panel .scw-display{--colw:calc((min(100vw - var(--sb),var(--maxw)) - 2 * var(--gut)) * 1)}
@media(min-width:1000px){.scw-hero--display-panel .scw-display{--colw:calc((min(100vw - var(--sb),var(--maxw)) - 2 * var(--gut) - 64px) * .5833)}
.scw-hero--service-split .scw-display,.scw-hero--calm-phone .scw-display,.scw-hero--alarm-bar .scw-display{--colw:calc((min(100vw - var(--sb),var(--maxw)) - 2 * var(--gut) - 64px) * .52)}
.scw-hero--compact-cards .scw-display{--colw:calc(min(100vw - var(--sb),var(--maxw)) - 2 * var(--gut))}}
.scw-legalhero .scw-display{--b:clamp(1.9rem,1rem + 3.6vw,3.6rem);--colw:min(calc(100vw - 2 * var(--gut) - var(--sb)),868px)}
.scw-legalhero .scw-display__a,.scw-legalhero .scw-display__b{display:inline}
.scw-legalhero .scw-display__b::after{display:none}
.scw-crumbs{margin:0 0 22px;font:600 .8rem/1.4 var(--f-mono);letter-spacing:.04em}
.scw-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0}
.scw-crumbs li{display:flex;align-items:center;color:var(--muted)}
.scw-crumbs li:not(:last-child)::after{content:"";width:14px;height:2px;margin:0 10px;background:var(--ink);transform:skewX(-35deg)}
.scw-crumbs a{color:var(--brand-ink);text-decoration:none;padding:10px 0;display:inline-block}
.scw-crumbs a:hover{text-decoration:underline}

/* ------------------------------------------------------------------ heroes -- */
.scw-hero{position:relative;padding-block:clamp(40px,5vw,76px) clamp(56px,6vw,92px);overflow:clip}
.scw-hero__in{position:relative;z-index:1}
.scw-hero__bg{display:none}
.scw-hero__grid{display:grid;gap:44px;align-items:center}
.scw-hero__copy{min-width:0}
.scw-hero__wire{display:flex;align-items:center;gap:0;margin:26px 0 24px;max-width:520px}
.scw-hero__wire i{flex:1;height:16px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 16px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 8px repeat-x}
.scw-hero__wire span{display:grid;place-items:center;width:34px;height:34px;margin-left:10px;background:var(--lemon);color:var(--ink)}
.scw-hero__wire span svg{width:17px;height:17px}
/* display-panel (home): 7/5 split, offset emerald block behind the framed panel, scale-band fact rail overlapping the bottom edge */
.scw-hero--display-panel{background:var(--tint);padding-bottom:0}
.scw-hero--display-panel .scw-hero__grid{padding-bottom:clamp(54px,6vw,96px)}
.scw-hero--display-panel .scw-hero__bg{display:block;position:absolute;right:0;top:0;bottom:0;width:100%;pointer-events:none;background:linear-gradient(180deg,transparent 0,transparent 100%)}
.scw-hero--display-panel .scw-lead{margin-top:6px}
.scw-hero__media{position:relative;min-width:0}
.scw-frame{position:relative;margin:0}
.scw-frame::before{content:"";position:absolute;inset:0;transform:translate(clamp(10px,1.6vw,20px),clamp(10px,1.6vw,20px));background:var(--brand)}
.scw-frame__o{position:relative;background:var(--white);padding:clamp(8px,1.2vw,14px);box-shadow:var(--sh-hi)}
.scw-frame__o::before,.scw-frame__o::after{content:"";position:absolute;width:26px;height:26px;border:3px solid var(--ink);pointer-events:none;z-index:2}
.scw-frame__o::before{left:-9px;top:-9px;border-right:0;border-bottom:0}
.scw-frame__o::after{right:-9px;bottom:-9px;border-left:0;border-top:0}
.scw-frame__pic{position:relative;aspect-ratio:4/3;background:var(--tint);overflow:hidden}
.scw-frame__pic--sq{aspect-ratio:1/1}
.scw-frame__pic--wide{aspect-ratio:16/9}
.scw-frame__pic img,.scw-frame__pic .scw-plate{width:100%;height:100%;object-fit:cover}
.scw-frame__bolt{position:absolute;left:-10px;top:34%;z-index:3;display:grid;place-items:center;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);background:var(--lemon);color:var(--ink);border:3px solid var(--ink)}
.scw-frame__bolt svg{width:55%;height:55%}
.scw-frame__tag{position:absolute;left:clamp(8px,1.2vw,14px);bottom:clamp(8px,1.2vw,14px);z-index:3;display:flex;gap:12px;align-items:center;max-width:calc(100% - 28px);padding:12px 16px 12px 12px;background:var(--white);border-left:6px solid var(--brand);box-shadow:var(--sh-sm)}
.scw-frame__tag-ic{display:grid;place-items:center;width:40px;height:40px;background:var(--brand);color:var(--on-brand);flex:none}
.scw-frame__tag b{display:block;font:800 .92rem/1.2 var(--f-head);color:var(--ink)}
.scw-frame__tag small{display:block;font:500 .8rem/1.35 var(--f-body);color:var(--muted)}
.scw-frame__cap{position:absolute;right:0;top:100%;margin-top:30px;font:600 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.scw-hero__top{display:contents}
/* fact rail: ruler-scale strip */
.scw-rail{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 -44px;background:var(--white);box-shadow:var(--sh-hi)}
.scw-rail::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 16px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 8px repeat-x;opacity:.9}
.scw-rail li{position:relative;display:flex;align-items:center;gap:12px;padding:34px 18px 18px;min-width:0}
.scw-rail li+li{border-top:1px solid var(--line)}
@media(min-width:480px){.scw-rail li:nth-child(2){border-top:0}}
.scw-rail__k{position:absolute;right:12px;top:22px;font:600 .66rem var(--f-mono);letter-spacing:.12em;color:var(--muted)}
.scw-rail__ic{display:grid;place-items:center;width:44px;height:44px;background:var(--lemon);color:var(--ink);flex:none}
.scw-rail b{font:800 .95rem/1.25 var(--f-head);color:var(--ink)}
@media(min-width:480px){.scw-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.scw-rail li+li{border-left:1px solid var(--line)}.scw-rail li:nth-child(odd){border-left:0}}
@media(min-width:900px){.scw-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.scw-rail li:nth-child(odd){border-left:1px solid var(--line)}.scw-rail li:first-child{border-left:0}.scw-rail li+li{border-top:0}.scw-rail li{padding:36px 22px 22px}}
.scw-hero--rail+.scw-band{padding-top:calc(var(--bp) + 44px)}
@media(min-width:1000px){
.scw-hero--display-panel .scw-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.scw-hero--display-panel .scw-hero__copy{order:0}
.scw-hero--display-panel .scw-frame{margin-right:clamp(8px,1.6vw,20px);margin-bottom:clamp(8px,1.6vw,20px)}}
@media(min-width:1000px){.scw-hero--display-panel .scw-hero__grid--solo{grid-template-columns:minmax(0,1fr)}}
/* service-split: the band tone (white | tint | paper, from the registry) as the field | a mint art panel as the hard split, the datasheet straddles the line.
   --hl = the field (the tone), --hr = the art panel: mint beside white / paper, the deeper mint-2 beside a tint field so the split never vanishes */
.scw-hero--service-split{--hl:var(--white);--hr:var(--tint);background:var(--hl)}
.scw-hero--service-split.scw-band--tint{--hl:var(--tint);--hr:var(--tint-2)}
.scw-hero--service-split.scw-band--paper{--hl:var(--paper);--hr:var(--tint)}
.scw-hero--service-split .scw-hero__bg{display:block;position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 58%,var(--tint) 58% 100%);opacity:0}
@media(min-width:1000px){.scw-hero--service-split{background:linear-gradient(90deg,var(--hl) 0 56%,var(--hr) 56% 100%)}
.scw-hero--service-split.scw-hero--rev{background:linear-gradient(90deg,var(--hr) 0 44%,var(--hl) 44% 100%)}
.scw-hero--service-split .scw-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px}
.scw-hero--service-split .scw-hero__grid--rev{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}
.scw-hero--service-split .scw-hero__grid--rev .scw-hero__copy{order:2}
.scw-hero--service-split .scw-hero__grid--solo{grid-template-columns:1fr}
@media(max-width:999px){.scw-hero--service-split .scw-spec{background:var(--hr);padding:22px 18px}}
.scw-spec{position:relative}
.scw-spec__fig{position:relative;background:var(--white);padding:12px;box-shadow:var(--sh-hi)}
.scw-spec__fig::before,.scw-spec__fig::after{content:"";position:absolute;width:24px;height:24px;border:3px solid var(--ink);z-index:2}
.scw-spec__fig::before{left:-9px;top:-9px;border-right:0;border-bottom:0}
.scw-spec__fig::after{right:-9px;bottom:-9px;border-left:0;border-top:0}
.scw-spec__fig img,.scw-spec__fig .scw-plate{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--tint)}
.scw-spec__fig--sq img,.scw-spec__fig--sq .scw-plate{aspect-ratio:1/1;max-height:420px}
.scw-spec__fig--wide img,.scw-spec__fig--wide .scw-plate{aspect-ratio:16/9}
.scw-spec__cap{position:absolute;left:12px;bottom:12px;padding:6px 12px;background:var(--white);font:600 .68rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.scw-spec__stamp{position:absolute;right:-12px;top:-22px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:var(--lemon);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--brand)}
.scw-spec__stamp b{font:800 .8rem/1.1 var(--f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.scw-stamp{display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--ink);background:var(--white);color:var(--ink);flex:none;transition:background .25s,transform .3s var(--ease)}
.scw-stamp svg{width:22px;height:22px}
.scw-spec__stamp .scw-stamp{width:34px;height:34px;border-width:2px;background:var(--brand)}
.scw-spec__rows{display:grid;gap:0;margin-top:26px;background:var(--white);box-shadow:var(--sh-sm)}
.scw-spec__rows li{display:flex;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);font:600 .98rem/1.35 var(--f-body);color:var(--ink)}
.scw-spec__rows li:last-child{border-bottom:0}
.scw-spec__ic{display:grid;place-items:center;width:34px;height:34px;background:var(--brand);color:var(--on-brand);flex:none}
.scw-spec__ic svg{width:18px;height:18px}
.scw-spec__tag{display:flex;gap:12px;align-items:center;margin-top:18px;padding:14px 16px;border-left:6px solid var(--brand);background:var(--white)}
.scw-spec__tag b{display:block;font:800 .92rem/1.25 var(--f-head);color:var(--ink)}
.scw-spec__tag small{display:block;font-size:.82rem;color:var(--muted);line-height:1.35}
.scw-spec__tag .scw-frame__tag-ic{width:38px;height:38px}
/* alarm-bar: hazard tape, copy + the emerald NUMBER SLAB with a hard lemon shadow, the safe-behaviour box */
.scw-hero--alarm-bar{padding-top:0}
.scw-hero--alarm-bar.scw-band--paper .scw-safe{background:var(--white)}
.scw-hero__tape{height:18px;background:var(--hatch);margin-bottom:clamp(36px,4.6vw,64px)}
.scw-hero--alarm-bar .scw-hero__grid{align-items:start}
@media(min-width:1000px){.scw-hero--alarm-bar .scw-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px}}
.scw-dial{position:relative;min-width:0}
.scw-dial__o{background:var(--brand);color:var(--on-brand);padding:clamp(24px,3vw,40px);box-shadow:14px 14px 0 var(--lemon);position:relative}
.scw-dial__o::before{content:"";position:absolute;left:0;top:0;right:0;height:14px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 14px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 7px repeat-x}
.scw-dial__in{padding-top:12px}
.scw-dial__k{display:block;margin-bottom:14px;font:700 .72rem var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--on-brand)}
.scw-dial__n{margin:16px 0 22px;font:600 1rem/1.5 var(--f-body);color:var(--on-brand)}
.scw-dial .scw-telbig{color:var(--on-brand)}
.scw-dial__in{container-type:inline-size}
.scw-dial .scw-telbig{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:6px}
.scw-dial--plain .scw-telbig{flex-direction:row;align-items:center;gap:14px;margin-bottom:20px}
.scw-dial--plain .scw-telbig__ic{width:52px;height:52px}
.scw-dial .scw-telbig__n{color:var(--on-brand);font-size:clamp(1.5rem,1rem + 3vw,2.6rem);font-size:clamp(1.5rem,12cqw,3.6rem)}
/* the white plate is a ROW (52 px icon + 14 px gap + number): the number (7.49 em wide, nowrap) takes what the container leaves after the icon; below 260 px of room the icon sits ABOVE the number (like the emerald slab) so the figure keeps its size. Declared after the slab rule and one class stronger, so the slab's 12cqw never reaches the plate. */
.scw-dial.scw-dial--plain .scw-telbig__n{font-size:clamp(1.1rem,calc((100vw - 170px) / 7.9),2.4rem);font-size:clamp(1.25rem,calc((100cqw - 66px) / 7.6),3.6rem)}
@container (max-width:259px){.scw-dial--plain .scw-telbig{flex-direction:column;align-items:flex-start;gap:12px}.scw-dial.scw-dial--plain .scw-telbig__n{font-size:clamp(1.25rem,calc(100cqw / 7.6),3.6rem)}}
.scw-dial .scw-telbig:hover .scw-telbig__n{color:var(--on-brand)}
.scw-dial__btn{width:100%}
.scw-dial--plain{margin-top:0}
.scw-dial--plain .scw-dial__o{background:var(--white);color:var(--text);box-shadow:12px 12px 0 var(--lemon);border:3px solid var(--ink)}
.scw-dial--plain .scw-dial__o::before{display:none}
.scw-dial--plain .scw-dial__in{padding-top:0}
.scw-dial--plain .scw-dial__k{color:var(--brand-ink)}
.scw-dial--plain .scw-dial__n{color:var(--text)}
.scw-dial--plain .scw-telbig,.scw-dial--plain .scw-telbig__n{color:var(--ink)}
.scw-dial--plain .scw-telbig:hover .scw-telbig__n{color:var(--brand-ink)}
.scw-safe{margin-top:clamp(36px,4.4vw,60px);background:var(--paper);border:3px solid var(--ink);position:relative}
.scw-safe::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:12px;background:var(--hatch)}
.scw-safe__t{display:flex;align-items:center;gap:14px;margin:0;padding:28px 24px 8px;font:800 1.18rem/1.2 var(--f-head);color:var(--ink)}
.scw-safe__t svg{width:34px;height:34px;padding:7px;background:var(--lemon);flex:none;stroke:var(--ink)}
.scw-safe__steps{display:grid;gap:0;padding:8px 24px 24px}
.scw-safe__steps li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.scw-safe__steps li:last-child{border-bottom:0}
.scw-safe__n{display:grid;place-items:center;width:34px;height:34px;background:var(--brand);color:var(--on-brand);font:900 1rem var(--f-head);flex:none}
.scw-safe__steps b{display:block;font:800 1.02rem/1.3 var(--f-head);color:var(--ink)}
.scw-safe__steps span{color:var(--text);font-size:.98rem;line-height:1.5}
@media(min-width:900px){.scw-safe__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.scw-safe__steps li{border-bottom:0;border-top:3px solid var(--brand);padding:16px 0 0;flex-direction:column;gap:10px}}
/* calm-phone: copy left; the tile with the phone card overlapping its edge */
.scw-hero--calm-phone{background:var(--white)}
.scw-hero--calm-phone.scw-band--tint,.scw-hero--calm-phone.scw-band--paper{background:var(--tint)}
.scw-hero--calm-phone.scw-band--paper{background:var(--paper)}
@media(min-width:1000px){.scw-hero--calm-phone .scw-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px}
.scw-hero--calm-phone .scw-hero__grid--rev{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.scw-hero--calm-phone .scw-hero__grid--rev .scw-hero__copy{order:2}}
.scw-hero--calm-phone .scw-hero__grid--solo{grid-template-columns:1fr}
.scw-tile{position:relative;margin:0;background:var(--white);padding:10px;box-shadow:var(--sh-hi)}
.scw-tile::before,.scw-tile::after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--ink)}
.scw-tile::before{left:-8px;top:-8px;border-right:0;border-bottom:0}
.scw-tile::after{right:-8px;bottom:-8px;border-left:0;border-top:0}
.scw-tile__o{position:relative}
.scw-tile__pic{aspect-ratio:4/3;background:var(--tint);overflow:hidden}
.scw-tile__pic--sq{aspect-ratio:1/1;max-height:340px;margin-inline:auto}
.scw-tile__pic--wide{aspect-ratio:16/9}
.scw-tile__pic img,.scw-tile__pic .scw-plate{width:100%;height:100%;object-fit:cover}
.scw-tile figcaption{position:absolute;left:10px;bottom:10px;padding:5px 10px;background:var(--white);font:600 .66rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.scw-hero--calm-phone .scw-tile figcaption{bottom:46px}/* the phone card overlaps the tile by 34px: keep the caption above it, never half hidden */
.scw-linebar{position:relative;z-index:2;margin:-34px 14px 0 clamp(14px,5%,44px);padding:22px 22px 22px;display:grid;gap:14px;background:var(--white);border-top:6px solid var(--brand);box-shadow:var(--sh-hi)}
.scw-linebar__k{display:block;font:700 .68rem var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-ink)}
.scw-linebar__n{margin:4px 0 0;font:500 .95rem/1.45 var(--f-body);color:var(--text)}
.scw-linebar .scw-telbig__n{font-size:clamp(1.25rem,.6rem + 3.4vw,2.3rem)}
.scw-linebar .scw-telbig__ic{width:40px;height:40px}.scw-linebar .scw-telbig{gap:12px}
.scw-linebar__btn{width:100%}
.scw-hero__aside{min-width:0;position:relative}
.scw-hero__aside>.scw-phonebox{margin:0}
/* compact-cards: short hero + switchboard bank */
.scw-hero--compact-cards{background:var(--tint);padding-bottom:0}
.scw-hero__copy--wide{max-width:none}
.scw-hero--compact-cards .scw-lead{max-width:72ch}
.scw-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(32px,4vw,56px);background:var(--white);box-shadow:var(--sh-hi);position:relative;z-index:3;margin-bottom:-40px}
.scw-bank li{border-top:1px solid var(--line);border-left:1px solid var(--line)}
.scw-bank li:nth-child(-n+2){border-top:0}
.scw-bank li:nth-child(odd){border-left:0}
@media(min-width:900px){.scw-bank{grid-template-columns:repeat(4,minmax(0,1fr))}.scw-bank li{border-top:0}.scw-bank li:nth-child(odd){border-left:1px solid var(--line)}.scw-bank li:first-child{border-left:0}}
.scw-bank__t{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;min-height:200px;padding:26px 20px 56px;text-decoration:none;color:var(--ink);overflow:hidden;transition:background .3s var(--ease)}
.scw-bank__t::before{content:"";position:absolute;left:0;top:0;right:0;height:12px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 12px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 6px repeat-x;opacity:.55}
.scw-bank__t:hover{background:var(--brand);color:var(--on-brand)}
.scw-bank__t:hover .scw-bank__ic{background:var(--lemon)}
.scw-bank__k{position:absolute;right:16px;top:26px;font:600 .7rem var(--f-mono);letter-spacing:.12em;color:var(--muted)}
.scw-bank__t:hover .scw-bank__k{color:var(--on-brand)}
.scw-bank__ic{display:grid;place-items:center;width:52px;height:52px;margin-top:8px;background:var(--brand);color:var(--on-brand);transition:background .3s}
.scw-bank__ic svg{width:26px;height:26px}
.scw-bank b{font:800 1.18rem/1.15 var(--f-head);margin-top:8px}
.scw-bank small{font:500 .92rem/1.45 var(--f-body);color:var(--text)}
.scw-bank__t:hover small{color:var(--on-brand)}
.scw-bank__go{position:absolute;left:20px;bottom:18px;display:grid;place-items:center;width:34px;height:34px;background:var(--lemon);color:var(--ink);transition:transform .3s var(--ease)}
.scw-bank__t:hover .scw-bank__go{transform:translateX(8px)}
.scw-hero--compact-cards+.scw-band{padding-top:calc(var(--bp) + 40px)}
.scw-hq{display:flex;flex-wrap:wrap;gap:10px 26px;margin:22px 0 0}
.scw-hq li{display:flex;align-items:center;gap:10px;font:600 .95rem var(--f-body);color:var(--ink)}
.scw-hq__ic{display:grid;place-items:center;width:30px;height:30px;background:var(--lemon);color:var(--ink)}
.scw-hq__ic svg{width:16px;height:16px}

/* ---------------------------------------------------------- reveal motion -- */
.js .scw-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .scw-reveal.in{opacity:1;transform:none}
.js .scw-reveal[data-d="1"]{transition-delay:.09s}.js .scw-reveal[data-d="2"]{transition-delay:.18s}.js .scw-reveal[data-d="3"]{transition-delay:.27s}
.no-js .qa__a[hidden]{display:block}

/* ---------------------------------------------------------- trust: seals etc. -- */
.scw-seals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--white);box-shadow:var(--sh)}
.scw-seal{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 14px 22px;text-align:center;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.scw-seal:nth-child(-n+2){border-top:0}.scw-seal:nth-child(odd){border-left:0}
@media(min-width:900px){.scw-seals{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.scw-seal{border-top:0}.scw-seal:nth-child(odd){border-left:1px solid var(--line)}.scw-seal:first-child{border-left:0}}
.scw-seal b{font:800 .98rem/1.25 var(--f-head);color:var(--ink)}
.scw-seal small{font-size:.84rem;line-height:1.35;color:var(--muted)}
.scw-seal:hover .scw-stamp{background:var(--lemon);transform:translateY(-4px)}
.scw-trustbar{background:var(--white);border-block:1px solid var(--line)}
.scw-trustbar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding-block:16px}
.scw-trustbar li{display:flex;align-items:center;gap:10px;font:700 .9rem var(--f-head);color:var(--ink)}
.scw-trustbar__ic{display:grid;place-items:center;width:30px;height:30px;background:var(--lemon);color:var(--ink)}
.scw-trustbar__ic svg{width:16px;height:16px}
.scw-factrail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 8px;border-top:3px solid var(--ink)}
@media(min-width:900px){.scw-factrail{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.scw-factrail li{padding:20px 18px 18px 0}
.scw-factrail b{display:block;font:900 clamp(1.3rem,1rem + 1.3vw,1.9rem)/1.1 var(--f-head);color:var(--ink)}
.scw-factrail span{font:600 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.scw-iboxes{display:grid;gap:44px 28px;padding-top:24px}
@media(min-width:900px){.scw-iboxes--3{grid-template-columns:repeat(3,minmax(0,1fr))}.scw-iboxes--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scw-ibox{position:relative;padding:44px 26px 26px;background:var(--tint);border-top:6px solid var(--brand)}
.scw-band--tint .scw-ibox{background:var(--white)}
.scw-ibox__ic{position:absolute;left:22px;top:-30px;display:grid;place-items:center;width:58px;height:58px;background:var(--lemon);color:var(--ink);border:3px solid var(--ink)}
.scw-ibox__ic svg{width:28px;height:28px}
.scw-ibox__t{font:800 1.3rem/1.15 var(--f-head);margin:0 0 .7em}
.scw-checks li{display:flex;gap:12px;align-items:flex-start;padding:5px 0;font:500 1rem/1.5 var(--f-body);color:var(--text)}
.scw-checks__i{display:grid;place-items:center;width:24px;height:24px;margin-top:2px;background:var(--lemon);color:var(--ink);flex:none}
.scw-checks__i svg{width:14px;height:14px;stroke-width:3}
/* promises: square speech bubbles with a notched tail */
.scw-promises{display:grid;gap:28px}
@media(min-width:760px){.scw-promises--2,.scw-promises--4{grid-template-columns:repeat(2,minmax(0,1fr))}.scw-promises--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.scw-promises--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.scw-promise{display:flex;flex-direction:column}
.scw-promise__bubble{position:relative;flex:1;padding:24px 24px 22px;background:var(--white);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--tint-2)}
.scw-band--tint .scw-promise__bubble{box-shadow:8px 8px 0 var(--white)}
.scw-promise__bubble::after{content:"";position:absolute;left:30px;bottom:-22px;width:22px;height:22px;background:var(--ink);clip-path:polygon(0 0,100% 0,0 100%)}
.scw-promise__bubble::before{content:"";position:absolute;left:33px;bottom:-15px;width:16px;height:16px;background:var(--white);clip-path:polygon(0 0,100% 0,0 100%);z-index:1}
.scw-promise__t{font:800 1.15rem/1.2 var(--f-head);margin:0 0 .5em}
.scw-promise__bubble p{margin:0;font-size:1rem;line-height:1.55}
.scw-promise__foot{display:flex;gap:8px;align-items:center;margin-top:14px!important;font:600 .84rem var(--f-body);color:var(--brand-ink)}
.scw-promise__who{display:flex;align-items:center;gap:12px;margin-top:34px}
.scw-promise__ic{display:grid;place-items:center;width:46px;height:46px;background:var(--brand);color:var(--on-brand)}
.scw-promise__k{font:700 .7rem var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}

/* ------------------------------------------------------------------- cards -- */
.scw-cards{display:grid;gap:34px 28px}
@media(min-width:640px){.scw-cards--2,.scw-cards--3,.scw-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.scw-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.scw-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.scw-card{position:relative;display:flex;flex-direction:column;background:var(--white);box-shadow:var(--sh);transition:transform .4s var(--ease),box-shadow .4s}
.scw-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--brand) calc(100% - 30px),var(--lemon) 0);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.scw-card:hover{transform:translateY(-7px);box-shadow:var(--sh-hi)}
.scw-card:hover::after,.scw-card:focus-within::after{transform:scaleX(1)}
.scw-card__media{position:relative;aspect-ratio:4/3;background:var(--tint);overflow:hidden}
.scw-card__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 12px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 6px repeat-x;opacity:.4}
.scw-card__media img,.scw-card__media .scw-plate{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.scw-card:hover .scw-card__media img{transform:scale(1.05)}
.scw-card__n{position:absolute;right:0;top:0;padding:8px 12px;background:var(--lemon);color:var(--ink);font:700 .78rem/1 var(--f-mono);letter-spacing:.1em;z-index:2}
.scw-card__body{position:relative;display:flex;flex-direction:column;flex:1;padding:0 26px 26px}
.scw-card__ic{display:grid;place-items:center;width:62px;height:62px;margin:-31px 0 18px;background:var(--lemon);color:var(--ink);border:3px solid var(--ink);position:relative;z-index:2;transition:transform .35s var(--ease)}
.scw-card:hover .scw-card__ic{transform:rotate(-6deg) translateY(-3px)}
.scw-card__ic svg{width:30px;height:30px}
.scw-card__t{font:800 1.34rem/1.15 var(--f-head);margin:0 0 .5em}
.scw-card__a{color:var(--ink);text-decoration:none}
.scw-card__a::after{content:"";position:absolute;inset:-9999px;inset:0;z-index:1}
.scw-card__a:hover{color:var(--ink)}
.scw-card__body p{margin:0 0 1.1em;font-size:1rem;line-height:1.58}
.scw-card__more{margin-top:auto;display:inline-flex;align-items:center;column-gap:.74em;font:700 .76rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}
.scw-card__more .scw-tail svg{display:inline-grid;width:30px;height:30px;padding:7px;margin-left:12px;background:var(--brand);color:var(--on-brand);vertical-align:middle;transition:transform .3s var(--ease)}
.scw-card:hover .scw-card__more .scw-tail svg{transform:translateX(6px)}
.scw-cards--icon .scw-card__body,.scw-cards--num .scw-card__body{padding-top:28px}
.scw-cards--icon .scw-card__ic{margin-top:0}
.scw-cards--num .scw-card__num{display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;background:var(--lemon);border:3px solid var(--ink);font:900 1.5rem var(--f-head);color:var(--ink)}
.scw-cards--icon .scw-card,.scw-cards--num .scw-card{border-top:6px solid var(--brand)}
/* rows */
.scw-rows{border-top:3px solid var(--ink)}
.scw-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line-strong);transition:padding .35s var(--ease),background .3s}
@media(min-width:760px){.scw-row{grid-template-columns:auto minmax(0,1fr) 220px}.scw-rows--nomedia .scw-row{grid-template-columns:auto minmax(0,1fr)}}
.scw-row--link:hover{background:var(--tint);padding-inline:18px}
.scw-row__n{display:grid;place-items:center;width:64px;height:64px;background:var(--brand);color:var(--on-brand);font:900 1.4rem var(--f-head);transition:background .3s}
.scw-row--link:hover .scw-row__n{background:var(--lemon)}
.scw-row__t{font:800 1.34rem/1.15 var(--f-head);margin:0 0 .35em}
.scw-row__a{color:var(--ink);text-decoration:none}
.scw-row__a::after{content:"";position:absolute;inset:0}
.scw-row__b p{margin:0 0 .6em;font-size:1rem;line-height:1.55}
.scw-row__more{display:inline-flex;column-gap:.74em;font:700 .74rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}
.scw-row__shot{display:none}
@media(min-width:760px){.scw-row__shot{display:block;position:relative;aspect-ratio:4/3;background:var(--tint);overflow:hidden}.scw-row__shot img{width:100%;height:100%;object-fit:cover}}
/* icon list */
.scw-iconlist{display:grid;gap:0}
.scw-iconlist--2{gap:0 40px}
@media(min-width:900px){.scw-iconlist--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scw-iconlist li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.scw-iconlist__ic{display:grid;place-items:center;width:48px;height:48px;background:var(--brand);color:var(--on-brand);flex:none;transition:background .3s,transform .3s var(--ease)}
.scw-iconlist li:hover .scw-iconlist__ic{background:var(--lemon);transform:translateX(4px)}
.scw-iconlist--check .scw-iconlist__ic{width:30px;height:30px;margin-top:2px;background:var(--lemon)}
.scw-iconlist--check .scw-iconlist__ic svg{width:16px;height:16px;stroke-width:3}
.scw-iconlist b{display:block;font:800 1.08rem/1.25 var(--f-head);color:var(--ink)}
.scw-iconlist li span:last-child,.scw-iconlist div span{display:block;font-size:1rem;line-height:1.55;color:var(--text);margin-top:3px}
/* factors, situations */
.scw-factors,.scw-sits{display:grid;gap:0;background:var(--white);box-shadow:var(--sh)}
@media(min-width:640px){.scw-factors--2,.scw-factors--3,.scw-factors--4,.scw-sits--2,.scw-sits--3,.scw-sits--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.scw-factors--3,.scw-sits--3{grid-template-columns:repeat(3,minmax(0,1fr))}.scw-factors--4,.scw-sits--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.scw-factor,.scw-sit{position:relative;padding:28px 24px;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:-1px 0 0 -1px}
.scw-factor::before,.scw-sit::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:5px;background:var(--brand);transition:width .4s var(--ease)}
.scw-factor:hover::before,.scw-sit:hover::before{width:100%}
.scw-factor__ic,.scw-sit__ic{display:grid;place-items:center;width:50px;height:50px;margin-bottom:16px;background:var(--lemon);color:var(--ink)}
.scw-factor__t,.scw-sit__t{font:800 1.12rem/1.2 var(--f-head);margin:0 0 .4em}
.scw-factor p,.scw-sit p{margin:0;font-size:.98rem;line-height:1.55}
.scw-timeline{position:relative;padding-left:0;display:grid;gap:0}
.scw-timeline li{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:0 0 30px}
.scw-timeline li::before{content:"";position:absolute;left:124px;top:6px;bottom:0;width:0;border-left:3px solid var(--ink)}
.scw-timeline li:last-child::before{display:none}
.scw-timeline__k{font:700 .74rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink);padding-top:4px}
.scw-timeline li>div{position:relative;padding-left:28px}
.scw-timeline li>div::before{content:"";position:absolute;left:-1px;top:4px;width:22px;height:22px;background:var(--lemon);border:3px solid var(--ink)}
.scw-timeline__t{font:800 1.12rem/1.2 var(--f-head);margin:0 0 .3em}
.scw-timeline p{margin:0}
.scw-factsheet{background:var(--white);box-shadow:var(--sh);border-top:6px solid var(--brand)}
.scw-factsheet__t{margin:0;padding:18px 22px 6px;font:700 .72rem var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-ink)}
.scw-factsheet dl{margin:0;padding:0 22px 12px}
.scw-factsheet dl>div{display:grid;grid-template-columns:minmax(110px,36%) minmax(0,1fr);gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.scw-factsheet dl>div:last-child{border-bottom:0}
.scw-factsheet dt{font:800 .95rem var(--f-head);color:var(--ink)}.scw-factsheet dd{margin:0;font-size:.98rem}
.scw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;margin:0;border-top:3px solid var(--ink)}
.scw-stat{padding:18px 16px 18px 0;display:flex;flex-direction:column-reverse}
.scw-stat dt{font:600 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scw-stat dd{margin:0;font:900 2rem var(--f-head);color:var(--ink)}
.scw-compare{display:grid;gap:24px}
@media(min-width:800px){.scw-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scw-compare__col{padding:26px;background:var(--white);box-shadow:var(--sh)}
.scw-compare__col--yes{border-top:6px solid var(--brand)}.scw-compare__col--no{border-top:6px solid var(--line-strong)}
.scw-compare__t{display:flex;gap:12px;align-items:center;margin:0 0 14px;font:800 1.15rem var(--f-head);color:var(--ink)}
.scw-compare__list,.scw-abgrenzung__list{margin:0;padding:0;list-style:none}
.scw-compare__list li{padding:9px 0 9px 22px;border-bottom:1px solid var(--line);position:relative;font-size:1rem;line-height:1.5}
.scw-compare__list li::before{content:"";position:absolute;left:0;top:1.05em;width:10px;height:10px;background:var(--brand)}
.scw-compare__col--no .scw-compare__list li::before{background:var(--line-strong)}
.scw-chips{display:flex;flex-wrap:wrap;gap:10px}
.scw-chips--center{justify-content:center}
.scw-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid var(--ink);background:var(--white);color:var(--ink);font:700 .92rem var(--f-head);text-decoration:none;transition:background .25s,transform .25s var(--ease)}
a.scw-chip:hover{background:var(--lemon);color:var(--ink);transform:translateY(-3px)}
.scw-chip--static{border-color:var(--line-strong);font-weight:600}

/* -------------------------------------------------- strip (work grid) / split -- */
.scw-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}
@media(min-width:900px){.scw-strip--3{grid-template-columns:repeat(3,minmax(0,1fr))}.scw-strip--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.scw-strip figure{position:relative;margin:0;overflow:hidden;background:var(--white)}
.scw-strip__pic{aspect-ratio:4/3;background:var(--tint);overflow:hidden}
.scw-strip--sq .scw-strip__pic{aspect-ratio:1/1}
.scw-strip__pic img,.scw-strip__pic .scw-plate{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.scw-strip figure:hover .scw-strip__pic img{transform:scale(1.06)}
.scw-strip__tag{position:absolute;left:0;top:0;padding:6px 10px;background:var(--lemon);color:var(--ink);font:700 .64rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.scw-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 14px;background:var(--white);border-top:5px solid var(--brand);font:800 .98rem/1.25 var(--f-head);color:var(--ink);transform:translateY(100%);transition:transform .45s var(--ease)}
.scw-strip figure:hover figcaption,.scw-strip figure:focus-within figcaption{transform:none}
@media(hover:none){.scw-strip figcaption{position:static;transform:none;border-top-width:3px}}
.scw-strip__note{margin:12px 0 0;font:600 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.scw-split,.scw-feature{display:grid;gap:clamp(32px,5vw,72px);align-items:center}
@media(min-width:900px){.scw-split,.scw-feature{grid-template-columns:repeat(2,minmax(0,1fr))}.scw-split--wide-l{grid-template-columns:1.25fr 1fr}.scw-split--wide-r{grid-template-columns:1fr 1.25fr}
.scw-split--rev .scw-split__copy,.scw-feature--rev .scw-feature__copy{order:2}.scw-split--top{align-items:start}}
.scw-split__copy,.scw-feature__copy,.scw-split__media,.scw-feature__media{min-width:0}
.scw-cols{display:grid;gap:clamp(28px,4vw,56px)}
@media(min-width:900px){.scw-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.scw-cols--wide-l{grid-template-columns:1.3fr 1fr}.scw-cols--wide-r{grid-template-columns:1fr 1.3fr}}
.scw-fig{position:relative;margin:0}
.scw-fig__in{position:relative;background:var(--white);padding:12px;box-shadow:var(--sh-hi)}
.scw-fig__in::before,.scw-fig__in::after{content:"";position:absolute;width:24px;height:24px;border:3px solid var(--ink);z-index:2}
.scw-fig__in::before{left:-9px;top:-9px;border-right:0;border-bottom:0}.scw-fig__in::after{right:-9px;bottom:-9px;border-left:0;border-top:0}
.scw-fig__in img,.scw-fig__in .scw-plate{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--tint)}
.scw-fig__in img.scw-illu--sq{aspect-ratio:1/1;max-height:460px;margin-inline:auto}
.scw-fig__in img.scw-illu--wide,.scw-illu--wide{aspect-ratio:16/9}
.scw-fig--card{padding:0 18px 18px 0}
/* the offset emerald block is a hard shadow of the picture frame (18 px right + down): identical look, but it ends with the frame, so a figcaption below is never painted over */
.scw-fig--card .scw-fig__in{margin-right:0;box-shadow:var(--sh-hi),18px 18px 0 var(--brand)}
.scw-fig.scw-fig--card figcaption{margin-top:34px}
.scw-fig--round .scw-fig__in{border:0}
.scw-fig figcaption{margin-top:16px;font:600 .74rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.scw-sheet{position:relative;margin:0;padding:0 16px 16px 0}
.scw-sheet::before{content:"";position:absolute;inset:16px 0 0 16px;background:var(--lemon)}
.scw-sheet__pic{position:relative;padding:12px;background:var(--white);box-shadow:var(--sh-hi)}
.scw-sheet__pic img,.scw-sheet__pic .scw-plate{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:460px;background:var(--tint)}
.scw-sheet figcaption{position:relative;margin-top:14px;font:600 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.scw-trustwork__stamp{position:absolute;left:-14px;top:24px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:var(--white);border:3px solid var(--ink)}
.scw-trustwork__stamp .scw-stamp{background:var(--brand);width:36px;height:36px}
.scw-trustwork__stamp b{font:800 .8rem var(--f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.scw-plate{display:block;width:100%;height:100%;background:var(--tint)}
.scw-plate svg{width:100%;height:100%;display:block}
.scw-plate__h{fill:var(--ink)}.scw-plate__b{fill:var(--brand)}
.scw-illu{width:100%;height:auto}
.scw-blds{display:grid;gap:30px 26px}
@media(min-width:640px){.scw-blds--2,.scw-blds--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.scw-blds--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.scw-bld{background:var(--white);box-shadow:var(--sh);border-bottom:6px solid var(--tint-2);transition:transform .35s var(--ease),border-color .3s}
.scw-bld:hover{transform:translateY(-6px);border-bottom-color:var(--brand)}
.scw-bld__pic{position:relative;aspect-ratio:4/3;background:var(--tint);overflow:hidden}
.scw-bld__pic img,.scw-bld__pic .scw-plate{width:100%;height:100%;object-fit:cover}
.scw-bld__tag{position:absolute;left:0;top:0;padding:6px 10px;background:var(--lemon);color:var(--ink);font:700 .64rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.scw-bld__b{padding:20px 22px 24px}
.scw-bld__t{font:800 1.2rem/1.2 var(--f-head);margin:0 0 .4em}
.scw-bld__b p{margin:0;font-size:.98rem;line-height:1.55}
.scw-blds__foot{margin-top:34px;text-align:center}

/* -------------------------------------------------------------- steps -- */
.scw-steps{display:grid;gap:26px;counter-reset:s}
@media(min-width:640px){.scw-steps--cards.scw-steps--c2,.scw-steps--cards.scw-steps--c3,.scw-steps--cards.scw-steps--c4,.scw-steps--cards.scw-steps--c5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.scw-steps--cards.scw-steps--c3{grid-template-columns:repeat(3,minmax(0,1fr))}.scw-steps--cards.scw-steps--c4{grid-template-columns:repeat(4,minmax(0,1fr))}.scw-steps--cards.scw-steps--c5{grid-template-columns:repeat(5,minmax(0,1fr))}}
.scw-step{position:relative;padding:30px 24px 26px;background:var(--white);box-shadow:var(--sh);overflow:hidden;border-top:6px solid var(--brand);transition:transform .35s var(--ease),box-shadow .35s}
.scw-band--white .scw-step{background:var(--tint)}
.scw-step:hover{transform:translateY(-5px);box-shadow:var(--sh-hi)}
.scw-step__ghost{position:absolute;right:6px;top:-14px;font:900 7rem/1 var(--f-head);color:var(--ink);opacity:.07;pointer-events:none;user-select:none}
.scw-step__n{position:relative;display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;background:var(--lemon);border:3px solid var(--ink);color:var(--ink);font:900 1.4rem var(--f-head)}
.scw-step__t{position:relative;font:800 1.18rem/1.2 var(--f-head);margin:0 0 .45em}
.scw-step p{position:relative;margin:0;font-size:1rem;line-height:1.56}
.scw-steps--vertical{gap:0;padding-left:0}
.scw-steps--vertical .scw-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 22px;padding:0 0 30px;background:none;box-shadow:none;border-top:0;overflow:visible}
.scw-steps--vertical .scw-step:hover{transform:none;box-shadow:none}
.scw-steps--vertical .scw-step::before{content:"";position:absolute;left:25px;top:56px;bottom:4px;border-left:3px solid var(--ink)}
.scw-steps--vertical .scw-step:last-child::before{display:none}
.scw-steps--vertical .scw-step__n{margin:0}
.scw-steps--vertical .scw-step__ghost{right:0;top:-10px;font-size:5.4rem}
.scw-steps--vertical .scw-step__b{padding-top:6px}

/* ----------------------------------------------------------------- faq -- */
.scw-faq{display:grid;gap:10px;max-width:920px}
.scw-faq .qa{background:var(--white);border:1px solid var(--line-strong);border-left:8px solid var(--line-strong);transition:border-color .3s,box-shadow .3s}
.scw-faq .qa:hover{box-shadow:var(--sh-sm)}
.scw-faq .qa.is-open{border-left-color:var(--brand);box-shadow:var(--sh)}
.scw-faq .qa__h{margin:0;font-size:1rem}
.scw-faq .qa__b{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px 12px 20px;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink);font:800 1.1rem/1.3 var(--f-head)}
.scw-faq .qa__q{flex:1}
.scw-faq .qa__ic{display:grid;place-items:center;width:40px;height:40px;background:var(--lemon);color:var(--ink);flex:none;transition:transform .35s var(--ease),background .3s}
.scw-faq .qa.is-open .qa__ic{transform:rotate(45deg);background:var(--brand)}
.scw-faq .qa__a{padding:0 22px 20px 20px;font-size:1.02rem;line-height:1.65}
.scw-faq .qa__a p:last-child{margin-bottom:0}
.scw-faq--cols{max-width:none}
/* ------------------------------------------------------------ notices -- */
.scw-notice{position:relative;display:flex;gap:18px;align-items:flex-start;padding:22px 24px 22px 22px;background:var(--white);border:1px solid var(--line-strong);border-left:10px solid var(--brand);box-shadow:var(--sh-sm)}
.scw-notice--info{border-left-color:var(--brand)}
.scw-notice--ok{border-left-color:var(--lemon-lo)}
.scw-notice--danger{border-left-color:var(--danger);background:var(--white);border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-bg)}
.scw-notice__ic{display:grid;place-items:center;width:44px;height:44px;background:var(--brand);color:var(--on-brand);flex:none}
.scw-notice--ok .scw-notice__ic{background:var(--lemon);color:var(--ink)}
.scw-notice--danger .scw-notice__ic{background:var(--danger);color:var(--on-ink)}
.scw-notice__b{min-width:0}
.scw-notice__t{margin:0 0 .4em;font:800 1.12rem/1.25 var(--f-head);color:var(--ink)}
.scw-notice--danger .scw-notice__t{color:var(--danger)}
.scw-notice__b p{font-size:1rem;line-height:1.6}.scw-notice__b p:last-child{margin-bottom:0}
.scw-notice--center{max-width:900px;margin-inline:auto}
.scw-hazard__steps{display:grid;gap:8px;margin:12px 0}
.scw-hazard__steps li{display:flex;gap:12px;align-items:flex-start;counter-increment:hz;font-weight:600}
.scw-hazard__steps li::before{content:counter(hz);display:grid;place-items:center;width:28px;height:28px;background:var(--danger);color:var(--on-ink);font:900 .9rem var(--f-head);flex:none}
.scw-hazard__steps{counter-reset:hz}
/* abgrenzung */
.scw-abgrenzung{position:relative;display:grid;gap:34px}
@media(min-width:860px){.scw-abgrenzung{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 60px}.scw-abgrenzung__foot{grid-column:1/-1}}
.scw-abgrenzung__side{position:relative;padding:28px 26px 26px;background:var(--white);box-shadow:var(--sh);border-top:6px solid var(--line-strong)}
.scw-abgrenzung__side--right{background:var(--tint);border-top-color:var(--brand)}
.scw-band--tint .scw-abgrenzung__side--right{background:var(--white)}
.scw-abgrenzung__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.scw-abgrenzung__ic{display:grid;place-items:center;width:54px;height:54px;background:var(--white);border:3px solid var(--ink);color:var(--ink)}
.scw-abgrenzung__side--right .scw-abgrenzung__ic{background:var(--lemon)}
.scw-abgrenzung__tag{font:700 .68rem var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.scw-abgrenzung__t{font:800 1.3rem/1.15 var(--f-head);margin:0 0 .7em}
.scw-abgrenzung__list li{display:flex;gap:12px;align-items:flex-start;padding:7px 0;font-size:1rem;line-height:1.5}
.scw-abgrenzung__dot{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;background:var(--tint-2);color:var(--ink);flex:none}
.scw-abgrenzung__dot svg{width:14px;height:14px}
.scw-abgrenzung__side--right .scw-abgrenzung__dot{background:var(--brand)}
.scw-abgrenzung__or{position:absolute;left:50%;top:50%;z-index:3;display:none;place-items:center;width:62px;height:62px;margin:-31px 0 0 -31px;background:var(--lemon);border:3px solid var(--ink);font:800 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
@media(min-width:860px){.scw-abgrenzung__or{display:grid;top:40%}}
.scw-abgrenzung__foot{margin-top:6px;font-size:1.02rem}

/* ------------------------------------------------------------- phone -- */
.scw-callrow{display:grid;gap:18px;align-items:center;padding:22px 24px;background:var(--tint);border-left:10px solid var(--brand);margin-block:8px}
@media(min-width:860px){.scw-callrow{grid-template-columns:minmax(0,1fr) auto;gap:30px}}
.scw-band--tint .scw-callrow{background:var(--white)}
.scw-callrow__t{margin:0 0 .2em;font:800 1.25rem/1.2 var(--f-head);color:var(--ink)}
.scw-callrow__copy p:last-child{margin:0;font-size:1rem}
.scw-callrow__act{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.scw-phoneband{display:grid;gap:clamp(28px,4vw,56px);align-items:center}
@media(min-width:900px){.scw-phoneband:not(.scw-phoneband--solo){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.scw-phoneband__num{margin:6px 0 20px}
.scw-phoneband__cta{margin-bottom:6px}
.scw-phoneband__note{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;font:600 .96rem var(--f-body)}
.scw-phoneband__asks{padding:26px 26px 22px;background:var(--white);box-shadow:12px 12px 0 var(--lemon);border:3px solid var(--ink)}
.scw-phoneband__k{display:flex;gap:12px;align-items:center;margin:0 0 14px;font:800 1.08rem var(--f-head);color:var(--ink)}
.scw-phoneband__k svg{width:34px;height:34px;padding:7px;background:var(--lemon);flex:none}
.scw-asks li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}
.scw-asks li:last-child{border-bottom:0}
.scw-asks__n{display:grid;place-items:center;width:30px;height:30px;background:var(--brand);color:var(--on-brand);font:900 .9rem var(--f-head);flex:none}
.scw-asks b{display:block;font:800 1rem/1.3 var(--f-head);color:var(--ink)}.scw-asks div span{display:block;font-size:.92rem;line-height:1.45;color:var(--text)}
.scw-phonebox{background:var(--white);box-shadow:var(--sh-hi);border-top:8px solid var(--brand)}
.scw-phonebox__top{padding:24px 24px 18px}
.scw-phonebox__t{margin:0 0 .4em;font:800 1.3rem/1.2 var(--f-head);color:var(--ink)}
.scw-phonebox__top p{font-size:1rem;margin:0 0 14px}
.scw-phonebox__asks{padding:0 24px 8px;border-top:1px solid var(--line)}
.scw-phonebox__asks li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.96rem}
.scw-phonebox__asks svg{color:var(--brand-ink)}
.scw-phonebox__asks b{display:block;color:var(--ink)}
.scw-phonebox__note{display:flex;gap:10px;margin:0;padding:14px 24px 20px;font:600 .92rem var(--f-body);color:var(--ink-2)}
.scw-cta{display:grid;gap:clamp(30px,4.6vw,64px);align-items:center}
@media(min-width:900px){.scw-cta{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.scw-cta__links{display:flex;flex-wrap:wrap;gap:6px 22px;font-weight:700}
.scw-band--closing .scw-dial--plain{margin-top:0}
.scw-lede{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
@media(min-width:900px){.scw-lede{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.scw-lede__cols{display:grid;gap:0 36px}
@media(min-width:760px){.scw-lede__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.scw-lede__cols p:first-child{grid-column:1/-1;font:500 clamp(1.15rem,1rem + .7vw,1.45rem)/1.55 var(--f-body);color:var(--ink)}}
.scw-pull{margin:0;padding:26px 28px;background:var(--white);box-shadow:var(--sh);border-left:10px solid var(--lemon-lo);font:800 clamp(1.2rem,1rem + .9vw,1.6rem)/1.3 var(--f-head);color:var(--ink)}
.scw-pull p{margin:0}.scw-pull cite{display:block;margin-top:12px;font:600 .74rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--muted)}
.scw-pull--center{max-width:860px;margin-inline:auto;text-align:center}
.scw-statement{max-width:980px}
.scw-statement__t{margin:0;font:900 clamp(1.8rem,1rem + 3.6vw,3.6rem)/1.08 var(--f-head);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.scw-statement__t mark{background:linear-gradient(var(--lemon),var(--lemon)) 0 88%/100% .42em no-repeat;color:var(--ink);padding:0 .08em}
.scw-statement__s{margin:18px 0 0;font:600 .78rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ================================================== SIGNATURE: die Messuhr ==
   Signature class family: .scw-messuhr — the process "vom Anruf bis zum Befund" as an analogue measuring instrument.
   Static (no JS / reduced motion / ?scwstatic) = fully swept: needle on the last station, arc filled, every station lit.
   theme.js adds .is-armed (needle at the first station, arc empty, stations dark) and .is-run when the stage scrolls into view. */
.scw-messuhr__stage{position:relative;width:100%;max-width:820px;margin:0 auto clamp(28px,3.6vw,48px)}
.scw-messuhr__dial{position:relative;width:100%;aspect-ratio:760/400}
.scw-messuhr__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.scw-messuhr__face{fill:var(--tint);stroke:var(--ink);stroke-width:3}
.scw-band--tint .scw-messuhr__face{fill:var(--white)}
.scw-messuhr__plinth{fill:var(--ink)}
.scw-messuhr__track{fill:none;stroke:var(--tint-2);stroke-width:18;stroke-linecap:butt}
.scw-band--tint .scw-messuhr__track{stroke:var(--tint-2)}
.scw-messuhr__fill{fill:none;stroke:var(--brand);stroke-width:18;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:0}
.scw-messuhr__tick{stroke:var(--ink);stroke-width:2;stroke-linecap:butt}
.scw-messuhr__tick--maj{stroke-width:3.5}
.scw-messuhr__needle{transform-box:view-box;transform-origin:380px 350px;transform:rotate(75deg)}
.scw-messuhr__needle polygon{fill:var(--ink)}
.scw-messuhr__hub{fill:var(--ink)}.scw-messuhr__hub2{fill:var(--lemon)}
.scw-messuhr__marks{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.scw-messuhr__st{position:absolute;width:0;height:0}
.scw-messuhr__mk{position:absolute;left:0;top:0;display:grid;place-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;background:var(--lemon);border:3px solid var(--ink);color:var(--ink);font:900 1.05rem/1 var(--f-head);z-index:2}
.scw-messuhr{--mb:var(--white)}.scw-band--tint.scw-messuhr{--mb:var(--tint)}.scw-band--paper.scw-messuhr{--mb:var(--paper)}
.scw-messuhr__lb{position:absolute;left:0;top:0;width:max-content;max-width:138px;padding:2px 5px;background:var(--mb);font:700 .72rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.scw-messuhr__st[data-side="l"] .scw-messuhr__lb{transform:translate(calc(-100% - 34px),-50%);text-align:right}
.scw-messuhr__st[data-side="r"] .scw-messuhr__lb{transform:translate(34px,-50%)}
.scw-messuhr__st[data-side="t"] .scw-messuhr__lb{transform:translate(-50%,calc(-100% - 32px));text-align:center}
.scw-messuhr__st[data-side="ul"] .scw-messuhr__lb{transform:translate(calc(-100% - 26px),calc(-100% - 18px));text-align:right}
.scw-messuhr__st[data-side="ur"] .scw-messuhr__lb{transform:translate(26px,calc(-100% - 18px))}
.scw-messuhr__cards{display:grid;gap:18px;counter-reset:mu}
@media(min-width:640px){.scw-messuhr__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.scw-messuhr--n3 .scw-messuhr__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.scw-messuhr--n4 .scw-messuhr__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.scw-messuhr--n5 .scw-messuhr__cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
.scw-messuhr__card{position:relative;padding:26px 20px 22px;background:var(--white);border-top:6px solid var(--brand);box-shadow:var(--sh)}
.scw-band--white .scw-messuhr__card{background:var(--tint)}
.scw-messuhr__no{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;background:var(--lemon);border:3px solid var(--ink);color:var(--ink);font:900 1.1rem var(--f-head)}
.scw-messuhr__t{font:800 1.12rem/1.2 var(--f-head);margin:0 0 .4em}
.scw-messuhr__card p{margin:0;font-size:.98rem;line-height:1.55}
.scw-messuhr--rail .scw-messuhr__stage{margin-bottom:0}
.scw-messuhr--rail .scw-messuhr__lb{max-width:100px}
@media(max-width:1279px){.scw-messuhr--rail .scw-messuhr__lb{display:none}}
@media(min-width:1000px){.scw-messuhr--rail .scw-messuhr__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.scw-messuhr--rail .scw-messuhr__cards{grid-template-columns:1fr}}
@media(max-width:759px){.scw-messuhr__stage{max-width:420px}.scw-messuhr__lb{display:none}.scw-messuhr__mk{width:32px;height:32px;margin:-16px 0 0 -16px;border-width:2.5px;font-size:.85rem}
.scw-messuhr__cards{gap:0}.scw-messuhr__card{padding:20px 18px 20px 76px;border-top:0;border-left:6px solid var(--brand);margin-bottom:12px}.scw-messuhr__no{position:absolute;left:14px;top:18px;margin:0}}
@keyframes scw-sweep{0%{transform:rotate(-75deg);animation-timing-function:linear}86%{transform:rotate(78deg);animation-timing-function:ease-in-out}100%{transform:rotate(75deg)}}
@keyframes scw-arc{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes scw-mk{0%{background:var(--white);transform:scale(1)}60%{background:var(--lemon);transform:scale(1.22)}100%{background:var(--lemon);transform:scale(1)}}
@keyframes scw-cardon{from{border-color:var(--line-strong)}to{border-color:var(--brand)}}
.js .scw-messuhr.is-armed .scw-messuhr__needle{transform:rotate(-75deg)}
.js .scw-messuhr.is-armed .scw-messuhr__fill{stroke-dashoffset:100}
.js .scw-messuhr.is-armed .scw-messuhr__mk{background:var(--white)}
.js .scw-messuhr.is-armed .scw-messuhr__card{border-color:var(--line-strong)}
.js .scw-messuhr.is-run .scw-messuhr__needle{animation:scw-sweep 2.8s forwards}
.js .scw-messuhr.is-run .scw-messuhr__fill{animation:scw-arc 2.4s linear forwards}
.js .scw-messuhr.is-run .scw-messuhr__mk{animation:scw-mk .7s var(--ease) both;animation-delay:var(--dl,0s)}
.js .scw-messuhr.is-run .scw-messuhr__card{animation:scw-cardon .5s ease both;animation-delay:var(--dl,0s)}

/* ===================================================================== chrome == */
.scw-topbar{background:var(--tint-2);border-bottom:1px solid var(--line);font:600 .74rem/1.3 var(--f-mono);letter-spacing:.05em;color:var(--ink)}
.scw-topbar__in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px}
.scw-topbar p{margin:0}
.scw-topbar__l{display:flex;align-items:center;gap:10px}
.scw-topbar__ic{display:grid;place-items:center;width:22px;height:22px;background:var(--lemon);color:var(--ink);flex:none}
.scw-topbar__ic svg{width:13px;height:13px}
.scw-topbar__short,.scw-topbar__tiny{display:none}
@media(max-width:899px){.scw-topbar__long{display:none}.scw-topbar__short{display:inline}}
@media(max-width:520px){.scw-topbar__short{display:none}.scw-topbar__tiny{display:inline}.scw-topbar__rk{display:none}}
.scw-topbar__r{flex:none;white-space:nowrap}
.scw-topbar__r a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:.06em}
.scw-topbar__r a:hover{color:var(--brand-ink);text-decoration:underline}
.scw-header{position:sticky;top:0;z-index:90;background:var(--white);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.scw-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 12px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 6px repeat-x;opacity:.28;pointer-events:none}
.scw-header.is-scrolled{box-shadow:0 8px 34px rgba(6,35,26,.12)}
.scw-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.scw-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}
.scw-mark{display:block;flex:none;line-height:0}
.scw-mark svg{display:block;width:46px;height:46px}
.scw-brand__t{display:flex;flex-direction:column;min-width:0}
.scw-brand__n{font:900 1.02rem/1.12 var(--f-head);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
.scw-brand__n em{display:block;font-style:normal;color:var(--brand-ink);font-size:.98em}
.scw-brand__s{margin-top:3px;font:600 .62rem var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.scw-nav__main{display:none}
.scw-nav__right{display:flex;align-items:center;gap:10px}
.scw-nav__call{min-height:46px;padding:0 20px 0 0;gap:12px;font-size:.82rem}
.scw-nav__call .scw-btn__ic{margin-left:0;width:46px;height:46px}
.scw-nav__call-t{white-space:nowrap}
@media(max-width:559px){.scw-nav .scw-nav__call{padding:0;gap:0;min-width:0}.scw-nav__call .scw-btn__t{display:none}}
@media(max-width:430px){.scw-mark svg{width:40px;height:40px}.scw-brand{gap:9px}.scw-brand__n{font-size:.84rem}.scw-brand__s{display:none}.scw-nav{gap:8px}.scw-nav__call .scw-btn__ic{width:44px;height:44px}.scw-burger{width:46px;height:46px}.scw-nav__right{gap:8px}}
@media(max-width:360px){.scw-mark svg{width:38px;height:38px}.scw-brand__n{font-size:.76rem}}
.scw-burger{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer}
.scw-burger:hover{background:var(--lemon)}
@media(min-width:1100px){.scw-nav__main{display:block}.scw-burger{display:none}}
.scw-menu{display:flex;align-items:center;gap:0}
.scw-menu>li{position:relative;display:flex;align-items:center}
.scw-menu>li>a{position:relative;display:flex;align-items:center;min-height:48px;padding:0 13px;font:800 .78rem var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
.scw-menu>li>a::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:4px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.scw-menu>li:hover>a::after,.scw-menu>li.is-current>a::after,.scw-menu>li>a:focus-visible::after{transform:scaleX(1)}
.scw-menu__tg{display:grid;place-items:center;width:32px;height:44px;margin-left:-10px;border:0;background:none;color:var(--ink);cursor:pointer}
.scw-menu__tg svg{width:14px;height:14px;transition:transform .3s}
.scw-menu__tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.scw-sub{position:absolute;left:-90px;top:100%;z-index:95;width:min(680px,calc(100vw - 40px));padding:22px 24px 16px;background:var(--white);border-top:6px solid var(--brand);box-shadow:var(--sh-hi);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s var(--ease),visibility .25s}
.has-sub:hover .scw-sub,.has-sub:focus-within .scw-sub,.has-sub.open .scw-sub{opacity:1;visibility:visible;transform:none}
.has-sub.is-dismissed .scw-sub{opacity:0;visibility:hidden}
.scw-sub__k{margin:0 0 12px;font:700 .66rem var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.scw-sub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.scw-sub__grid a,.scw-drawer__sub a{display:flex;align-items:center;gap:12px;min-height:44px;padding:5px 8px 5px 0;font:700 .95rem var(--f-head);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.scw-sub__grid a:hover{color:var(--brand-ink);background:var(--tint)}
.scw-sub__ic{display:grid;place-items:center;width:34px;height:34px;background:var(--lemon);color:var(--ink);flex:none}
.scw-sub__ic svg{width:18px;height:18px}
.scw-sub__all{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px}
.scw-sub__all a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:800 .82rem var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);text-decoration:none}
.scw-sub__all a:hover{color:var(--ink)}
.scw-drawer{position:fixed;inset:0;z-index:300;background:rgba(6,35,26,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.scw-drawer.open{opacity:1;visibility:visible}
.scw-drawer__p{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);overflow-y:auto;background:var(--white);padding:18px 22px 26px;border-left:6px solid var(--brand);transform:translateX(100%);transition:transform .38s var(--ease)}
.scw-drawer.open .scw-drawer__p{transform:none}
.scw-drawer__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.scw-drawer__x{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer}
.scw-drawer__nav>a,.scw-drawer__nav summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:6px 2px;border-bottom:1px solid var(--line);font:800 1.05rem var(--f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none}
.scw-drawer__nav summary::-webkit-details-marker{display:none}
.scw-drawer__nav details[open] summary svg{transform:rotate(180deg)}
.scw-drawer__sub{padding:6px 0 10px 8px}
.scw-drawer__sub a{font-size:.95rem}
.scw-drawer__call{margin-top:22px}
.scw-drawer__call .scw-btn{width:100%}
.scw-drawer__call p{margin:12px 0 0;font-size:.92rem;color:var(--text)}
/* footer: mint, hazard rule, big phone line, scale rule between the columns */
.scw-foot{position:relative;background:var(--tint);color:var(--text)}
.scw-foot__rule{height:14px;background:var(--hatch)}
.scw-foot__main{padding-block:clamp(44px,5vw,76px) 34px}
.scw-foot__top{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding-bottom:clamp(32px,4vw,52px)}
@media(min-width:900px){.scw-foot__top{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}}
.scw-foot__lead p{max-width:56ch;margin:20px 0 0;font-size:1rem;line-height:1.65}
.scw-foot__phone{position:relative;padding:24px 26px;background:var(--white);box-shadow:10px 10px 0 var(--lemon);border:3px solid var(--ink)}
.scw-foot__kicker{display:block;margin-bottom:12px;font:700 .68rem var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brand-ink)}
.scw-foot__phone{container-type:inline-size}
.scw-foot__phone .scw-telbig__n{font-size:clamp(1.3rem,1rem + 2.2vw,2.4rem);font-size:clamp(1.25rem,9.4cqw,2.6rem)}
.scw-foot__phone .scw-telbig__ic{width:52px;height:52px}
.scw-foot__facts{margin:16px 0 20px;display:grid;gap:0}
.scw-foot__facts div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:.95rem;line-height:1.4}
.scw-foot__facts dt{font:700 .66rem var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.scw-foot__facts dd{margin:0;color:var(--ink);font-weight:600}
.scw-foot__phone .scw-btn{width:100%}
.scw-foot__cols{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;padding-top:34px}
.scw-foot__cols::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:linear-gradient(90deg,var(--ink) 0 2px,transparent 2px) 0 0/48px 16px repeat-x,linear-gradient(90deg,var(--ink) 0 1px,transparent 1px) 0 0/12px 8px repeat-x;opacity:.8}
.scw-foot__col--svc{grid-column:1/-1}
@media(min-width:900px){.scw-foot__cols{grid-template-columns:1.7fr 1fr 1fr;gap:30px 48px}.scw-foot__col--svc{grid-column:auto}}
.scw-foot__col h2{margin:0 0 10px;font:700 .7rem var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.scw-foot__col--svc ul{columns:2;column-gap:28px}
@media(max-width:479px){.scw-foot__col--svc ul{columns:1}.scw-foot__col a{overflow-wrap:anywhere}}
.scw-foot__col li{break-inside:avoid}
.scw-foot__col a{display:inline-flex;align-items:center;min-height:44px;font:600 .98rem var(--f-body);color:var(--ink);text-decoration:none;background:linear-gradient(var(--brand),var(--brand)) 0 100%/0 3px no-repeat;transition:background-size .3s var(--ease)}
.scw-foot__col a:hover{background-size:100% 3px;color:var(--ink)}
.scw-foot__legal{background:var(--tint-2);border-top:1px solid var(--line)}
.scw-foot__legal .scw-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-block:14px}
.scw-foot__legal p{margin:0;font:600 .74rem/1.5 var(--f-mono);letter-spacing:.05em;color:var(--ink-2)}
body{padding-bottom:0}
.scw-callbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--white);border-top:3px solid var(--ink);box-shadow:0 -10px 34px rgba(6,35,26,.14)}
.scw-callbar .scw-btn{width:100%}
@media(max-width:899px){.scw-callbar{display:block}body{padding-bottom:84px}}
.scw-totop{position:fixed;right:16px;bottom:24px;z-index:110;display:grid;place-items:center;width:50px;height:50px;border:3px solid var(--ink);background:var(--lemon);color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s,transform .3s var(--ease),visibility .3s}
.scw-totop.show{opacity:1;visibility:visible;transform:none}
.scw-totop:hover{background:var(--brand)}
@media(max-width:899px){.scw-totop{bottom:96px}}

/* ====================================================== legal pages (pasted text) == */
.scw-legalhero{padding-block:clamp(34px,4.6vw,60px);border-bottom:6px solid var(--lemon)}
.scw-legalhero__in .scw-display{margin-bottom:.5em}
.scw-legalhero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:20px}
.scw-legalhero__note{font:600 .98rem var(--f-body);color:var(--ink-2)}
.legal-body{max-width:880px}
.legal-body h2{font:800 clamp(1.4rem,1.1rem + 1.2vw,1.9rem)/1.15 var(--f-head);margin:1.8em 0 .55em;padding-top:.5em;border-top:3px solid var(--ink)}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font:800 1.22rem/1.2 var(--f-head);margin:1.4em 0 .4em}
.legal-body p{margin:0 0 1em}
.legal-body ul,.legal-body ol{padding-left:1.3em;margin:0 0 1em;list-style:revert}
.legal-body li{margin:0 0 .4em}
.legal-body li::marker{color:var(--brand-ink);font-weight:800}
.legal-body a{overflow-wrap:anywhere}
.legal-body a[href^="tel:"]{white-space:nowrap}
.legal-body h2[id]{scroll-margin-top:110px}
.legal-body table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:1rem}
.legal-body td,.legal-body th{border:1px solid var(--line-strong);padding:8px 10px;text-align:left;vertical-align:top}
.legal-body address{font-style:normal;margin:0 0 1em}
.legal-lead{margin:0 0 1.5em;padding:6px 0 6px 20px;border-left:8px solid var(--lemon-lo);font:500 1.16rem/1.6 var(--f-body);color:var(--ink-2)}
.legal-ledger{margin:0 0 1.5em;border-top:3px solid var(--ink)}
.legal-ledger>div{display:grid;grid-template-columns:minmax(150px,32%) minmax(0,1fr);gap:6px 20px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.legal-ledger dt{font:800 .98rem var(--f-head);color:var(--ink)}
.legal-ledger dd{margin:0;overflow-wrap:anywhere}
.legal-toc{margin:0 0 1.7em;padding:20px 24px;background:var(--paper);border:1px solid var(--line);border-left:8px solid var(--brand)}
.legal-toc ol{margin:0;padding-left:1.4em;columns:2;column-gap:32px;list-style:revert}
.legal-toc li{margin:0 0 .3em;break-inside:avoid}
.legal-toc a{color:var(--brand-ink);font-weight:600}
.legal-note{margin-top:2em;padding:16px 20px;background:var(--paper);border-left:6px solid var(--lemon-lo);color:var(--ink-2);font-size:.96rem}
.legal-slot{border:2px dashed var(--line-strong);padding:24px;background:var(--paper)}
@media(max-width:640px){.legal-toc ol{columns:1}.legal-ledger>div{grid-template-columns:minmax(0,1fr);gap:2px}}

/* ======================================================= polish (illustration wiring) == */
/* switchboard bank: the column count follows the tile count so the last row is never a ragged stub (3 / 6 / 9 = three columns, 5 / 10 = five from 1100 px) */
@media(min-width:900px){
.scw-bank--n3,.scw-bank--n6,.scw-bank--n9{grid-template-columns:repeat(3,minmax(0,1fr))}
.scw-bank--n3 li:nth-child(3n+1),.scw-bank--n6 li:nth-child(3n+1),.scw-bank--n9 li:nth-child(3n+1){border-left:0}
}
@media(min-width:1100px){
.scw-bank--n5,.scw-bank--n10{grid-template-columns:repeat(5,minmax(0,1fr))}
.scw-bank--n5 li:nth-child(5n+1),.scw-bank--n10 li:nth-child(5n+1){border-left:0}
}
/* the lemon "Illustration" tag must not cover the pieces' own lemon Schnittmarke (top-left corner of every 1:1 piece): square tiles carry it top-right */
.scw-strip--sq .scw-strip__tag{left:auto;right:0}
/* the trust-work stamp straddles the left edge of a 1:1 piece below the Schnittmarke, not on top of it */
.scw-trustwork__stamp{top:42%}
/* on phones the hero tag would cover the lower half of the cut-away (the electrical subject): it sits UNDER the picture instead */
@media(max-width:640px){
.scw-frame__tag{position:relative;left:auto;bottom:auto;max-width:none;margin:0 clamp(8px,1.2vw,14px) 0 0;border-left-width:6px}
.scw-frame__cap{position:static;margin-top:14px;text-align:right}
}

/* ---- vertical air between consecutive BLOCKS of one band (the bricks carry no outer margin): narrow adjacent-sibling rules, margin-top only, so it collapses with whatever the block above already ends in (a prose paragraph, a sub-heading margin) and never doubles. The ruler SCALE divider carries its own, smaller air on both sides, so block + scale + block is never a hole. */
:is(.scw-faq,.scw-cards,.scw-iconlist,.scw-compare,.scw-notice,.scw-steps,.scw-rows,.scw-factors,.scw-sits,.scw-iboxes,.scw-seals,.scw-promises,.scw-timeline,.scw-abgrenzung,.scw-cols,.scw-split,.scw-prose)
+ :is(.scw-head,.scw-notice,.scw-compare,.scw-cols,.scw-split,.scw-rows,.scw-cards,.scw-iconlist,.scw-faq,.scw-steps,.scw-factors,.scw-sits,.scw-iboxes,.scw-seals,.scw-promises,.scw-timeline,.scw-abgrenzung){margin-top:var(--gap-b)}
:is(.scw-faq,.scw-cards,.scw-iconlist,.scw-compare,.scw-notice,.scw-steps,.scw-rows,.scw-factors,.scw-sits,.scw-iboxes,.scw-seals,.scw-promises,.scw-timeline,.scw-abgrenzung,.scw-cols,.scw-split)
+ .scw-prose{margin-top:var(--gap-b)}
.scw-notice+.scw-notice{margin-top:22px}
.scw-scale{margin-block:calc(var(--gap-b) * .6)}
.scw-head+.scw-scale{margin-top:0}

/* ======================================================= motion + preferences == */
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
.js .scw-reveal{opacity:1;transform:none}
.scw-card:hover,.scw-bld:hover,.scw-step:hover{transform:none}
}
@media print{.scw-topbar,.scw-header,.scw-callbar,.scw-totop,.scw-drawer{display:none!important}body{padding:0}.scw-band{padding-block:20px}.js .scw-reveal{opacity:1;transform:none}}
@media(max-width:380px){.scw-btn{padding:0 16px;letter-spacing:.06em}.scw-btn--lg{padding:0 18px}.scw-eyebrow{letter-spacing:.14em}.scw-foot__phone{padding:20px 16px}}

/* gate fixes 2026-11-10 (existing tokens only): (1) an odd last card of a 2-column grid (640-999 px) spans the row instead of standing alone; (2) the ghost numerals of the vertical process steps stay clear of the step text; (3) the footer link columns at phone width keep "Leistungsübersicht" on one line */
@media(min-width:640px) and (max-width:999px){.scw-cards>:last-child:nth-child(odd),.scw-blds>:last-child:nth-child(odd),.scw-steps--cards>:last-child:nth-child(odd),.scw-factors>:last-child:nth-child(odd),.scw-sits>:last-child:nth-child(odd),.scw-messuhr__cards>:last-child:nth-child(odd){grid-column:1/-1}}
.scw-steps--vertical .scw-step__ghost{top:-4px;font-size:3.2rem}
@media(min-width:760px){.scw-steps--vertical .scw-step__ghost{top:-10px;font-size:5.4rem}.scw-steps--vertical .scw-step__b{padding-right:6.8rem}}
@media(max-width:479px){.scw-foot__cols{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);column-gap:18px}.scw-foot__col a{font-size:.92rem}}

/* full-check fixes 2026-11-10 (existing tokens only): (h) notices at phone width stack the icon above the text so the text column keeps the full width (incl. the numbered hazard list); the fact sheet stacks term over definition; the ghost numerals of the vertical process steps are dropped below 760 px (the lemon number badge already carries the step number, nothing can collide with the title); the odd last photo card of a 2-column grid (640-999 px) lies as a row (picture left, text right) instead of one huge 4:3 picture; the eyebrow balances its lines so no separator dot is left at a line end */
.scw-eyebrow{text-wrap:balance}
@media(max-width:479px){
.scw-notice{flex-direction:column;gap:12px;padding:18px 16px 20px;border-left-width:6px}
.scw-notice__ic{width:38px;height:38px}
.scw-notice__b{align-self:stretch}
.scw-factsheet dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media(max-width:759px){.scw-steps--vertical .scw-step__ghost{display:none}}
@media(min-width:640px) and (max-width:999px){
.scw-cards--photo>.scw-card:last-child:nth-child(odd){flex-direction:row;align-items:stretch}
.scw-cards--photo>.scw-card:last-child:nth-child(odd) .scw-card__media{flex:0 0 44%;align-self:center}
.scw-cards--photo>.scw-card:last-child:nth-child(odd) .scw-card__body{padding-top:26px}
.scw-cards--photo>.scw-card:last-child:nth-child(odd) .scw-card__ic{margin-top:0}
}
/* (a) the closing paragraph of the Netz-oder-Haus comparison sat 6 px under the two cards on desktop (the grid has no row gap there): it gets the same air as the single-column layout */
@media(min-width:860px){.scw-abgrenzung__foot{margin-top:36px}}