@font-face{font-family:Manrope;src:url('/landing-assets/assets/manrope-cyr.woff2')}@font-face{font-family:Cormorant;src:url('/landing-assets/assets/cormorant-cyr.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#0b0e1a;color:#fff;font:14px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #e4d9ff;outline-offset:5px}[hidden]{display:none!important}header,footer{display:flex;align-items:baseline;justify-content:space-between;padding:19px 7%;gap:25px;border-bottom:1px solid #2A2F5C}
header .logo{font-size:32px}
header .login{align-self:center}.logo{font:34px Cormorant,Georgia;letter-spacing:.22em}nav{display:flex;gap:32px}nav a{font-size:18px;color:#C7CBE3}.active{border-bottom:1px solid #7F6FFF}.login{border:1px solid #5A63A9;border-radius:30px;padding:8px 22px;font-size:12px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 7%;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(11,14,26,.75),rgba(11,14,26,.55)),url('/landing-assets/assets/library-scene.png') center/cover}.hero:after{content:'';position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#0b0e1a);pointer-events:none}.eyebrow,.tag{font-size:10px;letter-spacing:.22em}.eyebrow{margin-bottom:25px;color:#e0ddea}h1,h2,h3{font-family:Cormorant,Georgia,serif;font-weight:500;line-height:1.07;margin:0}h1{font-size:clamp(44px,5.2vw,78px)}h2{font-size:clamp(37px,4vw,58px)}h3{font-size:29px}em{font-style:normal;color:#c4b2f4}.lead{font-size:16px;line-height:1.8;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:15px 28px;background:#cbb8ff;color:#161127;border:0;border-radius:32px;font-weight:600}.button:hover{background:#ded0ff}.fine{font-size:11px;color:#ddd;max-width:610px}.hero .fine{margin-top:20px}.hero-cards{height:420px;display:flex;align-items:center;justify-content:center;position:relative}.hero-cards img{width:32%;max-width:175px;border-radius:10px;box-shadow:0 15px 50px #0009;border:1px solid #b19ec977}.hero-cards img:nth-child(1){transform:translateX(24px) rotate(-16deg)}.hero-cards img:nth-child(2){z-index:1;transform:translateY(-20px)}.hero-cards img:nth-child(3){transform:translateX(-24px) rotate(16deg)}.hero-cards>span{position:absolute;bottom:0;font-size:10px;letter-spacing:.3em}.section{padding:75px 7%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-title>p{color:#dedee5}.spread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;max-width:1180px;margin:0 auto}.spread{text-align:center;background:radial-gradient(ellipse 90% 65% at 50% -12%,#7F6FFF3d,transparent 65%),radial-gradient(ellipse 70% 50% at 100% 115%,#4b3b8a33,transparent 60%),#160f3f;border:1px solid #8f7fff4d;border-radius:24px;padding:34px 26px 30px;color:white;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 0 0 transparent}.spread:hover{transform:translateY(-5px);border-color:#ddccff;box-shadow:0 20px 40px #00000066,0 0 26px #7F6FFF2e}
.spread-cta{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:10px 22px;border:1px solid #9b86e670;border-radius:999px;font-size:13px;color:#e3d9ff;box-shadow:0 0 16px #7F6FFF33;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.spread:hover .spread-cta{background:#7F6FFF22;border-color:#ddccff}.spread p{font-size:13px;color:#e6e4eb;margin:0 0 10px}.symbol{display:block;font:55px Georgia;color:#cdbaff;margin:28px 0 20px}.meta{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #ffffff22;padding-top:20px;margin-top:25px}.meta b{font-size:23px;font-weight:400}.daily{grid-column:1/-1;display:flex;gap:35px;align-items:center;padding:22px 32px}.daily .symbol{margin:0}.daily h3{margin-top:8px}.daily p{margin-bottom:0}.daily .meta{margin:0 0 0 auto;border:0;gap:35px}.reading{background:radial-gradient(ellipse at 50% 20%,#34274266,transparent 65%);border-block:1px solid #ffffff18}form{max-width:700px;margin:30px auto}.reading>h2,.reading>.eyebrow{text-align:center}label{display:block;margin:20px 0 10px}label span{font-size:11px;color:#ccc}textarea{width:100%;resize:vertical;background:#101322;color:#fff;border:1px solid #80738f;border-radius:12px;padding:16px}form .button{margin-top:15px}#status{text-align:center;margin:25px}.drawn{display:flex;justify-content:center;gap:25px;align-items:start}.drawn article{width:min(30%,260px)}.card-back{width:100%;height:310px;border:1px solid #cab8ec;border-radius:13px;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,#b4a0e514 26px 27px),#17152d;color:#d7c4ff;font:65px Georgia;box-shadow:inset 0 0 35px #c7aaff25}.drawn img{height:310px;max-width:100%;object-fit:contain;margin:auto;display:block;border-radius:8px}.drawn h3{font-size:26px;margin-top:20px}.drawn p{font-size:12px}.position{font-size:11px;color:#dfd5f2;margin-bottom:12px}.drawn .meaning{animation:appear .6s ease}#result{max-width:750px;margin:50px auto 0}.result-actions{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.secondary{background:none;border:1px solid #9990ab;border-radius:30px;color:white;padding:13px 24px}.how{text-align:center;background:linear-gradient(rgba(11,14,26,.55),rgba(11,14,26,.75)),url('/landing-assets/assets/how-scene.png') center/cover}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps span{color:#c9b6f3;font:30px Cormorant}.steps h3{margin-top:20px}.steps p{color:#e3e0e8;font-size:13px}.faq{max-width:1050px;margin:auto}.faq h2{margin-bottom:35px}details{border-bottom:1px solid #ffffff25;padding:20px 0}summary{cursor:pointer;font-size:15px}details p{color:#ddd}footer{border-top:1px solid #ffffff22;border-bottom:0;font-size:11px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:800px){nav{gap:16px}nav a:nth-child(n+3){display:none}.hero{grid-template-columns:1fr;padding-top:45px;min-height:0}.hero-cards{height:340px;margin-top:35px}.hero-cards img{max-width:135px}.section{padding:50px 6%}.section-title{display:block}.spread-grid{grid-template-columns:1fr}.daily{grid-column:auto;flex-wrap:wrap;gap:18px}.daily .meta{margin-left:0}.steps{grid-template-columns:1fr;gap:25px}.drawn{flex-wrap:wrap}.drawn article{width:100%;max-width:310px}.drawn img,.card-back{height:330px}footer{flex-wrap:wrap}.hero-cards>span{bottom:10px}.spread .symbol{margin:15px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Exact supplied header artwork with live navigation hit areas. */
.reference-header{position:relative;display:block;padding:0;border:0;overflow:hidden;width:100%;height:auto;aspect-ratio:2162 / 160}
.header-art{position:absolute;width:100%;max-width:none;height:auto;left:0;top:-173%;pointer-events:none}
.reference-header>a,.reference-header nav a{position:absolute;top:13%;height:70%;display:flex;align-items:center;justify-content:center;color:transparent;border:0;padding:0;border-radius:10px;font-size:0}
.reference-header .logo{left:3%;width:13%}.reference-header nav{display:contents}
.reference-header nav a:nth-child(1){left:21%;width:6.5%}.reference-header nav a:nth-child(2){left:28%;width:5%}.reference-header nav a:nth-child(3){left:34%;width:8%}.reference-header nav a:nth-child(4){left:43%;width:9%}.reference-header nav a:nth-child(5){left:53%;width:9%}.reference-header nav a:nth-child(6){left:63%;width:7%}
.reference-header .login{left:77%;width:8%}.reference-header .header-start{left:86%;width:11%}

/* AI-разбор расклада + открытый диалог с картами. */
#ai-block{margin-top:25px}
#ai-result p{margin-top:10px;font-size:13px;color:#e6e4eb;line-height:1.7}
.dialogue{max-width:750px;margin:0 auto}
.dialogue textarea{margin-bottom:15px}
.dlg-guide{display:flex;gap:14px;align-items:center;margin:20px 0;padding:14px 18px;background:#121526;border:1px solid #77708c;border-radius:14px}
.dlg-guide span{font:28px Georgia;color:#cdbaff;flex:none}
.dlg-guide b{font-family:Cormorant,Georgia,serif;font-size:18px}
#dlg-transcript{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.dlg-turn{display:flex;gap:16px;align-items:flex-start}
.dlg-turn img{width:90px;height:140px;object-fit:cover;border-radius:8px;flex:none;border:1px solid #cab8ec}
.dlg-turn h3{font-size:18px;margin:0 0 6px}
.dlg-turn p{font-size:13px;color:#e6e4eb;margin:0;line-height:1.7}
#dlg-controls{margin-top:16px}
@media(max-width:800px){.dlg-turn{flex-wrap:wrap}.dlg-turn img{width:70px;height:110px}}

/* Крупные карты веера могут выступать за пределы узкого экрана при повороте —
   не даём этому создавать горизонтальную прокрутку всей страницы. */
html,body{overflow-x:hidden}

/* Редизайн страницы Таро по макетам (14.09.2026): помощник выбора, статья, промо-колода, справочник, FAQ. */
.fine.center{text-align:center;max-width:650px;margin:0 auto 20px}
.spread-helper{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:22px 28px;background:#121526;border:1px solid #77708c;border-radius:18px;flex-wrap:wrap}
.spread-helper b{font-family:Cormorant,Georgia,serif;font-size:18px}
.article{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start}
.article-text p{color:#e6e4eb;font-size:14px;line-height:1.8;margin:18px 0}
.article-text blockquote{margin:25px 0;padding:18px 22px;border-left:2px solid #cbb8ff;font:italic 18px Cormorant,Georgia,serif;color:#ded0ff}
.article-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.article-tags span{border:1px solid #77708c;border-radius:30px;padding:9px 16px;font-size:12px;color:#e6e4eb}
.promo-card{background:radial-gradient(ellipse at 90% 0%,#6f508544,transparent 60%),#121526;border:1px solid #77708c;border-radius:18px;padding:30px}
.promo-card .badge{display:inline-block;font-size:10px;letter-spacing:.15em;color:#cdbaff;border:1px solid #77708c;border-radius:30px;padding:6px 14px}
.promo-card .badge b{color:#161127;background:#cbb8ff;border-radius:20px;padding:3px 10px;margin-left:8px}
.promo-card h3{margin:18px 0 12px}
.promo-card p{font-size:13px;color:#e6e4eb;line-height:1.7}
.promo-card .button{margin-top:18px;width:100%}
.deck-wrap{max-width:900px;margin:0 auto}
.dict-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.dict-item{border:1px solid #77708c;border-radius:12px;padding:14px 18px;background:#121526}
.dict-item summary{cursor:pointer;font-size:14px;display:flex;align-items:center;gap:12px}
.dict-item summary img{width:34px;height:52px;object-fit:cover;border-radius:4px}
.dict-body{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff18}
.dict-body p{font-size:13px;color:#e6e4eb;margin:0 0 10px;line-height:1.7}
@media(max-width:800px){.article{grid-template-columns:1fr}.spread-helper{flex-direction:column;align-items:flex-start}}

/* Блоки-картинки из макетов (1 вариант) + прозрачные кликабельные зоны поверх — тот же приём, что и в .reference-header. */
.block-img-wrap{position:relative;width:100%;overflow:hidden}
.block-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}
.block-img-wrap .hit{position:absolute;color:transparent;font-size:0;border:0;padding:0;background:none;cursor:pointer;border-radius:14px}
.block-img-wrap a.hit,.block-img-wrap button.hit{display:block}
.block-img-wrap .hit:hover{background:#ffffff12}
.block-img-wrap .hit:focus-visible{outline:2px solid #e4d9ff;outline-offset:2px}

/* Кольца-свечение вокруг иконок (по образцу макетов) + звёздное небо на секциях. */
.symbol-ring{display:flex;align-items:center;justify-content:center;overflow:hidden;width:64px;height:64px;border-radius:50%;border:1px solid #7F6FFF66;box-shadow:0 0 18px #7F6FFF3d,inset 0 0 14px #7F6FFF22;margin-bottom:18px}
.spread .symbol-ring{width:96px;height:96px;margin:0 auto 20px;box-shadow:0 0 10px #7F6FFF26,inset 0 0 8px #7F6FFF18}
.spread h3{margin:0 0 4px}
.spread .spread-sub{margin:0 0 14px}
.spread .meta{justify-content:center;gap:34px;margin-top:18px;padding-top:14px}
.symbol-ring .symbol{display:block;margin:0;font-size:26px;line-height:1;color:#cdbaff}
.symbol-ring img.symbol{width:100%;height:100%;object-fit:cover;transform:scale(1.4)}
.step-ring{margin:0 auto 16px}
.steps article{text-align:center}
.steps .step-num{display:block;color:#c9b6f3;font:italic 22px Cormorant,Georgia,serif}
.steps h3{margin-top:6px}
.starfield{position:relative;overflow:hidden}
.starfield:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 8% 15%,#fff9,transparent),radial-gradient(1.5px 1.5px at 22% 65%,#fff7,transparent),radial-gradient(1px 1px at 38% 30%,#fff8,transparent),radial-gradient(1.5px 1.5px at 54% 80%,#fff6,transparent),radial-gradient(1px 1px at 68% 20%,#fff9,transparent),radial-gradient(1.5px 1.5px at 82% 55%,#fff7,transparent),radial-gradient(1px 1px at 93% 12%,#fff8,transparent),radial-gradient(1.5px 1.5px at 12% 88%,#fff6,transparent),radial-gradient(1px 1px at 60% 5%,#fff9,transparent),radial-gradient(1.5px 1.5px at 90% 85%,#fff7,transparent)}
#spreads.starfield{background:radial-gradient(ellipse 60% 50% at 15% 0%,#3d2a6644,transparent),radial-gradient(ellipse 50% 40% at 100% 100%,#22305c55,transparent)}
.how.starfield{background:radial-gradient(ellipse 55% 45% at 85% 10%,#2a2a6644,transparent),radial-gradient(ellipse 50% 50% at 5% 90%,#3d275c44,transparent)}
.article.starfield{background:radial-gradient(ellipse 45% 60% at 0% 50%,#2a2a6640,transparent)}
.faq.starfield{background:radial-gradient(ellipse 50% 40% at 90% 0%,#3d2a6644,transparent)}
.reference-header a:hover{background:#ffffff0a}

/* Веер карт для выбора (по образцу конкурента, обкатывается на раскладе «Одна карта»
   перед распространением на остальные): карты закреплены в одной точке далеко под
   видимой областью и просто повёрнуты на разный угол — из-за удалённого центра
   поворота это и даёт дугу веера без ручного расчёта смещений по X/Y. */
.fan-stage{margin-top:40px;text-align:center}
.fan-progress{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9a90b8;margin:0}
#fan-question{font-family:Cormorant,Georgia,serif;font-weight:500;font-size:clamp(28px,3.4vw,42px);margin:8px 0 6px;color:#f1ecff}
.fan-instruction{font-size:13px;letter-spacing:.04em;color:#b6aed6;margin:0 0 10px}
.fan-collected{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:8px}
.collected-card{width:64px;text-align:center}
.collected-card img{width:64px;height:96px;object-fit:cover;border-radius:8px;border:1px solid #cab8ec;box-shadow:0 8px 18px #0007}
.collected-card span{display:block;margin-top:6px;font-size:10px;color:#c7b1ed;line-height:1.3;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.interpret-loading{text-align:center;padding:50px 0}
.spinner{width:46px;height:46px;margin:0 auto 18px;border-radius:50%;border:2px solid #7F6FFF33;border-top-color:#cdbaff;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fan{position:relative;height:400px;max-width:1180px;margin:22px auto 0}
.fan-card{position:absolute;left:50%;bottom:14px;width:132px;height:198px;margin-left:-66px;border-radius:14px;background:url('/landing-assets/assets/card-back.png') center/cover;box-shadow:0 12px 28px #0008;transform-origin:50% 570px;transition:transform .6s cubic-bezier(.22,.9,.3,1),opacity .45s ease,box-shadow .2s;cursor:pointer;opacity:0;padding:0;transform:translateY(-230px) rotate(var(--angle,0deg))}
.fan-card.in{opacity:1;transform:rotate(var(--angle,0deg))}
.fan-card:hover:not(.picked){box-shadow:0 0 0 2px #ddccff,0 16px 30px #0009;z-index:2}
.fan-card.picked{opacity:1;pointer-events:none;z-index:5;transform:translateY(-110px) scale(1.1) rotate(var(--angle,0deg));box-shadow:0 0 0 2px #ddccff,0 24px 40px #000a;transition:transform .5s ease,box-shadow .3s ease}
.fan.picking .fan-card:not(.picked){opacity:.12;pointer-events:none;transition:opacity .4s ease}
.fan-shuffle{margin-top:26px}
@media(max-width:800px){.fan{height:290px;max-width:100%}.fan-card{width:90px;height:135px;margin-left:-45px;bottom:8px;border-radius:10px;transform-origin:50% 395px;transform:translateY(-160px) rotate(var(--angle,0deg))}.fan-card.picked{transform:translateY(-75px) scale(1.08) rotate(var(--angle,0deg))}}

@media(prefers-reduced-motion:reduce){.fan-card{transition:none!important}}

/* Live rebuild of #spreads (was a flattened 1199×1312 PNG that blurred once stretched past its
   native size — see spread/spread-grid/symbol-ring/meta rules above, already prepared for this
   exact markup but never wired up). Real text + the existing starfield glow instead of a photo. */
.spreads-center{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}
h2.spreads-center{max-width:760px}
.spread-sub{color:#c7b1ed;margin-top:-4px}
.spread{position:relative;overflow:hidden}
.spread:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 85% 14%,#fff7,transparent),radial-gradient(1.5px 1.5px at 90% 78%,#fff6,transparent),radial-gradient(1px 1px at 15% 88%,#fff7,transparent),radial-gradient(1.5px 1.5px at 55% 6%,#fff6,transparent)}
.spread-num{position:absolute;top:22px;right:26px;font-family:Cormorant,Georgia,serif;font-style:italic;font-size:20px;color:#8b7bc4}
.meta-item{display:inline-flex;align-items:center;gap:7px;color:#cdbaff;font-size:14px}
.meta-icon{width:16px;height:16px;flex:none;color:#9b86e6}
.side-label{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:#96A0C8;text-align:center;width:110px}
.side-label-left{left:1.5%}
.side-label-right{right:1.5%}
@media(max-width:900px){.side-label{display:none}}

/* Живой hero вместо флэт-картинки 1-hero.png (та же причина, что и у #spreads:
   текст в картинке не индексируется/не масштабируется, а в светлой теме тёмная
   сцена целиком выглядела дырой на фоне — см. site-session.css invert-приём).
   Декоративные карты — вырезаны и выпрямлены из исходного 1-hero.png
   (assets/tarot-blocks/cards/), не отдельный рисунок от Павла. */
.hero-tarot{position:relative;text-align:center;padding:110px 7% 90px;overflow:hidden}
.hero-tarot .lead{max-width:640px;margin-left:auto;margin-right:auto}
.hero-cta{margin-top:8px}
.hero-tags{margin-top:22px;letter-spacing:.14em}
.hero-card{position:absolute;top:50%;width:230px;border-radius:14px;border:1px solid #b19ec977;box-shadow:0 15px 50px #0009;pointer-events:none}
.hero-card-left{left:1%;transform:translateY(-56%) rotate(-13deg)}
.hero-card-right{right:1%;transform:translateY(-52%) rotate(11deg)}
@media(max-width:1150px){.hero-card{display:none}}

/* Nav link hover glow: star appears only on mouse-over, not by default. */
header nav a{position:relative;overflow:visible}
header nav a::before{content:'✦';position:absolute;left:50%;top:-15px;transform:translate(-50%,-3px) scale(.4);color:#A892FF;font-size:14px;opacity:0;text-shadow:0 0 10px #6E6CD8,0 0 20px #8F8CF0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}
header nav a:hover::before{opacity:1;transform:translate(-50%,0) scale(1)}
header nav a:hover{color:#fff}
@media(max-width:800px){.reference-header{aspect-ratio:auto;min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:16px 6%;gap:15px;background:#12142b}.header-art{display:none}.reference-header>a,.reference-header nav a{position:static;height:auto;width:auto!important;color:white;font-size:13px;padding:6px 0}.reference-header .logo{font-size:30px}.reference-header nav{display:flex}.reference-header nav a{display:none}.reference-header nav a.active{display:block;border-bottom:1px solid #cfbbff}.reference-header .header-start{font-size:11px;background:#cbb8ff;color:#171329;border-radius:25px;padding:10px 14px}.reference-header .login{font-size:12px}}

/* ── Дневная тема: «Три шага» и «Заметка таролога» живым текстом вместо цельных
   тёмных картинок (у тех на светлом фоне были видны края-прямоугольники).
   Цвета записаны «ночными», как всё на сайте, — днём их переворачивает общий фильтр. */
.day-only{display:none}
:root[data-theme="day"] .day-only{display:block}
:root[data-theme="day"] .night-only{display:none}
/* Картинки-украшения здесь инвертируются вместе со страницей (светлые), как .hero-card */
:root[data-theme="day"] .lt-art{filter:none}
.lt-steps,.lt-article{position:relative;text-align:center}
.lt-line{display:flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase}
.lt-line:before,.lt-line:after{content:'';width:70px;height:1px;background:#8f7fff80}
.lt-steps h2{margin-bottom:20px}
.lt-lead{max-width:640px;margin:0 auto;color:#d9d6e8;font-size:15px;line-height:1.75}
.lt-step-list{list-style:none;padding:0;margin:50px auto 0;max-width:1100px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.lt-step-list:before{content:'';position:absolute;top:80px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#8f7fff66 15%,#8f7fff66 85%,transparent)}
.lt-step-list li{position:relative}
.lt-step-list img{display:block;width:160px;height:160px;margin:0 auto}
.lt-step-list span{display:block;font:italic 34px/1 Cormorant,Georgia,serif;color:#b9a6f5;margin-top:6px}
.lt-step-list h3{margin:10px 0 14px}
.lt-step-list p{max-width:330px;margin:0 auto;color:#d9d6e8;font-size:14px;line-height:1.7}
.lt-article-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;max-width:1150px;margin:0 auto;text-align:left;align-items:center}
.lt-note .lt-line{justify-content:flex-start}
.lt-note .lt-line:after{display:block}
.lt-note h2{margin:0 0 26px}
.lt-note p{color:#d9d6e8;font-size:15px;line-height:1.75;margin:0 0 18px}
.lt-note blockquote{margin:26px 0;padding:4px 0 4px 26px;border-left:1px solid #8f7fff99;font:italic 27px/1.3 Cormorant,Georgia,serif;color:#c4b2f4}
.lt-topics{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.lt-topics li{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #8f7fff4d;border-radius:14px;font-size:13px;color:#e6e4eb}
.lt-topics svg,.lt-perks svg{width:20px;height:20px;flex:none;color:#c4b2f4}
.lt-deck{position:relative;overflow:hidden;text-align:center;padding:34px 30px 26px;border:1px solid #8f7fff66;border-radius:24px;background:radial-gradient(ellipse 90% 60% at 50% -10%,#7F6FFF33,transparent 65%),#160f3f;box-shadow:0 0 30px #7F6FFF1f}
.lt-deck .eyebrow{margin-bottom:12px;text-transform:uppercase}
.lt-deck h3{font-size:40px;line-height:1.1}
.lt-hit{position:absolute;top:18px;right:-34px;transform:rotate(45deg);width:130px;padding:5px 0;background:#b9a6f5;color:#160f3f;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.lt-deck-cards{display:block;width:100%;max-width:400px;height:auto;margin:18px auto 14px}
.lt-deck p{color:#d9d6e8;font-size:13px;line-height:1.7;margin:0}
.lt-deck .button{width:100%;margin-top:22px}
.lt-perks{list-style:none;padding:0;margin:20px 0 0;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#c7cbe3}
.lt-perks li{display:flex;align-items:center;gap:6px;text-align:left}
.lt-perks svg{width:16px;height:16px}
.lt-footline{margin:60px 0 0;color:#96A0C8}
@media(max-width:900px){
  .lt-step-list{grid-template-columns:1fr;gap:34px}
  .lt-step-list:before{display:none}
  .lt-article-grid{grid-template-columns:1fr;gap:40px}
  .lt-note blockquote{font-size:23px}
}
@media(max-width:540px){.lt-perks{flex-direction:column;align-items:center}.lt-line:before,.lt-line:after{width:36px}}
/* Дневная тема: карты в hero были вырезаны из общей сцены прямоугольником — с кусочками
   соседних карт по углам, которые на светлом фоне видны. Днём подменяем их на версии,
   обрезанные по контуру самой карты (прозрачный фон), без рамки и тени. Ночью — как было. */
:root[data-theme="day"] .hero-card{border:0;box-shadow:none;border-radius:0}
:root[data-theme="day"] .hero-card-left{content:url('/landing-assets/assets/tarot-blocks/cards/hero-sun-cut.png')}
:root[data-theme="day"] .hero-card-right{content:url('/landing-assets/assets/tarot-blocks/cards/hero-star-cut.png')}