/* $OLOMONEY — компоненты. Все цвета и размеры — переменные из tokens.json (tokens.css). Префикс классов: sm- */

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ink-950);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}

/* ---------- Типографика ---------- */
.sm-h-display,.sm-h1,.sm-h2,.sm-h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;margin:0;letter-spacing:-.03em}
.sm-h-display{font-size:120px;line-height:1.06}
.sm-h1{font-size:72px;line-height:.94}
.sm-h2{font-size:56px;line-height:.95}
.sm-h3{font-size:32px;line-height:1}
.sm-lead{font-size:18px;line-height:28px;margin:0}
.sm-label{font:600 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase}
.sm-script{font-family:var(--font-script);font-weight:700;font-size:44px;line-height:.85;color:var(--signal-text);display:inline-block;transform:rotate(-6deg)}
.sm-on-paper .sm-script,.sm-script--paper{color:var(--signal)}

/* ---------- Кнопки ---------- */
.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 28px;border:2px solid transparent;border-radius:var(--radius-sm);
  font:700 14px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background-color .15s,color .15s,border-color .15s,transform .1s}
.sm-btn svg{width:18px;height:18px;flex:none;transition:transform .15s}
.sm-btn:hover svg,.sm-btn.is-hover svg{transform:translateX(4px)}
.sm-btn:active,.sm-btn.is-active{transform:translateY(2px)}
.sm-btn:focus-visible,.sm-btn.is-focus{outline:none;box-shadow:var(--shadow-focus)}
.sm-btn[disabled],.sm-btn.is-disabled{opacity:.38;cursor:not-allowed;transform:none;pointer-events:none}
.sm-btn--primary{background:var(--signal);color:var(--on-signal)}
.sm-btn--primary:hover,.sm-btn--primary.is-hover{background:var(--signal-hover)}
.sm-btn--secondary{background:transparent;color:var(--text);border-color:var(--text)}
.sm-btn--secondary:hover,.sm-btn--secondary.is-hover{background:var(--text);color:var(--ink-950)}
.sm-btn--ink{background:var(--ink-950);color:var(--text)}
.sm-btn--ink:hover,.sm-btn--ink.is-hover{background:var(--ink-800)}
.sm-on-paper .sm-btn--secondary,.sm-on-lime .sm-btn--secondary{color:var(--ink-950);border-color:var(--ink-950)}
.sm-on-paper .sm-btn--secondary:hover,.sm-on-lime .sm-btn--secondary:hover,.sm-on-paper .sm-btn--secondary.is-hover,.sm-on-lime .sm-btn--secondary.is-hover{background:var(--ink-950);color:var(--text)}
.sm-btn--sm{height:40px;padding:0 18px;font-size:12px;gap:8px}
.sm-btn--sm svg{width:14px;height:14px}
.sm-btn--block{width:100%}
.sm-link{color:var(--text);font:600 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.sm-link::before{content:"→ "}
.sm-link:hover{color:var(--signal-text)}

/* ---------- Плашки и бейджи ---------- */
.sm-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-0);font:600 14px/1.1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.sm-badge--signal{background:var(--signal);color:var(--on-signal)}
.sm-badge--lime{background:var(--lime);color:var(--on-lime)}
.sm-badge--ink{background:var(--ink-950);color:var(--text)}
.sm-badge--paper{background:var(--paper);color:var(--paper-ink)}
.sm-badge--outline{border:1.5px solid currentColor;background:transparent}
.sm-badge--sticker{transform:rotate(-4deg);box-shadow:3px 3px 0 var(--ink-950);padding:8px 14px;font-size:16px}
.sm-badge--dot::before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor}
.sm-offer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--ink-950);color:var(--text);transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--signal)}
.sm-offer__label{font:600 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);max-width:110px}
.sm-later{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font:600 13px/18px var(--font-sans);letter-spacing:.06em;text-transform:uppercase}
.sm-later .sm-later__p{font:700 26px/1 var(--font-display);letter-spacing:-.02em}
.sm-later .sm-price-old{font-size:18px}
.sm-stamp{position:absolute;display:inline-block;padding:6px 12px;border:3px solid var(--signal);color:var(--signal);font:700 22px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;transform:rotate(-12deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 0 0 0 2.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 0 0 0 2.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E");-webkit-mask-size:140px;mask-size:140px;pointer-events:none}
.sm-offer .sm-stamp{top:-34px;right:-10px;background:var(--lime);font-size:26px;padding:6px 14px}
.sm-offer__price{font:700 60px/1 var(--font-display);letter-spacing:-.025em;white-space:nowrap}
.sm-price-old{font:500 22px/1 var(--font-display);color:inherit;opacity:.72;text-decoration:line-through;text-decoration-color:var(--signal);text-decoration-thickness:3px}
.sm-price{font:700 56px/1 var(--font-display);letter-spacing:-.025em;white-space:nowrap}

/* ---------- Ленты и фоны ---------- */
.sm-marquee{overflow:hidden;white-space:nowrap;display:flex}
.sm-marquee__track{display:flex;flex:none;gap:0;animation:sm-marquee 26s linear infinite}
.sm-marquee__track>span{padding:0 18px}
@keyframes sm-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sm-marquee__track{animation:none}}
.sm-ribbon{background:var(--signal);color:var(--on-signal);font:600 14px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;padding:10px 0}
.sm-ribbon .sm-sep{opacity:.8}
.sm-band{background:var(--signal);color:var(--on-signal);font:700 88px/1 var(--font-display);letter-spacing:-.03em;text-transform:uppercase;padding:22px 0 18px;clip-path:polygon(0% 4%,1.0% 6%,1.9% 1%,3.0% 2%,4.3% 1%,5.1% 2%,6.1% 4%,6.9% 9%,8.7% 1%,9.9% 3%,11.3% 1%,13.5% 10%,15.0% 5%,16.0% 1%,17.3% 3%,19.4% 2%,20.3% 10%,21.9% 1%,23.6% 0%,25.2% 10%,27.4% 7%,28.6% 4%,29.7% 8%,31.3% 8%,32.7% 2%,34.8% 10%,36.9% 8%,39.0% 7%,40.2% 5%,41.6% 0%,42.4% 3%,43.6% 7%,46.0% 4%,48.3% 10%,50.6% 4%,51.7% 2%,52.9% 2%,54.7% 9%,56.8% 5%,58.6% 8%,59.6% 7%,61.8% 8%,63.8% 5%,64.9% 8%,66.3% 8%,68.6% 4%,70.1% 9%,72.0% 2%,73.0% 2%,75.3% 8%,76.3% 8%,78.7% 7%,80.0% 5%,81.0% 0%,83.4% 6%,85.0% 9%,86.5% 9%,88.7% 2%,89.9% 3%,91.0% 6%,92.3% 4%,93.3% 9%,94.6% 5%,96.4% 9%,97.8% 9%,99.4% 5%,100.0% 0%,98.5% 92%,97.7% 98%,96.6% 95%,94.7% 96%,93.3% 95%,91.6% 98%,90.7% 96%,89.5% 93%,87.4% 95%,85.7% 98%,83.5% 94%,81.7% 95%,80.1% 97%,78.6% 95%,77.0% 99%,75.1% 99%,72.8% 93%,71.1% 99%,68.9% 91%,67.9% 94%,67.0% 92%,66.1% 97%,64.0% 99%,63.0% 97%,61.1% 91%,58.9% 100%,57.8% 100%,56.3% 95%,54.0% 98%,52.9% 94%,51.3% 93%,50.2% 93%,48.2% 90%,46.5% 94%,45.7% 93%,43.9% 95%,43.0% 100%,40.9% 100%,40.0% 93%,39.1% 98%,37.9% 91%,36.4% 99%,34.3% 93%,33.2% 99%,31.5% 97%,30.6% 91%,28.7% 94%,27.8% 99%,26.0% 98%,25.0% 99%,24.1% 99%,22.6% 93%,20.9% 99%,19.7% 91%,18.0% 92%,17.1% 92%,16.2% 92%,14.9% 93%,12.9% 93%,11.3% 92%,9.9% 90%,8.7% 90%,6.7% 96%,5.6% 95%,3.3% 91%,1.2% 94%,0.0% 98%)}
.sm-band .sm-sep{font-size:.5em;vertical-align:middle;padding:0 .2em}

.sm-bg-ink{background-color:var(--ink-950);color:var(--text);position:relative;isolation:isolate}
.sm-bg-ink::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");opacity:.07;pointer-events:none;z-index:-1}
.sm-bg-paper{background:var(--paper);color:var(--paper-ink);position:relative}
.sm-sec>.sm-wrap{position:relative;z-index:1}
.sm-splat{position:absolute;z-index:0;width:520px;height:360px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='360' viewBox='0 0 520 360' fill='%230a0a0a'%3E%3Ccircle cx='300' cy='121' r='5.2'/%3E%3Ccircle cx='307' cy='129' r='5.3'/%3E%3Ccircle cx='306' cy='128' r='3.3'/%3E%3Ccircle cx='329' cy='134' r='7.6'/%3E%3Ccircle cx='329' cy='113' r='2.6'/%3E%3Ccircle cx='347' cy='127' r='2.3'/%3E%3Ccircle cx='319' cy='127' r='6.6'/%3E%3Ccircle cx='321' cy='129' r='2.1'/%3E%3Ccircle cx='322' cy='130' r='3.3'/%3E%3Ccircle cx='302' cy='138' r='5.2'/%3E%3Ccircle cx='314' cy='120' r='5.6'/%3E%3Ccircle cx='315' cy='132' r='6.6'/%3E%3Ccircle cx='344' cy='129' r='9.0'/%3E%3Ccircle cx='320' cy='135' r='7.0'/%3E%3Ccircle cx='340' cy='138' r='4.0'/%3E%3Ccircle cx='328' cy='121' r='4.8'/%3E%3Ccircle cx='322' cy='130' r='8.7'/%3E%3Ccircle cx='333' cy='123' r='3.5'/%3E%3Ccircle cx='443' cy='117' r='0.8'/%3E%3Ccircle cx='191' cy='19' r='1.0'/%3E%3Ccircle cx='416' cy='175' r='4.1'/%3E%3Ccircle cx='326' cy='73' r='1.8'/%3E%3Ccircle cx='371' cy='158' r='4.4'/%3E%3Ccircle cx='389' cy='238' r='1.8'/%3E%3Ccircle cx='389' cy='265' r='0.7'/%3E%3Ccircle cx='278' cy='85' r='2.6'/%3E%3Ccircle cx='345' cy='206' r='4.4'/%3E%3Ccircle cx='357' cy='50' r='4.0'/%3E%3Ccircle cx='352' cy='223' r='3.5'/%3E%3Ccircle cx='280' cy='87' r='5.1'/%3E%3Ccircle cx='345' cy='205' r='3.7'/%3E%3Ccircle cx='273' cy='202' r='0.9'/%3E%3Ccircle cx='453' cy='196' r='1.2'/%3E%3Ccircle cx='228' cy='74' r='2.2'/%3E%3Ccircle cx='455' cy='101' r='2.4'/%3E%3Ccircle cx='378' cy='80' r='1.3'/%3E%3Ccircle cx='488' cy='43' r='0.9'/%3E%3Ccircle cx='390' cy='266' r='2.6'/%3E%3Ccircle cx='395' cy='297' r='1.7'/%3E%3Ccircle cx='222' cy='69' r='0.9'/%3E%3Ccircle cx='539' cy='173' r='0.7'/%3E%3Ccircle cx='295' cy='56' r='3.9'/%3E%3Ccircle cx='238' cy='83' r='1.3'/%3E%3Ccircle cx='311' cy='81' r='1.8'/%3E%3Ccircle cx='133' cy='71' r='1.5'/%3E%3Ccircle cx='282' cy='299' r='0.7'/%3E%3Ccircle cx='420' cy='138' r='2.4'/%3E%3Ccircle cx='398' cy='154' r='2.2'/%3E%3Ccircle cx='256' cy='104' r='2.3'/%3E%3Ccircle cx='497' cy='15' r='1.3'/%3E%3Ccircle cx='266' cy='14' r='0.9'/%3E%3Ccircle cx='374' cy='139' r='5.1'/%3E%3Ccircle cx='254' cy='-41' r='0.7'/%3E%3Ccircle cx='232' cy='47' r='2.9'/%3E%3Ccircle cx='226' cy='297' r='0.7'/%3E%3Ccircle cx='147' cy='88' r='2.5'/%3E%3Ccircle cx='308' cy='-11' r='2.4'/%3E%3Ccircle cx='420' cy='83' r='3.1'/%3E%3Ccircle cx='490' cy='33' r='1.1'/%3E%3Ccircle cx='374' cy='-30' r='1.4'/%3E%3Ccircle cx='238' cy='63' r='2.6'/%3E%3Ccircle cx='272' cy='97' r='3.6'/%3E%3Ccircle cx='531' cy='122' r='1.7'/%3E%3Ccircle cx='183' cy='224' r='1.8'/%3E%3Ccircle cx='135' cy='188' r='0.7'/%3E%3Ccircle cx='322' cy='85' r='3.6'/%3E%3Ccircle cx='232' cy='138' r='3.5'/%3E%3Ccircle cx='162' cy='132' r='3.0'/%3E%3Ccircle cx='321' cy='171' r='2.2'/%3E%3Ccircle cx='285' cy='67' r='1.4'/%3E%3Ccircle cx='462' cy='54' r='1.6'/%3E%3Ccircle cx='407' cy='75' r='3.1'/%3E%3Ccircle cx='363' cy='226' r='3.3'/%3E%3Ccircle cx='501' cy='44' r='1.0'/%3E%3Ccircle cx='230' cy='87' r='1.1'/%3E%3Ccircle cx='122' cy='133' r='2.1'/%3E%3Ccircle cx='269' cy='-42' r='0.7'/%3E%3Ccircle cx='386' cy='221' r='1.5'/%3E%3Ccircle cx='350' cy='227' r='2.7'/%3E%3Ccircle cx='216' cy='133' r='3.7'/%3E%3Ccircle cx='453' cy='117' r='0.8'/%3E%3Ccircle cx='525' cy='162' r='0.7'/%3E%3Ccircle cx='283' cy='12' r='1.4'/%3E%3Ccircle cx='336' cy='88' r='1.4'/%3E%3Ccircle cx='270' cy='142' r='4.7'/%3E%3Ccircle cx='328' cy='190' r='0.9'/%3E%3Ccircle cx='232' cy='54' r='2.6'/%3E%3Ccircle cx='212' cy='1' r='2.4'/%3E%3Cellipse cx='300' cy='89' rx='19' ry='1.5' transform='rotate%28246 300 89%29'/%3E%3Cellipse cx='400' cy='134' rx='24' ry='1.5' transform='rotate%284 400 134%29'/%3E%3Cellipse cx='313' cy='183' rx='24' ry='2.1' transform='rotate%2898 313 183%29'/%3E%3Cellipse cx='247' cy='77' rx='17' ry='2.6' transform='rotate%28221 247 77%29'/%3E%3Cellipse cx='361' cy='109' rx='29' ry='2.5' transform='rotate%28326 361 109%29'/%3E%3Cellipse cx='375' cy='174' rx='22' ry='2.8' transform='rotate%2847 375 174%29'/%3E%3Cellipse cx='261' cy='177' rx='27' ry='2.6' transform='rotate%28136 261 177%29'/%3E%3Cellipse cx='395' cy='108' rx='23' ry='1.6' transform='rotate%28340 395 108%29'/%3E%3Cellipse cx='304' cy='47' rx='22' ry='2.5' transform='rotate%28260 304 47%29'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
.sm-splat--light{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='360' viewBox='0 0 520 360' fill='%23f5f2ed'%3E%3Ccircle cx='300' cy='121' r='5.2'/%3E%3Ccircle cx='307' cy='129' r='5.3'/%3E%3Ccircle cx='306' cy='128' r='3.3'/%3E%3Ccircle cx='329' cy='134' r='7.6'/%3E%3Ccircle cx='329' cy='113' r='2.6'/%3E%3Ccircle cx='347' cy='127' r='2.3'/%3E%3Ccircle cx='319' cy='127' r='6.6'/%3E%3Ccircle cx='321' cy='129' r='2.1'/%3E%3Ccircle cx='322' cy='130' r='3.3'/%3E%3Ccircle cx='302' cy='138' r='5.2'/%3E%3Ccircle cx='314' cy='120' r='5.6'/%3E%3Ccircle cx='315' cy='132' r='6.6'/%3E%3Ccircle cx='344' cy='129' r='9.0'/%3E%3Ccircle cx='320' cy='135' r='7.0'/%3E%3Ccircle cx='340' cy='138' r='4.0'/%3E%3Ccircle cx='328' cy='121' r='4.8'/%3E%3Ccircle cx='322' cy='130' r='8.7'/%3E%3Ccircle cx='333' cy='123' r='3.5'/%3E%3Ccircle cx='443' cy='117' r='0.8'/%3E%3Ccircle cx='191' cy='19' r='1.0'/%3E%3Ccircle cx='416' cy='175' r='4.1'/%3E%3Ccircle cx='326' cy='73' r='1.8'/%3E%3Ccircle cx='371' cy='158' r='4.4'/%3E%3Ccircle cx='389' cy='238' r='1.8'/%3E%3Ccircle cx='389' cy='265' r='0.7'/%3E%3Ccircle cx='278' cy='85' r='2.6'/%3E%3Ccircle cx='345' cy='206' r='4.4'/%3E%3Ccircle cx='357' cy='50' r='4.0'/%3E%3Ccircle cx='352' cy='223' r='3.5'/%3E%3Ccircle cx='280' cy='87' r='5.1'/%3E%3Ccircle cx='345' cy='205' r='3.7'/%3E%3Ccircle cx='273' cy='202' r='0.9'/%3E%3Ccircle cx='453' cy='196' r='1.2'/%3E%3Ccircle cx='228' cy='74' r='2.2'/%3E%3Ccircle cx='455' cy='101' r='2.4'/%3E%3Ccircle cx='378' cy='80' r='1.3'/%3E%3Ccircle cx='488' cy='43' r='0.9'/%3E%3Ccircle cx='390' cy='266' r='2.6'/%3E%3Ccircle cx='395' cy='297' r='1.7'/%3E%3Ccircle cx='222' cy='69' r='0.9'/%3E%3Ccircle cx='539' cy='173' r='0.7'/%3E%3Ccircle cx='295' cy='56' r='3.9'/%3E%3Ccircle cx='238' cy='83' r='1.3'/%3E%3Ccircle cx='311' cy='81' r='1.8'/%3E%3Ccircle cx='133' cy='71' r='1.5'/%3E%3Ccircle cx='282' cy='299' r='0.7'/%3E%3Ccircle cx='420' cy='138' r='2.4'/%3E%3Ccircle cx='398' cy='154' r='2.2'/%3E%3Ccircle cx='256' cy='104' r='2.3'/%3E%3Ccircle cx='497' cy='15' r='1.3'/%3E%3Ccircle cx='266' cy='14' r='0.9'/%3E%3Ccircle cx='374' cy='139' r='5.1'/%3E%3Ccircle cx='254' cy='-41' r='0.7'/%3E%3Ccircle cx='232' cy='47' r='2.9'/%3E%3Ccircle cx='226' cy='297' r='0.7'/%3E%3Ccircle cx='147' cy='88' r='2.5'/%3E%3Ccircle cx='308' cy='-11' r='2.4'/%3E%3Ccircle cx='420' cy='83' r='3.1'/%3E%3Ccircle cx='490' cy='33' r='1.1'/%3E%3Ccircle cx='374' cy='-30' r='1.4'/%3E%3Ccircle cx='238' cy='63' r='2.6'/%3E%3Ccircle cx='272' cy='97' r='3.6'/%3E%3Ccircle cx='531' cy='122' r='1.7'/%3E%3Ccircle cx='183' cy='224' r='1.8'/%3E%3Ccircle cx='135' cy='188' r='0.7'/%3E%3Ccircle cx='322' cy='85' r='3.6'/%3E%3Ccircle cx='232' cy='138' r='3.5'/%3E%3Ccircle cx='162' cy='132' r='3.0'/%3E%3Ccircle cx='321' cy='171' r='2.2'/%3E%3Ccircle cx='285' cy='67' r='1.4'/%3E%3Ccircle cx='462' cy='54' r='1.6'/%3E%3Ccircle cx='407' cy='75' r='3.1'/%3E%3Ccircle cx='363' cy='226' r='3.3'/%3E%3Ccircle cx='501' cy='44' r='1.0'/%3E%3Ccircle cx='230' cy='87' r='1.1'/%3E%3Ccircle cx='122' cy='133' r='2.1'/%3E%3Ccircle cx='269' cy='-42' r='0.7'/%3E%3Ccircle cx='386' cy='221' r='1.5'/%3E%3Ccircle cx='350' cy='227' r='2.7'/%3E%3Ccircle cx='216' cy='133' r='3.7'/%3E%3Ccircle cx='453' cy='117' r='0.8'/%3E%3Ccircle cx='525' cy='162' r='0.7'/%3E%3Ccircle cx='283' cy='12' r='1.4'/%3E%3Ccircle cx='336' cy='88' r='1.4'/%3E%3Ccircle cx='270' cy='142' r='4.7'/%3E%3Ccircle cx='328' cy='190' r='0.9'/%3E%3Ccircle cx='232' cy='54' r='2.6'/%3E%3Ccircle cx='212' cy='1' r='2.4'/%3E%3Cellipse cx='300' cy='89' rx='19' ry='1.5' transform='rotate%28246 300 89%29'/%3E%3Cellipse cx='400' cy='134' rx='24' ry='1.5' transform='rotate%284 400 134%29'/%3E%3Cellipse cx='313' cy='183' rx='24' ry='2.1' transform='rotate%2898 313 183%29'/%3E%3Cellipse cx='247' cy='77' rx='17' ry='2.6' transform='rotate%28221 247 77%29'/%3E%3Cellipse cx='361' cy='109' rx='29' ry='2.5' transform='rotate%28326 361 109%29'/%3E%3Cellipse cx='375' cy='174' rx='22' ry='2.8' transform='rotate%2847 375 174%29'/%3E%3Cellipse cx='261' cy='177' rx='27' ry='2.6' transform='rotate%28136 261 177%29'/%3E%3Cellipse cx='395' cy='108' rx='23' ry='1.6' transform='rotate%28340 395 108%29'/%3E%3Cellipse cx='304' cy='47' rx='22' ry='2.5' transform='rotate%28260 304 47%29'/%3E%3C/svg%3E");opacity:.16}
.sm-tear{position:absolute;left:0;right:0;bottom:-1px;height:48px;background:var(--tear,var(--paper));clip-path:polygon(0% 100%,0% 37%,1.1% 61%,2.0% 53%,3.5% 16%,5.2% 15%,6.8% 17%,7.7% 44%,10.0% 21%,11.2% 60%,13.7% 56%,15.2% 86%,16.1% 77%,17.4% 23%,18.4% 35%,20.7% 26%,22.6% 61%,24.0% 54%,24.9% 17%,26.1% 64%,27.7% 36%,29.5% 46%,30.9% 72%,32.9% 31%,34.8% 52%,37.1% 67%,38.5% 86%,39.5% 44%,41.6% 24%,43.3% 15%,45.3% 70%,47.2% 79%,48.5% 65%,50.4% 56%,52.0% 76%,54.5% 48%,56.5% 17%,58.6% 61%,61.2% 74%,62.5% 41%,64.5% 14%,66.1% 25%,67.1% 16%,69.3% 22%,70.5% 42%,72.9% 18%,74.5% 54%,76.9% 74%,79.3% 33%,80.8% 39%,83.2% 85%,84.3% 25%,85.5% 30%,87.2% 57%,88.4% 12%,90.0% 40%,91.8% 84%,93.9% 51%,95.8% 63%,96.7% 80%,98.9% 78%,100.0% 42%,100% 100%);z-index:5;pointer-events:none}
.sm-tear--paper{--tear:var(--paper)}
.sm-tear--ink{--tear:var(--ink-950)}
.sm-tear--lime{--tear:var(--lime)}

/* ---------- Фото: полароид, растр, скотч ---------- */
.sm-polaroid{position:absolute;background:var(--paper-white);padding:10px 10px 40px;box-shadow:var(--shadow-photo);transform:rotate(var(--tilt,-4deg))}
.sm-polaroid img{width:100%;height:100%;object-fit:cover}
.sm-polaroid__cap{position:absolute;left:12px;bottom:8px;font:700 22px/1 var(--font-script);color:var(--paper-ink)}
.sm-halftone{position:relative;overflow:hidden}
.sm-halftone img{filter:grayscale(1) contrast(1.3) brightness(1.04)}
.sm-halftone::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(10,10,10,.38) 1px,transparent 1.7px) 0 0/4px 4px;mix-blend-mode:multiply;pointer-events:none}
.sm-clip{position:absolute;width:34px;height:96px;top:-34px;right:34px;z-index:3;transform:rotate(14deg);color:var(--clip-metal);filter:drop-shadow(1px 2px 1px rgba(0,0,0,.3))}
.sm-disc{position:absolute;z-index:4;width:112px;height:112px;border-radius:var(--radius-pill);background:var(--signal);color:var(--on-signal);display:grid;place-items:center;text-align:center;font:700 18px/1 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;transform:rotate(-14deg);box-shadow:3px 3px 0 var(--ink-950)}
.sm-disc small{display:block;font:600 10px/1.2 var(--font-sans);letter-spacing:.1em;margin-top:4px}
.sm-colorpop{position:absolute;inset:0;-webkit-mask-image:radial-gradient(ellipse 42% 26% at 50% 36%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 42% 26% at 50% 36%,#000 55%,transparent 100%);z-index:1}
.sm-colorpop img{width:100%;height:100%;object-fit:cover;filter:saturate(1.25) contrast(1.05)!important}
.sm-tape{position:absolute;width:110px;height:30px;background:var(--tape);top:-14px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.15)}

/* ---------- Билет (карточка тарифа) ---------- */
.sm-ticket{container-type:inline-size;position:relative;--notch:var(--ink-950);transition:transform .25s cubic-bezier(.2,.8,.3,1.3)}
.sm-ticket:hover,.sm-ticket.is-hover{transform:rotate(-1deg) translateY(-6px)}
.sm-ticket--hero:hover,.sm-ticket--hero.is-hover{transform:rotate(1deg) translateY(-6px)}
@media (prefers-reduced-motion:reduce){.sm-ticket:hover{transform:none}}
.sm-pointer{position:absolute;z-index:4;display:flex;align-items:flex-end;gap:4px;pointer-events:none}
.sm-pointer .sm-script{font-size:46px}
.sm-pointer svg{width:96px;height:72px;color:var(--signal-text);flex:none}
.sm-tickets .sm-pointer{top:-108px;left:-6px}
.sm-ticket__inner{display:grid;grid-template-columns:1fr 96px;background:var(--ink-800);color:var(--text);border-radius:var(--radius-md);position:relative;min-height:100%}
.sm-ticket--hero .sm-ticket__inner{background:var(--lime);color:var(--on-lime)}
.sm-ticket__main{padding:32px 32px 28px;display:flex;flex-direction:column;gap:24px;position:relative}
.sm-ticket__kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.sm-ticket__name{font:700 44px/.95 var(--font-display);letter-spacing:-.025em;text-transform:uppercase;margin:0}
.sm-ticket__name span{color:var(--signal-text)}
.sm-ticket--hero .sm-ticket__name span{color:var(--ink-950);background:var(--ink-950);color:var(--lime);padding:0 .12em}
.sm-ticket__lead{margin:0;font-size:16px;line-height:24px;color:var(--text-muted);max-width:38ch}
.sm-ticket--hero .sm-ticket__lead{color:var(--on-lime-muted)}
.sm-ticket__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sm-ticket__list li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:15px;line-height:22px}
.sm-ticket__list li::before{content:"";width:12px;height:12px;margin-top:5px;background:var(--signal);transform:rotate(45deg)}
.sm-ticket--hero .sm-ticket__list li::before{background:var(--ink-950)}
.sm-ticket__perf{position:relative;height:0;border-top:2px dashed currentColor;opacity:.35;margin:4px -32px 0}
.sm-ticket__notch{position:absolute;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--notch)}
.sm-ticket__buy{display:flex;flex-direction:column;gap:16px}
.sm-ticket__prices{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.sm-ticket__stub{position:relative;border-left:2px dashed color-mix(in srgb,currentColor 35%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 0;gap:16px}
.sm-ticket__stub::before,.sm-ticket__stub::after{content:"";position:absolute;left:-15px;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--notch)}
.sm-ticket__stub::before{top:-14px}.sm-ticket__stub::after{bottom:-14px}
.sm-ticket__vtext{writing-mode:vertical-rl;transform:rotate(180deg);font:600 13px/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.sm-barcode{width:48px;flex:1;min-height:160px;background:repeating-linear-gradient(0deg,currentColor 0 3px,transparent 3px 5px,currentColor 5px 6px,transparent 6px 9px,currentColor 9px 13px,transparent 13px 15px,currentColor 15px 16px,transparent 16px 20px,currentColor 20px 22px,transparent 22px 25px)}
.sm-ticket__sticker{position:absolute;top:-18px;right:110px;z-index:3}
@container (max-width:520px){
  .sm-ticket__inner{grid-template-columns:1fr}
  .sm-ticket__main{padding:28px 20px 24px;gap:20px}
  .sm-ticket__perf{margin:4px -20px 0}
  .sm-ticket__name{font-size:36px}
  .sm-ticket__stub{border-left:0;border-top:2px dashed color-mix(in srgb,currentColor 35%,transparent);flex-direction:row;padding:16px 20px 20px}
  .sm-ticket__stub::before{top:-15px;left:-14px}.sm-ticket__stub::after{top:-15px;bottom:auto;left:auto;right:-14px}
  .sm-ticket__vtext{writing-mode:horizontal-tb;transform:none;font-size:12px;letter-spacing:.16em}
  .sm-barcode{width:auto;height:40px;min-height:0;flex:1;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px,currentColor 5px 6px,transparent 6px 9px,currentColor 9px 13px,transparent 13px 15px,currentColor 15px 16px,transparent 16px 20px,currentColor 20px 22px,transparent 22px 25px)}
  .sm-ticket__sticker{right:16px}
  .sm-offer__price{font-size:34px}
  .sm-price{font-size:48px}
}

/* ---------- Таблица сравнения ---------- */
.sm-compare{width:100%;border-collapse:collapse;font-size:16px;line-height:22px}
.sm-compare th,.sm-compare td{padding:16px 20px;text-align:left;border-bottom:1.5px solid var(--paper-line)}
.sm-compare thead th{border-bottom:0;vertical-align:bottom}
.sm-compare .sm-col{width:200px;text-align:center}
.sm-compare thead .sm-col{font:700 28px/1 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;padding:18px 12px}
.sm-compare thead .sm-col small{display:block;font:600 12px/16px var(--font-sans);letter-spacing:.08em;margin-top:6px;opacity:.75}
.sm-compare thead .sm-col--lite{background:var(--ink-950);color:var(--text)}
.sm-compare .sm-col--hasl{background:var(--lime);color:var(--on-lime)}
.sm-compare tbody td.sm-col--hasl{border-bottom-color:rgba(10,10,10,.14)}
.sm-compare tbody th{font-weight:500}
.sm-mark{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--ink-950);color:var(--lime)}
.sm-mark svg{width:18px;height:18px}
.sm-mark--no{background:transparent;color:var(--paper-muted);font:600 20px/1 var(--font-sans)}
.sm-compare .sm-val{font:600 14px/18px var(--font-sans)}
.sm-compare tfoot td{border-bottom:0;padding-top:20px}

/* ---------- Карточка кейса ---------- */
.sm-case{container-type:inline-size;background:var(--ink-900);border:1.5px solid var(--text);color:var(--text);position:relative}
.sm-case__body{padding:24px;display:flex;flex-direction:column;gap:16px;height:100%}
.sm-case__who{display:flex;align-items:center;gap:12px}
.sm-avatar{width:44px;height:44px;border-radius:var(--radius-pill);background:var(--signal);color:var(--on-signal);display:grid;place-items:center;font:700 18px/1 var(--font-display);flex:none}
.sm-case__nick{font:600 15px/20px var(--font-sans)}
.sm-case__meta{font-size:13px;line-height:18px;color:var(--text-muted)}
.sm-case__who .sm-badge{margin-left:auto}
.sm-case__result{font:700 56px/.95 var(--font-display);letter-spacing:-.025em;color:var(--text);text-transform:uppercase;margin:0}
.sm-case__result small{display:block;font:600 16px/1.2 var(--font-display);color:var(--text);letter-spacing:.04em;margin-top:8px}
.sm-case__text{margin:0;font-size:15px;line-height:23px;color:var(--text-muted)}
.sm-circled{position:relative;display:inline-block;padding:0 .14em;z-index:0}
.sm-circled svg{position:absolute;left:-12%;top:-22%;width:124%;height:144%;color:var(--signal-text);z-index:-1;overflow:visible}
.sm-quote{margin:0;font:700 30px/1.05 var(--font-script);color:var(--text);transform:rotate(-1.5deg)}
.sm-quote::before{content:"“";color:var(--signal-text);font-size:1.6em;line-height:0;vertical-align:-.35em;margin-right:4px}
.sm-case--wide .sm-case__info,.sm-case__side{min-width:0}
.sm-case__side{display:flex;flex-direction:column;gap:28px;justify-content:center}
.sm-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px;padding:0 24px}
.sm-gallery::-webkit-scrollbar{display:none}
.sm-shot{flex:none;width:120px;aspect-ratio:9/16;scroll-snap-align:start;border:0;padding:0;cursor:zoom-in;position:relative;overflow:hidden;background:var(--ink-700);border-radius:var(--radius-sm);
  background-image:linear-gradient(var(--ink-600),var(--ink-600)),linear-gradient(var(--lime),var(--lime)),linear-gradient(var(--ink-600),var(--ink-600)),linear-gradient(var(--ink-600),var(--ink-600)),linear-gradient(var(--ink-600),var(--ink-600));
  background-size:60% 6%,44% 9%,80% 4%,70% 4%,76% 4%;background-position:12% 8%,12% 22%,12% 40%,12% 48%,12% 56%;background-repeat:no-repeat}
.sm-shot span{position:absolute;left:8px;bottom:8px;font:600 10px/1 var(--font-sans);letter-spacing:.1em;color:var(--text-muted)}
.sm-shot:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.sm-shot:hover{outline:2px solid var(--lime)}
.sm-case--wide .sm-case__body{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;padding:32px}
.sm-case--wide .sm-case__info{display:flex;flex-direction:column;gap:18px}
.sm-case--wide .sm-case__result{font-size:88px}
.sm-case--wide .sm-gallery{margin:0;padding:0;align-self:center}
.sm-case--wide .sm-shot{width:calc((100% - 30px)/4);min-width:110px}
.sm-case--compact .sm-case__result{font-size:44px}
.sm-case--compact .sm-case__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sm-case--compact .sm-shot{width:76px}
@container (max-width:640px){
  .sm-case--wide .sm-case__body{grid-template-columns:1fr;padding:24px;gap:20px}
  .sm-case--wide .sm-case__result{font-size:56px}
  .sm-case--wide .sm-gallery{margin:0 -24px;padding:0 24px}
  .sm-case--wide .sm-shot{width:132px}
}
.sm-lightbox{position:fixed;inset:0;background:rgba(10,10,10,.94);display:none;align-items:center;justify-content:center;z-index:50;gap:16px;padding:24px}
.sm-lightbox.is-open{display:flex}
.sm-lightbox__stage .sm-shot{width:min(360px,70vw);cursor:default}
.sm-lightbox__btn{width:48px;height:48px;border:2px solid var(--text);background:transparent;color:var(--text);font:700 22px/1 var(--font-sans);cursor:pointer;flex:none}
.sm-lightbox__btn:hover{background:var(--text);color:var(--ink-950)}
.sm-lightbox__close{position:absolute;top:20px;right:20px}
.sm-lightbox__count{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:600 13px/1 var(--font-sans);letter-spacing:.12em}

/* ---------- FAQ ---------- */
.sm-faq{border-top:1.5px solid var(--line-strong)}
.sm-faq:last-child{border-bottom:1.5px solid var(--line-strong)}
.sm-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;font:600 26px/1.05 var(--font-display);text-transform:uppercase}
.sm-faq summary::-webkit-details-marker{display:none}
.sm-faq summary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.sm-faq__icon{flex:none;width:40px;height:40px;display:grid;place-items:center;border:2px solid currentColor;font:500 26px/1 var(--font-sans);transition:transform .2s,background .2s,color .2s}
.sm-faq summary:hover .sm-faq__icon{background:var(--text);color:var(--ink-950)}
.sm-faq[open] .sm-faq__icon{transform:rotate(45deg);background:var(--lime);border-color:var(--lime);color:var(--on-lime)}
.sm-faq[open] summary{color:var(--lime)}
.sm-faq__a{padding:0 64px 24px 0;color:var(--text-muted);font-size:16px;line-height:25px;margin:0}

/* ---------- Страница (секции лендинга, адаптив через container queries) ---------- */
.sm-page{container:page/inline-size;position:relative;overflow:hidden}
.sm-wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter-desktop)}
.sm-sec{position:relative;padding:120px 0 140px}
.sm-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}
.sm-sec__head .sm-lead{max-width:440px;color:var(--text-muted)}
.sm-on-paper .sm-sec__head .sm-lead{color:var(--paper-muted)}

/* hero */
.sm-hero{min-height:960px;padding:0;display:block}
.sm-hero__photo{position:absolute;top:0;right:0;width:56%;height:100%}
.sm-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.9) contrast(1.05)}
.sm-hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink-950) 0%,rgba(10,10,10,.6) 28%,rgba(10,10,10,0) 60%),linear-gradient(0deg,var(--ink-950) 6%,rgba(10,10,10,0) 46%)}
.sm-topbar{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:28px var(--gutter-desktop)}
.sm-logo{font:700 24px/1 var(--font-display);letter-spacing:-.02em;color:var(--text);text-decoration:none}
.sm-logo b{color:var(--signal-text)}
.sm-nav{display:grid;gap:8px;margin-top:20px}
.sm-burger{display:none;width:44px;height:44px;border:2px solid var(--text);background:transparent;color:var(--text);place-items:center}
.sm-hero__content{position:relative;z-index:3;padding:40px var(--gutter-desktop) 0;max-width:860px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.sm-hero__content .sm-h1{font-size:60px}
.sm-proof{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px;font:600 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.sm-proof b{color:var(--text);font-weight:600}
.sm-proof span{display:inline-flex;align-items:center;gap:8px}
.sm-proof span+span::before{content:"";width:5px;height:5px;background:var(--signal);margin-right:10px}
.sm-proof svg{width:22px;height:16px;color:var(--signal-text)}
.sm-hero__content .sm-lead{color:var(--text-muted);max-width:520px}
.sm-hero__ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.sm-hero__notes{position:absolute;z-index:3;left:var(--gutter-desktop);right:var(--gutter-desktop);bottom:200px;display:flex;justify-content:space-between}
.sm-hero__notes .sm-label{max-width:230px}
.sm-hero__notes .sm-label:last-child{text-align:right}
.sm-hero__scribble{position:absolute;z-index:3;right:110px;top:470px;font-size:64px}
.sm-hero__mark{position:absolute;z-index:2;left:0;right:0;bottom:0}
.sm-hero__name{font:700 262px/.8 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;padding:0 calc(var(--gutter-desktop) - 12px);margin-bottom:-30px}
.sm-hero__name b{color:var(--signal-text);font-weight:700}
.sm-hero__mark .sm-ribbon{position:absolute;left:-20px;right:-20px;bottom:76px;transform:rotate(-1.2deg);z-index:3}

/* about */
.sm-about__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
.sm-about__collage{position:relative;height:640px}
.sm-about__collage .sm-p1{left:0;top:40px;width:320px;height:420px;--tilt:-5deg}
.sm-about__collage .sm-p2{left:270px;top:150px;width:300px;height:400px;--tilt:6deg}
.sm-about__collage .sm-script{position:absolute;left:30px;bottom:10px;font-size:64px;z-index:4;transform:rotate(-8deg)}
.sm-about__collage .sm-badge--sticker{position:absolute;left:250px;top:8px;z-index:4;transform:rotate(-6deg)}
.sm-about__collage .sm-disc{right:6px;top:70px}
.sm-about__intro{font:700 26px/1.15 var(--font-sans);text-transform:uppercase;margin:0 0 32px;max-width:520px}
.sm-facts{list-style:none;margin:0;padding:0;counter-reset:f}
.sm-facts li{counter-increment:f;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-top:1.5px solid var(--paper-ink);font:500 18px/26px var(--font-sans)}
.sm-facts li:last-child{border-bottom:1.5px solid var(--paper-ink)}
.sm-facts li::before{content:counter(f,decimal-leading-zero);font:700 30px/1 var(--font-display);color:var(--signal)}

/* pricing */
.sm-pricing{padding-top:0}
.sm-pricing .sm-band{margin:0 -20px 96px;transform:rotate(-1deg)}
.sm-tickets{display:grid;grid-template-columns:1fr 1.18fr;gap:32px;align-items:start}
.sm-tickets .sm-ticket--hero{margin-top:-24px}
.sm-note{margin:32px 0 0;font-size:14px;line-height:20px;color:var(--text-muted);display:flex;gap:10px;align-items:center}
.sm-note::before{content:"✱";color:var(--lime);font-size:18px}

/* compare */
.sm-compare-wrap{max-width:1100px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18));transform:rotate(-.5deg)}
.sm-receipt{background:var(--paper-white);padding:40px 36px 44px;clip-path:polygon(0.00% 10px,1.79% 0px,3.57% 10px,5.36% 0px,7.14% 10px,8.93% 0px,10.71% 10px,12.50% 0px,14.29% 10px,16.07% 0px,17.86% 10px,19.64% 0px,21.43% 10px,23.21% 0px,25.00% 10px,26.79% 0px,28.57% 10px,30.36% 0px,32.14% 10px,33.93% 0px,35.71% 10px,37.50% 0px,39.29% 10px,41.07% 0px,42.86% 10px,44.64% 0px,46.43% 10px,48.21% 0px,50.00% 10px,51.79% 0px,53.57% 10px,55.36% 0px,57.14% 10px,58.93% 0px,60.71% 10px,62.50% 0px,64.29% 10px,66.07% 0px,67.86% 10px,69.64% 0px,71.43% 10px,73.21% 0px,75.00% 10px,76.79% 0px,78.57% 10px,80.36% 0px,82.14% 10px,83.93% 0px,85.71% 10px,87.50% 0px,89.29% 10px,91.07% 0px,92.86% 10px,94.64% 0px,96.43% 10px,98.21% 0px,100.00% 10px,100.00% calc(100% - 10px),98.21% calc(100% - 0px),96.43% calc(100% - 10px),94.64% calc(100% - 0px),92.86% calc(100% - 10px),91.07% calc(100% - 0px),89.29% calc(100% - 10px),87.50% calc(100% - 0px),85.71% calc(100% - 10px),83.93% calc(100% - 0px),82.14% calc(100% - 10px),80.36% calc(100% - 0px),78.57% calc(100% - 10px),76.79% calc(100% - 0px),75.00% calc(100% - 10px),73.21% calc(100% - 0px),71.43% calc(100% - 10px),69.64% calc(100% - 0px),67.86% calc(100% - 10px),66.07% calc(100% - 0px),64.29% calc(100% - 10px),62.50% calc(100% - 0px),60.71% calc(100% - 10px),58.93% calc(100% - 0px),57.14% calc(100% - 10px),55.36% calc(100% - 0px),53.57% calc(100% - 10px),51.79% calc(100% - 0px),50.00% calc(100% - 10px),48.21% calc(100% - 0px),46.43% calc(100% - 10px),44.64% calc(100% - 0px),42.86% calc(100% - 10px),41.07% calc(100% - 0px),39.29% calc(100% - 10px),37.50% calc(100% - 0px),35.71% calc(100% - 10px),33.93% calc(100% - 0px),32.14% calc(100% - 10px),30.36% calc(100% - 0px),28.57% calc(100% - 10px),26.79% calc(100% - 0px),25.00% calc(100% - 10px),23.21% calc(100% - 0px),21.43% calc(100% - 10px),19.64% calc(100% - 0px),17.86% calc(100% - 10px),16.07% calc(100% - 0px),14.29% calc(100% - 10px),12.50% calc(100% - 0px),10.71% calc(100% - 10px),8.93% calc(100% - 0px),7.14% calc(100% - 10px),5.36% calc(100% - 0px),3.57% calc(100% - 10px),1.79% calc(100% - 0px),0.00% calc(100% - 10px))}
.sm-receipt__top,.sm-receipt__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font:600 12px/16px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-muted)}
.sm-receipt__top{padding-bottom:18px;margin-bottom:8px;border-bottom:2px dashed var(--paper-line)}
.sm-receipt__top b{font:700 22px/1 var(--font-display);letter-spacing:-.02em;color:var(--paper-ink)}
.sm-receipt__bottom{margin-top:24px;padding-top:20px;border-top:2px dashed var(--paper-line)}
.sm-receipt__bottom .sm-barcode{flex:none;width:220px;height:44px;min-height:0;color:var(--paper-ink);background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px,currentColor 5px 6px,transparent 6px 9px,currentColor 9px 13px,transparent 13px 15px,currentColor 15px 16px,transparent 16px 20px,currentColor 20px 22px,transparent 22px 25px)}

/* cases */
.sm-cases__head .sm-script{margin-left:16px;font-size:56px;vertical-align:middle}
.sm-case-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}
.sm-row-label{display:flex;align-items:center;gap:16px;margin:56px 0 0}
.sm-row-label::after{content:"";flex:1;height:1.5px;background:var(--line)}
.sm-disclaimer{margin:28px 0 0;font-size:13px;line-height:18px;color:var(--text-muted);max-width:640px}

@container page (max-width:720px){
  .sm-wrap{padding:0 var(--gutter-mobile)}
  .sm-h-display{font-size:72px}
  .sm-h1{font-size:44px}.sm-h2{font-size:40px}
  .sm-sec{padding:72px 0 96px}
  .sm-sec__head{flex-direction:column;align-items:flex-start;margin-bottom:32px;gap:16px}
  .sm-lead{font-size:16px;line-height:24px}
  .sm-btn{height:54px}
  .sm-splat{width:300px;height:210px}
  /* hero */
  .sm-hero{min-height:0;display:flex;flex-direction:column;padding-bottom:88px}
  .sm-hero__photo{position:relative;width:100%;height:340px;order:1}
  .sm-hero__photo::after{background:linear-gradient(0deg,var(--ink-950) 4%,rgba(10,10,10,0) 50%),linear-gradient(180deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,0) 22%)}
  .sm-topbar{position:absolute;top:0;left:0;right:0;padding:16px var(--gutter-mobile);align-items:center}
  .sm-topbar .sm-nav,.sm-topbar .sm-btn{display:none}
  .sm-burger{display:grid}
  .sm-hero__mark{position:relative;order:2;margin-top:-70px}
  .sm-hero__name{font-size:21cqw;padding:0 calc(var(--gutter-mobile) - 4px);margin-bottom:0}
  .sm-hero__mark .sm-ribbon{position:relative;bottom:auto;margin-top:6px;font-size:12px}
  .sm-hero__content{order:3;padding:20px var(--gutter-mobile) 0;gap:14px}
  .sm-hero{padding-bottom:72px}
  .sm-hero__content .sm-h1{font-size:36px}
  .sm-proof{gap:6px 12px;font-size:11px}
  .sm-hero__ctas{flex-direction:column;width:100%;gap:12px}
  .sm-hero__ctas .sm-btn{width:100%}
  .sm-hero__notes{display:none}
  .sm-hero__scribble{top:200px;right:16px;font-size:38px}
  /* about */
  .sm-about__grid{grid-template-columns:1fr;gap:24px}
  .sm-about__collage{height:430px}
  .sm-about__collage .sm-p1{width:54%;height:270px;top:24px}
  .sm-about__collage .sm-p2{left:40%;width:56%;height:280px;top:110px}
  .sm-about__collage .sm-script{font-size:44px;left:8px;bottom:0}
  .sm-about__collage .sm-badge--sticker{right:4px;top:0;font-size:14px}
  .sm-about__intro{font-size:20px;margin-bottom:20px}
  .sm-facts li{grid-template-columns:44px 1fr;font-size:16px;line-height:23px;padding:14px 0}
  .sm-facts li::before{font-size:24px}
  /* pricing */
  .sm-pricing .sm-band{font-size:52px;margin-bottom:56px}
  .sm-tickets{grid-template-columns:1fr;gap:96px}
  .sm-tickets .sm-pointer{top:auto;bottom:calc(100% + 14px);left:4px}
  .sm-hero__ctas .sm-btn--secondary{display:none}
  .sm-pointer .sm-script{font-size:36px}
  .sm-pointer svg{width:70px;height:56px}
  .sm-receipt{padding:32px 14px 36px}
  .sm-receipt__bottom .sm-barcode{width:120px}
  .sm-receipt__top b{font-size:18px}
  .sm-stamp{font-size:18px}
  .sm-disc{width:88px;height:88px;font-size:15px}
  .sm-about__collage .sm-badge--sticker{left:44%;top:0}
  .sm-about__collage .sm-disc{right:0;top:auto;bottom:70px}
  .sm-clip{height:76px;width:28px;right:22px;top:-26px}
  .sm-quote{font-size:26px}
  .sm-tickets .sm-ticket--hero{margin-top:0}
  /* compare */
  .sm-compare{font-size:14px;line-height:19px}
  .sm-compare th,.sm-compare td{padding:12px 8px}
  .sm-compare .sm-col{width:74px}
  .sm-compare thead .sm-col{font-size:18px;padding:12px 4px}
  .sm-compare thead .sm-col small{font-size:10px;letter-spacing:.04em}
  .sm-mark{width:24px;height:24px}.sm-mark svg{width:14px;height:14px}
  .sm-compare .sm-val{font-size:12px;line-height:15px}
  .sm-compare tfoot{display:none}
  .sm-compare-ctas{display:grid!important}
  /* cases */
  .sm-cases__head .sm-script{display:block;margin:8px 0 0;font-size:40px}
  .sm-case-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:20px calc(-1 * var(--gutter-mobile)) 0;padding:0 var(--gutter-mobile) 8px;gap:12px;scrollbar-width:none}
  .sm-case-row .sm-case{flex:none;width:82%;scroll-snap-align:start}
}
.sm-compare-ctas{display:none;grid-template-columns:1fr;gap:12px;margin-top:24px}
.sm-stickybar{display:none;grid-template-columns:1fr 1.5fr;gap:8px;position:sticky;bottom:0;z-index:30;padding:10px 12px 12px;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.sm-stickybar .sm-btn{height:48px;padding:0 12px}
@media (max-width:720px){.sm-stickybar{display:grid}}
.sm-phone .sm-stickybar{display:grid}
.sm-phone--screen{height:844px;overflow-y:auto;scrollbar-width:none}
.sm-phone--screen::-webkit-scrollbar{display:none}

/* ---------- Оболочки для превью ---------- */
.sm-phone{width:390px;margin:0 auto;border:10px solid var(--ink-700);border-radius:44px;overflow:hidden;background:var(--ink-950)}
.sm-canvas{background:var(--ink-800);padding:40px 0;min-height:100vh}
.sm-demo{padding:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.sm-demo-title{font:600 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);width:100%;margin:0}
.sm-on-paper .sm-demo-title{color:var(--paper-muted)}
.sm-on-lime{background:var(--lime);color:var(--on-lime)}
.sm-on-lime .sm-demo-title{color:var(--on-lime-muted)}