/* ===== v12 ===== */
/* logo must not rotate */
a:hover>.logo{transform:none}

/* hero title spacing */
.hero h1{letter-spacing:-.035em}

/* header dock */
.header nav.dock{gap:6px;padding:8px 10px;height:62px;align-items:flex-start;border-radius:26px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #e3e9f0;box-shadow:0 10px 30px -14px #2a4a6a40;position:relative;z-index:30}
.dock a{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid #e6ebf0;color:var(--ink);transform-origin:50% 0;transform:scale(var(--s,1));transition:transform .16s ease-out,background-color .3s,color .3s,border-color .3s,box-shadow .3s}
.dock a:after,.dock a:hover:after{display:none}
.dock a svg{width:22px;height:22px}
.dock a>span{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 4px;scale:calc(1/var(--s,1));transform-origin:50% 0;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.3px;padding:5px 11px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,translate .35s var(--ease2)}
.dock a:hover>span,.dock a:focus-visible>span{opacity:1;translate:-50% 0}
.dock a:hover{color:var(--blue);border-color:#c9d5fb;box-shadow:0 8px 18px -8px #4261ee66}
.dock a.active{color:var(--blue);border-color:#c9d5fb}
.dock a.active:before{content:'';position:absolute;left:50%;bottom:-8px;translate:-50% 0;width:4px;height:4px;border-radius:50%;background:var(--blue)}

/* glass card slider */
.cap-nav{margin-left:auto;display:flex;gap:6px;flex:none}
.cap-nav .round{width:30px;height:30px;background:#ffffff8c;border:1px solid #ffffffb0;color:#0c1f33}
.hero-art[data-cap=dark] .cap-nav .round{color:#fff;background:#ffffff26}

/* tooltips: symbol */
.qp .q{font-size:12px}

/* "Пробуй новое": stickers to the right part */
@media(min-width:1151px){
.sticker-field{width:68%;margin-left:auto;height:150px}
.sticker.one{left:14px;top:8px}.sticker.two{left:0;top:58px}.sticker.three{left:26px;top:108px}
}

/* interactive playgrounds */
.tags-graphic span,.sticker{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.tags-graphic span.dragging,.sticker.dragging{cursor:grabbing;z-index:9;animation:none;scale:1.08;box-shadow:0 16px 28px -10px #2d547440}
.tags-graphic span.picked{background:var(--blue)!important;color:#fff;border-color:var(--blue)}
.sticker.picked{background:var(--blue)!important;color:#fff}
.tags-graphic span,.sticker{transition:background-color .35s,color .35s,border-color .35s,transform .5s var(--spring),box-shadow .4s,scale .3s}
.tags-graphic{user-select:none}
.tags-graphic span:nth-child(1){top:0;left:3%}
.tags-graphic span:nth-child(2){top:50px;left:42%}
.tags-graphic span:nth-child(3){top:96px;left:12%}
.ticket-mini,.star-graphic,.coin,.passport,.orbit-node,.orbit-center,.story-stack{cursor:pointer}
.fx{position:fixed;z-index:200;pointer-events:none;line-height:1;will-change:transform,opacity}

/* FAQ: two-column structure again, card style kept */
.faq{display:grid;text-align:left}
.faq .kicker{justify-content:flex-start}
.faq h2{margin-left:0;margin-right:0}
.questions{max-width:none}

/* rail line: smooth thumb */
.rail-line{position:relative}
.rail-line i{position:absolute;top:0;left:0;height:2px;background:var(--blue);transition:none;border-radius:2px;min-width:24px}

/* phone: a bit higher and bigger */
@media(min-width:761px){.phone{top:44px;scale:1.06}}

/* tighter spacing between sections (desktop) */
@media(min-width:761px){
.section{margin-top:72px}
.about{margin-top:84px}
.journey{margin-top:76px}
.stories{margin-top:92px}
.telegram{margin-top:84px}
.faq{margin-top:74px}
.final-cta{margin-top:80px}
}