/* automatyzacje.121.pl - jasna kratka techniczna, tusz + kobalt, Space Grotesk + JetBrains Mono */
@font-face{font-family:"Space Grotesk";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#f1f3f9; --white:#fff; --ink:#0a0c16; --text:#1d2136; --mute:#454a66;
  --blue:#1b3dff; --blue-d:#0f26c4; --blue-l:#bfcbff; --blue-p:#dfe5ff; --err:#b3141f;
  --grid:rgba(27,61,255,.075); --grid-b:rgba(27,61,255,.13);
  --gut:clamp(1rem,4vw,3.5rem);
  --sans:"Space Grotesk",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --glyph-acc:var(--blue);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.65 var(--sans);overflow-x:hidden;
  background-image:linear-gradient(var(--grid-b) 1px,transparent 1px),linear-gradient(90deg,var(--grid-b) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px}
img,svg{max-width:100%}
a{color:inherit}
p{margin:0 0 1rem}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:100;font-family:var(--mono)}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* pikselowe glify */
.pg{display:block;width:48px;height:48px;color:var(--ink);fill:currentColor;shape-rendering:crispEdges;flex:none}
.pg .a{fill:var(--glyph-acc)}
.pg--l,.pg--xl{background:var(--white);border:2px solid var(--ink);padding:8px}
.pg--l{width:80px;height:80px}
.pg--xl{width:116px;height:116px}
.ar{width:22px;height:22px;color:currentColor}

/* przyciski: pikselowo scięte narożniki */
.btn{--n:6px;display:inline-flex;align-items:center;gap:.8rem;font:700 .95rem/1 var(--mono);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;
  background:var(--blue);color:#fff;border:0;padding:1.1rem 1.6rem;cursor:pointer;
  clip-path:polygon(0 var(--n),var(--n) var(--n),var(--n) 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,var(--n) calc(100% - var(--n)),0 calc(100% - var(--n)))}
.btn:hover,.btn:focus-visible{background:var(--ink)}
.btn:focus-visible{outline:0;text-decoration:underline}
.btn:disabled{opacity:.6;cursor:wait}
.btn--sm{padding:.75rem 1.1rem;font-size:.8rem}
.btn .ar{transition:transform .2s steps(3)}
.btn:hover .ar{transform:translateX(4px)}

/* pasek */
.bar{position:sticky;top:0;z-index:50;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;padding:.6rem var(--gut);background:var(--paper);border-bottom:2px solid var(--ink)}
.bar__nav{display:flex;gap:1.6rem;margin-right:auto}
.bar__nav a{font:400 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent}
.bar__nav a:hover{border-color:var(--blue);color:var(--blue-d)}
section[id]{scroll-margin-top:4.2rem}

/* hero */
.hero{padding:clamp(2.2rem,5vw,4.2rem) var(--gut) 0}
.kicker{display:inline-block;font:400 .82rem/1.4 var(--mono);background:var(--white);border:2px solid var(--ink);padding:.45rem .8rem;margin:0 0 1.4rem;max-width:100%}
.mega{margin:0 0 clamp(1.8rem,4vw,3rem);font:700 clamp(2.5rem,11.4vw,11rem)/.92 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.mega [data-type]{display:inline-block;animation:typed 1.1s steps(14) both}
.mega__b [data-type]{animation-delay:1s;animation-duration:.4s;animation-timing-function:steps(2)}
.ai{background:var(--blue);color:#fff;padding:0 .12em;margin-left:.02em}
@keyframes typed{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.hero__cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.lead{font-size:clamp(1.12rem,1.6vw,1.4rem);line-height:1.55;color:var(--ink);max-width:36em}
.lead--s{max-width:34em}
.hero__cta{margin-top:2rem}
.flowfig{margin:0;background:var(--white);border:2px solid var(--ink)}
.flowfig__bar{display:flex;gap:6px;padding:8px 10px;background:var(--ink)}
.flowfig__bar i{width:10px;height:10px;background:#fff;display:block}
.flowfig__bar i:first-child{background:var(--blue)}
.flow{display:block;width:100%;height:auto}
.flow--tall{display:none}
.nb{fill:var(--white);stroke:var(--ink);stroke-width:2}
.nb--core{fill:var(--blue)}
.t{font:400 15px var(--mono);fill:var(--ink)}
.t--s{font-size:11.5px}
.t--core{font-weight:700;font-size:18px;fill:#fff}
.t--inv{fill:#fff;font-weight:700}
.core__pix{fill:#fff}
.wire{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 6;animation:dash 1.2s linear infinite}
.pk{fill:var(--blue);stroke:var(--ink);stroke-width:1.5}
.pk--out{fill:var(--ink);stroke:var(--white)}
@keyframes dash{to{stroke-dashoffset:-12}}
.logstrip{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;margin:clamp(2.2rem,5vw,4rem) calc(-1*var(--gut)) 0;padding:1rem var(--gut);background:var(--ink);color:#fff;font:400 .9rem/1.4 var(--mono)}
.logstrip__p{color:#8ea0ff}
.logstrip__l{display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;list-style:none;margin:0;padding:0}
.logstrip__l li{opacity:.4}
.logstrip__l li.is-on{opacity:1;color:#fff;background:var(--blue);padding:0 .45rem}
.caret{width:.6rem;height:1.1em;background:#fff;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* przeplyw: szyna z wezlami */
.flow-wrap{--rail:16px;--padl:56px;position:relative;padding:0 var(--gut) 0 var(--padl)}
.flow-wrap::before{content:"";position:absolute;left:var(--rail);top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--ink) 0 6px,transparent 6px 12px)}
.flow-wrap::after{content:"";position:absolute;left:calc(var(--rail) - 1px);top:0;bottom:0;width:4px;background:var(--blue);transform:scaleY(var(--p,1));transform-origin:top}
.node{--py:clamp(3rem,6vw,5rem);position:relative;padding:var(--py) 0}
.node::before{content:"";position:absolute;z-index:2;left:calc(var(--rail) - var(--padl) - 6px);top:calc(var(--py) + .75rem);width:14px;height:14px;background:var(--paper);border:2px solid var(--ink)}
.node.is-in::before{background:var(--blue);border-color:var(--blue)}
.h2{margin:0 0 clamp(1.8rem,4vw,3rem);font:700 clamp(2rem,4.8vw,4.1rem)/1.02 var(--sans);letter-spacing:-.035em;color:var(--ink);max-width:16em;text-wrap:balance}
.h3{margin:0 0 .6rem;font:700 clamp(1.25rem,2vw,1.6rem)/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.sub{font:700 .9rem/1.45 var(--mono);color:var(--blue-d);margin-bottom:.9rem}
.rv{opacity:1}
.js .rv{opacity:0;transform:translateY(16px)}
.js .rv.is-in{opacity:1;transform:none;transition:opacity .5s steps(5),transform .5s steps(5)}

/* dla kogo: zakladki */
.who{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);background:var(--white);border:2px solid var(--ink)}
.who__tabs{display:flex;flex-direction:column;border-right:2px solid var(--ink)}
html:not(.js) .who__tabs{display:none}
html:not(.js) .who{grid-template-columns:1fr}
.tab{display:flex;align-items:center;gap:1rem;text-align:left;padding:1.2rem 1.3rem;background:var(--white);color:var(--ink);border:0;border-bottom:2px solid var(--ink);cursor:pointer;font:700 1.05rem/1.25 var(--sans);letter-spacing:-.01em}
.tab:last-child{border-bottom:0}
.tab__g{width:48px;height:48px;color:inherit}
.tab:hover{background:var(--blue-p)}
.tab.is-on{background:var(--ink);color:#fff;--glyph-acc:#8ea0ff}
.tab:focus-visible{outline-offset:-5px}
.pan{padding:clamp(1.4rem,3vw,2.4rem)}
.pan .pg--xl{margin-bottom:1.4rem}
.pan .h3{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.pan p:last-child{margin-bottom:0;max-width:34em}
.js .pan{display:none}
.js .pan.is-on{display:block;animation:swap .45s steps(6) both}
@keyframes swap{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* co zbudowac: lepki diagram + lista */
.build{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.stage{position:sticky;top:5.5rem;aspect-ratio:1;background:var(--white);border:2px solid var(--ink)}
html:not(.js) .stage{display:none}
.stg{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden}
.stg.is-on{opacity:1;visibility:visible}
.s-line{fill:var(--white);stroke:var(--ink);stroke-width:2}
.s-fill{fill:var(--ink)}
.s-px{fill:#fff}
.s-acc{fill:var(--blue);stroke:var(--ink);stroke-width:2}
.s-wire{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 6;animation:dash 1.2s linear infinite}
.s-ticks{fill:none;stroke:var(--ink);stroke-width:2}
.stg .blk,.stg .grow,.stg .cells rect{transform-box:fill-box}
.stg.is-on .blk{animation:blkin .5s steps(4) both}
.stg.is-on .b2{animation-delay:.15s}.stg.is-on .b3{animation-delay:.3s}.stg.is-on .b4{animation-delay:.45s}.stg.is-on .b5{animation-delay:.6s}.stg.is-on .b6{animation-delay:.75s}
@keyframes blkin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.stg.is-on .grow{animation:growx 1.4s steps(14) both;transform-origin:left}
@keyframes growx{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
.stg.is-on .core{animation:blink 1.4s steps(1) infinite}
.stg .cells rect{fill:var(--white)}
.stg.is-on .cells rect:nth-child(-n+8){animation:cellon .01s steps(1) forwards}
@keyframes cellon{to{fill:var(--blue)}}
.stg.is-on .cells rect:nth-child(1){animation-delay:.1s}.stg.is-on .cells rect:nth-child(2){animation-delay:.25s}.stg.is-on .cells rect:nth-child(3){animation-delay:.4s}.stg.is-on .cells rect:nth-child(4){animation-delay:.55s}
.stg.is-on .cells rect:nth-child(5){animation-delay:.7s}.stg.is-on .cells rect:nth-child(6){animation-delay:.85s}.stg.is-on .cells rect:nth-child(7){animation-delay:1s}.stg.is-on .cells rect:nth-child(8){animation-delay:1.15s}
.items{list-style:none;margin:0;padding:0}
.item{padding:2.2rem 0 2.4rem;border-top:2px solid var(--ink)}
.item:first-child{padding-top:0;border-top:0}
.item .pg{margin-bottom:1.1rem}
.item p{max-width:32em;margin:0}
.js .item{transition:opacity .3s steps(3)}

/* wspolpraca: wiersze arkusza */
.rows{list-style:none;margin:0;padding:0;border-bottom:2px solid var(--ink)}
.row{display:grid;grid-template-columns:auto minmax(0,5fr) minmax(0,6fr);gap:clamp(1rem,3vw,2.5rem);align-items:start;padding:clamp(1.3rem,2.5vw,2rem);border-top:2px solid var(--ink);background:rgba(255,255,255,.55)}
.row:hover{background:var(--ink);color:#fff;--glyph-acc:#8ea0ff}
.row:hover .h3,.row:hover .for{color:#fff}
.row:hover .pg--l{border-color:#fff}
.row .h3{font-size:clamp(1.35rem,2.4vw,2rem)}
.for{font:400 .88rem/1.5 var(--mono);color:var(--blue-d);margin:0}
.row__p{margin:0;max-width:34em}

/* proces: potok */
.pipe{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;position:relative}
.pipe::before{content:"";position:absolute;left:0;right:0;top:40px;height:2px;background:repeating-linear-gradient(to right,var(--ink) 0 6px,transparent 6px 12px)}
.pipe::after{content:"";position:absolute;left:0;right:0;top:38px;height:4px;background:var(--blue);transform:scaleX(1);transform-origin:left}
.js .pipe::after{transform:scaleX(0)}
.js .pipe.is-in::after{transform:scaleX(1);transition:transform 2.2s steps(22)}
.pipe__i{position:relative;z-index:1}
.pipe__i .pg{margin-bottom:1.3rem}
.pipe__i p{margin:0;max-width:20em}

/* kod jest Twoj */
.own{position:relative;overflow:hidden;background:var(--ink);color:#fff;border:2px solid var(--ink);padding:clamp(1.6rem,5vw,4rem);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.own::after{content:"";position:absolute;right:0;top:0;bottom:0;width:42%;background:conic-gradient(var(--blue) 25%,transparent 0 50%,var(--blue) 0 75%,transparent 0) 0 0/36px 36px;-webkit-mask-image:linear-gradient(to right,transparent,#000);mask-image:linear-gradient(to right,transparent,#000);opacity:.55;pointer-events:none}
.own>*{position:relative;z-index:1}
.own .pg{background:var(--ink);border-color:#fff;color:#fff;--glyph-acc:#8ea0ff}
.prompt{font:700 1.4rem/1 var(--mono);color:#8ea0ff;margin:0 0 .6rem}
.h2--inv{color:#fff;margin-bottom:1.4rem;max-width:none}
.h2--inv [data-type]{display:inline-block;animation:typed 1s steps(12) both;animation-play-state:paused}
.own.is-in .h2--inv [data-type]{animation-play-state:running}
.own__p{color:#d9defa;font-size:1.12rem;max-width:40em;margin:0}

/* realizacje */
.real{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.real__g{display:flex;flex-direction:column;gap:1rem}
.real__p{font:500 clamp(1.15rem,2vw,1.65rem)/1.55 var(--sans);color:var(--ink);max-width:36em;margin:0}
mark{background:linear-gradient(transparent 58%,var(--blue-l) 58%);color:inherit;padding:0 .1em}

/* kontakt */
.contact{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.contact__side .pg{margin-bottom:1.6rem}
.contact__side .h2{margin:0}
.form{background:var(--white);border:2px solid var(--ink);padding:clamp(1.3rem,3vw,2.4rem)}
.field{margin-bottom:1.3rem}
.field label{display:block;font:700 .78rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:.45rem}
.opt{font-weight:400;text-transform:none;letter-spacing:0;color:var(--mute)}
.field input,.field textarea{width:100%;font:400 1.05rem/1.5 var(--sans);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:.85rem .95rem;appearance:none}
.field textarea{resize:vertical;min-height:9rem}
.field input:focus,.field textarea:focus{outline:3px solid var(--blue);outline-offset:0;background:#fff}
.field.is-bad input,.field.is-bad textarea{border-color:var(--err)}
.field__err{margin:.4rem 0 0;font:400 .85rem/1.4 var(--mono);color:var(--err)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__status{margin:1.2rem 0 0;padding:.9rem 1rem;font:400 .92rem/1.5 var(--mono);border:2px solid var(--ink)}
.form__status.is-ok{background:var(--blue-p);color:var(--ink);border-color:var(--blue)}
.form__status.is-err{background:#fff;color:var(--err);border-color:var(--err)}

/* stopka rodziny */
.foot{background:var(--ink);color:#fff;padding:clamp(2rem,5vw,3.5rem) var(--gut)}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.foot li{font:700 .88rem/1 var(--mono);letter-spacing:.08em}
.foot a,.foot [aria-current]{display:block;padding:.85rem 1.1rem;border:2px solid #343a66;text-decoration:none;color:#c9d0fa}
.foot a:hover,.foot a:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff;outline-offset:2px}
.foot [aria-current]{background:#fff;border-color:#fff;color:var(--ink)}

/* strony statusu */
.status-page{min-height:100vh;display:grid;place-items:center;padding:2rem var(--gut)}
.status-page__box{background:#fff;border:2px solid var(--ink);padding:clamp(1.6rem,4vw,3rem);max-width:34rem}
.status-page h1{font:700 clamp(1.6rem,4vw,2.4rem)/1.1 var(--sans);letter-spacing:-.03em;margin:0 0 1rem;color:var(--ink)}

/* wielkie ekrany */
@media (min-width:1500px){.flow-wrap{--padl:72px;--rail:24px}}

@media (max-width:1000px){
  .build{grid-template-columns:1fr}
  .stage{display:none}
  .js .item{opacity:1!important}
  .item:first-child{padding-top:0}
  .pipe{grid-template-columns:1fr;gap:2rem}
  .pipe::before{left:39px;right:auto;top:0;bottom:0;width:2px;height:auto;background:repeating-linear-gradient(to bottom,var(--ink) 0 6px,transparent 6px 12px)}
  .pipe::after{left:38px;right:auto;top:0;bottom:0;width:4px;height:auto;transform:scaleY(1);transform-origin:top}
  .js .pipe::after{transform:scaleY(0)}
  .js .pipe.is-in::after{transform:scaleY(1)}
  .pipe__i{display:grid;grid-template-columns:auto 1fr;column-gap:1.4rem}
  .pipe__i .pg{grid-row:1/3;margin:0}
  .pipe__i .h3{align-self:end}
  .pipe__i p{grid-column:2}
}
@media (max-width:860px){
  .hero__cols{grid-template-columns:1fr}
  .flow--wide{display:none}
  .flow--tall{display:block}
  .who{grid-template-columns:1fr}
  .who__tabs{border-right:0;border-bottom:2px solid var(--ink)}
  .contact{grid-template-columns:1fr}
  .row{grid-template-columns:auto minmax(0,1fr)}
  .row__p{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:1rem}
  .bar__nav{display:none}
  .flow-wrap{--padl:38px;--rail:11px}
  .pg--l{width:64px;height:64px;padding:6px}
  .pg--xl{width:84px;height:84px;padding:7px}
  .pipe::before{left:31px}.pipe::after{left:30px}
  .real{grid-template-columns:1fr}
  .real__g{flex-direction:row}
  .own{grid-template-columns:1fr}
  .own::after{opacity:.28}
  .logstrip{font-size:.8rem}
  .foot li{font-size:.78rem}
  .foot a,.foot [aria-current]{padding:.7rem .8rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .js .pipe::after{transform:none}
  .stg .cells rect:nth-child(-n+8){fill:var(--blue)}
}