.fde{--fde-ease: cubic-bezier(.2, .7, .2, 1);--fde-hair: var(--color-border);--fde-hair-soft: color-mix(in srgb, var(--color-border) 55%, transparent);--fde-lift: 0 1.25rem 2.75rem -1.5rem color-mix(in srgb, var(--color-bg-deep) 85%, transparent);--fde-edge: inset 0 1px 0 color-mix(in srgb, var(--color-fg) 9%, transparent)}[data-theme=light] .fde{--fde-lift: 0 1.25rem 2.75rem -1.5rem color-mix(in srgb, var(--color-fg) 18%, transparent);--fde-edge: inset 0 1px 0 var(--color-surface)}.fde-h1{font-size:clamp(2.4rem,4.6vw,3.75rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.fde-h2{font-size:clamp(1.85rem,3vw,2.5rem);line-height:1.12;text-wrap:balance}.fde-offer{border-left:1px solid var(--color-signal);padding-left:1.1rem}.fde-caption{font-size:.85rem;line-height:1.55;color:var(--color-fg-secondary);max-width:34rem}.fde-sheet-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-signal)}.fde-list li{border-top:1px solid var(--fde-hair);padding:.9rem 0;line-height:1.6;color:var(--color-fg-secondary)}.fde-list li:last-child{border-bottom:1px solid var(--fde-hair)}.fde-terms{display:grid;grid-template-columns:1fr;column-gap:2.5rem}@media (min-width: 768px){.fde-terms{grid-template-columns:1fr 1fr}}.fde-terms>div{border-top:1px solid var(--fde-hair);padding:1.4rem 0 1.6rem}.fde-terms dt{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--color-fg)}.fde-terms dd{margin-top:.5rem;line-height:1.6;color:var(--color-fg-secondary)}.fde-fit li{display:grid;grid-template-columns:1.25rem 1fr;gap:.85rem;align-items:start;border-top:1px solid var(--fde-hair-soft);padding:1rem 0;line-height:1.6;color:var(--color-fg-secondary)}.fde-fit svg{margin-top:.3rem;color:var(--color-signal)}.fde-faq>div{border-top:1px solid var(--fde-hair);padding:1.75rem 0}.fde-faq>div:last-child{border-bottom:1px solid var(--fde-hair)}.fde-hero-canvas{position:relative;display:grid;isolation:isolate;padding:1.5rem 0 .5rem}.fde-guides{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--fde-hair-soft) 1px,transparent 1px),linear-gradient(to bottom,var(--fde-hair-soft) 1px,transparent 1px);background-size:2.5rem 2.5rem;-webkit-mask-image:radial-gradient(ellipse at 60% 45%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 45%,black 30%,transparent 75%);z-index:-1}.fde-hero-sheet{position:relative;width:68%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:1.1rem 1.25rem 1.25rem;box-shadow:var(--fde-lift),var(--fde-edge)}.fde-hero-sheet ul{margin-top:.75rem}.fde-hero-sheet li{border-top:1px solid var(--fde-hair-soft);padding:.45rem 0;font-size:.9rem;color:var(--color-fg-secondary)}.fde-hero-sheet--team{background:var(--color-surface-raised)}.fde-hero-sheet--engineer{margin:.75rem 0 0 auto;z-index:1}.fde-hero-shared{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-secondary)}.fde-hero-shared-line{flex:0 0 3rem;height:1px;background:var(--color-signal)}#przyklad{scroll-margin-top:4.5rem}.fde-stage-item+.fde-stage-item{border-top:1px solid var(--fde-hair)}.fde-stage{padding:2.25rem 0}.fde-stage-item:first-child .fde-stage{padding-top:0}.fde-roles>div{display:grid;grid-template-columns:1fr;gap:.2rem;padding:.7rem 0;border-top:1px solid var(--fde-hair-soft)}@media (min-width: 640px){.fde-roles>div{grid-template-columns:8.5rem 1fr;gap:1rem}}.fde-roles dt{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-muted);padding-top:.2rem}.fde-roles dd{line-height:1.6;color:var(--color-fg)}.fde-rail{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-bottom:1.25rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-muted)}.fde-rail li{padding-bottom:.3rem;border-bottom:1px solid transparent}.fde-canvas{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;align-items:start;isolation:isolate}.fde-layer{position:relative}.fde-layer--guides{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;z-index:0}.fde-sheet{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--fde-lift),var(--fde-edge);padding:1rem 1.15rem 1.25rem}.fde-sheet ul{margin-top:.65rem}.fde-layer--enquiry{grid-column:1 / 8;grid-row:1;margin-top:1.25rem;z-index:2}.fde-layer--sources{grid-column:8 / 13;grid-row:1;z-index:1}.fde-sheet--sources{background:var(--color-surface-raised)}.fde-sheet--sources li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--color-fg-secondary)}.fde-sheet--sources svg{color:var(--color-fg-muted);flex:none}.fde-lines li{border-top:1px solid var(--fde-hair-soft);padding:.45rem 0;font-size:.88rem;color:var(--color-fg-secondary)}.fde-flag{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;border:1px solid color-mix(in srgb,var(--color-warn) 45%,transparent);border-radius:6px;background:color-mix(in srgb,var(--color-warn) 10%,transparent);padding:.4rem .6rem;font-size:.82rem;font-weight:500;color:var(--color-warn)}[data-theme=light] .fde-flag{color:var(--color-warn-strong);border-color:color-mix(in srgb,var(--color-warn-strong) 45%,transparent);background:color-mix(in srgb,var(--color-warn) 14%,transparent)}.fde-flag svg{flex:none}.fde-layer--draft{grid-column:4 / 13;grid-row:2;z-index:3}.fde-sheet--draft{border-color:color-mix(in srgb,var(--color-signal) 45%,var(--color-border))}.fde-layer--review{grid-column:1 / 9;grid-row:3;z-index:4}.fde-sheet--review{background:var(--color-surface-raised)}.fde-review{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:500;color:var(--color-fg)}.fde-review svg{flex:none;color:var(--color-signal)}.fde-exception{margin-top:.5rem;border-top:1px solid var(--fde-hair-soft);padding-top:.5rem;font-size:.82rem;color:var(--color-fg-secondary)}.fde-layer--handover{grid-column:1 / 13;grid-row:4;z-index:5}.fde-sheet--handover{padding:.7rem 1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-secondary)}@media (max-width: 639px){.fde-hero-sheet{width:100%}.fde-canvas{gap:.75rem}.fde-canvas>.fde-layer{grid-column:1 / -1;grid-row:auto;margin:0}.fde-layer--guides{display:none}}.fde-example[data-pin=on] .fde-figure{position:sticky;top:5.5rem}.fde-example[data-pin=on] .fde-stage{min-height:52vh}.fde-example[data-pin=on] .fde-stage-item:last-child .fde-stage{min-height:0}.fde-example[data-motion] .fde-layer--guides{translate:0 calc((var(--fde-p, .5) - .5) * -3rem)}.fde-example[data-pin=on] [data-from]>.fde-sheet{transition:opacity .32s var(--fde-ease),transform .32s var(--fde-ease),clip-path .6s var(--fde-ease)}.fde-example[data-pin=on] :is([data-from="2"],[data-from="3"],[data-from="4"],[data-from="5"])>.fde-sheet{opacity:.16;transform:translateY(.5rem) scale(.98)}.fde-example[data-pin=on] [data-from="3"]>.fde-sheet{clip-path:inset(0 0 72% 0 round 8px)}.fde-example[data-pin=on]:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) [data-from="2"]>.fde-sheet,.fde-example[data-pin=on]:is([data-stage="3"],[data-stage="4"],[data-stage="5"]) [data-from="3"]>.fde-sheet,.fde-example[data-pin=on]:is([data-stage="4"],[data-stage="5"]) [data-from="4"]>.fde-sheet,.fde-example[data-pin=on][data-stage="5"] [data-from="5"]>.fde-sheet{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 8px)}.fde-example[data-motion] .fde-rail li{transition:color .2s var(--fde-ease),border-color .2s var(--fde-ease)}.fde-example[data-motion][data-stage="1"] .fde-rail li:nth-child(1),.fde-example[data-motion][data-stage="2"] .fde-rail li:nth-child(2),.fde-example[data-motion][data-stage="3"] .fde-rail li:nth-child(3),.fde-example[data-motion][data-stage="4"] .fde-rail li:nth-child(4),.fde-example[data-motion][data-stage="5"] .fde-rail li:nth-child(5){color:var(--color-fg);border-bottom-color:var(--color-signal)}.fde-example[data-motion] .fde-stage-item{transition:border-color .2s var(--fde-ease)}.fde-example[data-motion][data-stage="2"] .fde-stage-item:nth-child(2),.fde-example[data-motion][data-stage="3"] .fde-stage-item:nth-child(3),.fde-example[data-motion][data-stage="4"] .fde-stage-item:nth-child(4),.fde-example[data-motion][data-stage="5"] .fde-stage-item:nth-child(5){border-top-color:var(--color-signal)}@media (prefers-reduced-motion: reduce){.fde-example .fde-layer--guides{translate:none}}
