body.teams-page {
    --teams-muted: oklch(42% 0.018 295);
    --teams-line: oklch(88% 0.01 295);
    --teams-paper: oklch(100% 0 0);
    --teams-shadow: 0 18px 44px rgb(10 10 10 / 6%);
    overflow-x: visible;
}

.teams-main :is(h1, h2, h3, h4, p, figure, ul) { margin: 0; }
.teams-main :is(h1, h2, h3, h4) { font-weight: 600; letter-spacing: -.035em; }
.teams-main h1 { font-size: clamp(2.375rem, 4.6vw, 3.625rem); line-height: 1.08; }
.teams-main h2 { font-size: clamp(1.875rem, 3.6vw, 2.75rem); line-height: 1.12; }
.teams-main :is(h3, h4) { font-size: 1.3125rem; line-height: 1.35; letter-spacing: -.02em; }
.teams-main p { line-height: 1.65; color: var(--teams-muted); }
.teams-main ul { padding: 0; list-style: none; }
.teams-main a { color: inherit; text-underline-offset: .25em; }
.teams-main :is(a, button, summary):focus-visible { outline: 3px solid var(--frame-ink); outline-offset: 5px; }
.teams-main section { padding-block: 4.5rem 5.5rem; scroll-margin-top: 6rem; }
.teams-main .container { width: 100%; }
.teams-main .sec-head { text-align: center; margin-bottom: 3rem; }
.teams-main .sec-head > p:not(.eyebrow) { margin-top: 1.25rem; }
.teams-main .eyebrow { margin-bottom: 1.25rem; font-size: .875rem; font-weight: 500; }
.teams-main .lead { font-size: 1.125rem; margin-block: 1.5rem 2rem; }
.teams-main svg { width: 1.125rem; height: 1.125rem; flex: none; }
.teams-main .btn2 { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: .875rem 1.25rem; border: 1px solid var(--frame-ink); text-decoration: none; font-size: .9375rem; font-weight: 600; line-height: 1.5; }
.teams-main .btn2-primary { background: var(--frame-violet); color: var(--frame-ink); }
.teams-main .btn2:hover { background: var(--frame-ink); color: var(--teams-paper); }
.teams-main .hero2 { padding-block: 5.5rem 4.5rem; }
.teams-main .hero2-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 3.5rem; align-items: center; }
.teams-main .hero2-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.teams-main .hero2-img img { display: block; width: 100%; height: auto; max-width: 36rem; margin-inline: auto; mix-blend-mode: multiply; }

.teams-main .bole > .container { display: grid; grid-template-columns: minmax(17.5rem, 23.75rem) minmax(0, 1fr); gap: 4rem; align-items: start; }
.teams-main .bole .sec-head { position: sticky; top: 7.5rem; text-align: left; margin: 0; }
.teams-main .pain-list { display: grid; gap: 1.25rem; }
.teams-main .pain { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 1.5rem; padding: 2rem; border: 1px solid var(--teams-line); background: var(--teams-paper); box-shadow: var(--teams-shadow); }
.teams-main .pain-num { font-size: 3.75rem; font-weight: 700; letter-spacing: -.04em; line-height: 1; color: transparent; -webkit-text-stroke: 1px var(--teams-muted); }
.teams-main .pain .issue { margin-top: .75rem; }
.teams-main .pain .fix { display: flex; gap: .75rem; margin-top: 1rem; font-size: .9375rem; }
.teams-main .pain .fix svg { margin-top: .25rem; }

.teams-main .founder-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); gap: 3.5rem; align-items: start; padding: 3rem; border: 1px solid var(--teams-line); background: var(--teams-paper); box-shadow: var(--teams-shadow); }
.teams-main .founder-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.teams-main .founder-name { font-size: 2rem; }
.teams-main .founder-role { font-size: .875rem; margin-block: .5rem 1.5rem; }
.teams-main .founder-lead { margin-bottom: 1.5rem; }
.teams-main :is(.founder-list, .check-list, .ofgrid-feats, .fit-list) { display: grid; gap: .875rem; }
.teams-main :is(.founder-list, .check-list, .ofgrid-feats, .fit-list) li { display: flex; gap: .75rem; line-height: 1.6; color: var(--teams-muted); }
.teams-main li svg { margin-top: .2rem; }

.teams-main .flow-panel { border: 1px solid var(--frame-ink); padding: clamp(1.5rem, 3vw, 3rem); }
.teams-main .flow-panel h2 { font-size: clamp(2rem, 4.1vw, 3.75rem); font-weight: 650; }
.teams-main .flow-panel .sec-head { margin-bottom: 2rem; }
.teams-main .flow-panel .sec-head > p { font-size: 1.125rem; color: var(--frame-ink); }
.teams-main .flow-prcs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto auto 1fr; column-gap: 1.5rem; }
.teams-main .flow-prc { display: grid; grid-row: span 4; grid-template-rows: subgrid; min-width: 0; }
.teams-main .flow-art { align-self: end; }
.teams-main .flow-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent); }
.teams-main .flow-heading { display: flex; align-items: center; gap: .875rem; margin-block: 1.25rem 1rem; }
.teams-main .flow-prc-num { display: grid; place-items: center; flex: 0 0 2.25rem; height: 2.25rem; border: 1px solid var(--frame-violet); color: oklch(43% 0.23 295); background: oklch(93% 0.05 295); font-size: 1.3125rem; font-weight: 600; line-height: 1; }
.teams-main .flow-prc h3 { font-size: clamp(1.125rem, 1.55vw, 1.375rem); letter-spacing: -.025em; }
.teams-main .flow-prc > p { margin-bottom: 1.5rem; color: var(--frame-ink); }
.teams-main .flow-prc .check-list { align-content: start; gap: .625rem; }
.teams-main .flow-prc .check-list li { position: relative; display: block; padding-left: 1.25rem; color: var(--frame-ink); }
.teams-main .flow-prc .check-list li::before { content: ''; position: absolute; left: 0; top: .65em; width: .5rem; height: .5rem; border-radius: 50%; background: var(--frame-violet); }

.teams-main .ofgrid-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 2.75rem; margin: 0; padding: 0; list-style: none; counter-reset: offer; }
.teams-main .ofgrid-card { display: flex; flex-direction: column; grid-column: span 2; min-width: 0; padding-inline: 1.5rem; counter-increment: offer; }
.teams-main .ofgrid-card:nth-child(3), .teams-main .ofgrid-card:nth-child(5), .teams-main .ofgrid-card:nth-child(6) { border-left: 1px solid var(--teams-line); }
.teams-main .ofgrid-card:nth-child(2), .teams-main .ofgrid-card:nth-child(4) { padding-left: 0; }
.teams-main .ofgrid-card:nth-child(3), .teams-main .ofgrid-card:nth-child(6) { padding-right: 0; }
.teams-main .ofgrid-card--xl { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, .38fr) minmax(0, .62fr); gap: 1.5rem; align-items: center; padding: 0; }
.teams-main .ofgrid-card--w { display: grid; grid-column: span 3; grid-template-columns: minmax(0, .44fr) minmax(0, .56fr); gap: .75rem; align-items: start; }
.teams-main .ofgrid-title { display: flex; align-items: flex-start; gap: .875rem; font-size: clamp(1.25rem, 1.55vw, 1.5rem); line-height: 1.3; }
.teams-main .ofgrid-title .flow-prc-num::before { content: counter(offer); }
.teams-main .ofgrid-copy > p { margin-top: 1rem; color: var(--frame-ink); }
.teams-main .ofgrid-art { margin-top: auto; padding-top: 1.25rem; }
.teams-main .ofgrid-art img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent), linear-gradient(to bottom, transparent, black 2%, black 98%, transparent); mask-composite: intersect; }
.teams-main .ofgrid-card--xl .ofgrid-art, .teams-main .ofgrid-card--w .ofgrid-art { margin-top: 0; padding-top: 0; }
.teams-main .ofgrid-card--w .ofgrid-art { align-self: end; }
.teams-main .ofgrid-feats { margin-top: 1.5rem; }
.teams-main .ofgrid-feats li { color: var(--frame-ink); }
.teams-main .ofgrid-feats li::before { content: ''; flex: 0 0 .5rem; height: .5rem; margin-top: .55em; border-radius: 50%; background: var(--frame-violet); }

.teams-main .fit > .container { display: grid; grid-template-columns: minmax(17.5rem, 23.75rem) minmax(0, 1fr); gap: 4rem; align-items: start; }
.teams-main .fit .sec-head { text-align: left; }
.teams-main .fit-column--yes { padding: 2.5rem; background: var(--teams-paper); border: 1px solid var(--teams-line); }
.teams-main .fit-column--yes .fit-list { gap: 0; }
.teams-main .fit-column--yes li { padding-block: 1rem; border-bottom: 1px solid var(--teams-line); }
.teams-main .fit-column--yes li:last-child { padding-bottom: 0; border: 0; }
.teams-main .fit-column--yes li svg { color: var(--frame-violet); }
.teams-main .fit-column--no { padding: 1.5rem 0; border-bottom: 1px solid var(--teams-line); }
.teams-main .fit-label { font-size: 1.25rem; font-weight: 600; color: var(--frame-ink); margin-bottom: .5rem; }
.teams-main summary.fit-label { cursor: pointer; margin: 0; }
.teams-main .fit-column--no[open] .fit-list { margin-top: 1.5rem; }
.teams-main .prcs { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 5rem minmax(0, 1fr); row-gap: 1.5rem; }
.teams-main .prcs::before { content: ''; position: absolute; top: 2rem; bottom: 2rem; left: 50%; width: 1px; background: var(--teams-line); }
.teams-main .prc { position: relative; display: block; align-self: start; padding: 2.5rem; background: var(--teams-paper); border: 1px solid var(--teams-line); }
.teams-main .prc:nth-child(odd) { grid-column: 1; }
.teams-main .prc:nth-child(even) { grid-column: 3; }
.teams-main .prc:first-child { grid-row: 1; }
.teams-main .prc:nth-child(2) { grid-row: 2; }
.teams-main .prc:nth-child(3) { grid-row: 3; }
.teams-main .prc:nth-child(4) { grid-row: 4; }
.teams-main .prc::after { content: ''; position: absolute; top: 2rem; width: 2.5rem; height: 1px; background: var(--teams-line); }
.teams-main .prc:nth-child(odd)::after { right: -2.5rem; }
.teams-main .prc:nth-child(even)::after { left: -2.5rem; }
.teams-main .prc-node { position: absolute; top: .5rem; display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid var(--frame-ink); border-radius: 50%; background: var(--frame-canvas); font-size: 1.125rem; z-index: 1; }
.teams-main .prc:nth-child(odd) .prc-node { right: -4rem; }
.teams-main .prc:nth-child(even) .prc-node { left: -4rem; }
.teams-main .prc:nth-child(4) .prc-node { background: var(--frame-violet); }
.teams-main .prc h3 { font-size: 1.5rem; }
.teams-main .prcs-art { align-self: start; justify-self: center; width: 100%; max-width: 32rem; min-width: 0; }
.teams-main .prcs-art--mapowanie { grid-column: 3; grid-row: 1; }
.teams-main .prcs-art--decyzja { grid-column: 1; grid-row: 4; }
.teams-main .prcs-art img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, #000 2%, #000 98%, transparent), linear-gradient(to bottom, transparent, #000 2%, #000 98%, transparent); mask-composite: intersect; }
.teams-main .prc-card > p { margin-top: 1rem; }
.teams-main .prc-effect { font-size: .9375rem; line-height: 1.6; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--teams-line); }
.teams-main .prcs-cta { text-align: center; margin-top: 2.5rem; }

.teams-main .quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.teams-main .quote-card { display: flex; flex-direction: column; padding: 2.5rem; border: 1px solid var(--teams-line); background: var(--teams-paper); box-shadow: var(--teams-shadow); }
.teams-main .quote-ico { display: none; }
.teams-main .quote-text { font-size: 1.125rem; color: var(--frame-ink); }
.teams-main .quote-meta { display: flex; flex-direction: column; gap: .375rem; padding-top: 1.75rem; margin-top: auto; }
.teams-main .quote-meta span { font-size: .875rem; color: var(--teams-muted); }

.teams-main .qna > .container { display: grid; grid-template-columns: minmax(17.5rem, 23.75rem) minmax(0, 1fr); gap: 4rem; }
.teams-main .qna .sec-head { text-align: left; }
.teams-main .qna-item { border-top: 1px solid var(--teams-line); }
.teams-main .qna-item:last-child { border-bottom: 1px solid var(--teams-line); }
.teams-main .qna-q { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.5rem 0; border: 0; background: transparent; color: var(--frame-ink); text-align: left; font-weight: 600; font-size: 1.125rem; cursor: pointer; }
.teams-main .fi { font-size: 1.5rem; font-weight: 400; }
.teams-main .qna-a[hidden] { display: none; }
.teams-main .qna-item.open .fi { transform: rotate(45deg); }
.teams-main .qna-a-inner { padding-bottom: 1.5rem; }
.teams-main .qna-a-inner > svg { display: none; }

.teams-main .usage-panel { border: 1px solid var(--teams-line); padding: clamp(1.25rem, 3vw, 3rem); }
.teams-main .usage-layout { display: grid; grid-template-columns: minmax(0, .36fr) minmax(0, .64fr); align-items: center; gap: 2.5rem; }
.teams-main .usage-benefits { display: grid; gap: 2.5rem; min-width: 0; }
.teams-main .usage-benefit p { margin-top: 1rem; }
.teams-main .usage-art { min-width: 0; }
.teams-main .usage-art img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, #000 2%, #000 98%, transparent), linear-gradient(to bottom, transparent, #000 2%, #000 98%, transparent); mask-composite: intersect; }
.teams-main .cta-panel { border: 1px solid var(--teams-line); padding: clamp(1.25rem, 3vw, 3rem); }
.teams-main .cta-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 3rem; align-items: center; }
.teams-main .cta-copy { grid-column: 2; grid-row: 1; min-width: 0; }
.teams-main .cta-copy h2 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.teams-main .cta-action { margin-top: 2.5rem; }
.teams-main .cta-action > p { margin-block: 1rem 1.5rem; }
.teams-main .form-cta-btn { width: 100%; min-height: 3.75rem; font-size: 1.0625rem; background: color-mix(in oklch, var(--frame-violet) 85%, black); color: var(--teams-paper); border-color: transparent; }
.teams-main .cta-action .form-note { margin-bottom: 0; font-size: .9375rem; }
.teams-main .cta-visual { grid-column: 1; grid-row: 1; min-width: 0; }
.teams-main .cta-art img { display: block; width: 100%; height: auto; filter: brightness(1.04); mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 96%, transparent); mask-composite: intersect; }
.teams-main .cta-info { margin-top: 1.5rem; }
.teams-main .cta-info p { margin-top: .75rem; }

@media (max-width: 1050px) {
    .teams-main :is(.bole > .container, .qna > .container) { grid-template-columns: minmax(15rem, 1fr) minmax(0, 2fr); gap: 2rem; }
    .teams-main .pain { padding: 1.5rem; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; }
    .teams-main .pain-num { font-size: 3rem; }
    .teams-main .founder-card { padding: 2rem; gap: 2rem; }
    .teams-main .ofgrid-card--w { display: flex; }
    .teams-main .cta-grid { gap: 2rem; }
}

@media (max-width: 900px) {
    .teams-main section { padding-block: 2.75rem; }
    .teams-main .hero2 { padding-block: 1.75rem 2rem; }
    .teams-main .hero2-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
    .teams-main .hero2-img img { max-width: 24rem; }
    .teams-main :is(.bole > .container, .qna > .container) { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .teams-main .bole .sec-head { position: static; }
    .teams-main .founder-card { grid-template-columns: minmax(0, 1fr); }
    .teams-main .founder-photo img { width: 100px; border-radius: 50%; }
    .teams-main .fit > .container { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .teams-main .usage-layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .teams-main .cta-grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
    .teams-main .cta-copy { grid-column: 1; grid-row: 1; }
    .teams-main .cta-visual { grid-column: 1; grid-row: 2; }
    .teams-main .cta-art { max-width: 32rem; margin-inline: auto; }
    .teams-main .flow-prcs { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: 2.5rem; }
    .teams-main .flow-prc { grid-row: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); grid-template-rows: auto auto 1fr; column-gap: 1.5rem; }
    .teams-main .flow-art { grid-column: 1; grid-row: 1 / 4; align-self: center; }
    .teams-main .flow-heading, .teams-main .flow-prc > p, .teams-main .flow-prc .check-list { grid-column: 2; }
    .teams-main .flow-heading { margin-top: 0; }
    .teams-main .flow-prc h3 { font-size: 1.25rem; }
    .teams-main .ofgrid-grid { grid-template-columns: minmax(0, 1fr); row-gap: 2rem; }
    .teams-main .ofgrid-card:nth-child(n) { display: grid; grid-column: 1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; align-items: center; padding: 2rem 0 0; border: 0; border-top: 1px solid var(--teams-line); }
    .teams-main .ofgrid-card:first-child { padding-top: 0; border-top: 0; }
    .teams-main .ofgrid-art { margin-top: 0; padding-top: 0; }
    .teams-main .prcs { grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1.5rem 1rem; }
    .teams-main .prcs::before { left: 1.25rem; }
    .teams-main .prc { padding: 1.5rem; }
    .teams-main .prc:nth-child(odd), .teams-main .prc:nth-child(even) { grid-column: 2; grid-row: auto; }
    .teams-main .prc:first-child { grid-row: 1; }
    .teams-main .prc:nth-child(2) { grid-row: 3; }
    .teams-main .prc:nth-child(3) { grid-row: 4; }
    .teams-main .prc:nth-child(4) { grid-row: 5; }
    .teams-main .prcs-art--mapowanie { grid-column: 2; grid-row: 2; }
    .teams-main .prcs-art--decyzja { grid-column: 2; grid-row: 6; }
    .teams-main .prc:nth-child(odd)::after, .teams-main .prc:nth-child(even)::after { width: 2.25rem; left: -2.25rem; right: auto; top: 1.75rem; }
    .teams-main .prc:nth-child(odd) .prc-node, .teams-main .prc:nth-child(even) .prc-node { width: 2.5rem; height: 2.5rem; left: -3.5rem; right: auto; }
}

@media (max-width: 650px) {
    .teams-main h1 { font-size: clamp(1.875rem, 8.7vw, 2.35rem); line-height: 1.12; }
    .teams-main h2 br { display: none; }
    .teams-main .sec-head { text-align: left; margin-bottom: 2rem; }
    .teams-main .hero2-actions { flex-direction: column; }
    .teams-main .btn2 { width: 100%; }
    .teams-main .pain { padding: 1.25rem; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .85rem; }
    .teams-main .pain-num { font-size: 2.125rem; }
    .teams-main :is(.ofgrid-grid, .quotes, .cta-grid) { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
    .teams-main .flow-panel { padding: 1.25rem; }
    .teams-main .flow-prc { display: block; }
    .teams-main .flow-art { max-width: 24rem; margin-inline: auto; }
    .teams-main .flow-heading { margin-top: 1rem; }
    .teams-main .ofgrid-card:nth-child(n) { display: flex; gap: 1.5rem; }
    .teams-main .ofgrid-art { width: 100%; max-width: 24rem; margin-inline: auto; }
    .teams-main :is(.founder-card, .quote-card, .fit-column--yes) { padding: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}