.demo-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.13em;white-space:nowrap;color:#ddc3ff;background:#aa7ed41b;border:1px solid #a17dcc44;border-radius:100px;padding:7px 12px}.demo-role{display:flex;gap:4px;background:#ffffff04;border:1px solid #ffffff14;border-radius:100px;padding:4px;font-size:12px}.demo-role a{color:#a89ab9;padding:8px 16px;border-radius:100px}.demo-role a.selected{background:#b88bea25;color:#f2e6ff;border:1px solid #ba95df33}.demo-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #ffffff0a;padding:14px 0;font-size:11px;color:#9e91ad}.demo-strip a{display:flex;gap:8px;align-items:center}.demo-strip svg{width:14px;height:14px}.demo-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:44px;background:radial-gradient(ellipse at 100% 50%,#8262b019,transparent 70%),linear-gradient(130deg,#ffffff08,#ffffff02)}.demo-hero h2{font-size:clamp(36px,4.6vw,65px);line-height:1.12;letter-spacing:-.055em;background:linear-gradient(#fff,#c6bacf);background-clip:text;color:transparent;margin:22px 0}.demo-hero p{font-size:14px;line-height:1.9;max-width:440px}.demo-orbit{position:relative;min-width:0;border:1px solid #b595d21c;border-radius:100%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(#b595d21c,transparent 70%);box-shadow:0 0 90px #a475cf0b inset}.demo-orbit:before{position:absolute;content:'';inset:13%;border:1px solid #b595d21c;border-radius:100%}.demo-orbit>img{width:110%;max-width:110%;filter:drop-shadow(0 16px 30px #0009);z-index:1}.demo-orbit>span{position:absolute;bottom:7%;font-size:9px;letter-spacing:.14em;color:#9883ad;text-align:center;line-height:2}.demo-orbit>span b{font-size:12px;letter-spacing:.05em;color:#c9b0df}.demo-next{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;background:linear-gradient(120deg,#9672b818,#ffffff02)}.demo-next p{margin:8px 0 0;font-size:14px}.demo-date{display:block;font-size:10px}.demo-flow{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.demo-flow span{padding:8px 12px;border:1px solid #ffffff13;border-radius:100px;font-size:11px;color:#b9a7ca;background:#ffffff03}.demo-flow span:not(:last-child):after{content:'›';margin-left:12px;color:#a17dcc}.demo-products .product-image{height:195px;background:radial-gradient(#8a6baa18,transparent 70%)}.demo-products .product-image img{object-fit:contain;padding:0}.demo-brand-preview{text-align:center}.demo-brand-preview>img{width:300px;max-height:230px;object-fit:contain;display:block;margin:auto}.demo-feature{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #ffffff10}.demo-feature>svg{color:#b493d4;margin-top:5px}.demo-feature p{font-size:13px;margin:8px 0 0}.demo-feature b{font-size:15px;font-weight:500}.demo-workspace td .actions{min-width:200px}.demo-workspace td form label{margin-bottom:8px;font-size:11px}.demo-workspace td form select{min-width:130px;padding:8px 10px;font-size:12px;min-height:38px}.demo-workspace td form .btn{width:100%}.demo-entry{margin:10px 0 8px}.demo-products article[hidden]{display:none}.demo-workspace .bottom{align-items:center}.demo-workspace .bottom form{margin:0}@media(max-width:1180px){.demo-hero{padding:32px;gap:18px}.demo-hero h2{font-size:42px}.demo-orbit>span{display:none}.demo-strip{flex-wrap:wrap}}@media(max-width:600px){.demo-hero{grid-template-columns:minmax(0,1fr);padding:28px 22px;position:relative;overflow:hidden}.demo-hero h2{font-size:42px}.demo-orbit{display:none}.demo-hero .actions{align-items:stretch;flex-direction:column}.demo-strip{font-size:10px;gap:8px}.demo-role a{padding:7px 10px;font-size:11px}.demo-role{flex-shrink:0}.demo-workspace .company-chip{gap:7px}.demo-workspace .company-chip>span{max-width:98px;font-size:10px}.demo-badge{font-size:8px;padding:5px 8px;letter-spacing:.08em}.demo-workspace .top{gap:8px}.demo-workspace .top .menu-toggle{padding:8px}.demo-next{align-items:stretch;flex-direction:column;padding:22px}.demo-products .product-image{height:220px}.demo-workspace .bottom{align-items:stretch}.demo-workspace .bottom .btn{width:100%}}
.demo-workspace .metric b{font-size:clamp(22px,2.2vw,34px);white-space:nowrap;letter-spacing:-.045em}@media(max-width:560px){.demo-workspace .metric b{font-size:30px}}