/* The supplied reference is reused without raster edits. Its illustration is
   framed in CSS; the headline and call to action remain real accessible HTML. */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e9edf4}.header-inner{min-height:96px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.65rem;letter-spacing:-.065em;font-weight:750;white-space:nowrap}.brand-mark{font-size:2.65rem;line-height:1;letter-spacing:-.14em;color:#0788fa;font-weight:900;margin-right:8px}.site-header nav{gap:8px}.site-header nav a{padding:9px 14px;border-radius:22px;font-size:.9rem;transition:background .15s}.site-header nav a:hover{background:#edf5ff;color:#087ce5}.site-header .small{border-radius:28px;background:#087ef5;box-shadow:0 5px 15px #0784f522;white-space:nowrap}.language-switch{display:flex;align-items:center;gap:2px;background:#f1f5fb;padding:4px;border:1px solid #e3eaf4;border-radius:25px}.language-switch a{font-size:.76rem;font-weight:650;padding:5px 9px;border-radius:20px}.language-switch a[aria-current="true"]{background:#fff;color:#087aee;box-shadow:0 1px 4px #152b5220}.hero--reference{grid-template-columns:1.08fr 1fr;gap:0;padding:48px 0 64px;min-height:min(780px,calc(100svh - 97px));position:relative;align-items:center;isolation:isolate}.hero--reference .hero-copy{position:relative;z-index:1;padding:12px 0 20px}.telegram-badge{display:inline-flex;align-items:center;gap:12px;border-radius:30px;padding:7px 17px 7px 8px;background:#eaf3ff;color:#0e1527;font-size:1rem;font-weight:500;margin-bottom:30px;line-height:1}.telegram-badge svg{width:34px;height:34px;padding:8px;background:#0798ed;border-radius:50%;color:#fff}.hero--reference h1{font-size:clamp(2.7rem,5.45vw,5.15rem);font-weight:800;line-height:1.03;letter-spacing:-.055em;margin:0 0 39px;color:#080d1c}.hero--reference h1 span{color:#0786fa}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.65rem);letter-spacing:-.02em;line-height:1.5;margin:0 0 30px;color:#111829}.hero-bot-button{font-size:1.65rem;gap:18px;padding:21px 39px;min-height:80px;min-width:365px;border-radius:15px;background:linear-gradient(110deg,#0789ff,#0479f1);color:#fff;box-shadow:0 12px 30px #0789ff1c;transition:box-shadow .2s,background .2s}.hero-bot-button:hover{color:#fff;background:#0675e5;box-shadow:0 14px 35px #0789ff36}.hero-bot-button svg{width:32px;height:32px;flex:none}.hero-handle{display:block;width:max-content;font-size:.9rem;color:#7c8aa2;margin-top:9px}.hero-art{position:relative;width:114%;margin-left:-9%;aspect-ratio:840/800;overflow:hidden;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 76%,13% 70%);mix-blend-mode:multiply;pointer-events:none}.hero-art img{position:absolute;width:182.857143%;max-width:none;height:auto;left:-82.142857%;top:-16.25%}.footer-top .brand{font-size:1.6rem}.footer-top .brand-mark{font-size:2.3rem}
@media(min-width:1500px){.hero--reference{padding-top:54px;padding-bottom:65px}.hero--reference h1{font-size:5.15rem}}
@media(max-width:1100px){.header-inner{gap:12px}.site-header nav a{padding:8px 9px}.hero--reference h1{font-size:clamp(2.6rem,5.7vw,4rem)}.hero-bot-button{min-width:300px;font-size:1.4rem;padding:18px 27px;min-height:70px}.hero--reference{min-height:650px}.hero-subtitle{font-size:1.3rem}.hero-art{width:112%}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;padding:15px 0 11px;gap:12px}.site-header nav{order:3;flex-basis:100%;margin:0;justify-content:center;border-top:1px solid #eef2f7;padding-top:10px}.site-header nav a{font-size:.88rem;padding:5px 13px}.language-switch{margin-left:auto}.site-header .small{margin-left:0}.hero--reference{min-height:0;grid-template-columns:1fr;padding:42px 0 24px;gap:0}.hero--reference .hero-copy{padding:0}.hero--reference h1{font-size:clamp(2.75rem,9.3vw,4.6rem);margin-bottom:25px;letter-spacing:-.05em}.telegram-badge{margin-bottom:26px;font-size:.92rem}.hero-subtitle{font-size:1.2rem;line-height:1.5;margin-bottom:23px}.hero-bot-button{min-width:0;width:min(390px,100%);font-size:1.35rem;min-height:68px;border-radius:12px;padding:17px 23px;gap:15px}.hero-bot-button svg{width:28px;height:28px}.hero-handle{font-size:.85rem}.hero-art{width:min(570px,110%);margin:5px -5% 0 auto}.brand{font-size:1.35rem;gap:8px}.brand-mark{font-size:2.1rem;margin-right:4px}.site-header .small{font-size:.76rem;padding:10px 12px;min-height:38px}.language-switch a{font-size:.69rem;padding:4px 7px}}
@media(max-width:380px){.header-inner{gap:8px}.brand{font-size:1.2rem}.brand-mark{font-size:1.85rem}.site-header .small{padding:9px;font-size:.72rem}.language-switch{padding:3px}.language-switch a{padding:3px 5px}.hero--reference h1{font-size:2.6rem}.hero-subtitle{font-size:1.07rem}}
html[lang="en"] .hero--reference h1{font-size:clamp(2.8rem,5.5vw,5.2rem)}
@media(max-width:800px){html[lang="en"] .hero--reference h1{font-size:clamp(2.7rem,10vw,4.6rem)}}