/*
 * incognito-landing.css — стили лендинга Incognito v3 (продающая драматургия).
 * Префикс .il-* намеренно отдельный от .pl-* (product-landings.css), чтобы не
 * задевать другие продуктовые лендинги. Палитра и типографика — конституция
 * Iustitia: тёмный графит, один teal-акцент, PT Serif для заголовков, hairline.
 */
.il-page {
    --il-ink: #091012;
    --il-surface: #101a1c;
    --il-raised: #142124;
    --il-deep: #071112;
    --il-line: rgba(213, 232, 227, .17);
    --il-line-strong: rgba(95, 186, 180, .48);
    --il-text: #edf3f1;
    --il-muted: #afbfbc;
    --il-accent: #5fbab4;
    --il-accent-dim: rgba(95, 186, 180, .12);
    background: var(--il-ink);
    color: var(--il-text);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.il-shell { width: min(100% - 2.5rem, 72rem); margin: 0 auto; }

.il-kick {
    color: var(--il-accent);
    font: 600 .7rem/1.5 "JetBrains Mono", monospace;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.il-h1 {
    margin: 1.1rem 0 0;
    font: 700 clamp(2.1rem, 4.4vw, 3.6rem)/1.04 "PT Serif", Georgia, serif;
    letter-spacing: -.03em;
}

.il-h2 {
    max-width: 52rem;
    margin: .85rem 0 0;
    font: 700 clamp(1.7rem, 3.1vw, 2.6rem)/1.08 "PT Serif", Georgia, serif;
    letter-spacing: -.02em;
}

.il-section { padding: 4.6rem 0; border-bottom: 1px solid var(--il-line); }
.il-section--raised { background: var(--il-surface); }
.il-section--deep { background: var(--il-deep); }

.il-lead { max-width: 42rem; margin-top: 1.3rem; color: #d3dfdc; font-size: 1.06rem; line-height: 1.72; }
.il-copy { max-width: 44rem; margin-top: 1rem; color: var(--il-muted); line-height: 1.72; }

/* Hero */
.il-hero { overflow: hidden; padding: 4.2rem 0 0; border-bottom: 1px solid var(--il-line); }
.il-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; align-items: end; }
.il-hero-note { max-width: 43rem; margin-top: 1rem; color: var(--il-muted); font-size: .85rem; line-height: 1.6; }
.il-hero-art { overflow: hidden; border: 1px solid var(--il-line-strong); background: #060b0c; }
.il-hero-art img { display: block; width: 100%; object-fit: cover; }
.il-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.9rem; }

.il-trust { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--il-line); margin-top: 3.2rem; }
.il-trust > div { padding: 1.3rem 1.4rem 1.5rem; border-left: 1px solid var(--il-line); }
.il-trust > div:first-child { border-left: none; }
.il-trust b { display: block; font: 700 1.5rem/1.2 "PT Serif", Georgia, serif; letter-spacing: -.01em; }
.il-trust span { display: block; margin-top: .3rem; color: var(--il-muted); font-size: .82rem; line-height: 1.45; }

/* Риск */
.il-risk { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.6rem; border-top: 1px solid var(--il-line); }
.il-risk > div { padding: 1.8rem 1.6rem 0; border-left: 1px solid var(--il-line); }
.il-risk > div:first-child { border-left: none; }
.il-risk b { display: block; font: 700 clamp(1.9rem, 3vw, 2.7rem)/1.1 "PT Serif", Georgia, serif; letter-spacing: -.02em; }
.il-risk h3 { margin: .7rem 0 .4rem; font: 600 .95rem/1.4 "Inter", sans-serif; }
.il-risk p { color: var(--il-muted); font-size: .88rem; line-height: 1.6; }
.il-punch {
    max-width: 46rem; margin-top: 2.6rem; padding: 1.2rem 1.6rem;
    border-left: 2px solid var(--il-accent); background: var(--il-accent-dim);
    font-size: 1.02rem;
}

/* Шаги */
.il-steps { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.6rem; border-top: 1px solid var(--il-line); }
.il-step { padding: 1.9rem 1.8rem; border-left: 1px solid var(--il-line); }
.il-step:first-child { border-left: none; }
.il-step .n { font: 600 .78rem/1 "JetBrains Mono", monospace; color: var(--il-accent); }
.il-step h3 { margin: .9rem 0 .5rem; font: 700 1.25rem/1.25 "PT Serif", Georgia, serif; }
.il-step p { color: var(--il-muted); font-size: .9rem; }

/* До / после */
.il-ba { display: grid; grid-template-columns: 1fr 44px 1fr; align-items: stretch; margin-top: 2.8rem; }
.il-doc { padding: 1.6rem 1.5rem; border: 1px solid var(--il-line); background: #0d1517; font-size: .83rem; line-height: 1.55; }
.il-doc .dt {
    display: block; margin-bottom: 1rem; padding-bottom: .6rem;
    border-bottom: 1px solid var(--il-line); color: var(--il-muted);
    font: 600 .64rem/1 "JetBrains Mono", monospace; letter-spacing: .12em; text-transform: uppercase;
}
.il-doc.after { border-color: var(--il-line-strong); }
.il-pii { border-bottom: 1px dashed rgba(217, 164, 138, .65); padding: 0 1px; }
.il-psd { color: var(--il-accent); font-weight: 600; }
.il-doc table { width: 100%; margin-top: .9rem; border-collapse: collapse; font-size: .78rem; }
.il-doc th, .il-doc td { padding: .4rem .55rem; border: 1px solid var(--il-line); text-align: left; color: var(--il-muted); }
.il-doc th { background: rgba(213, 232, 227, .04); color: var(--il-text); font-weight: 600; }
.il-legend {
    margin-top: 1.1rem; padding: .75rem .9rem; overflow-wrap: anywhere;
    border: 1px dashed var(--il-line-strong);
    font: 400 .74rem/1.6 "JetBrains Mono", monospace; color: var(--il-muted);
}
.il-legend b { color: var(--il-accent); font-weight: 600; }
.il-ba-mid { display: flex; align-items: center; justify-content: center; color: var(--il-accent); font-size: 1.3rem; }

/* Возможности */
.il-feat { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.6rem; border-top: 1px solid var(--il-line); }
.il-feat > div { padding: 1.7rem 1.6rem; border-left: 1px solid var(--il-line); }
.il-feat > div:nth-child(3n+1) { border-left: none; }
.il-feat h3 { margin-bottom: .45rem; font: 600 1rem/1.4 "Inter", sans-serif; }
.il-feat p { color: var(--il-muted); font-size: .87rem; line-height: 1.6; }

/* Экономика */
.il-eco { margin-top: 2.6rem; border: 1px solid var(--il-line); }
.il-eco-row { display: grid; grid-template-columns: 1.1fr 2fr 2fr; border-bottom: 1px solid var(--il-line); }
.il-eco-row:last-child { border-bottom: none; }
.il-eco-row > div { padding: 1.15rem 1.4rem; border-left: 1px solid var(--il-line); color: var(--il-muted); font-size: .9rem; }
.il-eco-row > div:first-child { border-left: none; color: var(--il-text); font-weight: 600; }
.il-eco-row.head > div {
    color: var(--il-muted);
    font: 600 .68rem/1.4 "JetBrains Mono", monospace; letter-spacing: .1em; text-transform: uppercase;
}
.il-eco-row.win > div:last-child { color: var(--il-text); }
.il-eco-row.win > div:last-child b { color: var(--il-accent); }

/* Тарифы */
.il-tariffs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 2.8rem; border: 1px solid var(--il-line); background: var(--il-line); }
.il-tar { position: relative; display: flex; flex-direction: column; padding: 1.7rem 1.5rem; background: var(--il-raised); }
.il-tar--best { background: var(--il-surface); outline: 1px solid var(--il-line-strong); outline-offset: -1px; }
.il-tar .who { color: var(--il-muted); font: 600 .68rem/1 "JetBrains Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.il-tar .best {
    position: absolute; top: 0; right: 0; padding: .35rem .6rem;
    background: var(--il-accent); color: var(--il-ink);
    font: 600 .62rem/1 "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase;
}
.il-tar h3 { margin: .8rem 0 .2rem; font: 700 1.5rem/1 "PT Serif", Georgia, serif; }
.il-tar .price { font: 700 1.7rem/1.1 "PT Serif", Georgia, serif; letter-spacing: -.02em; }
.il-tar .price small { font: 500 .85rem/1 "Inter", sans-serif; color: var(--il-muted); }
.il-tar .year { margin-top: .35rem; color: var(--il-accent); font-size: .82rem; font-weight: 600; }
.il-tar .atl { margin-top: .2rem; color: var(--il-muted); font-size: .78rem; }
.il-tar ul { flex: 1; margin: 1.1rem 0 1.3rem; list-style: none; }
.il-tar li { padding: .42rem 0; border-top: 1px dashed var(--il-line); color: var(--il-muted); font-size: .83rem; line-height: 1.5; }
.il-tar li::before { content: "—"; margin-right: .5rem; color: var(--il-accent); }
.il-tnotes { margin-top: 1.6rem; }
.il-tnotes p { padding: .55rem 0; border-top: 1px dashed var(--il-line); color: var(--il-muted); font-size: .84rem; line-height: 1.65; }
.il-tnotes p b { color: var(--il-text); }

/* Кому */
.il-who { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 2.6rem; border-top: 1px solid var(--il-line); }
.il-who > div { padding: 1.6rem 1.6rem 1.7rem; border-left: 1px solid var(--il-line); }
.il-who > div:nth-child(2n+1) { border-left: none; }
.il-who h3 { font: 700 1.15rem/1.3 "PT Serif", Georgia, serif; }
.il-who p { margin-top: .45rem; color: var(--il-muted); font-size: .88rem; }
.il-policy-note { max-width: 46rem; margin-top: 1.4rem; color: var(--il-muted); font-size: .85rem; line-height: 1.6; }

/* Принципы */
.il-prin { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.6rem; border-top: 1px solid var(--il-line); }
.il-prin > div { padding: 1.7rem 1.5rem; border-left: 1px solid var(--il-line); }
.il-prin > div:first-child { border-left: none; }
.il-prin b { display: block; margin-bottom: .5rem; color: var(--il-accent); font: 700 1.05rem/1.35 "PT Serif", Georgia, serif; }
.il-prin p { color: var(--il-muted); font-size: .84rem; line-height: 1.6; }

/* FAQ */
.il-faq { max-width: 52rem; margin-top: 2.2rem; }
.il-faq details { border-bottom: 1px solid var(--il-line); }
.il-faq summary {
    display: flex; justify-content: space-between; gap: 1rem; padding: 1.05rem 0;
    cursor: pointer; list-style: none; font: 600 1rem/1.5 "Inter", sans-serif;
}
.il-faq summary::-webkit-details-marker { display: none; }
.il-faq summary::after { content: "+"; font: 400 1.2rem/1 "JetBrains Mono", monospace; color: var(--il-accent); }
.il-faq details[open] summary::after { content: "−"; }
.il-faq p { padding: 0 2rem 1.2rem 0; color: var(--il-muted); font-size: .9rem; line-height: 1.7; }

/* Финальный CTA */
.il-final { padding: 5rem 0; text-align: center; }
.il-final .il-h2 { margin-left: auto; margin-right: auto; }
.il-final .sub { max-width: 38rem; margin: 1.2rem auto 0; color: var(--il-muted); }
.il-final .il-actions { justify-content: center; }
.il-final .il-hero-note { margin-top: 1.6rem; }

/* Адаптив */
@media (max-width: 1020px) {
    .il-tariffs { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px) {
    .il-feat { grid-template-columns: 1fr 1fr; }
    .il-feat > div { border-left: none; border-top: 1px solid var(--il-line); }
    .il-prin { grid-template-columns: 1fr 1fr; }
    .il-prin > div { border-left: none; border-top: 1px solid var(--il-line); }
}
@media (max-width: 900px) {
    .il-hero-grid { grid-template-columns: 1fr; }
    .il-trust { grid-template-columns: 1fr 1fr; }
    .il-trust > div { border-top: 1px solid var(--il-line); }
    .il-risk { grid-template-columns: 1fr; }
    .il-risk > div { border-left: none; border-top: 1px solid var(--il-line); }
    .il-steps { grid-template-columns: 1fr; }
    .il-step { border-left: none; border-top: 1px solid var(--il-line); }
    .il-eco-row { grid-template-columns: 1fr; }
    .il-eco-row > div { border-left: none; border-top: 1px dashed var(--il-line); }
    .il-ba { grid-template-columns: 1fr; }
    .il-ba-mid { padding: 1rem 0; transform: rotate(90deg); }
}
@media (max-width: 820px) {
    .il-who { grid-template-columns: 1fr; }
    .il-who > div { border-left: none; }
}
@media (max-width: 640px) {
    .il-feat { grid-template-columns: 1fr; }
    .il-tariffs { grid-template-columns: 1fr; }
}