/* Landing page styles — generated from the approved design
   («Neuro Staff — финальная версия»). Base rules first, then one class
   per unique style block of the original markup. */
body { margin: 0; background: rgb(14, 17, 16); }
input::placeholder, textarea::placeholder { color: rgba(242, 241, 236, 0.45); }
input:focus, textarea:focus { border-color: rgba(255, 90, 60, 0.6) !important; outline: none; }
[data-scroll], [data-href], [data-letter], [data-close-letter] { cursor: pointer; }
[hidden] { display: none !important; }
@keyframes nsPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes nsOrbit{to{transform:rotate(360deg)}}
@keyframes nsPop{0%,84%,100%{transform:scale(1)}90%{transform:scale(1.2)}}
@keyframes nsGrow{0%{height:8%}70%{height:var(--h)}100%{height:var(--h)}}
@keyframes nsTrend{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes nsMsg1{0%,5%{opacity:0}11%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes nsTyping{0%,16%{opacity:0}22%,42%{opacity:1}48%,100%{opacity:0}}
@keyframes nsMsg2{0%,48%{opacity:0}56%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes nsDot{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes nsCar{to{transform:translateX(-50%)}}
.dv-card{max-width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}
.s0 { width: 1280px; max-width: 100%; margin: 0 auto; background: rgb(244, 242, 236); }
.s1 { background: rgb(14, 17, 16); }
.s2 { display: flex; align-items: center; justify-content: space-between; padding: 22px 56px; border-bottom: 1px solid rgba(242, 241, 236, 0.1); }
.s3 { display: flex; align-items: baseline; gap: 10px; }
.s4 { font: 800 17px "Golos Text", sans-serif; color: rgb(242, 241, 236); letter-spacing: -0.02em; }
.s5 { font: 400 10px "IBM Plex Mono", monospace; color: rgb(255, 90, 60); letter-spacing: 0.14em; }
.s6 { display: flex; gap: 28px; font: 500 13px "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.7); }
.s7 { cursor:pointer; }
.s8 { display: flex; align-items: center; gap: 20px; }
.s9 { font: 600 15px "Golos Text", sans-serif; color: rgb(242, 241, 236); letter-spacing: 0.01em; }
.s10 { font: 600 13px "Golos Text", sans-serif; color: rgb(14, 17, 16); background: rgb(255, 90, 60); padding: 10px 20px; border-radius: 4px;;cursor:pointer; }
.s11 { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; padding: 68px 56px 56px; }
.s12 { display: flex; flex-direction: column; justify-content: center; gap: 26px; }
.s13 { font: 500 11px "IBM Plex Mono", monospace; color: rgb(255, 90, 60); letter-spacing: 0.16em; }
.s14 { font: 800 58px / 1.05 "Golos Text", sans-serif; color: rgb(242, 241, 236); letter-spacing: -0.035em; }
.s15 { font: 400 17px / 1.55 "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.6); max-width: 500px; }
.s16 { display: flex; gap: 14px; align-items: center; }
.s17 { font: 600 15px "Golos Text", sans-serif; color: rgb(14, 17, 16); background: rgb(255, 90, 60); padding: 15px 28px; border-radius: 4px;;cursor:pointer; }
.s18 { font: 600 15px "Golos Text", sans-serif; color: rgb(242, 241, 236); border: 1px solid rgba(242, 241, 236, 0.25); padding: 14px 28px; border-radius: 4px;;cursor:pointer; }
.s19 { display: flex; gap: 24px; font: 400 11px "IBM Plex Mono", monospace; color: rgba(242, 241, 236, 0.45); letter-spacing: 0.08em; }
.s20 { position: relative; border: 0.5px solid rgb(35, 40, 56); border-radius: 12px; background: rgb(10, 13, 20); height: 452px; overflow: hidden; }
.s21 { position: absolute; inset: 0px; width: 100%; height: 100%; }
.s22 { position: absolute; left: 28px; top: 22px; font: 500 10px "IBM Plex Mono", monospace; color: rgb(139, 146, 165); letter-spacing: 0.14em; }
.s23 { position: absolute; left: 36px; top: 82px; width: 44px; height: 44px; border-radius: 50%; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); display: flex; align-items: center; justify-content: center; }
.s24 { position: absolute; left: 36px; top: 162px; width: 44px; height: 44px; border-radius: 50%; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); display: flex; align-items: center; justify-content: center; }
.s25 { position: absolute; left: 36px; top: 242px; width: 44px; height: 44px; border-radius: 50%; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); display: flex; align-items: center; justify-content: center; }
.s26 { position: absolute; left: 36px; top: 322px; width: 44px; height: 44px; border-radius: 50%; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); display: flex; align-items: center; justify-content: center; }
.s27 { position: absolute; left: 148px; top: 168px; width: 104px; height: 104px; animation: 9s linear 0s infinite normal none running nsOrbit; }
.s28 { position: absolute; left: 50px; top: 0px; width: 4px; height: 4px; border-radius: 50%; background: rgba(122, 162, 255, 0.55); }
.s29 { position: absolute; left: 93px; top: 25px; width: 4px; height: 4px; border-radius: 50%; background: rgba(122, 162, 255, 0.55); }
.s30 { position: absolute; left: 93px; top: 75px; width: 4px; height: 4px; border-radius: 50%; background: rgba(122, 162, 255, 0.55); }
.s31 { position: absolute; left: 50px; top: 100px; width: 4px; height: 4px; border-radius: 50%; background: rgba(122, 162, 255, 0.55); }
.s32 { position: absolute; left: 7px; top: 75px; width: 4px; height: 4px; border-radius: 50%; background: rgba(122, 162, 255, 0.55); }
.s33 { position: absolute; left: 7px; top: 25px; width: 4px; height: 4px; border-radius: 50%; background: rgba(122, 162, 255, 0.55); }
.s34 { position: absolute; left: 170px; top: 190px; width: 60px; height: 60px; border-radius: 50%; background: rgb(18, 21, 31); border: 0.5px solid rgb(79, 140, 255); display: flex; align-items: center; justify-content: center; animation: 2.4s ease-in-out 0s infinite normal none running nsPulse; }
.s35 { position: absolute; left: 146px; top: 260px; width: 108px; text-align: center; font: 500 10px "IBM Plex Mono", monospace; color: rgb(139, 146, 165); letter-spacing: 0.1em; }
.s36 { position: absolute; left: 306px; top: 22px; width: 186px; font: 500 9px "IBM Plex Mono", monospace; color: rgb(139, 146, 165); letter-spacing: 0.12em; }
.s37 { position: absolute; left: 306px; top: 52px; width: 186px; height: 128px; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; }
.s38 { display: flex; align-items: center; gap: 7px; }
.s39 { font: 600 12px "Golos Text", sans-serif; color: rgb(243, 244, 246); }
.s40 { animation: 1.6s ease-in-out 0s infinite normal none running nsTrend; }
.s41 { flex: 1 1 0%; display: flex; align-items: flex-end; gap: 8px; padding: 0px 4px; }
.s42 { flex: 1 1 0%; background: rgb(79, 140, 255); border-radius: 3px 3px 0px 0px; --h: 46%; animation: 6s ease-out 0s infinite normal none running nsGrow; }
.s43 { flex: 1 1 0%; background: rgb(79, 140, 255); border-radius: 3px 3px 0px 0px; --h: 68%; animation: 7.5s ease-out 0s infinite normal none running nsGrow; }
.s44 { flex: 1 1 0%; background: rgb(122, 162, 255); border-radius: 3px 3px 0px 0px; --h: 54%; animation: 5.5s ease-out 0s infinite normal none running nsGrow; }
.s45 { flex: 1 1 0%; background: rgb(79, 140, 255); border-radius: 3px 3px 0px 0px; --h: 82%; animation: 8.5s ease-out 0s infinite normal none running nsGrow; }
.s46 { flex: 1 1 0%; background: rgb(45, 212, 191); border-radius: 3px 3px 0px 0px; --h: 96%; animation: 7s ease-out 0s infinite normal none running nsGrow; }
.s47 { position: absolute; left: 306px; top: 192px; width: 186px; height: 84px; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; }
.s48 { display: flex; align-items: center; gap: 9px; }
.s49 { width: 26px; height: 26px; border-radius: 50%; background: rgba(52, 211, 153, 0.15); border: 0.5px solid rgb(52, 211, 153); display: flex; align-items: center; justify-content: center; animation: 3s ease-in-out 0s infinite normal none running nsPop; }
.s50 { font: 400 11px "Golos Text", sans-serif; color: rgb(139, 146, 165); }
.s51 { position: absolute; left: 306px; top: 288px; width: 186px; height: 140px; background: rgb(18, 21, 31); border: 0.5px solid rgb(35, 40, 56); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 8px; box-sizing: border-box; }
.s52 { display: flex; flex-direction: column; gap: 6px; }
.s53 { align-self: flex-start; background: rgb(26, 31, 46); border: 0.5px solid rgb(35, 40, 56); border-radius: 8px 8px 8px 2px; padding: 5px 9px; font: 400 11px "Golos Text", sans-serif; color: rgb(220, 232, 255); animation: 5s ease-in-out 0s infinite normal none running nsMsg1; }
.s54 { align-self: flex-start; background: rgb(26, 31, 46); border: 0.5px solid rgb(35, 40, 56); border-radius: 8px 8px 8px 2px; padding: 7px 10px; display: flex; gap: 4px; animation: 5s ease-in-out 0s infinite normal none running nsTyping; }
.s55 { width: 4px; height: 4px; border-radius: 50%; background: rgb(139, 146, 165); animation: 0.9s ease-in-out 0s infinite normal none running nsDot; }
.s56 { width: 4px; height: 4px; border-radius: 50%; background: rgb(139, 146, 165); animation: 0.9s ease-in-out 0.15s infinite normal none running nsDot; }
.s57 { width: 4px; height: 4px; border-radius: 50%; background: rgb(139, 146, 165); animation: 0.9s ease-in-out 0.3s infinite normal none running nsDot; }
.s58 { align-self: flex-end; margin-top: -24px; background: rgba(79, 140, 255, 0.18); border: 0.5px solid rgba(79, 140, 255, 0.4); border-radius: 8px 8px 2px; padding: 5px 9px; font: 400 11px / 1.35 "Golos Text", sans-serif; color: rgb(220, 232, 255); max-width: 140px; animation: 5s ease-in-out 0s infinite normal none running nsMsg2; }
.s59 { padding: 60px 56px; border-bottom: 1px solid rgb(221, 215, 200); background: rgb(239, 236, 227); }
.s60 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; }
.s61 { font: 500 11px "IBM Plex Mono", monospace; color: rgb(194, 64, 31); letter-spacing: 0.16em; margin-bottom: 14px; }
.s62 { font: 700 32px / 1.15 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; max-width: 640px; }
.s63 { font: 400 14px / 1.55 "Golos Text", sans-serif; color: rgb(109, 106, 96); max-width: 320px; }
.s64 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.s65 { background: rgb(255, 255, 255); border: 1px solid rgb(221, 215, 200); border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.s66 { font: 400 10px "IBM Plex Mono", monospace; color: rgb(155, 150, 138); letter-spacing: 0.12em; }
.s67 { font: 600 18px "Golos Text", sans-serif; color: rgb(25, 27, 26); }
.s68 { font: 400 14px / 1.55 "Golos Text", sans-serif; color: rgb(109, 106, 96); }
.s69 { font: 600 14px "Golos Text", sans-serif; color: rgb(194, 64, 31); margin-top: auto;;cursor:pointer; }
.s70 { padding: 76px 56px; border-bottom: 1px solid rgb(221, 215, 200); }
.s71 { font: 500 11px "IBM Plex Mono", monospace; color: rgb(194, 64, 31); letter-spacing: 0.16em; margin-bottom: 16px; }
.s72 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; max-width: 760px; margin-bottom: 44px; }
.s73 { font: 400 13px "IBM Plex Mono", monospace; color: rgb(194, 64, 31); }
.s74 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }
.s75 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; max-width: 600px; }
.s76 { font: 400 14px / 1.55 "Golos Text", sans-serif; color: rgb(109, 106, 96); max-width: 340px; }
.s77 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.s78 { background: rgb(255, 255, 255); border: 1px solid rgb(221, 215, 200); border-radius: 6px; padding: 32px; display: flex; flex-direction: column; gap: 14px; }
.s79 { display: flex; justify-content: space-between; }
.s80 { font: 400 12px "IBM Plex Mono", monospace; color: rgb(194, 64, 31); }
.s81 { font: 400 10px "IBM Plex Mono", monospace; color: rgb(155, 150, 138); letter-spacing: 0.1em; }
.s82 { font: 600 21px "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.02em; }
.s83 { font: 500 13px "Golos Text", sans-serif; color: rgb(194, 64, 31); margin-top: auto; }
.s84 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; max-width: 720px; margin-bottom: 44px; }
.s85 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; margin-bottom: 44px; }
.s86 { border-top: 2px solid rgb(25, 27, 26); padding-top: 18px; }
.s87 { font: 600 17px "Golos Text", sans-serif; color: rgb(25, 27, 26); margin-bottom: 12px; }
.s88 { font: 400 13px / 1.7 "Golos Text", sans-serif; color: rgb(109, 106, 96); }
.s89 { background: rgb(14, 17, 16); border-radius: 6px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
.s90 { padding: 40px 44px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.s91 { font: 700 28px / 1.15 "Golos Text", sans-serif; color: rgb(242, 241, 236); letter-spacing: -0.025em; }
.s92 { font: 400 14px / 1.55 "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.55); }
.s93 { min-height:420px;padding: 40px 44px; border-left: 1px dashed rgba(255, 90, 60, 0.4); display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.s94 { padding: 76px 56px; border-bottom: 1px solid rgb(221, 215, 200); display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.s95 { display: flex; flex-direction: column; gap: 20px; }
.s96 { font: 500 11px "IBM Plex Mono", monospace; color: rgb(194, 64, 31); letter-spacing: 0.16em; }
.s97 { font: 700 34px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; }
.s98 { font: 400 15px / 1.6 "Golos Text", sans-serif; color: rgb(109, 106, 96); }
.s99 { display: flex; gap: 10px; flex-wrap: wrap; }
.s100 { font: 500 12px "IBM Plex Mono", monospace; color: rgb(25, 27, 26); border: 1px solid rgb(201, 195, 179); padding: 8px 14px; border-radius: 3px; }
.s101 { display: flex; align-items: center; gap: 18px; }
.s102 { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; }
.s103 { font: 500 12px "IBM Plex Mono", monospace; color: rgb(25, 27, 26); border: 1px solid rgb(201, 195, 179); padding: 10px 14px; border-radius: 3px; background: rgb(255, 255, 255); }
.s104 { font: 400 16px "IBM Plex Mono", monospace; color: rgb(194, 64, 31); }
.s105 { flex: 0 0 auto; width: 150px; height: 150px; border-radius: 50%; background: rgb(14, 17, 16); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.s106 { font: 400 9px "IBM Plex Mono", monospace; color: rgba(242, 241, 236, 0.5); letter-spacing: 0.1em; }
.s107 { font: 800 15px "Golos Text", sans-serif; color: rgb(242, 241, 236); }
.s108 { flex: 1 1 0%; background: rgb(255, 255, 255); border: 1px solid rgb(201, 195, 179); border-radius: 3px; padding: 16px; }
.s109 { font: 400 10px "IBM Plex Mono", monospace; color: rgb(155, 150, 138); letter-spacing: 0.1em; margin-bottom: 8px; }
.s110 { font: 600 15px "Golos Text", sans-serif; color: rgb(25, 27, 26); }
.s111 { background: rgb(14, 17, 16); padding: 76px 56px; }
.s112 { font: 500 11px "IBM Plex Mono", monospace; color: rgb(255, 90, 60); letter-spacing: 0.16em; margin-bottom: 16px; }
.s113 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(242, 241, 236); letter-spacing: -0.03em; max-width: 620px; }
.s114 { font: 400 11px "IBM Plex Mono", monospace; color: rgba(242, 241, 236, 0.4); }
.s115 { border: 1px solid rgba(242, 241, 236, 0.14); border-radius: 6px; padding: 36px 40px 28px; margin-bottom: 20px; }
.s116 { width: 100%; display: block; }
.s117 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1px; background: rgba(242, 241, 236, 0.12); border: 1px solid rgba(242, 241, 236, 0.12); }
.s118 { background: rgb(14, 17, 16); padding: 24px 28px; }
.s119 { font: 700 30px "Golos Text", sans-serif; color: rgb(255, 90, 60); }
.s120 { font: 400 13px / 1.5 "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.55); margin: 6px 0px 10px; }
.s121 { font: 400 9px "IBM Plex Mono", monospace; color: rgba(242, 241, 236, 0.35); letter-spacing: 0.1em; }
.s122 { display: grid; grid-template-columns: 340px 1fr; gap: 48px; margin-bottom: 44px; }
.s123 { position:relative;overflow:hidden;height: 380px; border-radius: 6px; background: repeating-linear-gradient(45deg, rgb(231, 226, 212), rgb(231, 226, 212) 12px, rgb(238, 234, 221) 12px, rgb(238, 234, 221) 24px); border: 1px solid rgb(221, 215, 200); display: flex; align-items: center; justify-content: center; }
.s124 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.s125 { display: flex; flex-direction: column; gap: 18px; justify-content: center; }
.s126 { font: 400 15px / 1.6 "Golos Text", sans-serif; color: rgb(109, 106, 96); max-width: 560px; }
.s127 { font: 500 18px / 1.5 "Golos Text", sans-serif; color: rgb(25, 27, 26); border-left: 2px solid rgb(194, 64, 31); padding-left: 20px; }
.s128 { display: flex; gap: 1px; background: rgb(221, 215, 200); border: 1px solid rgb(221, 215, 200); align-self: flex-start; }
.s129 { background: rgb(244, 242, 236); padding: 16px 24px; }
.s130 { font: 700 22px "Golos Text", sans-serif; color: rgb(194, 64, 31); }
.s131 { font: 400 12px "Golos Text", sans-serif; color: rgb(109, 106, 96); }
.s132 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.s133 { background: rgb(255, 255, 255); border: 1px solid rgb(221, 215, 200); border-radius: 4px; padding: 14px; }
.s134 { position:relative;overflow:hidden;height: 110px; background: repeating-linear-gradient(45deg, rgb(239, 236, 226), rgb(239, 236, 226) 8px, rgb(245, 242, 233) 8px, rgb(245, 242, 233) 16px); border-radius: 2px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
.s135 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;cursor:pointer; }
.s136 { font: 600 13px "Golos Text", sans-serif; color: rgb(25, 27, 26); }
.s137 { font: 400 11px / 1.4 "Golos Text", sans-serif; color: rgb(109, 106, 96); }
.s138 { padding: 76px 56px; border-bottom: 1px solid rgb(221, 215, 200); background: rgb(239, 236, 227); }
.s139 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; max-width: 640px; }
.s140 { overflow: hidden; }
.s141 { display: flex; width: max-content; animation: 26s linear 0s infinite normal none running nsCar; }
.s142 { flex: 0 0 auto; width: 376px; margin-right: 20px; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(221, 215, 200); border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.s143 { height: 56px; display: flex; align-items: center; gap: 12px; }
.s144 { height:26px;width:auto;vertical-align:middle;margin-right:2px; }
.s145 { font: 800 19px "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.02em; }
.s146 { font: 400 13px / 1.55 "Golos Text", sans-serif; color: rgb(109, 106, 96); }
.s147 { height:34px;width:auto;vertical-align:middle;margin-right:2px; }
.s148 { height: 56px; display: flex; align-items: center; }
.s149 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 44px; }
.s150 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; max-width: 560px; }
.s151 { border-top: 2px solid rgb(194, 64, 31); padding-top: 16px; }
.s152 { font: 600 16px "Golos Text", sans-serif; color: rgb(25, 27, 26); }
.s153 { font: 400 13px / 1.55 "Golos Text", sans-serif; color: rgb(109, 106, 96); margin-top: 8px; }
.s154 { display: grid; grid-template-columns: 380px 1fr; gap: 56px; }
.s155 { font: 700 38px / 1.12 "Golos Text", sans-serif; color: rgb(25, 27, 26); letter-spacing: -0.03em; }
.s156 { display: flex; flex-direction: column; }
.s157 { border-top: 1px solid rgb(221, 215, 200); }
.s158 { background: none; border: none; margin: 0; width: 100%; box-sizing: border-box; padding: 22px 0px; display: flex; justify-content: space-between; gap: 24px; text-align: left; cursor: pointer; }
.s159 { font: 600 17px 'Golos Text', sans-serif; color: rgb(25, 27, 26); }
.s160 { font: 400 18px 'IBM Plex Mono', monospace; color: rgb(194, 64, 31); }
.s161 { font: 400 14px / 1.55 'Golos Text', sans-serif; color: rgb(109, 106, 96); padding: 0px 0px 22px; max-width: 720px; }
.s162 { border-top: 1px solid rgb(221, 215, 200); border-bottom: 1px solid rgb(221, 215, 200); }
.s163 { background: rgb(14, 17, 16); padding: 72px 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.s164 { font: 700 36px / 1.12 "Golos Text", sans-serif; color: rgb(242, 241, 236); letter-spacing: -0.03em; }
.s165 { font: 400 14px / 1.55 "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.55); max-width: 420px; }
.s166 { display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.s167 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.s168 { background:transparent;outline:none;width:100%;box-sizing:border-box;border: 1px solid rgba(242, 241, 236, 0.2); border-radius: 4px; padding: 14px 16px; font: 400 13px 'Golos Text', sans-serif; color: rgb(242,241,236); }
.s169 { background:transparent;outline:none;width:100%;box-sizing:border-box;border: 1px solid rgba(242, 241, 236, 0.2); border-radius: 4px; padding: 14px 16px; font: 400 13px 'Golos Text', sans-serif; color: rgb(242,241,236);min-height:96px;resize:vertical; }
.s170 { display: flex; align-items: center; gap: 16px; }
.s171 { border:none;cursor:pointer;font: 600 15px 'Golos Text', sans-serif; color: rgb(14, 17, 16); background: rgb(255, 90, 60); padding: 14px 30px; border-radius: 4px; }
.s172 { font: 400 12px 'Golos Text', sans-serif;color:rgba(242,241,236,0.7); }
.s173 { font: 400 11px "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.4); }
.s174 { color: rgb(255, 90, 60); }
.s175 { background: rgb(10, 13, 12); padding: 44px 56px 28px; }
.s176 { display: grid; grid-template-columns: 1fr auto auto; gap: 64px; padding-bottom: 32px; border-bottom: 1px solid rgba(242, 241, 236, 0.1); }
.s177 { display: flex; flex-direction: column; gap: 10px; }
.s178 { font: 800 16px "Golos Text", sans-serif; color: rgb(242, 241, 236); }
.s179 { font: 400 13px "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.45); }
.s180 { display: flex; flex-direction: column; gap: 10px; font: 400 13px "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.6); }
.s181 { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.s182 { font: 600 16px "Golos Text", sans-serif; color: rgb(242, 241, 236); }
.s183 { font: 400 13px "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.6); }
.s184 { display: flex; justify-content: space-between; padding-top: 20px; font: 400 12px "Golos Text", sans-serif; color: rgba(242, 241, 236, 0.35); }
.s185 { display:none;position:fixed;inset:0;z-index:9000;background:rgba(14,17,16,0.82);align-items:center;justify-content:center;padding:32px; }
.s186 { max-width:min(760px,92vw);max-height:92vh;border-radius:6px;box-shadow:0 24px 80px rgba(0,0,0,0.5); }
.s187 { position:absolute;top:20px;right:24px;background:none;border:none;color:#f2f1ec;font-size:34px;cursor:pointer;line-height:1; }

/* ---- Mobile / tablet adaptation (design is desktop-first, 1280px) ---- */
.nav-toggle { display: none; background: none; border: 1px solid rgba(242, 241, 236, 0.25); color: rgb(242, 241, 236); font-size: 18px; line-height: 1; padding: 8px 11px; border-radius: 4px; cursor: pointer; }

@media (max-width: 860px) {
  /* header: burger menu, phone hidden */
  .s2 { position: relative; padding: 14px 20px; gap: 12px; }
  .s5 { display: none; }
  .s6 { display: none; }
  .s2.nav-open .s6 { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; position: absolute; top: 100%; left: 0; right: 0; background: rgb(14, 17, 16); padding: 20px; border-bottom: 1px solid rgba(242, 241, 236, 0.1); z-index: 50; }
  .s8 { gap: 12px; }
  .s9 { display: none; }
  .nav-toggle { display: block; }

  /* hero: single column, smaller type */
  .s11 { grid-template-columns: 1fr; padding: 40px 20px 48px; gap: 36px; }
  .s14 { font-size: 34px; }
  .s15 { width: auto; max-width: 100%; }
  .s16 { flex-wrap: wrap; }
  .s17, .s18 { flex: 1 1 auto; text-align: center; }
  .s20 { height: 320px; }

  /* section padding */
  .s59, .s70, .s94, .s111, .s138, .s163 { padding: 48px 20px; }
  .s175 { padding: 36px 20px; }

  /* fixed-width headings -> fluid */
  .s62, .s63, .s72, .s75, .s76, .s84, .s113, .s126, .s139, .s150, .s161, .s165 { width: auto; max-width: 100%; }
  .s74 { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 28px; }

  /* multi-column grids -> single column */
  .s64, .s77, .s85, .s89, .s94, .s122, .s154, .s163, .s167, .s176 { grid-template-columns: 1fr; }
  .s117 { grid-template-columns: 1fr 1fr; }
  .s132 { grid-template-columns: 1fr 1fr; }

  /* integration flow: vertical */
  .s101 { flex-direction: column; align-items: flex-start; }

  /* headings scale down */
  .s72, .s75, .s84, .s113, .s139, .s150, .s155 { font-size: 28px; }
  .s62 { font-size: 26px; }
  .s97 { font-size: 26px; }
  .s119 { font-size: 24px; }
  .s164 { font-size: 28px; }
}

.privacy-link { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.privacy-link:hover { color: rgb(255, 90, 60); }

/* semantic tags introduced for SEO keep the design's div styling */
h1, h2, h3 { margin: 0; }
a { color: inherit; text-decoration: none; }