/* r115 home — prices aurora + even trust strip / calm «Почему мы?» / two-part FAQ card */

/* ===== prices: aurora ===== */
#prices.r115p{position:relative;isolation:isolate}
.r115au{position:absolute;left:0;right:0;bottom:-34px;height:250px;z-index:-1;pointer-events:none;overflow:visible}
.r115au i{position:absolute;bottom:0;display:block;opacity:var(--o,.7);transition:opacity 1.2s ease,transform 1.2s ease}
.r115au b{position:absolute;inset:0;border-radius:50%;filter:blur(48px)}
.r115au .a{left:0;width:62%;height:70%;--o:.8}
.r115au .a b{background:radial-gradient(50% 50% at 50% 55%,rgba(224,160,74,.95),rgba(224,160,74,.35) 55%,transparent 75%);animation:r115A1 19s ease-in-out infinite alternate}
.r115au .g{left:18%;width:56%;height:30%;bottom:12%;--o:.7}
.r115au .g b{filter:blur(26px);border-radius:40%;background:linear-gradient(90deg,transparent,rgba(247,201,135,.85) 30%,rgba(255,160,150,.7) 60%,transparent);transform:skewX(-24deg) rotate(-4deg);animation:r115A2 27s ease-in-out infinite alternate}
.r115au .r{left:52%;width:32%;height:60%;--o:.7}
.r115au .r b{background:radial-gradient(50% 50% at 50% 55%,rgba(255,130,120,.9),rgba(255,120,140,.3) 55%,transparent 75%);animation:r115A3 23s ease-in-out infinite alternate}
.r115au .bl{left:69%;width:31%;height:68%;--o:.75}
.r115au .bl b{background:radial-gradient(50% 50% at 50% 55%,rgba(110,150,255,.95),rgba(110,150,255,.3) 55%,transparent 75%);animation:r115A4 17s ease-in-out infinite alternate}
@keyframes r115A1{0%{transform:translate(-3%,4%) scale(1,.9)}50%{transform:translate(4%,-3%) scale(1.08,1.06);opacity:.85}100%{transform:translate(-1%,0) scale(.96,1)}}
@keyframes r115A2{0%{transform:translateX(-18%) skewX(-24deg) rotate(-4deg);opacity:.6}50%{opacity:1}100%{transform:translateX(26%) skewX(-18deg) rotate(3deg);opacity:.7}}
@keyframes r115A3{0%{transform:translate(4%,0) scale(.95)}100%{transform:translate(-8%,-5%) scale(1.1,1.04);opacity:.8}}
@keyframes r115A4{0%{transform:translate(-4%,-3%) scale(1)}100%{transform:translate(5%,4%) scale(1.06,.94);opacity:.85}}
#prices.r115p[data-h] .r115au i{--o:.45}
#prices.r115p[data-h="a"] .r115au .a{--o:1;transform:scale(1.04)}
#prices.r115p[data-h="a"] .r115au .g{--o:.8}
#prices.r115p[data-h="b"] .r115au .bl{--o:.95;transform:scale(1.06)}
#prices.r115p[data-h="r"] .r115au .r{--o:.95;transform:scale(1.06)}
#prices.r115p .r93__big{box-shadow:0 30px 60px -36px rgba(0,0,0,.85)}
:root[data-theme="light"] .r115au{opacity:.5}
:root[data-theme="light"] #prices.r115p .r93__big{box-shadow:var(--shadow)}

/* ===== why: calm cards with living line icons ===== */
.r115w{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.r115w__c{position:relative;padding:20px 22px 24px;background:#1C1C1D;border:1px solid #2c2925;border-radius:20px;transition:border-color .35s,background .35s}
.r115w__c:hover{border-color:rgba(224,160,74,.32);background:#1e1d1c}
.r115w__c .tp{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.r115w__c .sc{display:block;flex:none;width:76px;height:76px;padding:9px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);box-sizing:border-box}
.r115w__c svg{display:block;width:100%;height:100%;overflow:visible}
.r115w__c .n{font:600 11px/1 var(--f-mono);letter-spacing:.08em;color:#F7C987;padding:6px 10px;border-radius:999px;background:rgba(224,160,74,.1);border:1px solid rgba(224,160,74,.28)}
.r115w__c b{display:block;font:600 17px/1.3 var(--f-display);color:#EEEBE6;margin:0 0 8px}
.r115w__c p{margin:0;color:#ADA79E;font-size:14px;line-height:1.55}
/* r116: rendered illustrations, gentle loops */
.r115w svg *{transform-box:fill-box}
/* 01 concept: blocks build, green approval pops */
.r115w .br{transform-origin:0 50%;animation:r116Br 7s cubic-bezier(.6,0,.2,1) infinite}
.r115w .br.b2{animation-delay:.2s}.r115w .br.b3{animation-delay:.35s}.r115w .br.b4{animation-delay:.5s}
@keyframes r116Br{0%,4%{transform:scaleX(0)}22%,88%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:.4}}
.r115w .ok{transform-origin:50% 50%;animation:r116Ok 7s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes r116Ok{0%,30%{transform:scale(0);opacity:0}40%,86%{transform:scale(1);opacity:1}96%,100%{transform:scale(.6);opacity:0}}
/* 02 key slides in, shackle lifts */
.r115w .ky{animation:r116Ky 6.5s ease-in-out infinite}
@keyframes r116Ky{0%,8%{transform:translateX(7px);opacity:.0}18%{opacity:1}34%,82%{transform:none;opacity:1}96%,100%{transform:translateX(7px);opacity:0}}
.r115w .sk{animation:r116Sk 6.5s ease-in-out infinite}
@keyframes r116Sk{0%,40%{transform:none}50%,76%{transform:translateY(-4px)}86%,100%{transform:none}}
/* 03 tag swings on its string */
.r115w .tg{transform-origin:50% 0;animation:r116Sw 6s ease-in-out infinite}
@keyframes r116Sw{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}55%{transform:rotate(3.5deg)}80%{transform:rotate(-1.5deg)}}
/* 04 globe turns */
.r115w .ld{animation:r116Ld 18s linear infinite}
@keyframes r116Ld{from{transform:translate(17px,0)}to{transform:translate(-23px,0)}}
/* 05 calendar page flips: 4 -> 5 */
.r115w .pg{transform-origin:50% 0;animation:r116Pg 6s cubic-bezier(.5,0,.3,1) infinite}
@keyframes r116Pg{0%,40%{transform:scaleY(1);opacity:1}58%{transform:scaleY(.02);opacity:.9}59%,90%{transform:scaleY(1);opacity:0}100%{transform:scaleY(1);opacity:1}}
/* 06 chat hub: dots type, cards float */
.r115w .dt{animation:r116Dt 1.6s ease-in-out infinite}.r115w .dt.d2{animation-delay:.2s}.r115w .dt.d3{animation-delay:.4s}
@keyframes r116Dt{0%,60%,100%{opacity:.45}30%{opacity:1}}
.r115w .cd{animation:r116Cd 5s ease-in-out infinite;animation-delay:var(--j)}
@keyframes r116Cd{50%{transform:translateY(-2px)}}
.r115w__c .sc{padding:4px}
/* light theme */
:root[data-theme="light"] .r115w__c{background:var(--surface);border-color:var(--line)}
:root[data-theme="light"] .r115w__c:hover{border-color:color-mix(in srgb,var(--cta-bg) 45%,var(--line));background:var(--surface)}
:root[data-theme="light"] .r115w__c .sc{background:var(--tint);border-color:var(--line)}
:root[data-theme="light"] .r115w__c b{color:var(--fg)}
:root[data-theme="light"] .r115w__c p{color:var(--muted)}
:root[data-theme="light"] .r115w__c .n{color:#8A5419;background:rgba(224,160,74,.16);border-color:rgba(168,100,31,.35)}
@media (max-width:900px){.r115w{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.r115w{grid-template-columns:1fr}.r115w__c{padding:18px 18px 20px}.r115w__c .tp{margin-bottom:14px}.r115w__c .sc{width:60px;height:60px;padding:3px;border-radius:14px}}

/* ===== FAQ: two-part help card (stays dark in both themes, like the previous card) ===== */
.r115f{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(160deg,rgba(34,30,26,.96),rgba(16,16,19,.96));border:1px solid rgba(255,255,255,.08);color:#EEEBE6;margin-top:6px}
.r115f .up{position:relative;padding:24px 24px 20px}
.r115f .q{position:absolute;right:-6px;top:-18px;font:800 150px/1 var(--f-display);color:transparent;-webkit-text-stroke:1.2px rgba(247,201,135,.28);text-shadow:0 0 60px rgba(247,201,135,.22);animation:r115Q 7s ease-in-out infinite;pointer-events:none;user-select:none}
@keyframes r115Q{50%{transform:translateY(-4px) rotate(6deg)}}
.r115f .av{display:flex;align-items:center;position:relative;margin-bottom:14px}
.r115f .av i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--f-display);font-style:normal;color:#141414;background:#F7C987;border:3px solid #221f1b;margin-right:-9px}
.r115f .av i:nth-child(2){background:#9fc3ff}.r115f .av i:nth-child(3){background:#7fe0a6}
.r115f .av em{position:relative;width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #221f1b,0 0 10px #4ade80;margin:22px 0 0 1px}
.r115f .av em::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid #4ade80;animation:r115Ping 2.4s ease-out infinite}
@keyframes r115Ping{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(2.6);opacity:0}}
.r115f .t{display:block;font:600 20px var(--f-display);color:#EEEBE6;margin:0 0 6px;position:relative}
.r115f .up p{margin:0;max-width:300px;color:#ADA79E;font-size:14.5px;line-height:1.5;position:relative}
.r115f .dn{padding:18px 24px 22px;background:rgba(0,0,0,.28);border-top:1px solid rgba(255,255,255,.07)}
.r115f .st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}
.r115f .st span{display:grid;gap:3px;padding:0 0 0 12px;border-left:1px solid rgba(224,160,74,.35);min-width:0}
.r115f .st b{font:700 13px var(--f-display);color:#EEEBE6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r115f .st em{font:500 11px var(--f-body);font-style:normal;color:#8d877e}
.r115f__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:13px 20px;border-radius:999px;background:#E0A04A;color:#141414;font:700 14.5px var(--f-body);text-decoration:none;box-shadow:0 10px 30px -10px rgba(224,160,74,.7);transition:transform .2s,background .2s}
.r115f__btn:hover{transform:translateY(-2px);background:#F0B25C}
.r115f .sl{display:flex;align-items:center;gap:8px;margin-top:14px;color:#8d877e;font:500 12.5px var(--f-body)}
.r115f .sl i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;flex:none}
@media (max-width:420px){.r115f .st b{font-size:11.5px}.r115f .q{font-size:120px}}

@media (prefers-reduced-motion:reduce){.r115au b,.r115w *,.r115f .q,.r115f .av em::after{animation:none!important}}

/* light theme: the big price card keeps its dark surface, so its text must stay light (was dark-on-dark) */
:root[data-theme="light"] #prices.r115p .r93__big .r93__tx > b,:root[data-theme="light"] #prices.r115p .r93__big .r93__go,:root[data-theme="light"] #prices.r115p .r93__big .r93__alt b{color:#EEEBE6}
:root[data-theme="light"] #prices.r115p .r93__big .r93__tx > p,:root[data-theme="light"] #prices.r115p .r93__big .r93__alt span,:root[data-theme="light"] #prices.r115p .r93__big .r93__alt em{color:#ADA79E}
:root[data-theme="light"] #prices.r115p .r93__big .r93__alt span{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
:root[data-theme="light"] #prices.r115p .r93__big .r93__k{color:#E0A04A}
