main h1,main h2,main h3{overflow-wrap:normal;word-break:normal;hyphens:manual;text-wrap:balance}
.hero-copy{container-type:inline-size}.hero h1{font-size:clamp(30px,11.5cqw,70px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}.hero h1 em{display:inline}
.hero-visual .app-window{display:block;text-decoration:none}.hero-visual .app-window>img{display:block;width:100%;height:auto}.hero-visual .zoom-hint{opacity:1}
.sector-showcase{max-width:1240px;margin:auto}.showcase-nav{display:flex;align-items:center;gap:20px;margin:22px 0 28px}.showcase-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;min-width:0;padding:4px 2px 10px}.showcase-tabs button{flex:0 0 auto;cursor:pointer;font:700 13px Arial,sans-serif;border:1px solid #e1d8f9;border-radius:999px;background:white;padding:13px 18px;color:#615777;white-space:nowrap}.showcase-tabs button[aria-selected=true]{background:#4c18e8;border-color:#4c18e8;color:white;box-shadow:0 5px 14px #4c18e822}.showcase-arrows{display:flex;gap:8px;margin-left:auto}.showcase-arrows button{border:1px solid #d9cdef;background:white;color:#4c18e8;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}
.showcase-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;background:white;border:1px solid #e6def5;border-radius:28px;padding:46px;min-height:460px;overflow:hidden}.showcase-panel[hidden]{display:none!important}.showcase-copy{min-width:0}.showcase-copy h3{font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.035em;margin:20px 0}.showcase-copy p{font-size:14px;line-height:1.85;color:#68708b}.showcase-copy small{display:block;margin-top:22px;font-size:11px;color:#8b819b}.showcase-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}.showcase-actions .primary-button{font-size:12px;padding:14px 17px}.showcase-actions .text-link{font-size:12px}
.showcase-devices{min-width:0;position:relative;padding:18px 55px 28px 0}.preview-browser{border:1px solid #d9d1ed;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 20px 45px #2a146d1c}.preview-browser-bar{height:33px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#f2eff9;border-bottom:1px solid #e7e0f5}.preview-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c4b4e9}.preview-browser-bar span{font-size:10px;color:#77678f;margin-left:8px}.preview-browser-screen{height:280px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;background:#f5f5fb}.preview-browser-screen img{width:100%;height:auto;display:block}
.preview-phone{position:absolute;bottom:0;right:0;width:128px;height:232px;border:5px solid white;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #28106040}.preview-phone img{display:block;width:100%;height:auto}.preview-phone>span{position:absolute;bottom:0;left:0;right:0;padding:5px;background:#251642;color:white;font-size:9px;text-align:center}
.public-platform-preview{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:0 28px 80px;color:#fff}.public-platform-copy h3{font-size:32px;line-height:1.15;margin:0 0 20px}.public-platform-copy p{font-size:15px;line-height:1.8;color:#bdb1d4}.public-platform-copy .primary-button{margin-top:16px}.public-phone-preview{width:min(280px,90%);border:7px solid white;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #28106030;margin:auto;display:block}.public-phone-preview img{display:block;width:100%;height:auto}.mobile-section .mobile-copy .text-link{display:inline-block;margin-top:22px}
@media(max-width:980px){.hero h1{font-size:clamp(36px,8.6cqw,64px)}.showcase-panel{grid-template-columns:1fr;gap:20px;padding:32px}.showcase-devices{max-width:640px;width:100%;margin:auto}.showcase-copy h3{max-width:650px}.public-platform-preview{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.hero h1{font-size:clamp(26px,11.3cqw,46px);overflow-wrap:normal}.eyebrow{font-size:10px;letter-spacing:.07em}.hero-actions{flex-wrap:wrap;gap:18px}.showcase-nav{gap:8px}.showcase-arrows{gap:4px}.showcase-arrows button{width:30px;height:30px}.showcase-tabs button{font-size:12px;padding:11px 14px}.showcase-panel{padding:24px 20px;min-height:0;border-radius:22px}.showcase-copy h3{font-size:28px}.showcase-devices{padding-right:34px;padding-bottom:20px}.preview-browser-screen{height:220px}.preview-phone{width:90px;height:162px;border-width:4px;border-radius:14px}.preview-browser-bar span{font-size:8px}.public-platform-preview{padding:0 20px 48px}.public-platform-copy h3{font-size:28px}}
