/* eventail — „За организатори“ (signed-out pricing page) */
.op-page{font-family:Montserrat, 'Segoe UI', system-ui, sans-serif;color:#1b1b24;background:#f6f5f9}
.op-page *,.op-page *::before,.op-page *::after{box-sizing:border-box}
.op-ic{display:block;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.op-num{font-family:'Space Grotesk', Montserrat, system-ui, sans-serif;font-variant-numeric:tabular-nums}
.op-eyebrow{margin:0;font-size:13px;line-height:18px;font-weight:700;color:#6b3bb5}
.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 16px;border-radius:12px;font-size:14px;line-height:18px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none}
.op-btn--lg{height:52px;padding:0 22px;font-size:15px;border-radius:14px}
.op-btn--primary{border:0;background:linear-gradient(135deg, #9f5cee 0%, #6f2cc4 100%);color:#ffffff;box-shadow:0 10px 24px rgba(118, 63, 178, 0.28)}
.op-btn--primary:hover{filter:brightness(1.06);color:#ffffff}
.op-btn--ghost{border:1px solid #e3d9f2;background:#ffffff;color:#4e3b66}
.op-btn--ghost:hover{background:#f4effb;color:#4e3b66}
.op-btn--white{border:0;background:#ffffff;color:#4b2a8a}
.op-btn--white:hover{background:#f4effb;color:#4b2a8a}
.op-btn--outline{border:1px solid rgba(255, 255, 255, 0.45);background:transparent;color:#ffffff}
.op-btn--outline:hover{background:rgba(255, 255, 255, 0.1);color:#ffffff}
.op-btn:focus-visible,.op-q summary:focus-visible{outline:3px solid #b98cf0;outline-offset:2px}
.op-badge{display:flex;flex-direction:column;min-width:42px;overflow:hidden;border-radius:10px;background:#ffffff;box-shadow:0 1px 3px rgba(43, 31, 68, 0.18);text-align:center}
.op-badge__band{padding:2px 6px;background:#8f4ad8;color:#ffffff;font-size:9.5px;line-height:13px;font-weight:800;letter-spacing:0.06em}
.op-badge__num{padding:1px 6px 3px;color:#1b1b24;font-family:'Space Grotesk', Montserrat, system-ui, sans-serif;font-size:17px;line-height:21px;font-weight:700}
.op-wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.op-hero{padding:56px 0 64px;background:radial-gradient(120% 90% at 85% 10%, #efe6fb 0%, rgba(239, 230, 251, 0) 60%), #f6f5f9}
.op-hero__grid{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 0.9fr);gap:48px;align-items:center}
.op-h1{margin:10px 0 0;font-size:clamp(30px, 1.55vw + 24px, 46px);line-height:1.13;font-weight:800;letter-spacing:-0.03em;color:#1b1b24}
.op-lead{margin:16px 0 0;max-width:560px;font-size:clamp(15.5px, 0.25vw + 14px, 17px);line-height:1.6;font-weight:500;color:#4e3b66}
.op-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.op-proof{margin:20px 0 0;font-size:14px;font-weight:600;color:#5b5070}
.op-proof strong{font-size:16px;color:#6b3bb5}
.op-visual{position:relative;height:420px;max-width:470px;width:100%;justify-self:center}
.op-mock{position:absolute;border-radius:20px;background:#ffffff;box-shadow:0 1px 2px rgba(43, 31, 68, 0.06), 0 22px 44px rgba(43, 31, 68, 0.14)}
.op-mock--card{left:50%;top:0;width:250px;margin-left:-140px;padding:8px;transform:rotate(-3deg)}
.op-mock__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:14px}
.op-mock__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.op-mock__date{position:absolute;left:10px;top:10px}
.op-mock__cat{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 8px;border-radius:999px;background:rgba(255, 255, 255, 0.94);font-size:11.5px;font-weight:800}
.op-mock__cat i{width:8px;height:8px;border-radius:50%;background:#8f4ad8}
.op-mock__body{display:flex;flex-direction:column;gap:4px;padding:12px 6px 6px;font-size:12.5px;color:#5b5070}
.op-mock__body strong{font-size:15px;color:#1b1b24}
.op-mock__body b{color:#6b3bb5}
.op-mock--ai{left:0;top:56px;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;color:#6b3bb5;font-size:13px;font-weight:800;transform:rotate(3deg)}
.op-mock--stat{right:0;top:190px;display:flex;flex-direction:column;gap:4px;width:200px;padding:16px 18px;transform:rotate(2deg)}
.op-mock__label{font-size:12.5px;font-weight:700;color:#4e3b66}
.op-mock--stat strong{font-size:30px;line-height:34px;font-weight:700}
.op-spark{display:flex;align-items:flex-end;gap:4px;height:36px;margin-top:4px}
.op-spark i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg, #9f5cee, #6f2cc4)}
.op-section{padding:64px 0}
.op-section--white{background:#ffffff}
.op-h2{margin:0;font-size:clamp(23px, 0.7vw + 19.5px, 30px);line-height:1.2;font-weight:800;letter-spacing:-0.02em;color:#1b1b24}
.op-sub{margin:8px 0 0;font-size:16px;line-height:1.55;font-weight:500;color:#5b5070}
.op-steps{list-style:none;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;margin:28px 0 0;padding:0}
.op-step{position:relative;padding:24px;border-radius:20px;background:#ffffff;box-shadow:0 1px 2px rgba(43, 31, 68, 0.05), 0 10px 24px rgba(43, 31, 68, 0.05)}
.op-step__icon,.op-feat__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#efe6fb;color:#8f4ad8}
.op-step__n{position:absolute;right:22px;top:20px;font-family:'Space Grotesk', Montserrat, sans-serif;font-size:40px;line-height:1;font-weight:700;color:#e4d5f8}
.op-step h3,.op-feat h3{margin:16px 0 0;font-size:17px;line-height:22px;font-weight:800;color:#1b1b24}
.op-step p,.op-feat p{margin:6px 0 0;font-size:14.5px;line-height:1.55;font-weight:500;color:#5b5070}
.op-feats{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;margin-top:28px}
.op-feat{padding:22px;border:1px solid #efeaf6;border-radius:20px;background:#faf8fd}
.op-plans{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;align-items:stretch;margin-top:28px}
.op-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 24px 24px;border:1px solid #e6daf6;border-radius:22px;background:#ffffff}
.op-plan--featured{border:2px solid #8f4ad8;box-shadow:0 22px 44px rgba(118, 63, 178, 0.16)}
.op-plan__badge{position:absolute;left:24px;top:-14px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:#6b3bb5;color:#ffffff;font-size:12px;font-weight:800}
.op-plan__badge svg{width:14px;height:14px}
.op-plan__name{font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#6b3bb5}
.op-plan__price{margin:0;font-size:clamp(22px, 0.6vw + 19px, 28px);line-height:1.2;font-weight:800;color:#1b1b24}
.op-plan__for{margin:0;font-size:14px;line-height:1.5;font-weight:500;color:#5b5070}
.op-plan ul{list-style:none;margin:14px 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.op-plan li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.45;font-weight:600;color:#2c2438}
.op-plan li svg{margin-top:3px;color:#1f9d6b}
.op-plan .op-btn{margin-top:auto}
.op-faqwrap{display:grid;grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.2fr);gap:40px;align-items:start}
.op-faq{display:flex;flex-direction:column}
.op-q{border-top:1px solid #efeaf6}
.op-q:last-child{border-bottom:1px solid #efeaf6}
.op-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 4px;list-style:none;font-size:16px;line-height:1.4;font-weight:700;color:#1b1b24;cursor:pointer}
.op-q summary::-webkit-details-marker{display:none}
.op-q summary:hover{color:#6b3bb5}
.op-q summary .op-ic{color:#8f4ad8;transition:transform 0.2s ease}
.op-q[open] summary .op-ic{transform:rotate(180deg)}
.op-q p{margin:0 0 18px;padding:0 4px;max-width:620px;font-size:15px;line-height:1.6;font-weight:500;color:#4e3b66}
.op-final{padding:56px 0;background:linear-gradient(135deg, #6f2cc4 0%, #4b2a8a 100%);color:#ffffff}
.op-final__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.op-final__h{margin:0;font-size:clamp(22px, 0.6vw + 19px, 28px);line-height:1.2;font-weight:800}
.op-final__p{margin:6px 0 0;font-size:16px;color:#e4d7ff}
.op-final .op-ctas{margin-top:0}
@media (max-width: 1040px){
.op-plan{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);grid-template-rows:auto auto auto 1fr;column-gap:32px;row-gap:6px}
.op-plan > :not(.op-plan__badge){grid-column:1}
.op-plan ul{grid-column:2 !important;grid-row:1 / -1;align-self:center;margin:0}
.op-plan .op-btn{align-self:end;justify-self:start;margin-top:14px}
.op-plans{grid-template-columns:minmax(0, 1fr);gap:28px}
.op-final__inner{flex-direction:column;align-items:flex-start}
}
@media (max-width: 980px){
.op-hero__grid{grid-template-columns:minmax(0, 1fr)}
.op-feats{grid-template-columns:repeat(2, minmax(0, 1fr))}
.op-faqwrap{grid-template-columns:minmax(0, 1fr);gap:16px}
}
@media (max-width: 760px){
.op-wrap{padding:0 16px}
.op-hero{padding:32px 0 40px}
.op-ctas .op-btn{flex:1}
.op-visual{height:360px}
.op-mock--card{width:210px;margin-left:-115px}
.op-mock--stat{width:160px;top:120px}
.op-section{padding:44px 0}
.op-steps,.op-feats{grid-template-columns:minmax(0, 1fr)}
.op-plan{display:flex}
.op-plan ul{margin:14px 0 20px}
.op-plan .op-btn{align-self:stretch;margin-top:auto}
.op-final__inner{flex-direction:column;align-items:stretch}
.op-final .op-ctas{flex-direction:column;width:100%}
.op-final .op-ctas .op-btn{flex:none;width:100%}
}

/* ---------- motion ---------- */
@keyframes op-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes op-pop{from{opacity:0;translate:0 24px;scale:0.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes op-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes op-grow{from{scale:1 0}to{scale:1 1}}
@keyframes op-count{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}

@media (prefers-reduced-motion: no-preference){
.op-hero__grid > div:first-child > *{animation:op-rise 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both}
.op-hero__grid > div:first-child > :nth-child(2){animation-delay:0.08s}
.op-hero__grid > div:first-child > :nth-child(3){animation-delay:0.16s}
.op-hero__grid > div:first-child > :nth-child(4){animation-delay:0.24s}
.op-hero__grid > div:first-child > :nth-child(5){animation-delay:0.32s}
.op-mock--card{animation:op-pop 0.7s 0.15s cubic-bezier(0.2, 0.7, 0.2, 1) both, op-float 6s 1s ease-in-out infinite}
.op-mock--ai{animation:op-pop 0.6s 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) both, op-float 5s 1.3s ease-in-out infinite}
.op-mock--stat{animation:op-pop 0.6s 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both, op-float 7s 1.6s ease-in-out infinite}
.op-mock--stat strong{animation:op-count 0.5s 1s ease-out both}
.op-spark i{transform-origin:bottom;animation:op-grow 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both}
.op-spark i:nth-child(1){animation-delay:0.95s}
.op-spark i:nth-child(2){animation-delay:1s}
.op-spark i:nth-child(3){animation-delay:1.05s}
.op-spark i:nth-child(4){animation-delay:1.1s}
.op-spark i:nth-child(5){animation-delay:1.15s}
.op-spark i:nth-child(6){animation-delay:1.2s}
.op-spark i:nth-child(7){animation-delay:1.25s}

.op-btn{transition:transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease, filter 0.2s ease}
.op-btn:hover{transform:translateY(-1px)}
.op-btn:active{transform:translateY(0) scale(0.98)}
.op-btn .op-ic{transition:transform 0.2s ease}
.op-btn:hover .op-ic{transform:translateX(3px)}
.op-step,.op-feat,.op-plan{transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease}
.op-step:hover,.op-feat:hover,.op-plan:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(43, 31, 68, 0.06), 0 18px 36px rgba(43, 31, 68, 0.1)}
.op-plan--featured:hover{box-shadow:0 26px 52px rgba(118, 63, 178, 0.22)}
.op-step__icon,.op-feat__icon{transition:transform 0.3s cubic-bezier(0.3, 1.6, 0.5, 1)}
.op-step:hover .op-step__icon,.op-feat:hover .op-feat__icon{transform:rotate(-8deg) scale(1.08)}

/* sections reveal as they scroll in (browsers without scroll timelines just show them) */
@supports (animation-timeline: view()){
.op-h2,.op-sub,.op-step,.op-feat,.op-plan,.op-q,.op-final__inner{animation:op-rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}

/* smooth FAQ open/close where supported */
@supports (interpolate-size: allow-keywords){
.op-faq{interpolate-size:allow-keywords}
.op-q::details-content{height:0;overflow:hidden;transition:height 0.3s ease, content-visibility 0.3s allow-discrete}
.op-q[open]::details-content{height:auto}
}
}