:root{--ink:#1d1528;--purple:#6424b8;--orange:#f5742c;--muted:#625b69;--line:#e7dfeb}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,#fff1e7,transparent 30%),radial-gradient(circle at 88% 80%,#ede1fa,transparent 34%),#faf8fb;color:var(--ink);font-family:Manrope,system-ui,sans-serif}
.demo-shell{width:min(1240px,calc(100% - 48px));margin:auto;padding:34px 0}.demo-logo img{width:160px}
.demo-intro{max-width:850px;margin:64px auto 34px;text-align:center}.demo-intro>span{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.15em}.demo-intro h1{margin:17px 0;font-size:clamp(42px,5vw,64px);line-height:1.06;letter-spacing:-.045em}.demo-intro p{margin:0;color:var(--muted);font-size:18px;line-height:1.65}
.demo-request{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.5fr);gap:30px;max-width:1080px;margin:0 auto 36px;padding:28px 30px;border:1px solid #dfd2e7;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(45,23,62,.09)}.demo-request[hidden],.demo-approved[hidden]{display:none}.request-copy>span{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.14em}.request-copy h2{margin:11px 0 10px;font-size:27px;line-height:1.16;letter-spacing:-.035em}.request-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}.demo-request form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.demo-request label:not(.request-consent){display:flex;flex-direction:column;gap:6px;color:#413647;font-size:12.5px;font-weight:800}.demo-request input,.demo-request select,.demo-request textarea{width:100%;border:1px solid #d9cfe0;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:14.5px;font-weight:500;outline:none}.demo-request input,.demo-request select{height:44px;padding:0 12px}.demo-request textarea{min-height:92px;resize:vertical;padding:10px 12px;line-height:1.45}.demo-request input:focus,.demo-request select:focus,.demo-request textarea:focus{border-color:#8844c5;box-shadow:0 0 0 3px rgba(100,36,184,.1)}.request-wide{grid-column:1/-1}.request-consent{display:flex;align-items:flex-start;gap:9px;color:#62596a;font-size:11.5px;line-height:1.5}.request-consent input{flex:0 0 auto;width:16px;height:16px;margin-top:1px}.request-consent a{color:var(--purple);font-weight:800}.request-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.request-submit{min-height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#59209d,#7d31c3);color:#fff;cursor:pointer;font-size:14.5px;font-weight:800}.request-submit:disabled{cursor:wait;opacity:.7}.request-status{min-height:0;font-size:13px;line-height:1.55}.request-status.success,.request-status.error{padding:11px 13px;border-radius:9px}.request-status.success{background:#e9f7f0;color:#17694b}.request-status.error{background:#fff0ed;color:#963621}
.demo-approved{display:flex;align-items:center;gap:16px;max-width:990px;margin:0 auto 25px;padding:19px 22px;border:1px solid #9edbc2;border-radius:15px;background:#edf9f4;color:#145b43}.demo-approved>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#198660;color:#fff;font-weight:800}.demo-approved strong{font-size:16px}.demo-approved p{margin:4px 0 0;font-size:13px;line-height:1.55}
.demo-notice{display:flex;align-items:center;gap:14px;max-width:990px;margin:0 auto 36px;padding:17px 20px;border:1px solid #f4c9ae;border-radius:13px;background:#fff7f1;color:#634b3d;font-size:14px;line-height:1.55}.demo-notice b{flex-shrink:0;color:#ad4810;font-size:15px}
.demo-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-roles article{position:relative;display:flex;min-height:500px;flex-direction:column;padding:34px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(45,23,62,.08)}.demo-roles article.featured{border-color:#a969d9;box-shadow:0 22px 60px rgba(88,37,125,.13);transform:translateY(-7px)}.role-no{position:absolute;right:24px;top:22px;color:#a99eae;font-size:12px;font-weight:800}.role-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#efe6f7;color:var(--purple);font-size:23px;font-weight:800}.demo-roles h2{margin:28px 0 12px;font-size:25px;line-height:1.2;letter-spacing:-.035em}.demo-roles p{min-height:78px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.demo-roles ul{min-height:122px;margin:24px 0;padding:0;list-style:none}.demo-roles li{margin-top:11px;font-size:14px;line-height:1.45;font-weight:700}.demo-roles li:before{content:"✓";margin-right:9px;color:var(--orange)}.demo-roles button{width:100%;min-height:54px;margin-top:auto;border:0;border-radius:11px;background:linear-gradient(135deg,#59209d,#7d31c3);color:#fff;cursor:pointer;font-weight:800;font-size:15px;transition:box-shadow .18s ease,transform .18s ease,background .18s ease}.demo-roles button:hover:not(:disabled){box-shadow:0 11px 26px rgba(91,33,159,.25);transform:translateY(-2px)}.demo-roles button:active:not(:disabled){transform:translateY(0)}.demo-roles button:focus-visible,.demo-shell a:focus-visible{outline:3px solid rgba(245,116,44,.5);outline-offset:3px}.demo-roles button:disabled{cursor:not-allowed;background:#e4dfe7;color:#706876}.demo-roles article>small{display:block;margin-top:11px;color:#7d7482;font-size:12px;line-height:1.5;text-align:center}.role-lock{color:#785788!important;font-weight:700}.demo-roles article>small[hidden]{display:none}
.demo-status{display:none;max-width:760px;margin:26px auto 0;padding:16px 18px;border-radius:11px;background:#eee6f6;color:#57208d;font-size:14px;line-height:1.5;text-align:center}.demo-status.visible{display:block}.demo-status.error{background:#fff0ed;color:#963621}.demo-purchase{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:34px;padding:28px 30px;border:1px solid #d9c8e8;border-radius:20px;background:linear-gradient(135deg,#2d0d49,#6320a0);color:#fff}.demo-purchase span{color:#f6bc97;font-size:11px;font-weight:800;letter-spacing:.13em}.demo-purchase h2{margin:8px 0 6px;font-size:24px}.demo-purchase p{max-width:720px;margin:0;color:#e4d8ec;line-height:1.55}.demo-purchase a{flex:0 0 auto;padding:14px 18px;border-radius:11px;background:#fff;color:#57208d;font-weight:800;text-decoration:none}footer{display:flex;justify-content:space-between;gap:24px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);color:#6e6674;font-size:13px;line-height:1.5}footer a{color:var(--purple);font-weight:800}
@media(max-width:960px){.demo-roles{grid-template-columns:1fr}.demo-roles article{min-height:0}.demo-roles article.featured{transform:none}.demo-roles p,.demo-roles ul{min-height:0}.demo-intro{margin-top:48px}}
@media(max-width:820px){.demo-request{grid-template-columns:1fr;gap:22px;padding:26px}.request-copy{max-width:620px}}
@media(max-width:560px){.demo-shell{width:min(100% - 28px,1240px);padding-top:24px}.demo-logo img{width:140px}.demo-intro{margin-top:40px}.demo-intro h1{font-size:38px}.demo-intro p{font-size:16px}.demo-notice,.demo-purchase,footer{align-items:flex-start;flex-direction:column}.demo-purchase a{width:100%;text-align:center}.demo-roles article{padding:26px}.demo-roles h2{font-size:23px}.demo-request form{grid-template-columns:1fr}.demo-request label,.request-wide{grid-column:1}.demo-request{padding:22px}.request-copy h2{font-size:26px}footer .language-switcher{order:-1}}
footer{align-items:center}footer .language-switcher label{margin:0}footer .language-switcher select{min-height:42px;background:#fff;font-size:13px}