.demo-page{--demo-blue:#1769ca;--demo-teal:#087f88;--demo-ink:#132b46;--demo-muted:#51667c;--demo-border:#d7e4eb;--demo-panel:#fff;--demo-wash:#f3f8fc;color:var(--demo-ink);background:var(--demo-wash)}
.demo-page *{box-sizing:border-box}.demo-page p{color:var(--demo-muted);line-height:1.75}.demo-page h1,.demo-page h2,.demo-page h3{color:var(--demo-ink)}.demo-page .eyebrow{color:var(--demo-teal)}.demo-page .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--demo-blue);border:1px solid var(--demo-blue);color:#fff;text-align:center}.demo-page .btn.secondary{background:var(--demo-panel);border-color:#adc9da;color:var(--demo-ink)}.demo-page .btn:hover{filter:brightness(.94)}.demo-page a:focus-visible,.demo-page button:focus-visible,.demo-page pre:focus-visible{outline:3px solid #d18a00;outline-offset:4px}.demo-page a,.demo-page button{-webkit-tap-highlight-color:transparent}
.demo-hero{padding:68px 0 52px;background:radial-gradient(ellipse at 83% 40%,#cbf0ed 0,transparent 48%),linear-gradient(130deg,#edf5ff,#f7fbfe 58%,#eaf9f7)}.demo-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);gap:54px;align-items:center}.demo-hero h1{font-size:clamp(3rem,5.2vw,5.4rem);line-height:1.08;letter-spacing:-.03em;margin:22px 0}.demo-hero h1 em{color:var(--demo-blue);font-style:normal}.demo-hero .demo-lead{font-size:18px;max-width:670px;margin:0}.demo-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.demo-hero-facts{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px;color:var(--demo-muted);font-size:13px}.demo-hero-facts span{display:inline-flex;gap:8px;align-items:center}.demo-hero-facts i{color:var(--demo-teal)}
.demo-welcome{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 4px}.demo-welcome img{position:relative;width:min(100%,260px);height:auto;z-index:1;filter:drop-shadow(0 18px 20px #125b7620)}.demo-welcome-orbit{position:absolute;width:280px;max-width:100%;aspect-ratio:1;border:1px dashed #45a4bc70;border-radius:50%;background:radial-gradient(circle,#fff9 0 55%,#7cdbce26 56% 68%,transparent 69%);transform:rotate(-16deg)}.demo-welcome-note{position:relative;z-index:2;display:flex;gap:10px;align-items:center;max-width:300px;border:1px solid #cee3e6;padding:15px 19px;border-radius:15px;background:#fffffff2;box-shadow:0 12px 32px #23566d12;color:#16535c;font-size:14px;font-weight:700;margin-top:-8px}.demo-welcome-note i{color:#bf7622}
.demo-content{padding-bottom:52px}.demo-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 52px;transform:translateY(-1px)}.demo-step-nav a{display:flex;align-items:center;gap:12px;padding:19px 20px;border:1px solid var(--demo-border);border-top:3px solid var(--demo-blue);border-radius:0 0 14px 14px;background:var(--demo-panel);color:var(--demo-ink);font-size:14px;box-shadow:0 8px 20px #12345705}.demo-step-nav a:nth-child(2){border-top-color:var(--demo-teal)}.demo-step-nav a:nth-child(3){border-top-color:#d19222}.demo-step-nav a:nth-child(4){border-top-color:#d46c54}.demo-step-nav a>span{font:700 13px ui-monospace,monospace;color:var(--demo-blue)}.demo-step-nav a>i{margin-left:auto;color:var(--demo-muted)}.demo-step-nav a:hover{background:#e9f4fc}
.demo-step{scroll-margin-top:110px;margin:0 0 48px;padding:36px;border:1px solid var(--demo-border);border-radius:24px;background:var(--demo-panel)}.demo-step-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:26px}.demo-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 52px;height:52px;border-radius:15px;background:#e8f1fd;color:var(--demo-blue);font:700 20px ui-monospace,monospace}.demo-step-heading .eyebrow{font-size:11px;margin:0 0 9px}.demo-step h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.12;margin:0}.demo-step h3{font-size:18px;margin:0 0 12px;line-height:1.4}.demo-step p{font-size:15px;margin:0 0 16px}.demo-section-intro{max-width:860px}.demo-before-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.demo-reference{background:var(--demo-wash);border:1px solid var(--demo-border);border-radius:16px;padding:24px}.demo-reference h3 i{color:var(--demo-blue);margin-right:7px}.demo-tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.demo-tech-tags span{border:1px solid #bfd5e5;background:var(--demo-panel);padding:7px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--demo-ink)}.demo-reference p{margin-bottom:0}.demo-ready-list{list-style:none;padding:5px 0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:20px}.demo-ready-list li{display:flex;gap:15px;align-items:flex-start;font-size:15px;line-height:1.7;color:var(--demo-muted)}.demo-ready-list i{color:var(--demo-teal);margin-top:5px;width:20px;flex-shrink:0}.demo-page .demo-note{display:flex;gap:12px;align-items:flex-start;font-size:13px;padding-top:20px;margin:0}.demo-note>i{color:var(--demo-teal);margin-top:5px}
.demo-install-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;margin-top:28px}.demo-install-grid>div{min-width:0}.demo-command{border:1px solid #284965;border-radius:13px;overflow:hidden;background:#10283e;color:#f0f7ff;margin:17px 0 23px}.demo-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#1c3851;font-size:12px;color:#dbeafa;border-bottom:1px solid #3f597166}.demo-copy{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;min-width:82px;padding:6px 10px;border:1px solid #6f8da2;border-radius:7px;background:#294961;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.demo-copy:hover{background:#3b627d}.demo-command pre{margin:0;padding:19px 16px;max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;color:#e9f6ff;tab-size:2}.demo-command code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:none;padding:0;color:inherit}.demo-stop-note{display:flex;gap:12px;background:#fff6e6;border:1px solid #eed5a4;border-radius:13px;padding:16px;color:#9a661a}.demo-stop-note>i{margin-top:4px}.demo-stop-note p{color:#795520;font-size:13px;margin:0}.demo-installer-answers{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:25px;border-top:1px solid var(--demo-border);margin-top:8px}.demo-installer-answers article{display:flex;gap:14px}.demo-installer-answers article>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:11px;background:#e3f3f1;color:var(--demo-teal)}.demo-installer-answers article>div{min-width:0}.demo-installer-answers h3{font-size:16px}.demo-installer-answers p{font-size:14px;margin-bottom:8px}.demo-installer-answers code,.demo-activation code{font-size:13px;overflow-wrap:anywhere;background:#e8f1f8;color:#175b91;padding:3px 5px;border-radius:4px}
.demo-activation{background:linear-gradient(120deg,#fffaf0,#fffcf7 65%,#fff4e8);border-color:#ead9b7}.demo-activation .demo-step-number{background:#fae7bf;color:#906017}.demo-activation .eyebrow{color:#8e651f}.demo-activation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-activation-grid article{min-width:0;border-top:1px solid #e6d8bb;padding-top:20px}.demo-mini-number{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#f6e3b9;color:#81591b;font-size:13px;font-weight:700;margin-bottom:14px}.demo-trial-label{display:inline-block;border:1px solid #dfbf7b;background:#fff1cf;color:#795315;padding:9px 12px;border-radius:9px;line-height:1.5;font-size:14px;margin-bottom:14px}.demo-activation code{display:inline-block;padding:8px 12px;background:#fff1cf;color:#795315}
.demo-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.demo-explore-grid>a{display:flex;flex-direction:column;padding:24px 22px;border:1px solid #c4dcec;border-radius:16px;background:#eef6ff;color:var(--demo-ink)}.demo-explore-grid>a:nth-child(2){background:#ebf8f6;border-color:#bbded7}.demo-explore-grid>a:nth-child(3){background:#fff2ed;border-color:#edcbbb}.demo-explore-grid>a:hover{box-shadow:0 8px 24px #163e6610;border-color:var(--demo-blue)}.demo-explore-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:12px;background:#fff;color:var(--demo-blue);margin-bottom:18px}.demo-explore-grid>a:nth-child(2) .demo-explore-icon{color:var(--demo-teal)}.demo-explore-grid>a:nth-child(3) .demo-explore-icon{color:#be6148}.demo-explore-grid p{font-size:14px;line-height:1.7}.demo-card-link{font-size:13px;font-weight:700;color:var(--demo-blue);margin-top:auto;display:flex;gap:10px;align-items:center}.demo-first-run{margin-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-first-run p{display:flex;gap:12px;font-size:13px;margin:0}.demo-first-run i{color:var(--demo-teal);margin-top:6px}
.demo-help{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:38px;align-items:center;padding:34px 38px;border:1px solid #b7d7df;border-radius:22px;background:linear-gradient(110deg,#e8f4ff,#ddf3ee)}.demo-help h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:14px 0}.demo-help p{font-size:15px;margin:0}.demo-help-actions{display:flex;flex-direction:column;gap:12px}.demo-help-actions>span{text-align:center;font-size:13px;color:var(--demo-muted)}.demo-copy-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;width:max-content;max-width:calc(100% - 32px);padding:14px 20px;border:1px solid #7ca3b2;border-radius:12px;background:#123749;color:#fff!important;box-shadow:0 8px 24px #0003;font-size:14px;margin:0;text-align:center}.demo-copy-status:empty{display:none}
html[data-site-theme="dark"] .demo-page{--demo-blue:#79b8ff;--demo-teal:#7adad1;--demo-ink:#e6effa;--demo-muted:#b2c3d6;--demo-border:#354d64;--demo-panel:#172a3e;--demo-wash:#112234}html[data-site-theme="dark"] .demo-hero{background:radial-gradient(ellipse at 83% 40%,#15484a 0,transparent 48%),linear-gradient(130deg,#112b48,#12273b 58%,#163d3d)}html[data-site-theme="dark"] .demo-page .btn:not(.secondary){color:#102b45;background:#91c5ff;border-color:#91c5ff}html[data-site-theme="dark"] .demo-welcome-orbit{background:radial-gradient(circle,#22616755 0 55%,#7cdbce19 56% 68%,transparent 69%)}html[data-site-theme="dark"] .demo-welcome-note{background:#1b3a48;border-color:#456572;color:#deeee9}html[data-site-theme="dark"] .demo-welcome-note i{color:#f2c580}html[data-site-theme="dark"] .demo-step-nav a:hover{background:#213d54}html[data-site-theme="dark"] .demo-step-number{background:#213f60}html[data-site-theme="dark"] .demo-tech-tags span{border-color:#426075}html[data-site-theme="dark"] .demo-stop-note{background:#3c3020;border-color:#77603c}html[data-site-theme="dark"] .demo-stop-note p,html[data-site-theme="dark"] .demo-stop-note>i{color:#efc992}html[data-site-theme="dark"] .demo-installer-answers article>span{background:#1d4547}html[data-site-theme="dark"] .demo-installer-answers code{background:#213d54;color:#b5d9ff}html[data-site-theme="dark"] .demo-activation{background:linear-gradient(120deg,#302c24,#2d2d2b 65%,#372d27);border-color:#695a40}html[data-site-theme="dark"] .demo-activation .eyebrow{color:#e3bd79}html[data-site-theme="dark"] .demo-activation .demo-step-number,html[data-site-theme="dark"] .demo-mini-number{background:#58452a;color:#f4d9a5}html[data-site-theme="dark"] .demo-activation-grid article{border-color:#645540}html[data-site-theme="dark"] .demo-trial-label,html[data-site-theme="dark"] .demo-activation code{background:#4c3b25;border-color:#8c7448;color:#f6d69c}html[data-site-theme="dark"] .demo-explore-grid>a{background:#1c3551;border-color:#3b5c7c}html[data-site-theme="dark"] .demo-explore-grid>a:nth-child(2){background:#1a3b3b;border-color:#376665}html[data-site-theme="dark"] .demo-explore-grid>a:nth-child(3){background:#3c302e;border-color:#75554c}html[data-site-theme="dark"] .demo-explore-icon{background:#ffffff0d}html[data-site-theme="dark"] .demo-explore-grid>a:nth-child(3) .demo-explore-icon{color:#f1ad93}html[data-site-theme="dark"] .demo-help{background:linear-gradient(110deg,#1b3a54,#1c4240);border-color:#456772}
@media(max-width:1000px){.demo-hero-grid{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(210px,.65fr)}.demo-welcome img{width:220px}.demo-step{padding:28px}.demo-step-nav a{padding:16px 13px;gap:8px}.demo-step-nav a>i{display:none}.demo-install-grid{grid-template-columns:1fr;gap:10px}.demo-before-grid{gap:22px}.demo-help{gap:26px;padding:30px}.demo-activation-grid{gap:20px}.demo-explore-grid{gap:12px}.demo-explore-grid>a{padding:20px 17px}}
@media(max-width:760px){.demo-hero{padding:38px 0 30px}.demo-hero-grid{grid-template-columns:1fr;gap:24px}.demo-hero h1{font-size:clamp(2.7rem,11vw,3.6rem);margin:17px 0}.demo-hero .demo-lead{font-size:16px}.demo-hero-actions{gap:10px;margin-top:22px}.demo-hero-actions .btn{flex:1 1 180px;font-size:14px;padding:13px 15px}.demo-hero-facts{gap:10px;font-size:12px}.demo-welcome{padding:0}.demo-welcome img{width:145px}.demo-welcome-orbit{width:175px}.demo-welcome-note{max-width:100%;font-size:12px;padding:10px 14px}.demo-step-nav{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px}.demo-step-nav a{border-radius:11px;padding:13px 12px;font-size:12px;gap:9px}.demo-step{padding:22px 18px;border-radius:18px;margin-bottom:26px;scroll-margin-top:95px}.demo-step-heading{gap:13px;margin-bottom:21px}.demo-step-number{flex-basis:39px;height:39px;font-size:16px;border-radius:11px}.demo-step-heading .eyebrow{font-size:10px;letter-spacing:.1em}.demo-step h2{font-size:1.85rem}.demo-step h3{font-size:17px}.demo-step p,.demo-ready-list li{font-size:14px}.demo-before-grid,.demo-installer-answers,.demo-first-run,.demo-explore-grid,.demo-activation-grid,.demo-help{grid-template-columns:1fr}.demo-reference{padding:18px}.demo-ready-list{gap:16px}.demo-install-grid{margin-top:22px}.demo-command-head{padding:8px 10px;font-size:11px}.demo-command pre{font-size:12px;padding:14px 12px}.demo-copy{min-width:70px;min-height:36px;padding:5px 8px;font-size:11px}.demo-installer-answers{gap:20px}.demo-activation-grid{gap:19px}.demo-activation-grid article{padding-top:17px}.demo-mini-number{margin-bottom:11px}.demo-explore-grid>a{padding:21px}.demo-explore-icon{margin-bottom:13px}.demo-card-link{font-size:13px}.demo-first-run{gap:17px}.demo-help{padding:25px 22px;gap:23px}.demo-help h2{font-size:2rem}.demo-help p{font-size:14px}.demo-content{padding-bottom:30px}.demo-copy-status{bottom:16px;font-size:13px}.demo-step .demo-note,.demo-stop-note p,.demo-first-run p{font-size:12px}}
.demo-help-docs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.demo-help-docs>a{display:flex;flex-direction:column;gap:12px;background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:12px;padding:21px;text-decoration:none!important;color:var(--demo-ink)}.demo-help-docs b{font-size:18px;line-height:1.4}.demo-help-docs b i{color:var(--demo-blue);margin-right:5px}.demo-help-docs span{font-size:13px;color:var(--demo-muted);line-height:1.65}.demo-help-docs strong{font-size:13px;margin-top:auto;color:var(--demo-blue)}.demo-help-docs>a:hover{border-color:var(--demo-blue);box-shadow:0 6px 22px #173a5512}.demo-help-actions>p{font-size:14px;font-weight:600}.demo-help-docs a:focus-visible{outline:3px solid var(--demo-blue);outline-offset:3px}@media(max-width:520px){.demo-help-docs{grid-template-columns:1fr}}