:root { color-scheme: dark; }
.dist-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.dist-pricing, .dist-faq-section { position: relative; padding: 7.5rem 0; background: #090a10; color: #fff; overflow: hidden; }
.dist-pricing::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 82% 15%, rgba(77,163,255,.16), transparent 28%), radial-gradient(circle at 15% 82%, rgba(230,59,144,.11), transparent 29%); }
.dist-pricing > *, .dist-faq-section > * { position: relative; z-index: 1; }
.dist-eyebrow { margin: 0 0 .8rem; color: #f05278; font-size: .74rem; font-weight: 800; letter-spacing: .17em; }
.dist-pricing h2, .dist-faq-section h2 { margin: 0; color: #fff; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.1; letter-spacing: -.045em; }
.dist-intro, .dist-faq-heading > p:last-child { margin: 1rem 0 0; color: rgba(255,255,255,.52); font-size: 1rem; }
.dist-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3rem; }
.dist-plan { position: relative; display: flex; min-height: 360px; flex-direction: column; padding: 1.8rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: rgba(255,255,255,.035); }
.dist-plan.is-featured { border-color: rgba(77,163,255,.6); background: linear-gradient(160deg, rgba(77,163,255,.14), rgba(255,255,255,.045) 50%, rgba(138,93,255,.1)); box-shadow: 0 22px 70px rgba(34,93,186,.18); }
.dist-plan-tag { position: absolute; top: 1rem; right: 1rem; padding: .25rem .55rem; border-radius: 999px; background: #4da3ff; color: #07111f; font-size: .7rem; font-weight: 800; }
.dist-plan-name { margin: 0; color: rgba(255,255,255,.65); font-size: .94rem; font-weight: 700; }
.dist-plan-price { margin: .7rem 0 .3rem; color: #fff; font-size: 2.3rem; font-weight: 800; letter-spacing: -.045em; }
.dist-plan-price small { color: rgba(255,255,255,.45); font-size: .78rem; font-weight: 500; letter-spacing: 0; }
.dist-plan-description { margin: 0; color: rgba(255,255,255,.54); font-size: .9rem; }
.dist-plan ul { display: grid; gap: .6rem; margin: 1.65rem 0; padding: 0; list-style: none; color: rgba(255,255,255,.72); font-size: .84rem; }
.dist-plan li::before { content: "✓"; margin-right: .6rem; color: #58dfae; font-weight: 800; }
.dist-plan a { display: flex; align-items: center; justify-content: center; gap: .45rem; margin-top: auto; padding: .78rem 1rem; border-radius: .65rem; background: rgba(255,255,255,.09); color: #fff; font-size: .88rem; font-weight: 700; text-decoration: none; transition: .2s ease; }
.dist-trial-trigger { display: flex; align-items: center; justify-content: center; gap: .45rem; width: 100%; margin-top: auto; padding: .78rem 1rem; border: 0; border-radius: .65rem; background: rgba(255,255,255,.09); color: #fff; font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer; transition: .2s ease; }
.dist-plan.is-featured .dist-trial-trigger { background: #4da3ff; color: #07111f; }
.dist-trial-trigger:hover { transform: translateY(-2px); background: rgba(255,255,255,.16); }
.dist-plan.is-featured .dist-trial-trigger:hover { background: #74b7ff; }
.dist-faq-section { border-top: 1px solid rgba(255,255,255,.06); background: #0c0d13; }
.dist-faq-heading { margin-bottom: 3rem; text-align: center; }
.dist-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .85rem; }
.dist-faq-item { border: 1px solid rgba(255,255,255,.08); border-radius: .85rem; background: rgba(255,255,255,.025); }
.dist-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.2rem; color: rgba(255,255,255,.9); font-size: .9rem; font-weight: 700; cursor: pointer; list-style: none; }
.dist-faq-item summary::-webkit-details-marker { display: none; }
.dist-faq-item summary span { color: #f05278; font-size: 1.25rem; font-weight: 400; transition: transform .2s ease; }
.dist-faq-item[open] summary span { transform: rotate(45deg); }
.dist-faq-item p { margin: 0; padding: 0 1.2rem 1.2rem; color: rgba(255,255,255,.53); font-size: .85rem; line-height: 1.75; }
.dist-indicators { --indicator-color: #4da3ff; position: relative; padding: 7.5rem 0; overflow: hidden; background: #090a10; color: #fff; }
.dist-indicators::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 72% 48% at 50% 45%, color-mix(in srgb, var(--indicator-color) 13%, transparent), transparent 70%); }
.dist-indicators > * { position: relative; z-index: 1; }
.dist-indicator-header { display: flex; align-items: center; gap: 1.25rem; justify-content: space-between; margin-bottom: 3rem; }
.dist-indicator-tabs { display: flex; min-width: 0; gap: .4rem; overflow-x: auto; padding: .3rem; scrollbar-width: none; }
.dist-indicator-tabs::-webkit-scrollbar { display: none; }
.dist-indicator-tab { flex: 0 0 auto; padding: .7rem .95rem; border: 1px solid transparent; border-radius: .65rem; background: transparent; color: rgba(255,255,255,.43); font: inherit; font-size: .9rem; font-weight: 700; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.dist-indicator-tab:hover { color: rgba(255,255,255,.82); background: rgba(255,255,255,.04); }
.dist-indicator-tab.is-active { border-color: color-mix(in srgb, var(--indicator-color) 42%, transparent); background: color-mix(in srgb, var(--indicator-color) 12%, rgba(255,255,255,.04)); color: #fff; box-shadow: inset 0 -2px var(--indicator-color); }
.dist-indicator-controls { display: flex; flex: 0 0 auto; gap: .55rem; }
.dist-indicator-controls button { width: 2.55rem; height: 2.55rem; border: 1px solid rgba(255,255,255,.12); border-radius: .65rem; background: rgba(255,255,255,.035); color: rgba(255,255,255,.65); font: inherit; font-size: 1.15rem; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.dist-indicator-controls button:hover { border-color: color-mix(in srgb, var(--indicator-color) 55%, transparent); background: color-mix(in srgb, var(--indicator-color) 12%, rgba(255,255,255,.04)); color: #fff; transform: translateY(-1px); }
.dist-indicator-panel { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1.15rem; background: #13141a; box-shadow: 0 18px 65px rgba(0,0,0,.2); }
.dist-indicator-layout { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr); gap: 0; }
.dist-indicator-media { position: relative; display: flex; min-height: 420px; flex-direction: column; align-items: stretch; padding: 1.25rem; border: 0; border-right: 1px solid rgba(255,255,255,.08); background: #101116; color: #fff; text-align: left; cursor: pointer; overflow: hidden; }
.dist-indicator-media::after { content: ""; position: absolute; inset: auto 0 0; height: 28%; background: linear-gradient(transparent, rgba(5,6,10,.78)); pointer-events: none; }
.dist-indicator-media-label, .dist-indicator-media small { position: relative; z-index: 1; display: flex; align-items: center; gap: .55rem; }
.dist-indicator-media-label { color: var(--indicator-color); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.dist-indicator-media-label span:first-child { width: .55rem; height: .55rem; border-radius: 50%; background: var(--indicator-color); box-shadow: 0 0 16px color-mix(in srgb, var(--indicator-color) 70%, transparent); }
.dist-indicator-media img { position: relative; z-index: 1; width: 100%; min-height: 0; flex: 1; margin: 1.1rem 0 .8rem; object-fit: contain; transition: transform .35s ease, filter .35s ease; }
.dist-indicator-media:hover img { transform: scale(1.025); filter: brightness(1.08); }
.dist-indicator-media small { justify-content: flex-end; color: rgba(255,255,255,.5); font-size: .72rem; }
.dist-indicator-media small span { color: var(--indicator-color); font-size: 1rem; }
.dist-indicator-copy { display: flex; flex-direction: column; gap: 1.15rem; padding: 2rem; }
.dist-indicator-subtitle { margin: 0; color: var(--indicator-color); font-size: 1.25rem; font-weight: 800; }
.dist-indicator-description { margin: 0; color: rgba(255,255,255,.55); font-size: .96rem; line-height: 1.75; }
.dist-indicator-highlights { display: grid; gap: .95rem; margin-top: auto; }
.dist-indicator-highlight { display: grid; grid-template-columns: 1.65rem 1fr; gap: .8rem; align-items: start; }
.dist-indicator-highlight-index { width: 1.65rem; height: 1.65rem; margin-top: .05rem; border: 1px solid color-mix(in srgb, var(--indicator-color) 36%, transparent); border-radius: .45rem; background: color-mix(in srgb, var(--indicator-color) 10%, transparent); }
.dist-indicator-highlight-index::after { content: ""; display: block; width: .38rem; height: .38rem; margin: .56rem auto; border-radius: 50%; background: var(--indicator-color); }
.dist-indicator-highlight h4 { margin: 0; color: rgba(255,255,255,.9); font-size: .88rem; }
.dist-indicator-highlight p { margin: .22rem 0 0; color: rgba(255,255,255,.36); font-size: .77rem; line-height: 1.55; }
.dist-indicator-dots { display: flex; justify-content: center; gap: .45rem; margin-top: 1.2rem; }
.dist-indicator-dots button { width: 1.65rem; height: .3rem; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.12); cursor: pointer; transition: width .2s ease, background .2s ease; }
.dist-indicator-dots button.is-active { width: 2.5rem; background: var(--indicator-color); }
.dist-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 1.25rem; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.dist-modal.is-open { opacity: 1; visibility: visible; }
.dist-modal-backdrop { position: absolute; inset: 0; background: rgba(4,6,12,.78); backdrop-filter: blur(10px); }
.dist-modal-card { position: relative; z-index: 1; width: min(100%, 430px); padding: 2rem; border: 1px solid rgba(110,185,255,.28); border-radius: 1.15rem; background: linear-gradient(145deg, #151b2a, #0d1018); box-shadow: 0 30px 100px rgba(0,0,0,.5); color: #fff; transform: translateY(12px) scale(.98); transition: transform .2s ease; }
.dist-modal.is-open .dist-modal-card { transform: translateY(0) scale(1); }
.dist-modal-card h2 { margin: 0; font-size: 1.75rem; letter-spacing: -.04em; }
.dist-modal-card > p:not(.dist-eyebrow) { margin: .9rem 0 1.35rem; color: rgba(255,255,255,.62); line-height: 1.7; }
.dist-modal-close { position: absolute; top: .75rem; right: .9rem; width: 2rem; height: 2rem; border: 0; border-radius: 50%; background: rgba(255,255,255,.07); color: rgba(255,255,255,.7); font-size: 1.35rem; line-height: 1; cursor: pointer; }
.dist-modal-telegram { display: flex; align-items: center; justify-content: center; gap: .55rem; padding: .9rem 1rem; border-radius: .7rem; background: #2aabee; color: #fff; font-size: .93rem; font-weight: 800; text-decoration: none; transition: filter .2s ease, transform .2s ease; }
.dist-modal-telegram:hover { filter: brightness(1.1); transform: translateY(-1px); }
.dist-modal-card small { display: block; margin-top: 1rem; color: rgba(255,255,255,.35); font-size: .72rem; line-height: 1.55; }
[data-original-link-removed] { cursor: default; }
.dist-footer { padding: 3.75rem max(20px, calc((100% - 1120px) / 2)) 1.75rem; border-top: 1px solid rgba(255,255,255,.08); background: #090a10; color: #fff; }
.dist-footer-inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; }
.dist-footer-brand { margin: 0; font-size: 1.2rem; font-weight: 800; letter-spacing: -.025em; }
.dist-footer-tagline { margin: .75rem 0 0; color: rgba(255,255,255,.48); font-size: .9rem; }
.dist-footer-links { display: flex; gap: 1.25rem; padding-top: .2rem; }
.dist-footer-links a { color: rgba(255,255,255,.58); font-size: .86rem; text-decoration: none; }
.dist-footer-links a:hover { color: #6ebcff; }
.dist-footer-risk { margin-top: 2.5rem; padding-top: 1.1rem; border-top: 1px solid rgba(255,255,255,.08); }
.dist-footer-risk summary { display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.6); font-size: .78rem; font-weight: 800; cursor: pointer; list-style: none; }
.dist-footer-risk summary::-webkit-details-marker { display: none; }
.dist-footer-risk summary span { color: #6ebcff; font-size: 1.2rem; font-weight: 400; transition: transform .2s ease; }
.dist-footer-risk[open] summary span { transform: rotate(45deg); }
.dist-footer-risk div { max-width: 900px; margin-top: .9rem; }
.dist-footer-risk section + section { margin-top: 1.25rem; }
.dist-footer-risk h4 { margin: 0 0 .3rem; color: rgba(255,255,255,.52); font-size: .76rem; font-weight: 800; }
.dist-footer-risk p { margin: .45rem 0; color: rgba(255,255,255,.38); font-size: .76rem; line-height: 1.65; }
.dist-footer-copyright { margin: 2rem 0 0; padding-top: 1.1rem; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.28); font-size: .74rem; text-align: center; }
@media (max-width: 620px) { .dist-footer-inner { display: block; } .dist-footer-links { margin-top: 1.25rem; } }
@media (max-width: 860px) { .dist-indicator-header { align-items: flex-start; flex-direction: column; margin-bottom: 1.75rem; } .dist-indicator-tabs { width: 100%; } .dist-indicator-controls { align-self: flex-end; margin-top: -3.55rem; } .dist-indicator-layout { grid-template-columns: 1fr; } .dist-indicator-media { min-height: 330px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); } }
@media (max-width: 760px) { .dist-pricing, .dist-faq-section, .dist-indicators { padding: 5rem 0; } .dist-shell { width: min(100% - 28px, 1120px); } .dist-plan-grid, .dist-faq-grid { grid-template-columns: 1fr; } .dist-plan { min-height: auto; } .dist-indicator-copy { padding: 1.35rem; } .dist-indicator-media { min-height: 280px; } .dist-indicator-tab { padding: .62rem .78rem; font-size: .82rem; } }