/* Home of the client space (start-home.js). Shared Space tokens; client only. */
#home-view{padding-bottom:140px}
.sh-hero{padding:18px 0 8px;max-width:980px}
.sh-hero h1{margin:10px 0 10px;font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.035em}
.sh-hero h1 em{font-style:normal;background:linear-gradient(90deg,#6ff7d8,#9ff,#a68cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-lead{max-width:640px;color:#9fb3b8;font-size:16px;line-height:1.5;margin:0 0 18px}
.sh-cont h2,.sh-strip h2{margin:0 0 12px;font-size:20px}
.sh-qs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.sh-qs small,.sh-lbl{display:block;font:700 10px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#a99be6;margin-right:6px}
.sh-qs button{border:0;border-radius:12px;padding:8px 12px;background:#a68cff1f;box-shadow:inset 0 0 0 1px #a68cff55;color:#e2dbff;font-weight:700;font-size:13px;cursor:pointer}
.sh-lbl{margin:4px 0 8px}
.sh-ps{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.sh-ps::-webkit-scrollbar{display:none}
.sh-p{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:6px;border:0;border-radius:18px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;color:#e5eef0;text-align:left;cursor:pointer;transition:transform .3s cubic-bezier(.2,1.3,.3,1)}
.sh-p:hover{transform:translateY(-3px)}.sh-p:active{transform:scale(.97)}
.sh-ph{display:block;aspect-ratio:1;border-radius:13px;background:#fff center/contain no-repeat}
.sh-p b{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sh-p em{font-style:normal;font-size:12px;font-weight:800;color:#6ff7d8}
.sh-col{position:relative;display:flex;gap:10px;padding:14px;overflow:hidden}
.sh-col span{flex:1;border-radius:18px;background:#fff center/contain no-repeat;box-shadow:0 14px 30px #0008;transform:translateY(calc(var(--k)*8px)) rotate(calc((var(--k) - 1)*2deg));transition:transform .6s cubic-bezier(.2,1.2,.3,1)}
.sh-dir:hover .sh-col span{transform:translateY(calc(var(--k)*-4px)) rotate(0)}
.sh-quiet{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:12px;border:0;border-radius:16px;padding:13px 16px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff10;color:#8da3a8;font-size:13px;cursor:pointer;text-align:left}
.sh-quiet b{color:#c4d3d6}
.sh-strip{margin-top:28px}
.sh-strip .sh-p{flex-basis:170px}
@media(max-width:760px){
  .sh-hero h1{font-size:30px}
  .sh-p{flex-basis:132px}.sh-strip .sh-p{flex-basis:140px}
}
@media(prefers-reduced-motion:reduce){.sh-dir,.sh-col span,.sh-p{transition:none}}
@keyframes sh-sk{to{background-position:-200% 0}}
.sh-later>*{margin-top:12px}
.sh-page{margin-top:18px;padding:20px;border-radius:26px;background:linear-gradient(135deg,#0f2a2aee,#14203aee);box-shadow:inset 0 0 0 1px #6ff7d855,0 0 70px #6ff7d81a}
.sh-page h2{margin:6px 0 6px;font-size:24px;letter-spacing:-.02em}.sh-page .eyebrow{color:#6ff7d8}
.sh-text{margin:12px 0;padding:12px 14px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10}.sh-text b{display:block;margin-bottom:4px}.sh-text p{margin:0;color:#c4d3d6;line-height:1.5}
.sh-vid{margin-top:22px;padding:18px;border-radius:26px;background:linear-gradient(135deg,#2a0f14ee,#13202aee);box-shadow:inset 0 0 0 1px #ff7a7a33}
.sh-vid-all{margin-left:auto;border:0;border-radius:12px;padding:10px 14px;background:#ffffff12;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.sh-vrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.sh-vrow::-webkit-scrollbar{display:none}
.sh-vc{flex:0 0 230px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:none;color:#f1e6e8;text-align:left;cursor:pointer;animation:cp-in .5s cubic-bezier(.2,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
.sh-vc-th{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;background:#1a0c10 center/cover no-repeat;box-shadow:0 12px 30px #0008;overflow:hidden;transition:transform .35s cubic-bezier(.2,1.3,.3,1)}
.sh-vc:hover .sh-vc-th{transform:translateY(-3px) scale(1.02)}
.sh-vc-th:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#000a)}
.sh-vc-th i{position:absolute;left:50%;top:50%;z-index:1;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#ff4d5ee6;color:#fff;font-size:15px;box-shadow:0 0 30px #ff4d5e88;transition:transform .3s}
.sh-vc:hover .sh-vc-th i{transform:scale(1.12)}
.sh-vc-th em{position:absolute;right:8px;bottom:8px;z-index:1;font:700 11px "JetBrains Mono",monospace;font-style:normal;padding:3px 6px;border-radius:7px;background:#000b;color:#fff}
.sh-vc small{font:700 10px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#ff9aa4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-vc b{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-vid .sh-lbl{color:#ff9aa4;margin:14px 0 8px}
@media(max-width:760px){.sh-vc{flex-basis:200px}.sh-vid-h small{display:none}}

/* ---------- Sherlock: past · present · future ---------- */
/* past */
.sh-tl{position:relative;display:grid;gap:4px}.sh-tl:before{content:'';position:absolute;left:17px;top:6px;bottom:6px;width:2px;background:linear-gradient(#a68cff66,#6ff7d833)}
.sh-tl-i{position:relative;display:flex;gap:10px;align-items:center;width:100%;padding:6px 4px;border:0;background:none;color:#e6eef0;text-align:left;cursor:pointer;border-radius:12px;animation:cp-in .5s both;animation-delay:calc(var(--k)*50ms)}
.sh-tl-i:hover{background:#ffffff08}
.sh-tl-dot{position:relative;z-index:1;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1c2346;box-shadow:inset 0 0 0 1.5px #a68cff88;font-size:13px}
.sh-tl-dot.img{background:#fff center/cover no-repeat}
.sh-tl-t{min-width:0}.sh-tl-t b{display:block;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-tl-t small{color:#8f86b8;font-size:11px}
/* present */
.sh-who{display:flex;gap:14px;align-items:center}
.sh-orb{--c:0;flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6ff7d8 calc(var(--c)*1%),#ffffff14 0);animation:sh-pulse 3s ease-in-out infinite}
.sh-orb span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#0e1a24;font-size:30px}
@keyframes sh-pulse{50%{box-shadow:0 0 34px #6ff7d844}}
.sh-who-h b{display:block;font-size:20px;letter-spacing:-.01em}.sh-who-h b:first-letter{text-transform:uppercase}.sh-who-h small{display:block;color:#9fb3b8;font-size:12px;margin:2px 0 6px}
.sh-role{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffc35a1f;color:#ffc35a;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #ffc35a55}
.sh-quote{margin:12px 0 4px;padding:12px 14px;border-radius:16px;background:#a68cff14;box-shadow:inset 0 0 0 1px #a68cff44;font-size:14px;line-height:1.45;color:#ece8ff}
.sh-quote:before{content:'🕵️ ';}.sh-quote.is-wait{opacity:.7;animation:sh-blink 1.2s ease-in-out infinite}@keyframes sh-blink{50%{opacity:.35}}
.sh-lbl2{display:block;font:700 9px "JetBrains Mono",monospace;letter-spacing:.14em;color:#7f969c;margin:12px 0 6px}
.sh-chips{display:flex;flex-wrap:wrap;gap:6px}.sh-chips span,.sh-chips button{border:0;border-radius:10px;padding:6px 10px;background:#ffffff0c;box-shadow:inset 0 0 0 1px #ffffff16;color:#e1ecee;font-size:12px;font-weight:700}
.sh-chips.is-int button{cursor:pointer;background:#6ff7d812;box-shadow:inset 0 0 0 1px #6ff7d844;color:#bfeee2}
.sh-ded{display:grid;gap:6px}.sh-ded>div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:#ffffff06}
.sh-clue{font-size:12px;color:#9fb3b8}.sh-then{font-size:13px;font-weight:700;color:#fff}
.sh-fix{margin-top:12px;border:0;background:none;color:#cdbfff;font-weight:800;font-size:13px;cursor:pointer;padding:4px 0}
.sh-edit{display:grid;gap:6px;margin-top:8px}.sh-edit input{border:0;border-radius:11px;padding:10px 12px;background:#071119;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c;font:inherit;font-size:15px}
.sh-edit button{justify-self:start;border:0;border-radius:11px;padding:9px 14px;font-weight:800;background:linear-gradient(135deg,#c2b2ff,#8f74ff);color:#140c33;cursor:pointer}
/* future */
.sh-kit{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:8px;margin-bottom:10px;border:0;border-radius:16px;background:linear-gradient(135deg,#6ff7d81f,#ffffff06);box-shadow:inset 0 0 0 1px #6ff7d855;color:#fff;text-align:left;cursor:pointer}
.sh-kit .sh-ph{width:72px}.sh-kit small{display:block;font:700 9px "JetBrains Mono",monospace;letter-spacing:.12em;color:#6ff7d8}.sh-kit b{display:block;font-size:13px;line-height:1.25;margin:2px 0}.sh-kit em{font-style:normal;font-size:11px;color:#9fb3b8}
.sh-ftl{position:relative;display:grid;gap:10px}.sh-ftl:before{content:'';position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(#6ff7d855 0 6px,transparent 6px 10px)}
.sh-step{position:relative;padding-left:40px;animation:cn-in .5s both;animation-delay:calc(var(--k)*80ms)}
.sh-step-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sh-timer{position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0e1a24;box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 16px #6ff7d833;font-size:14px}
.sh-step.is-half .sh-timer{box-shadow:inset 0 0 0 1.5px #ffc35a,0 0 16px #ffc35a33}.sh-step.is-year .sh-timer{box-shadow:inset 0 0 0 1.5px #ff8c96,0 0 16px #ff8c9633}
.sh-step-h b{font-size:14px}.sh-step-h em{font-style:normal;font-size:12px;color:#6ff7d8;font-weight:800}.sh-step>small{display:block;color:#8da3a8;font-size:11px;margin:2px 0 6px}
.sh-mini{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.sh-mini::-webkit-scrollbar{display:none}
.sh-mini button{flex:0 0 96px;display:flex;flex-direction:column;gap:3px;padding:4px;border:0;border-radius:12px;background:#ffffff08;color:#dfe9eb;text-align:left;cursor:pointer;transition:transform .25s}
.sh-mini button:hover{transform:translateY(-2px)}.sh-mini .sh-ph{border-radius:9px}
.sh-mini i{font-style:normal;font-size:10px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sh-mini em{font-style:normal;font-size:11px;font-weight:800;color:#6ff7d8}
@media(max-width:1100px){.sh-sher-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sh-col-past{grid-column:1/-1}}
@media(max-width:760px){.sh-sher{padding:14px;border-radius:24px}.sh-sher-grid{grid-template-columns:minmax(0,1fr)}.sh-col-past{grid-column:auto}.sh-orb{width:64px;height:64px}.sh-orb span{width:52px;height:52px;font-size:25px}}
.sh-tl,.sh-ftl,.sh-ded{grid-template-columns:minmax(0,1fr)}

/* Return home as compact tiles (like the first answer): 2 in a row on a phone, up to 4 on a computer; a tap dives in */
.sh-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 14px}
@media(max-width:1100px){.sh-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sh-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.sh-tile{--tc:#6ff7d8;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:178px;padding:14px;border:0;border-radius:20px;text-align:left;color:#eef6f4;font-family:inherit;cursor:pointer;overflow:hidden;
  background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--tc) 12%,transparent),transparent 60%),linear-gradient(165deg,#10222a,#0b161d);box-shadow:inset 0 0 0 1px #6ff7d830,0 14px 34px #0006;transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s;animation:sh-tin .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--k)*60ms)}
@keyframes sh-tin{from{opacity:0;transform:translateY(16px) scale(.97)}}
.sh-tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 60%,transparent),0 18px 40px #0008,0 0 26px color-mix(in srgb,var(--tc) 20%,transparent)}
.sh-tile:active{transform:scale(.97)}
.sh-tile.t-violet{--tc:#a68cff}.sh-tile.t-amber{--tc:#ffc857}.sh-tile.t-ice{--tc:#7cc8ff}.sh-tile.t-red{--tc:#ff5c7a}
.sh-t-k{font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--tc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sh-t-vis{position:relative;display:flex;align-items:center;height:56px;margin:4px 0 2px}
.sh-t-ph{width:52px;height:52px;border-radius:14px;background:#fff center/cover no-repeat;box-shadow:0 0 0 2px #0b161d,0 8px 18px #0008;margin-left:calc(var(--i)*-14px);transform:rotate(calc((var(--i) - 1)*5deg));transition:transform .3s}
.sh-t-ph:first-child{margin-left:0}.sh-tile:hover .sh-t-ph{transform:translateY(-3px) rotate(calc((var(--i) - 1)*8deg))}
.sh-t-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--tc) 16%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--tc) 30%,transparent)}
.sh-t-title{font-size:15px;line-height:1.25;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-t-m{font-size:12px;color:#9fb3b8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-t-go{margin-top:auto;font:700 10.5px "JetBrains Mono",monospace;letter-spacing:.08em;color:#7f969c;font-style:normal;transition:color .2s}.sh-tile:hover .sh-t-go{color:var(--tc)}
.sh-tile.is-wait{pointer-events:none}.sh-tile.is-wait .sh-t-title{width:70%;height:14px;border-radius:6px;color:transparent;background:linear-gradient(110deg,#ffffff0b 12%,#6ff7d826 48%,#ffffff0b 84%);background-size:220% 100%;animation:sh-shim 1.6s linear infinite}
.sh-tile.is-wait .sh-t-vis:before{content:'';width:52px;height:52px;border-radius:14px;background:#ffffff0a}
@keyframes sh-shim{from{background-position:120% 0}to{background-position:-120% 0}}
@media(max-width:760px){.sh-tile{min-height:160px;padding:12px;border-radius:18px}.sh-t-ph,.sh-t-ic{width:44px;height:44px}.sh-t-vis{height:48px}.sh-t-title{font-size:14px}}
.sh-later{margin:4px 0 30px}
/* the dive panel */
.sh-dive{position:fixed;inset:0;z-index:1600;display:grid;place-items:stretch;background:#01070bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sh-veil .35s ease-out}
@keyframes sh-veil{from{background:transparent}}
.sh-dive-p{position:relative;margin:max(12px,env(safe-area-inset-top)) auto 0;width:min(980px,100%);height:calc(100% - max(12px,env(safe-area-inset-top)));display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:radial-gradient(120% 50% at 100% 0,#6ff7d814,transparent 60%),#0b161d;box-shadow:inset 0 0 0 1px #6ff7d838,0 -20px 80px #000c;overflow:hidden}
.sh-dive-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #ffffff10}
.sh-dive-h b{display:block;font-size:20px;letter-spacing:-.02em}.sh-dive-h small{color:#8fa6ae;font-size:12.5px}
.sh-dive-b{flex:none;width:42px;height:42px;border:0;border-radius:14px;background:#ffffff10;color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a}.sh-dive-b:hover{background:#6ff7d822;color:#6ff7d8}
.sh-dive-c{flex:1;overflow:auto;padding:16px 16px calc(120px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.sh-ps-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;overflow:visible!important}
body.sh-diving .sc-fab,body.sh-diving .kf-fab{opacity:0;pointer-events:none}
.sh-t-live{font-size:11.5px;line-height:1.3;color:color-mix(in srgb,var(--tc) 85%,#fff);font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.sh-tile{touch-action:pan-y;transform-origin:center;transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s}
.sh-t-ph{backface-visibility:hidden}
.sh-dive-p{transition:transform .2s}

/* «Новое от менеджера» (as in Intent) and smart steps */
.sh-mgr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin:16px 0 4px;padding:16px 18px;border-radius:20px;
  background:linear-gradient(110deg,#5f36b138,#0f6b6f33);box-shadow:inset 0 0 0 1px #c291ff59,0 18px 40px #0007;animation:sh-mgr-in .7s cubic-bezier(.16,1,.3,1)}
@keyframes sh-mgr-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
.sh-mgr-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 12px "JetBrains Mono",monospace;color:#062421;background:linear-gradient(135deg,#c291ff,#58e2ca);box-shadow:0 0 22px #58e2ca55}
.sh-mgr small{display:block;color:#cda8ff;font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em}.sh-mgr b{display:block;margin:3px 0;font-size:clamp(16px,2vw,21px)}
.sh-mgr p{margin:0;color:#c3d8d4;line-height:1.5;font-size:14px}
.sh-mgr-go{border:0;border-radius:14px;padding:12px 16px;background:#58e2ca;color:#062421;font:800 13px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
@media(max-width:700px){.sh-mgr{grid-template-columns:auto minmax(0,1fr)}.sh-mgr-go{grid-column:1/-1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.sh-mgr,.sh-step{animation:none}}
.sh-fresh{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:3000;transform:translateX(-50%);border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#c291ff,#58e2ca);color:#062421;font:800 13px Manrope,sans-serif;box-shadow:0 14px 40px #000a;cursor:pointer;animation:sh-mgr-in .5s cubic-bezier(.16,1,.3,1)}

/* The brief: facts as icon chips, then the offers «с чего продолжим» */
.sh-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.sh-fact{display:flex;align-items:center;gap:10px;max-width:100%;border:0;border-radius:16px;padding:7px 14px 7px 7px;text-align:left;color:#eef6f4;cursor:pointer;
  background:linear-gradient(160deg,#102229,#0a151c);box-shadow:inset 0 0 0 1px #6ff7d822;transition:transform .2s,box-shadow .2s;animation:sh-step-in .55s cubic-bezier(.16,1,.3,1) backwards}
.sh-fact:nth-child(2){animation-delay:.06s}.sh-fact:nth-child(3){animation-delay:.12s}.sh-fact:nth-child(4){animation-delay:.18s}.sh-fact:nth-child(5){animation-delay:.24s}
.sh-fact:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 22px #6ff7d822}.sh-fact:disabled{cursor:default;opacity:1;color:#eef6f4}
.sh-fact-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 30% 25%,#6ff7d840,#6ff7d80d 70%);box-shadow:inset 0 0 0 1px #6ff7d833,0 0 18px #6ff7d81f}
.sh-fact-ic.is-img{background:#fff center/cover no-repeat}
.sh-fact.is-who .sh-fact-ic{background:radial-gradient(circle at 30% 25%,#c291ff55,#c291ff12 70%);box-shadow:inset 0 0 0 1px #c291ff55,0 0 18px #c291ff30}
.sh-fact>span:last-child{display:grid;min-width:0}.sh-fact small{font:800 9.5px "JetBrains Mono",monospace;letter-spacing:.12em;color:#7f969c;text-transform:uppercase}
.sh-fact b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.sh-offer-k{margin:18px 0 0;font:700 15px Manrope,sans-serif;color:#bfffee}
.sh-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:10px 0 18px}
.sh-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:0;border-radius:18px;text-align:left;color:#eef6f4;cursor:pointer;
  background:linear-gradient(160deg,#0f2129,#0a141b);box-shadow:inset 0 0 0 1px #6ff7d826;transition:transform .2s,box-shadow .2s;animation:sh-step-in .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k)*60ms)}
@keyframes sh-step-in{from{opacity:0;transform:translateY(12px)}}
.sh-step:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #6ff7d8,0 0 26px #6ff7d822}.sh-step:active{transform:scale(.97)}
.sh-step i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:21px;background:radial-gradient(circle at 30% 25%,#ffc85740,#ffc8570d 70%);box-shadow:inset 0 0 0 1px #ffc85744,0 0 20px #ffc85722}
.sh-step:nth-child(3n+2) i{background:radial-gradient(circle at 30% 25%,#6ff7d840,#6ff7d80d 70%);box-shadow:inset 0 0 0 1px #6ff7d844,0 0 20px #6ff7d822}
.sh-step:nth-child(3n) i{background:radial-gradient(circle at 30% 25%,#c291ff44,#c291ff10 70%);box-shadow:inset 0 0 0 1px #c291ff55,0 0 20px #c291ff26}
.sh-step>span{display:grid;gap:2px;min-width:0}.sh-step b{font-size:14.5px}.sh-step small{font-size:12px;color:#8fa6ae;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-step em{font-style:normal;color:#6ff7d8;opacity:.5;transition:opacity .2s,transform .2s}.sh-step:hover em{opacity:1;transform:translateX(3px)}
@media(max-width:700px){.sh-steps{grid-template-columns:1fr}.sh-fact b{max-width:180px}}
@media(prefers-reduced-motion:reduce){.sh-fact,.sh-step{animation:none}}
