:root{--bg:#070709;--card:#111216;--gold:#d4af37;--gold2:#f0d477;--text:#f7f7f8;--muted:#9b9ca5;--line:#2a2b31}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(212,175,55,.14),transparent 34%),#070709;color:var(--text);font-family:Tahoma,Arial,sans-serif}.one-screen-intro{width:100%;height:100dvh;min-height:100dvh;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom));overflow:hidden}.intro-card{width:min(680px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.intro-logo{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#332a0d,#121006);border:1px solid #6e591c;color:#efd16e;font-size:18px;font-weight:1000;box-shadow:0 18px 55px rgba(0,0,0,.38)}.intro-badge{color:#d8bd64;font-size:11px;font-weight:900;letter-spacing:.2px}.intro-card h1{margin:2px 0;font-size:clamp(34px,6vw,58px);line-height:1.35;letter-spacing:-1px}.intro-card h1 em{font-style:normal;color:#efd16e}.intro-card>p{max-width:560px;margin:0;color:#a4a5ad;font-size:14px;line-height:1.95}.intro-mini-features{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#d3d3d7;font-size:11px;font-weight:800;margin-top:4px}.intro-mini-features i{width:4px;height:4px;border-radius:50%;background:#6d5b20}.intro-actions{width:min(520px,100%);display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px;margin-top:8px}.intro-actions a,.intro-actions button{min-height:46px;border-radius:14px;display:grid;place-items:center;padding:9px 14px;font:inherit;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.intro-actions .primary{background:linear-gradient(135deg,#f0d477,#c89f26);color:#111;border:1px solid #f3d979}.intro-actions .secondary,.intro-actions .demo{background:#111216;color:#eee;border:1px solid #303138}.intro-actions .demo{font-family:inherit}.intro-note{color:#666871;font-size:9px;margin-top:2px}.demo-role-modal[hidden]{display:none!important}.demo-role-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px}.demo-role-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.demo-role-sheet{position:relative;width:min(600px,100%);border:1px solid #4d421f;border-radius:24px;padding:22px;background:linear-gradient(150deg,#17181d,#0c0d10);box-shadow:0 35px 100px rgba(0,0,0,.65)}.demo-role-head{display:flex;gap:14px;align-items:flex-start}.demo-role-head>div{flex:1}.demo-role-head span{color:var(--gold2);font-size:10px;font-weight:900}.demo-role-head h2{font-size:23px;margin:3px 0}.demo-role-head p{color:#8e8f98;font-size:11px;margin:0;line-height:1.8}.demo-role-close{width:38px;height:38px;border:1px solid #34353b;border-radius:12px;background:#111216;color:#ddd;cursor:pointer}.demo-role-options{display:grid;gap:8px;margin-top:18px}.demo-role-options>button{display:grid;grid-template-columns:40px 1fr 20px;gap:10px;align-items:center;width:100%;border:1px solid #292a30;border-radius:14px;padding:12px 13px;background:#101115;color:#eee;text-align:right;font-family:inherit;cursor:pointer}.demo-role-options>button:hover,.demo-role-options>button:focus-visible{border-color:#6c581c;background:#19170f;outline:none}.demo-role-options b{font-size:21px}.demo-role-options strong,.demo-role-options small{display:block}.demo-role-options small{color:#85868e;margin-top:2px}.demo-role-options i{color:#efd16e;font-style:normal}.demo-role-open{overflow:hidden}
@media(max-width:600px){.one-screen-intro{padding:12px 16px}.intro-card{gap:8px}.intro-logo{width:50px;height:50px;border-radius:16px;font-size:16px}.intro-badge{font-size:10px}.intro-card h1{font-size:clamp(30px,9.5vw,42px);line-height:1.32}.intro-card>p{font-size:12px;line-height:1.8;max-width:340px}.intro-mini-features{font-size:9.5px;gap:6px}.intro-actions{grid-template-columns:1fr 1fr;gap:8px;max-width:360px}.intro-actions .primary{grid-column:1/-1}.intro-actions a,.intro-actions button{min-height:43px;border-radius:13px;font-size:11px}.intro-note{font-size:8px}.demo-role-modal{padding:10px;align-items:end}.demo-role-sheet{padding:18px;border-radius:22px 22px 14px 14px}.demo-role-head h2{font-size:20px}.demo-role-options>button{padding:11px}}
@media(max-height:650px){.intro-logo{width:44px;height:44px;border-radius:14px}.intro-card{gap:6px}.intro-card h1{font-size:clamp(27px,7vh,40px)}.intro-card>p{font-size:11px;line-height:1.65}.intro-actions a,.intro-actions button{min-height:40px}.intro-note{display:none}}