/* Shared, responsive product chrome. Existing page content and destinations stay intact. */
.web-header{position:relative;z-index:50;background:#130a20;color:#f9f5ff;border-bottom:1px solid #44314f;font:500 1rem/1.5 Inter,system-ui,sans-serif}
.web-nav{max-width:1280px;padding:14px 24px;margin:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.web-header a{color:#f9f5ff;text-decoration:none}.web-header a:hover{text-decoration:underline}
.web-brand{font-size:1.12rem;font-weight:700;margin-right:auto;white-space:nowrap}.web-desktop{display:flex;gap:18px;font-size:.875rem}
.web-install{padding:10px 18px;background:#8b48bd;border-radius:24px;font-weight:600;white-space:nowrap}
.web-menu{position:relative}.web-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;list-style:revert}
.web-menu>div{position:absolute;right:0;top:100%;background:#22112f;border:1px solid #735486;border-radius:16px;padding:10px;min-width:220px;box-shadow:0 16px 35px #0005}
.web-menu a{display:block;padding:10px 14px}
.web-header .lang-switch__btn{color:#f9f5ff;min-height:44px}.web-header .lang-switch__menu{background:#22112f;border:1px solid #735486;z-index:80}.web-header .lang-switch__en{color:#d4c1e4}
.web-intro{max-width:1240px;margin:auto;padding:80px 28px;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;color:var(--ink,#241036);font:400 1.05rem/1.65 Inter,system-ui,sans-serif}
.web-eyebrow{font-size:.875rem;letter-spacing:.06em;color:var(--ink-2,#5a426c)}
.web-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.04em;margin:18px 0 24px;color:inherit;font-weight:700}
.web-intro-copy>p{max-width:49ch}.web-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 12px}
.web-primary,.web-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:28px;font-weight:600;font-size:1rem;text-decoration:none}
.web-primary{background:#8340b3;color:#fff!important}.web-secondary{border:1px solid #9578a9;color:inherit!important}.web-small{font-size:.875rem}.web-story{color:inherit;font-size:.95rem}
.web-demo{background:#faf7ff;border:1px solid #d8c7e6;border-radius:26px;color:#241036;padding:24px;box-shadow:0 20px 70px #0002}
.web-demo-head{display:flex;flex-direction:column;margin-bottom:24px}.web-demo-head strong{font-size:1.2rem}.web-demo-head span,.web-demo-note{font-size:.875rem;color:#614974}
.web-demo details{border-top:1px solid #dacde4;padding:16px 0}.web-demo summary{cursor:pointer;font-weight:600;min-height:44px;line-height:1.5}.web-demo summary span{color:#754297;margin-right:12px}.web-demo details>div{padding:12px 0 0 28px;font-size:1rem}.web-demo p{margin:8px 0}.web-demo a{color:#713695}.web-demo-note{border-top:1px solid #dacde4;padding-top:16px}
.web-document{max-width:850px;margin:auto;padding:60px 24px;font:400 1.05rem/1.75 Inter,system-ui,sans-serif;color:#241036}.web-document h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15}.web-document h2{margin-top:2.2em;font-size:1.5rem}.web-document a{color:#713695}.web-document .web-actions a{color:inherit}.web-document table{width:100%;border-collapse:collapse}.web-document th,.web-document td{text-align:left;padding:12px;border-bottom:1px solid #dacde4}.web-document aside{background:#f5eefb;padding:20px;border-radius:16px;margin-top:24px}
.web-evidence{max-width:850px;margin:0 auto 40px;padding:24px;background:#f5eefb;color:#241036;font:400 1rem/1.7 Inter,system-ui,sans-serif;border-radius:16px}.web-evidence a{color:#713695}
:focus-visible{outline:3px solid #bb73e7;outline-offset:4px}html{scroll-padding-top:24px}img{max-width:100%}
@media(max-width:1100px){.web-desktop{display:none}}
@media(max-width:720px){.web-intro{grid-template-columns:1fr;gap:30px;padding:42px 22px}.web-nav{gap:12px;padding:12px 16px}.web-brand{font-size:1rem}.web-install{padding:8px 14px;font-size:.875rem}.web-header .lang-switch__btn span{display:none}.web-intro h1{font-size:2.65rem}.web-demo{padding:20px}}
@media(max-width:380px){.web-nav{gap:8px}.web-install{padding:8px 10px}.web-intro h1{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}}

.web-theme{background:transparent;border:1px solid #735486;color:#f9f5ff;border-radius:22px;min-height:44px;padding:8px 12px;font:inherit;cursor:pointer}