.tbd{--ink:#141d2b;            
  --ink-2:#1b2634;          
  --paper:#ffffff;
  --mist:#f3f5f8;           
  --line:#e2e6eb;           
  --line-d:rgba(255,255,255,.14);
  --steel:#5f6772;          
  --steel-2:#8b939f;        
  --fog:rgba(255,255,255,.72);
  --accent:#f66b17;         
  --action:#c75100;         
  --accent-soft:#ffa97c;
  --sans:"Geist","Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --pixel:"Geist Pixel Square","Geist Pixel","Geist Mono",ui-monospace,Menlo,Consolas,monospace;   
  --frame:8px;              
  --pad:32px;               
  --fw:1344px;              
  --fl:max(var(--frame),calc((100vw - var(--fw)) / 2));
  --gut:calc(var(--fl) + var(--pad) + 1px);   
  --hh:58px;
  --cut:8px;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;}
.tbd *,.tbd *::before,.tbd *::after{box-sizing:border-box}
.tbd{color:var(--ink);font:400 1rem/1.55 var(--sans);letter-spacing:normal;text-align:left;text-transform:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.tbd h1,.tbd h2,.tbd h3,.tbd p,.tbd ul,.tbd ol,.tbd dl,.tbd dd,.tbd figure,.tbd blockquote{margin:0;padding:0}
.tbd ul,.tbd ol{list-style:none}
.tbd a{color:inherit}
.tbd svg{display:block}
.tbd button{font:inherit;color:inherit}
.tbd :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.tbd .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root:not([data-lang="en"]) .tbd [lang="en"],:root[data-lang="en"] .tbd [lang="pl"]{display:none!important}
.tbd .wrap{margin-inline:var(--fl);padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px));border-inline:1px solid var(--hair)}
.tbd .label{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .7em;font:500 .6875rem/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase}
.tbd .label b{font-weight:500;color:var(--accent)}
.tbd .label i{font-style:normal;color:var(--accent)}
.tbd .display{font:300 3.5rem/.93 var(--sans);font-size:clamp(3rem,min(17.4vw,13vh),7.25rem);font-size:clamp(3rem,min(17.4vw,13svh),7.25rem);letter-spacing:-.055em}
.tbd .h2{font:300 clamp(2.125rem,8.6vw,4rem)/1.02 var(--sans);letter-spacing:-.042em;text-wrap:balance}
.tbd .h3{font:500 1.125rem/1.3 var(--sans);letter-spacing:-.012em}
.tbd .dot{font-style:normal;color:var(--accent)}
:root[data-lang="en"] .tbd .display{font-size:clamp(2.75rem,min(16vw,13vh),6.4rem);font-size:clamp(2.75rem,min(16vw,13svh),6.4rem)}
.tbd .lead{font-size:clamp(1rem,.95rem + .36vw,1.1875rem);line-height:1.5;max-width:35em;color:var(--txt);text-wrap:pretty}
.tbd .body{color:var(--txt);font-size:.9375rem;line-height:1.55;text-wrap:pretty}
.tbd .fine{font-size:.75rem;line-height:1.55;color:var(--txt);max-width:46em}
.tbd .btn{--bg:var(--action);--fg:#fff;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.75em;min-height:48px;padding:.9rem 1.3rem;border:0;cursor:pointer;font:500 .75rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--fg);background:var(--bg);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:background-color .2s}
.tbd .btn:hover{--bg:#a94400}
.tbd .btn:focus-visible{outline:2px solid var(--fg);outline-offset:-5px}
.tbd .arr{display:inline-block;transition:transform .3s var(--ease)}
.tbd a:hover > .arr,.tbd .btn:hover .arr,.tbd .role:hover .arr{transform:translateX(5px)}
.tbd .btn--sm{min-height:36px;padding:.55rem .85rem;font-size:.6875rem;letter-spacing:.14em}
.tbd .btn--white{--bg:#fff;--fg:var(--ink)}
.tbd .btn--white:hover{--bg:var(--mist)}
.tbd .btn--ghost{--bg:rgba(255,255,255,.75);--fg:#fff}
.tbd .btn--ghost::before{content:"";position:absolute;inset:1px;z-index:-1;background:var(--hole,var(--ink));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:background-color .2s}
.tbd .btn--ghost:hover{--bg:#fff}
.tbd .lnk{display:inline-flex;align-items:center;gap:.6em;min-height:44px;font:500 .75rem/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--action)}
.tbd .lnk--light{color:#fff}
.tbd .lnk--light .arr{color:var(--accent)}
.tbd .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.tbd .pills{display:flex;flex-wrap:wrap;gap:.4rem}
.tbd .pills li{font:500 .625rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:.5rem .7rem;border-radius:99px;border:1px solid var(--hair);background:var(--pill,transparent)}
.tbd .scene{position:relative}
.tbd .scene--sys{background:var(--ink);color:#fff;--txt:var(--fog);--hair:var(--line-d)}
.tbd .scene--proc{background:var(--mist);color:var(--ink);--txt:var(--steel);--hair:#d5dae1;--pill:#fff}
.tbd .stage{position:relative;padding-top:calc(var(--hh) + env(safe-area-inset-top,0px))}
.tbd .stage::after{content:"";position:absolute;inset:0 var(--fl);border-inline:1px solid var(--hair);pointer-events:none}
.tbd .viz{position:relative;z-index:1;height:min(96vw,540px)}
.tbd .viz svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tbd .caps{position:relative;z-index:2;display:grid;gap:2.4rem;padding:1.5rem max(var(--gut),env(safe-area-inset-right,0px)) 3.5rem max(var(--gut),env(safe-area-inset-left,0px))}
.tbd .segs,.tbd .scene-skip,.tbd .hud,.tbd .cue{display:none}
.tbd .cap .label{margin-bottom:.75rem}
.tbd .cap-h{font:300 clamp(1.75rem,7.4vw,3.25rem)/1.05 var(--sans);letter-spacing:-.04em;text-wrap:balance}
.tbd .cap-t{font:400 clamp(1.5rem,6.2vw,2.5rem)/1.08 var(--sans);letter-spacing:-.036em}
.tbd .cap-b{margin-top:.6rem;max-width:31em}
.tbd .cap .pills{margin-top:.9rem}
.motion .tbd .scene{height:calc(var(--len,5) * 100vh);height:calc(var(--len,5) * 100svh)}
.motion .tbd .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}
.motion .tbd .scene--proc .stage{grid-template-rows:auto minmax(0,1fr) auto}
.motion .tbd .viz{height:auto;min-height:0}
.motion .tbd .caps{gap:0;margin-top:-2.75rem;padding-top:2.75rem;padding-bottom:max(1.1rem,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,var(--veil-0) 0,var(--veil) 2.3rem)}
.tbd .scene--sys{--veil-0:rgba(20,29,43,0);--veil:var(--ink)}
.tbd .scene--proc{--veil-0:rgba(243,245,248,0);--veil:var(--mist)}
.motion .tbd .segs{grid-row:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin-bottom:1rem}
.tbd .segs i{position:relative;height:2px;background:var(--hair);overflow:hidden}
.tbd .segs i::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--f,0))}
.motion .tbd .cap{grid-area:2 / 1;align-self:start;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .14s linear,transform .14s linear}
.motion .tbd .cap.tbd-on{opacity:1;transform:none;pointer-events:auto;transition:opacity .34s linear .13s,transform .55s var(--ease) .13s}
.motion .tbd .scene-skip{display:inline-flex;position:absolute;z-index:4;right:max(var(--gut),env(safe-area-inset-right,0px));top:.2rem;min-height:40px;align-items:center;gap:.5em;font:500 .625rem/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;text-decoration:none;color:inherit;opacity:.6}
.motion .tbd .scene-skip:hover{opacity:1}
.tbd .scene--sys .stage{--hx:.13;--hy:0;--hbot:-8;--hs:1.32;--ho:1;--cz:.2;--cp:.75}
@media (max-width:599px) and (max-height:740px){
.tbd .scene--sys .stage{--hbot:26;--hs:1.15;--ho:.5}
}
.tbd .hero{position:relative;z-index:3;display:flex;flex-direction:column;gap:1.05rem;padding:1.4rem max(var(--gut),env(safe-area-inset-right,0px)) 1.25rem max(var(--gut),env(safe-area-inset-left,0px));will-change:transform,opacity}
.motion .tbd .hero{position:absolute;inset:calc(var(--hh) + env(safe-area-inset-top,0px)) 0 0 0}
.tbd .display .w{display:block;position:relative;width:max-content;max-width:100%}
.tbd .hero-h1{display:flex;flex-direction:column;gap:inherit}
.tbd .hero-h1 .display{display:block}
.tbd .hero-h1 .ix-o::before{content:"["}
.tbd .hero-h1 .ix-n::before{content:"01 / 10"}
.tbd .hero-h1 .ix-c::before{content:"]"}
.motion .tbd .display .w::after{content:"";position:absolute;inset:.12em -.05em .03em -.05em;background:#fff;transform:scaleX(0);animation:tbd-redact 1.1s cubic-bezier(.7,0,.2,1) both;animation-delay:calc(.4s + var(--i) * .13s)}
@keyframes tbd-redact{0%{transform:scaleX(0);transform-origin:0 50%}42%{transform:scaleX(1);transform-origin:0 50%}58%{transform:scaleX(1);transform-origin:100% 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}
.tbd .hero .lead{color:var(--fog);max-width:22.5em}
.tbd .hero-foot{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem 1rem}
.tbd .ticker{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .8em;font:500 .625rem/1.7 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.tbd .ticker i{font-style:normal;color:var(--accent)}
.tbd .ticker em{font-style:normal;color:var(--accent)}
.tbd .bar{display:inline-block;width:var(--bw,5em);height:.85em;background:rgba(255,255,255,.86)}
.tbd .ticker,.tbd .cue{margin-inline:-.4rem;padding:.1rem .4rem;background:var(--ink)}
.motion .tbd .cue{display:inline-flex;align-items:center;gap:.6em;font:500 .625rem/1.7 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.7);white-space:nowrap}
.motion .tbd .cue .cue-a{color:var(--accent);animation:tbd-bob 1.6s ease-in-out infinite}
@keyframes tbd-bob{50%{transform:translateY(4px)}}
.motion .tbd .hud{display:flex;gap:.6em;position:absolute;z-index:2;left:max(var(--gut),env(safe-area-inset-left,0px));top:.9rem;font:500 .625rem/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.62);opacity:0}
.tbd .hud b{font-weight:500;color:var(--accent)}
.tbd .drone{will-change:transform}
.tbd .dr *{vector-effect:non-scaling-stroke}
.tbd .dr .top{fill:#1a2636;stroke:rgba(255,255,255,.84);stroke-width:1;stroke-linejoin:round;transition:fill .4s,stroke .4s}
.tbd .dr .side{fill:#0e1723;stroke:rgba(255,255,255,.5);stroke-width:1;stroke-linejoin:round;transition:fill .4s,stroke .4s}
.tbd .dr .side--r{fill:#131e2c}
.tbd .dr .pcb .top{fill:#1f2d3f}
.tbd .dr .chip .top{fill:#27364a}
.tbd .dr .ln{fill:none;stroke:rgba(255,255,255,.72);stroke-width:1}
.tbd .dr .ln--f{stroke:rgba(255,255,255,.26)}
.tbd .dr .disc{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.4);stroke-width:1;stroke-dasharray:2 5}
.tbd .dr .bl{fill:rgba(255,255,255,.8)}
.tbd .dr .bit{fill:var(--accent)}
.tbd .dr .lens{fill:#0e1723;stroke:rgba(255,255,255,.8);stroke-width:1}
.tbd .dr .lens--i{fill:var(--accent);stroke:none}
.tbd .dr-axis{stroke:rgba(255,255,255,.4);stroke-width:1;stroke-dasharray:1 5}
.tbd .layer{transition:opacity .45s}
.tbd .dr.has-active .layer:not(.tbd-on){opacity:.26}
.tbd .dr.all-active .layer:not(.tbd-on){opacity:.5}
.tbd .layer.tbd-on .top,.tbd .layer.tbd-on .side{stroke:var(--accent)}
.tbd .layer.tbd-on .pcb .top{fill:#3b2414}
.tbd .layer.tbd-on .pcb .side{fill:#2a180c}
.tbd .layer.tbd-on .chip .top{fill:var(--accent);stroke:#ffd9c2}
.tbd .layer.tbd-on .chip .side{fill:#a94400;stroke:#ffd9c2}
.tbd .layer.tbd-on .ln{stroke:var(--accent)}
.tbd .call line{stroke:rgba(255,255,255,.4);stroke-width:1}
.tbd .call circle{fill:var(--ink);stroke:rgba(255,255,255,.55);stroke-width:1;transition:fill .3s,stroke .3s}
.tbd .call text{font:500 11px var(--mono);fill:rgba(255,255,255,.8);transition:fill .3s}
.tbd .call.tbd-on line{stroke:var(--accent)}
.tbd .call.tbd-on circle{fill:var(--accent);stroke:var(--accent)}
.tbd .call.tbd-on text{fill:var(--ink)}
.motion .tbd .blade{animation:tbd-spin 2.6s linear infinite}
@keyframes tbd-spin{to{transform:rotate(360deg)}}
.tbd .proc-head{position:relative;z-index:2;display:grid;gap:.6rem;padding:1.1rem max(var(--gut),env(safe-area-inset-right,0px)) 0 max(var(--gut),env(safe-area-inset-left,0px))}
.tbd .proc-head .h2{font-size:clamp(1.625rem,6.4vw,3.25rem)}
.tbd .bd *{vector-effect:non-scaling-stroke}
.tbd .bd .top,.tbd .bd .side{stroke-linejoin:round}
.tbd .bd .pcbl .top{fill:#fff;stroke:var(--ink);stroke-width:1.1}
.tbd .bd .pcbl .side{fill:#d5dbe3;stroke:var(--ink);stroke-width:1.1}
.tbd .bd .pcbl .side--r{fill:#c3cad4}
.tbd .bd .tr{fill:none;stroke:#b6bec9;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.tbd .bd .via{fill:#fff;stroke:#b6bec9;stroke-width:1}
.tbd .bd .pad{fill:#cdd3db}
.tbd .bd .pad--o{fill:none;stroke:#cdd3db;stroke-width:1}
.tbd .bd .ball{fill:#cdd3db;transition:fill .3s}
.tbd .bd .balls.is-x .ball{fill:var(--accent)}
.tbd .bd .hole{fill:var(--mist);stroke:var(--ink);stroke-width:1}
.tbd .bd .cmp .top{fill:#1a2432;stroke:#1a2432;stroke-width:.7}
.tbd .bd .cmp .side{fill:#3a475b}
.tbd .bd .cmp .side--r{fill:#2a3546}
.tbd .bd .cmp--xtal .top{fill:#c7cdd6;stroke:#8b939f}
.tbd .bd .cmp--xtal .side{fill:#9aa3af}
.tbd .bd .cmp--led .top{fill:var(--accent);stroke:var(--accent)}
.tbd .bd .term,.tbd .bd .pin{fill:#b9c1cc}
.tbd .bd .dotm{fill:#8b939f}
.tbd .bd .mk{fill:none;stroke:#5a667b;stroke-width:1}
.tbd .bd .kit{fill:rgba(20,29,43,.035);stroke:#8b939f;stroke-width:1;stroke-dasharray:3 4}
.tbd .bd .film{fill:rgba(246,107,23,.2);stroke:var(--accent);stroke-width:1;fill-rule:evenodd}
.tbd .bd .mask{fill:none;stroke:var(--action);stroke-width:1;stroke-dasharray:3 3}
.tbd .bd .scan-b{fill:rgba(246,107,23,.16)}
.tbd .bd .scan-l{stroke:var(--accent);stroke-width:1.8}
.tbd .bd .brk{fill:none;stroke:var(--accent);stroke-width:1.5}
.tbd .bd .lensr{fill:rgba(246,107,23,.1);stroke:var(--accent);stroke-width:1.4}
.tbd .bd .valve-d{fill:var(--accent)}
.tbd .bd .valve-l{stroke:var(--accent);stroke-width:1;stroke-dasharray:2 2}
.tbd .bd .valve-b{fill:var(--ink)}
.tbd .bd .case-b .top{fill:#eceff3;stroke:var(--ink);stroke-width:1.1}
.tbd .bd .case-b .side{fill:#cfd5dd;stroke:var(--ink);stroke-width:1.1}
.tbd .bd .case-b .side--r{fill:#bcc4ce}
.tbd .bd .lid-b .top{fill:#fff;stroke:var(--ink);stroke-width:1.1}
.tbd .bd .lid-b .side{fill:#dde2e8;stroke:var(--ink);stroke-width:1.1}
.tbd .bd .lid-b .side--r{fill:#cbd2da}
.tbd .bd .ln-in{fill:none;stroke:#c3cad4;stroke-width:1}
.tbd .bd .plate{fill:var(--mist);stroke:#8b939f;stroke-width:1}
.tbd .bd .rb{fill:var(--ink)}
.tbd .bd .screw{fill:#fff;stroke:var(--ink);stroke-width:1}
.tbd .bd .slot{stroke:var(--ink);stroke-width:1.2}
.tbd .bd .bit{fill:var(--accent)}
.tbd .bd .cable{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tbd .hatch{padding-inline:var(--fl);background:var(--paper)}
.tbd .hatch::before{content:"";display:block;height:28px;border-inline:1px solid var(--line);background:repeating-linear-gradient(-45deg,rgba(20,29,43,0) 0 7px,rgba(20,29,43,.1) 7px 8px)}
.tbd .sec{position:relative;background:var(--paper);color:var(--ink);scroll-margin-top:var(--hh);--txt:var(--steel);--hair:var(--line)}
.tbd .sec > .wrap{padding-bottom:clamp(3.5rem,11vw,7.5rem)}
.tbd .sec--dark{background:var(--ink);color:#fff;--txt:var(--fog);--hair:var(--line-d)}
.tbd .rule{position:relative;height:1px;background:var(--hair);margin:0 calc(var(--pad) * -1 - 1px) clamp(2.75rem,8vw,5.5rem)}
.tbd .rule::before,.tbd .rule::after{content:"";position:absolute;top:-5px;width:11px;height:11px;background:linear-gradient(var(--accent),var(--accent)) center / 1px 100% no-repeat,linear-gradient(var(--accent),var(--accent)) center / 100% 1px no-repeat}
.tbd .rule::before{left:-5px}
.tbd .rule::after{right:-5px}
.tbd .sec-head{display:grid;gap:1.1rem;justify-items:start}
.tbd .split{display:grid;gap:clamp(2.25rem,7vw,4.5rem)}
.tbd .tiers{display:grid;margin-top:clamp(2rem,6vw,3.5rem);border-top:1px solid var(--hair)}
.tbd .tiers > li{border-bottom:1px solid var(--hair)}
.tbd .tier{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;height:100%;padding:1.7rem 0 1.2rem}
.tbd .tier-n{display:flex;align-items:center;gap:.8rem;font:500 .6875rem/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase}
.tbd .tier-n b{font:400 1.5rem/1 var(--pixel);letter-spacing:-.013em;color:var(--accent)}
.tbd .tier-m{position:relative;width:240px;max-width:100%;height:8px;margin-top:.3rem;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 12px)}
.tbd .tier-m::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--n) * 12px);max-width:100%;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 12px)}
.motion .tbd .rv .tier-m::after{width:0}
.motion .tbd .rv.in .tier-m::after{width:calc(var(--n) * 12px);transition:width 1s var(--ease) .35s}
.tbd .tier-v{font:500 .6875rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--action)}
.tbd .tier-h{font:300 clamp(1.5rem,6.2vw,1.875rem)/1.1 var(--sans);letter-spacing:-.035em;text-wrap:balance}
.tbd .tier .lnk{margin-top:auto}
.tbd .roles{display:grid;margin-top:clamp(2rem,6vw,3.5rem);border-top:1px solid var(--hair)}
.tbd .roles li{border-bottom:1px solid var(--hair)}
.tbd .role{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.6rem 0 1.1rem;text-decoration:none;color:inherit}
.tbd .role-top{display:flex;align-items:center;gap:.8rem}
.tbd .pxi{color:var(--accent);line-height:0}
.tbd .pxi svg{width:27px;height:27px;shape-rendering:crispEdges}
.tbd .pxi rect{fill:currentColor}
.tbd .role-q{font:300 clamp(1.625rem,6.8vw,2.125rem)/1.08 var(--sans);letter-spacing:-.038em;text-wrap:balance;transition:color .25s}
.tbd .role:hover .role-q{color:var(--action)}
.tbd .role-a{color:var(--txt);font-size:.9375rem;max-width:24em}
.tbd .files{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;font:500 .6875rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.tbd .files .pills{color:var(--ink)}
.tbd .panel{background:var(--ink);color:#fff;padding:1.35rem 1.15rem .6rem}
.tbd .panel .label{color:var(--accent);padding-bottom:1rem}
.tbd .spec > div{display:grid;gap:.3rem;padding:.85rem 0;border-top:1px solid var(--line-d)}
.tbd .spec dt{font:500 .625rem/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}
.tbd .spec dd{font:400 .8125rem/1.6 var(--mono);letter-spacing:.015em}
.tbd .spec dd span{display:block}
.tbd .spec dd .sub{color:rgba(255,255,255,.56)}
.tbd .scale{--mm:58px;margin-top:clamp(2.5rem,7vw,4.5rem);padding:1.25rem 1.1rem 1.1rem;background:var(--mist);border:1px solid var(--hair)}
.tbd .scale-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem}
.tbd .scale-top .h3{font-weight:400;font-size:1.25rem;letter-spacing:-.02em}
.tbd .scale-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.6rem 1.5rem;margin-top:1.8rem}
.tbd .chip{display:grid;gap:.55rem;justify-items:start}
.tbd .chip-b{display:block;width:calc(var(--mm) * var(--w));height:calc(var(--mm) * var(--h));background:linear-gradient(90deg,#aab3bf 0 21%,var(--ink) 21% 79%,#aab3bf 79%)}
.tbd .chip strong{font:500 .75rem/1 var(--mono);letter-spacing:.08em}
.tbd .chip small{font:400 .625rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.tbd .chip--hot strong{color:var(--action)}
.tbd .chip--salt .chip-b{background:#fff;border:1px solid var(--steel-2);border-radius:24%}
.tbd .bga{display:grid;grid-template-columns:repeat(5,calc(var(--mm) * .5));grid-auto-rows:calc(var(--mm) * .5);place-items:center;margin-left:calc(var(--mm) * -.1)}
.tbd .bga i{width:calc(var(--mm) * .3);height:calc(var(--mm) * .3);border-radius:50%;background:var(--ink)}
.tbd .bga i:nth-child(1),.tbd .bga i:nth-child(2){background:var(--accent)}
.tbd .scale-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;margin-top:1.6rem;padding-top:.9rem;border-top:1px solid var(--hair);font:400 .625rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.tbd .scale-bar{display:inline-flex;align-items:center;gap:.7rem}
.tbd .scale-bar i{display:block;width:var(--mm);height:7px;border:1px solid var(--ink);border-top:0}
.tbd .cards3{display:grid;margin-top:clamp(2.5rem,7vw,4.5rem);border-top:1px solid var(--hair)}
.tbd .cards3 li{display:grid;gap:.5rem;align-content:start;padding:1.4rem 0;border-bottom:1px solid var(--hair)}
.tbd .sec-links{display:flex;flex-wrap:wrap;gap:.25rem 2rem;margin-top:1.75rem}
.tbd .card{position:relative;margin-top:clamp(2rem,6vw,3.5rem);padding:1.25rem 1.1rem .4rem;background:var(--mist);border:1px solid var(--hair);overflow:hidden;overflow:clip}
.tbd .card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem .35rem 1.15rem 0}
.tbd .stamp{flex:none;font:500 .6875rem/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--action);border:1.5px solid currentColor;outline:1px solid currentColor;outline-offset:2px;padding:.6em .55em .55em .8em;transform:rotate(-5deg)}
.motion .tbd .rv .stamp{opacity:0;transform:rotate(-5deg) scale(1.8)}
.motion .tbd .rv.in .stamp{opacity:1;transform:rotate(-5deg) scale(1);transition:transform .32s cubic-bezier(.3,1.5,.5,1) .5s,opacity .15s linear .5s}
.tbd .rows > div{display:grid;gap:.25rem;padding:.9rem 0;border-top:1px solid var(--hair)}
.tbd .rows dt{font:500 .625rem/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--txt)}
.tbd .rows dd{font-size:.9375rem;line-height:1.45}
.tbd .rows dd small{display:block;font-size:.8125rem;color:var(--txt)}
.tbd .card + .fine{margin-top:1rem}
.tbd .vows{display:grid;margin-top:clamp(2rem,6vw,3rem);border-top:1px solid var(--hair)}
.tbd .vows li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;padding:1.3rem 0;border-bottom:1px solid var(--hair)}
.tbd .vows li::before{content:"";grid-row:1 / span 2;width:8px;height:8px;margin-top:.5rem;background:var(--accent)}
.tbd .vows .body{grid-column:2}
.tbd .card--dark{margin-top:0;background:var(--ink-2);border-color:var(--line-d)}
.tbd .card--dark .stamp{color:var(--accent)}
.tbd .card--dark .rows dt{color:var(--accent)}
.tbd .card--dark .rows dd{font:400 .8125rem/1.6 var(--mono);letter-spacing:.02em;color:#fff}
.tbd .redact{position:relative;display:inline-block;vertical-align:-.2em;width:var(--bw,9em);max-width:100%;height:1.2em;padding:0;border:0;background:#fff;cursor:pointer;overflow:hidden}
.tbd .redact::after{content:"Brak dostępu";position:absolute;inset:0;display:grid;place-items:center;font:500 .5625rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--accent);opacity:0;transition:opacity .15s}
:root[data-lang="en"] .tbd .redact::after{content:"Access denied"}
.tbd .redact.deny{animation:tbd-shake .34s linear}
.tbd .redact.deny::after{opacity:1}
@keyframes tbd-shake{20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
.tbd .radar{margin-top:1.1rem;padding:1.25rem 1.1rem 1.1rem;background:var(--ink-2);border:1px solid var(--line-d)}
.tbd .radar-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1.2rem}
.tbd .radar-top .label{color:var(--accent)}
.tbd .radar-top p:last-child{font:400 .8125rem/1.5 var(--mono);letter-spacing:.02em}
.tbd .scope{position:relative;aspect-ratio:1;width:100%;max-width:430px;margin:.9rem auto 0;overflow:hidden}
.tbd .sweep{position:absolute;inset:4.1%;border-radius:50%;background:conic-gradient(from 0deg,rgba(246,107,23,0) 0deg 285deg,rgba(246,107,23,.36) 360deg)}
.motion .tbd .sweep{animation:tbd-spin 6s linear infinite}
.tbd .scope svg{position:relative;width:100%;height:100%;overflow:visible}
.tbd .scope .ring{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1;vector-effect:non-scaling-stroke}
.tbd .scope .ring--o{stroke:rgba(255,255,255,.45)}
.tbd .scope .ax{stroke:rgba(255,255,255,.16);stroke-width:1;vector-effect:non-scaling-stroke}
.tbd .scope text{font:500 13.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:#fff}
.tbd .scope .km{fill:rgba(255,255,255,.5)}
.tbd .scope .home{fill:var(--accent)}
.tbd .blip{fill:#fff;transform-box:fill-box;transform-origin:center}
.motion .tbd .blip{animation:tbd-blip 6s linear infinite;animation-delay:calc(var(--b) / 360 * 6s - 6s)}
@keyframes tbd-blip{0%{fill:#f66b17;transform:scale(2.1)}14%{fill:#f66b17}48%,100%{fill:#fff;transform:scale(1)}}
.tbd .radar-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;margin-top:.6rem}
.tbd .radar-foot .fine{letter-spacing:.02em}
.tbd .steps{position:relative;display:grid;margin-top:clamp(2rem,6vw,3.5rem);--f:0}
.tbd .steps::before,.tbd .steps::after{content:"";position:absolute;left:4px;top:.55rem;bottom:2.6rem;width:1px;background:var(--hair)}
.tbd .steps::after{background:var(--accent);transform-origin:50% 0;transform:scaleY(var(--f))}
.tbd .steps li{position:relative;display:grid;gap:.45rem;align-content:start;padding:0 0 2.1rem 2.1rem}
.tbd .steps li::before{content:"";position:absolute;z-index:1;left:0;top:.42rem;width:9px;height:9px;background:var(--paper);border:1px solid var(--accent);transition:background-color .3s}
.tbd .steps li.on::before{background:var(--accent)}
.tbd .step-n{font:500 .6875rem/1.5 var(--mono);letter-spacing:.17em;color:var(--action)}
.tbd .bd .beam-l{stroke:var(--accent);stroke-width:1.6}
.tbd .bd .beam-h{fill:var(--ink)}
.tbd .bd .beam-r{fill:rgba(246,107,23,.28);stroke:var(--accent);stroke-width:1.2}
.tbd .stage-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,29,43,.94) 0%,rgba(20,29,43,.84) 44%,rgba(20,29,43,.5) 80%,rgba(20,29,43,.66) 100%),url(https://cdn.prod.website-files.com/6a7361255a653d8accec9775/6af4f1ceae5aea42bbb85b62_obronnosc-hero-hq.jpg) 38% 0 / auto 135% no-repeat var(--ink)}
.tbd .band{background:var(--ink);color:#fff;--hair:var(--line-d);--txt:var(--fog)}
.tbd .band > .wrap{padding-block:clamp(2rem,6vw,3.5rem) clamp(2.5rem,7vw,4.5rem)}
.tbd .band-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.5rem;margin-bottom:1.25rem}
.tbd .shots{display:flex;gap:.75rem;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tbd .shots::-webkit-scrollbar{display:none}
.tbd .shot{flex:0 0 84%;min-width:0;scroll-snap-align:start;display:grid;gap:.75rem;align-content:start}
.tbd .shot-img{position:relative;isolation:isolate;aspect-ratio:3 / 2;max-width:100%;overflow:hidden;background:#24364f}
.tbd .shot-img img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12);mix-blend-mode:luminosity;opacity:.94}
.motion .tbd .shot.rv .shot-img img{transform:scale(1.12);transition:transform 1.6s var(--ease)}
.motion .tbd .shot.rv.in .shot-img img{transform:none}
.tbd .shot-l{font:500 .6875rem/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase}
.tbd .shot-l b{font-weight:500;color:var(--accent);margin-right:.5em}
.motion .tbd .rv{opacity:0;transform:translateY(22px);transition:opacity .7s linear,transform .9s var(--ease);transition-delay:calc(var(--i,0) * 80ms)}
.motion .tbd .rv.in{opacity:1;transform:none}
@media (max-width:599px){
.tbd .panel,.tbd .card,.tbd .scale,.tbd .radar{margin-inline:calc(var(--pad) * -1 + 8px)}
}
@media (min-width:600px){
.tbd{--frame:24px}
.tbd .scene--sys .stage{--hx:.22;--hy:.56;--hbot:none;--hs:1.25;--ho:1}
.tbd .spec > div{grid-template-columns:9.5rem minmax(0,1fr);gap:1.25rem}
.tbd .rows > div{grid-template-columns:11.5rem minmax(0,1fr);gap:1.5rem;align-items:baseline}
.tbd .panel,.tbd .card,.tbd .scale,.tbd .radar{padding-inline:1.6rem}
.tbd .scale{--mm:78px}
.tbd .caps{padding-bottom:4rem}
}
@media (min-width:860px){
.tbd .roles{grid-template-columns:repeat(3,minmax(0,1fr))}
.tbd .roles li{border-bottom:1px solid var(--hair)}
.tbd .roles li + li{border-left:1px solid var(--hair)}
.tbd .role{height:100%;padding:2rem 1.75rem 1.4rem}
.tbd .roles li:first-child .role{padding-left:0}
.tbd .role .lnk{margin-top:auto}
.tbd .cards3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tbd .cards3 li{padding:1.75rem 1.75rem 1.9rem 0}
.tbd .cards3 li + li{padding-left:1.75rem;border-left:1px solid var(--hair)}
.tbd .tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
.tbd .tiers > li + li{border-left:1px solid var(--hair)}
.tbd .tier{padding:2rem 1.75rem 1.4rem}
.tbd .tiers > li:first-child .tier{padding-left:0}
.tbd .cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.tbd .cards--4 li:nth-child(3){padding-left:0;border-left:0}
.tbd .scale{--mm:104px}
.tbd .steps{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2rem;padding-top:2.2rem}
.tbd .steps::before,.tbd .steps::after{left:0;right:0;top:4px;bottom:auto;width:auto;height:1px}
.tbd .steps::after{transform-origin:0 50%;transform:scaleX(var(--f))}
.tbd .steps li{padding:0 1rem 0 0}
.tbd .steps li::before{top:-2.2rem}
}
@media (min-width:960px){
.tbd .split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}
.tbd .split--own{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.tbd .sticky-col{position:sticky;top:calc(var(--hh) + 2rem)}
.motion .tbd .stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:2.5rem;padding-left:var(--gut);padding-right:var(--gut)}
.motion .tbd .stage > .viz{grid-column:2;grid-row:1}
.motion .tbd .stage > .caps{grid-column:1;grid-row:1;align-self:center;margin-top:0;padding:0;background:none}
.motion .tbd .scene--proc .stage{grid-template-rows:minmax(0,.72fr) minmax(0,1fr)}
.motion .tbd .scene--proc .stage > .proc-head{grid-column:1;grid-row:1;align-self:end;padding:0 0 2.25rem}
.motion .tbd .scene--proc .stage > .caps{grid-row:2;align-self:start}
.motion .tbd .scene--proc .stage > .viz{grid-row:1 / span 2}
.motion .tbd .hero{inset:calc(var(--hh) + env(safe-area-inset-top,0px)) auto 0 var(--gut);width:min(44vw,520px);padding:2.5rem 0 2rem;justify-content:center;gap:1.4rem}
.tbd .hero-foot{margin-top:1.5rem}
.tbd .scene--sys .stage{--hx:0;--hy:0;--hs:1.22;--ho:1;--cz:.07;--cp:.4}
.motion .tbd .scene-skip{top:auto;right:auto;left:0;bottom:-3.4rem}
.motion .tbd .hud{left:auto;right:0;top:auto;bottom:1.75rem}
.tbd .cap-b{font-size:1.0625rem;margin-top:.9rem}
.tbd .cap-t{font-size:clamp(2.5rem,3.4vw,3.25rem)}
.tbd .cap-h{font-size:clamp(3rem,4vw,3.75rem)}
.tbd .cap .pills{margin-top:1.2rem}
.motion .tbd .caps{min-height:21rem}
}
@media (min-width:860px){
.tbd .shots{gap:1.25rem;margin-inline:0;padding-inline:0;overflow:visible}
.tbd .shot{flex:1 1 0}
}
@media (min-width:992px){
.tbd{--frame:48px;--pad:48px;--hh:81px}
.tbd .stage-bg{background:linear-gradient(90deg,rgba(20,29,43,.96) 0%,rgba(20,29,43,.88) 38%,rgba(20,29,43,.5) 100%),url(https://cdn.prod.website-files.com/6a7361255a653d8accec9775/6af4f1ceae5aea42bbb85b62_obronnosc-hero-hq.jpg) 50% 100% / cover no-repeat var(--ink)}
}
@media (min-width:1200px){
.tbd .cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tbd .cards--4 li:nth-child(3){padding-left:1.75rem;border-left:1px solid var(--hair)}
}
@media (prefers-reduced-motion:reduce){
.tbd *,.tbd *::before,.tbd *::after{animation:none!important;transition:none!important}
}
/* inside the site: sit under the sticky navigation, undo the site's tag rules, glue the two halves of the purchasing section */
.tbd{box-sizing:border-box}
.tbd h1,.tbd h2,.tbd h3,.tbd p,.tbd ul,.tbd ol,.tbd li,.tbd dl,.tbd dt,.tbd dd,.tbd figure,.tbd figcaption,.tbd blockquote,.tbd strong,.tbd small{color:inherit}
.tbd li,.tbd dt,.tbd figcaption{margin:0;padding:0}
.tbd h1,.tbd h2,.tbd h3{font:inherit;letter-spacing:inherit}
.tbd figcaption{text-align:inherit}
.tbd blockquote{border:0}
.tbd .scene--sys{margin-top:calc((var(--hh) + env(safe-area-inset-top,0px)) * -1)}
.tbd .sec--open > .wrap{padding-bottom:0}
.tbd .sec--cont > .wrap > .card{margin-top:clamp(2.5rem,7vw,4.5rem)}