/* AI4 Test Automation — dodatkowe style specyficzne dla tej strony sprzedażowej. Bazuje na zmiennych i komponentach z assets/css/mono-rainbow-dash.css */

/* --- NAV BRAND --- */
.ai4-brand{display:flex;flex-direction:column;line-height:1.15}
.ai4-brand b{font-size:.92rem;color:var(--ink)}
.ai4-brand small{font-size:.65rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}

/* --- HERO --- */
.ai4-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6d6d6;margin-bottom:.75rem}
.ai4-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem}
.ai4-hero__stats{max-width:56rem;margin:0 auto}
.ai4-hero__stats b{color:#fff}
.ai4-hero__stats span{color:#c9c9c9}
.ai4-hero__stats>div{border-top-color:rgba(255,255,255,.35)}
.ai4-hero__stats>div:first-child{border-top-color:var(--green)}

/* --- LEAD / CALLOUT --- */
.ai4-lead{max-width:44rem;font-size:1.05rem}
.ai4-callout{font-weight:700;font-size:1.1rem;color:var(--ink)}

/* --- COMPARE BOXES --- */
.ai4-compare{border:1px solid var(--line);padding:2rem;height:100%}
.ai4-compare__icon{font-size:2rem;display:block;margin-bottom:.75rem}
.ai4-compare--bad{border-top:.25rem solid var(--muted)}
.ai4-compare--good{border-top:.25rem solid var(--green)}

/* --- AGENT CARDS --- */
.ai4-agent-card{border:1px solid var(--line);padding:1.25rem;text-align:center;height:100%}
.ai4-agent-card img{width:100%;border:1px solid var(--line);margin-bottom:.75rem}
.ai4-agent-card h4{font-size:.95rem;margin-bottom:.25rem}
.ai4-agent-card p{font-size:.8rem;color:var(--muted);margin:0}

/* --- SCREENSHOT / SHOT --- */
.ai4-shot{border:1px solid var(--line);padding:1.25rem;background:#fafafa}
.ai4-shot--tight{padding:.875rem}
.ai4-shot__tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}
.ai4-shot img{border:1px solid var(--line)}
.ai4-shot__caption{font-size:.85rem;color:var(--body);margin:.75rem 0 0}

/* --- FEATURE LIST (stack section) --- */
.ai4-feature{display:flex;gap:1rem;align-items:flex-start}
.ai4-feature span{font-size:1.4rem;flex:none}
.ai4-feature b{display:block;color:var(--ink);font-size:.92rem}
.ai4-feature p{font-size:.85rem;color:var(--muted);margin:.2rem 0 0}
.ai4-frame{border:1px solid var(--line);padding:.5rem}

/* --- TOOL CARDS --- */
.ai4-tool-card{border:1px solid var(--line);padding:1.5rem;height:100%}
.ai4-tool-card span{font-size:1.6rem;display:block;margin-bottom:.5rem}
.ai4-tool-card h4{font-size:1rem;margin-bottom:.25rem}
.ai4-tool-card p{font-size:.85rem;color:var(--muted);margin:0}
.ai4-tool-card__img{border:1px solid var(--line)}
.ai4-tool-card--list{position:relative}
.ai4-tool-card__sub{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.75rem}
.ai4-tool-card--highlight{border-color:var(--ink);box-shadow:.25rem .25rem 0 var(--green);padding-top:2rem}
.ai4-tool-card--highlight .ai4-tool-card__flag{position:absolute;top:-.7rem;left:1.5rem;right:1.5rem;background:var(--green);color:#fff;font-size:.62rem;font-weight:800;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px}

/* --- CHECK LISTS --- */
.ai4-check{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.86rem}
.ai4-check li{padding-left:0}

/* --- NOTE CALLOUT --- */
.ai4-note{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);border-left:.25rem solid var(--cyan);padding:1.25rem;background:#fafafa}
.ai4-note span{font-size:1.4rem;flex:none}
.ai4-note p{margin:0;font-size:.9rem}

/* --- FARMA MODELI --- */
.ai4-farma{background:#fafafa}
.ai4-ranking{border:1px solid var(--line);background:#fff;padding:1.5rem}
.ai4-ranking h4{font-size:1rem;margin-bottom:1rem}
.ai4-ranking__table{margin-bottom:.75rem;font-size:.82rem}
.ai4-ranking__table td{padding:.5rem .25rem;border-color:var(--line)}
.ai4-ranking__table td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.ai4-callout{border-left:.25rem solid var(--green);background:#f2fbf7;padding:.75rem 1rem}
.ai4-callout__badge{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:.35rem}
.ai4-callout p{font-size:.9rem}
.ai4-blur{filter:blur(4px);user-select:none;pointer-events:none}
.ai4-bonus-card{border:1px solid var(--ink);padding:1.5rem;height:100%;box-shadow:.375rem .375rem 0 var(--pink);background:#fff}
.ai4-bonus-card__tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-bottom:.5rem}
.ai4-bonus-card h3{font-size:1.15rem}

/* --- MINI FEATURE --- */
.ai4-mini-feature span{font-size:1.6rem;display:block;margin-bottom:.5rem}
.ai4-mini-feature b{display:block;font-size:.95rem;margin-bottom:.25rem}
.ai4-mini-feature p{font-size:.82rem;color:var(--muted);margin:0}
.ai4-mini-feature--card{border:1px solid var(--line);padding:1.5rem;height:100%;text-align:left}
.ai4-mini-feature--card span{margin-bottom:.75rem}

/* --- DLA KOGO / PERSONA --- */
.ai4-persona{border:1px solid var(--line);padding:1.75rem;height:100%}
.ai4-persona--yes{border-top:.25rem solid var(--green)}
.ai4-persona--no{border-top:.25rem solid var(--pink)}
.ai4-persona h3{font-size:1.05rem;margin-bottom:1rem}
.ai4-persona ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.88rem}

/* --- PROBLEM CARDS --- */
.ai4-problem{border:1px solid var(--line);padding:1.25rem;height:100%}
.ai4-problem b{display:block;font-size:.88rem;margin-bottom:.4rem}
.ai4-problem p{font-size:.8rem;color:var(--muted);margin:0}

/* --- OPINIE --- */
.ai4-opinie img{border:1px solid var(--line)}

/* --- PROGRAM ACCORDION --- */
.ai4-accordion .accordion-item{border:1px solid var(--line);border-radius:0;margin-bottom:.75rem}
.ai4-accordion .accordion-button{border-radius:0;font-weight:700;font-size:.92rem;box-shadow:none;background:#fff;display:flex;justify-content:space-between;gap:1rem}
.ai4-accordion .accordion-button:not(.collapsed){background:#fafafa;color:var(--ink)}
.ai4-accordion .accordion-button:focus{box-shadow:none;border-color:var(--line)}
.ai4-accordion .accordion-button::after{margin-left:auto}
.ai4-acc-title{flex:1 1 auto;text-align:left}
.ai4-acc-badge{font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:none;white-space:nowrap;padding:.25rem .6rem;border-radius:2px}
.ai4-acc-badge--ready{background:rgba(22,179,100,.12);color:var(--green)}
.ai4-acc-badge--soon{background:rgba(255,158,0,.14);color:#8a5600}
.ai4-accordion .accordion-body ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.86rem}
.ai4-acc-more{color:var(--muted);font-style:italic}

/* --- PRICE CARD --- */
.ai4-price-card{max-width:32rem;background:#fff;color:var(--body);border:1px solid var(--line);padding:2.5rem;text-align:center;margin-top:2.5rem}
.ai4-price-card__badge{display:inline-block;background:var(--ink);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .8rem;border-radius:2px;margin-bottom:1rem}
.ai4-price-card__amount{font-size:3rem;font-weight:800;color:var(--ink);line-height:1}
.ai4-price-card__amount small{font-size:1.1rem;font-weight:600;color:var(--muted);text-decoration:line-through;margin-left:.4rem}
.ai4-price-card__sub{font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}
.ai4-price-card__list{text-align:left;margin-bottom:1.75rem}
.ai4-price-card__cta{display:inline-block;background:var(--ink);color:#fff!important;font-weight:800;padding:.9rem 2.25rem;border-radius:2px;font-size:1.05rem;border-bottom:0;width:100%}
.ai4-price-card__cta:hover{background:var(--green)}
.ai4-price-card__guarantee{display:flex;gap:.6rem;align-items:flex-start;text-align:left;font-size:.8rem;color:var(--muted);margin:1.5rem 0 0}
.ai4-price-card__guarantee span{font-size:1.2rem;flex:none}

/* --- FINAL CTA --- */
.ai4-final-cta{background:var(--ink);color:#fff}
.ai4-final-cta h2{color:#fff}
.ai4-final-cta p{max-width:36rem;margin:0 auto 2rem;color:#d9d9d9}

/* separate the black CTA section from the black footer below it */
.ft{position:relative;padding-top:2rem}
.ft::before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;display:flex}
.ft::before{background:linear-gradient(90deg,var(--green) 0 25%,var(--cyan) 25% 50%,var(--orange) 50% 75%,var(--pink) 75% 100%)}