.pg-full .uf{container:uf/inline-size;background:var(--background);color:var(--foreground);font:var(--t-body-md);padding:clamp(16px,4cqi,48px);display:grid;gap:clamp(48px,7cqi,88px);transition:background-color .2s,color .2s}
.pg-full .uf{--ue:cubic-bezier(.16,1,.3,1);--us:cubic-bezier(.34,1.4,.64,1);interpolate-size:allow-keywords}
.pg-full .uf *{box-sizing:border-box}
.pg-full .uf :where(button,.pg-full summary){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.pg-full .uf :where(button,.pg-full summary,.pg-full input,.pg-full select,.pg-full textarea):focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.pg-full .uf :is(h2,.pg-full h3,.pg-full h4,.pg-full p,.pg-full ul,.pg-full ol,.pg-full dl,.pg-full dd,.pg-full figure){margin:0}
.pg-full .uf :is(b,.pg-full strong,.pg-full th){font-weight:600}
.pg-full .uf svg{flex-shrink:0}
.pg-full .uf-t-display-lg{font:var(--t-display-lg);letter-spacing:var(--ls-display-lg)}
.pg-full .uf-t-display-md{font:var(--t-display-md);letter-spacing:var(--ls-display-md)}
.pg-full .uf-t-heading-lg{font:var(--t-heading-lg);letter-spacing:var(--ls-heading-lg)}
.pg-full .uf-t-heading-md{font:var(--t-heading-md);letter-spacing:var(--ls-heading-md)}
.pg-full .uf-t-heading-sm{font:var(--t-heading-sm);letter-spacing:var(--ls-heading-sm)}
.pg-full .uf-t-body-lg{font:var(--t-body-lg);letter-spacing:var(--ls-body-lg)}
.pg-full .uf-t-body-md{font:var(--t-body-md);letter-spacing:var(--ls-body-md)}
.pg-full .uf-t-body-sm{font:var(--t-body-sm);letter-spacing:var(--ls-body-sm)}
.pg-full .uf-t-label{font:var(--t-label);letter-spacing:var(--ls-label)}
.pg-full .uf-t-caption{font:var(--t-caption);letter-spacing:var(--ls-caption)}
.pg-full .uf-t-code{font:var(--t-code);letter-spacing:var(--ls-code)}
.pg-full .uf-t-display-lg{font-size:min(var(--fz-display-lg),11cqi);text-wrap:balance}.pg-full .uf-t-display-md{font-size:min(var(--fz-display-md),9cqi)}.pg-full .uf-t-heading-lg{font-size:min(var(--fz-heading-lg),8cqi)}
.pg-full .uf-mut{color:var(--muted-foreground)}
.pg-full .uf-mono{font-family:var(--fm);font-size:12px;line-height:1.5;letter-spacing:0}
.pg-full .uf-sec{display:grid;gap:22px;min-width:0}
.pg-full .uf-eb{font:500 12px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}
.pg-full .uf-h{font:var(--t-heading-lg);letter-spacing:var(--ls-heading-lg);font-size:min(var(--fz-heading-lg),8cqi);color:var(--foreground);margin-top:-10px!important}
.pg-full .uf-h3{font:var(--t-heading-sm);letter-spacing:var(--ls-heading-sm);color:inherit}
.pg-full .uf-sub{font:var(--t-label);color:var(--muted-foreground);margin-top:10px!important}
.pg-full .uf-grid{display:grid;gap:16px;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.pg-full .uf-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pg-full .uf-sb{justify-content:space-between}
.pg-full .uf-stack{display:grid;gap:12px;align-content:start;min-width:0}
.pg-full .uf-panel{border:1px solid var(--border);border-radius:var(--card-r);padding:clamp(16px,2.4cqi,28px);background:var(--card);color:var(--card-foreground);min-width:0}
.pg-full .uf-sm{font:var(--t-body-sm)}
.pg-full .uf-w5{font-weight:500}

.pg-full /* colour */
.uf-ramp{display:grid;grid-template-columns:88px repeat(11,minmax(0,1fr));gap:4px}
.pg-full .uf-ramp>b{font:var(--t-label);align-self:center;text-transform:capitalize}
.pg-full .uf-chip{border-radius:var(--r-sm);min-height:64px;padding:6px;display:flex;flex-direction:column;justify-content:flex-end;font:500 10px/1.3 var(--fm);color:#000;min-width:0;overflow:hidden}
.pg-full .uf-chip.dk{color:#fff}
.pg-full .uf-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pg-full .uf-mode{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--card-r);padding:18px;display:grid;gap:16px;align-content:start}
.pg-full .uf-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 8px}
.pg-full .uf-role{display:flex;gap:10px;align-items:center;min-width:0;font-size:12px;line-height:1.3}
.pg-full .uf-role i{width:34px;height:34px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 14%,transparent);flex-shrink:0}
.pg-full .uf-role span{min-width:0;overflow:hidden;text-overflow:ellipsis}.pg-full .uf-role small{display:block;font-family:var(--fm);color:var(--muted-foreground)}

.pg-full /* type,.pg-full space,.pg-full radius,.pg-full shadow */
.uf-type{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:6px 24px;align-items:baseline;padding:14px 0;border-top:1px solid var(--border)}
.pg-full .uf-type p:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-full .uf-sp{display:grid;grid-template-columns:30px 1fr 44px;gap:10px;align-items:center;font:500 11px var(--fm);color:var(--muted-foreground)}
.pg-full .uf-sp i{display:block;height:10px;border-radius:2px;background:var(--primary)}
.pg-full .uf-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pg-full .uf-rad div{aspect-ratio:1;border:2px solid var(--primary);background:var(--accent);display:grid;place-items:end start;padding:8px;font:500 11px/1.3 var(--fm);color:var(--accent-foreground)}
.pg-full .uf-shd{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:8px 4px}
.pg-full .uf-shd div{aspect-ratio:1;border-radius:var(--card-r);background:var(--card);display:grid;place-items:center;font:500 12px var(--fm);color:var(--muted-foreground)}

.pg-full /* buttons */
.uf-btn{height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--btn-r);font:var(--btn-t);font-weight:var(--btn-w);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:var(--primary);color:var(--primary-foreground)}
.pg-full .uf-btn.sm{height:calc(var(--btn-h) * .8);padding:0 calc(var(--btn-px) * .75);font-size:.92em}
.pg-full .uf-btn.lg{height:calc(var(--btn-h) * 1.18);padding:0 calc(var(--btn-px) * 1.3);font-size:1.06em}
.pg-full .uf-btn.ic{width:var(--btn-h);padding:0}.pg-full .uf-btn.ic.sm{width:calc(var(--btn-h) * .8)}
.pg-full .uf-btn.s{background:var(--secondary);color:var(--secondary-foreground)}
.pg-full .uf-btn.o{background:transparent;color:var(--foreground);border-color:var(--border)}
.pg-full .uf-btn.g{background:transparent;color:var(--foreground)}
.pg-full .uf-btn.d{background:var(--destructive);color:var(--destructive-foreground)}
.pg-full .uf-btn.l{background:none;color:var(--primary);padding:0;height:auto;text-decoration:underline;text-underline-offset:3px}
.pg-full .uf-btn:hover:not(:disabled):not(.l),.pg-full .uf-btn.hov{background-image:linear-gradient(color-mix(in srgb,#000 9%,transparent),color-mix(in srgb,#000 9%,transparent))}
.pg-full .uf-btn:focus-visible,.pg-full .uf-btn.foc{outline:2px solid var(--ring);outline-offset:2px}
.pg-full .uf-btn.dis,.pg-full .uf-btn:disabled{opacity:.45;cursor:default}
.pg-full .uf-bm{display:grid;grid-template-columns:96px repeat(4,minmax(0,1fr));gap:12px;align-items:center}
.pg-full .uf-bm>small{font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--muted-foreground)}
.pg-full .uf-bm .uf-btn{min-width:0}
.pg-full .uf-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent}

.pg-full /* form */
.uf-fld{display:grid;gap:6px;min-width:0;align-content:start}
.pg-full .uf-fld>label,.pg-full .uf-lab{font:var(--t-label);letter-spacing:var(--ls-label)}
.pg-full .uf-in{height:var(--in-h);padding:0 var(--in-px);border-radius:var(--in-r);border:var(--in-bw) solid var(--input);background:var(--background);color:var(--foreground);font:var(--in-t);display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}
.pg-full .uf-in>:is(input,.pg-full textarea,.pg-full select){all:unset;flex:1;min-width:0;align-self:stretch;font:inherit;color:inherit}
.pg-full .uf-in ::placeholder{color:var(--muted-foreground);opacity:1}
.pg-full .uf-in select{cursor:pointer}.pg-full .uf-in select+.uf-car{pointer-events:none}
.pg-full .uf-in:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 28%,transparent)}
.pg-full .uf-in.foc{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 28%,transparent)}
.pg-full .uf-in.err{border-color:var(--destructive)}.pg-full .uf-in.err:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 24%,transparent)}
.pg-full .uf-in.dis{background:var(--muted);color:var(--muted-foreground);opacity:.7}
.pg-full .uf-in.ta{height:auto;padding-top:10px;padding-bottom:10px;white-space:normal}.pg-full .uf-in.ta textarea{min-height:calc(var(--in-h) * 2 - 20px);resize:none;white-space:pre-wrap}
.pg-full .uf-car{margin-left:auto;color:var(--muted-foreground);display:flex}
.pg-full .uf-help{font:var(--t-caption);letter-spacing:var(--ls-caption);color:var(--muted-foreground)}
.pg-full .uf-help.err{color:var(--destructive)}
.pg-full .uf-menu{border:1px solid var(--border);border-radius:var(--in-r);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--sh-md);padding:4px;display:grid;gap:2px;font:var(--t-body-sm)}
.pg-full .uf-menu button{padding:8px 10px;border-radius:max(0px,calc(var(--in-r) - 2px));display:flex;justify-content:space-between;align-items:center}
.pg-full .uf-menu button:hover{background:color-mix(in srgb,var(--accent) 50%,transparent)}
.pg-full .uf-menu button svg{opacity:0}.pg-full .uf-menu .on svg{opacity:1}
.pg-full .uf-dd{position:relative}
.pg-full .uf-dd>summary{list-style:none;cursor:pointer}.pg-full .uf-dd>summary::-webkit-details-marker{display:none}
.pg-full .uf-dd[open]>summary{border-color:var(--ring)}
.pg-full .uf-dd>.uf-menu{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px)}
.pg-full .uf-car svg{transition:rotate .22s var(--ue)}.pg-full .uf-dd[open] .uf-car svg{rotate:180deg}
.pg-full .uf-menu .on{background:var(--accent);color:var(--accent-foreground)}
.pg-full .uf-ctl{display:flex;align-items:center;gap:10px;font:var(--t-body-sm);cursor:pointer}
.pg-full .uf-ctl.dis{opacity:.45;cursor:default}
.pg-full .uf-cb,.pg-full .uf-rd,.pg-full .uf-sw{appearance:none;margin:0;cursor:pointer}
.pg-full .uf-cb,.pg-full .uf-rd{width:18px;height:18px;border:1.5px solid var(--input);background:var(--background);display:grid;place-items:center;flex-shrink:0;color:var(--primary-foreground);font:700 13px/1 var(--fs)}
.pg-full .uf-cb{border-radius:min(var(--r-sm),5px)}.pg-full .uf-rd{border-radius:50%}
.pg-full .uf-cb::before{content:"";width:5px;height:9px;margin-top:-2px;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg;scale:0}
.pg-full .uf-cb.on,.pg-full .uf-cb:checked,.pg-full .uf-cb:indeterminate{background:var(--primary);border-color:var(--primary)}
.pg-full .uf-cb:checked::before{scale:1}
.pg-full .uf-cb:indeterminate::before{rotate:0deg;width:8px;height:0;margin:0;border-width:0 0 2px;scale:1}
.pg-full .uf-rd.on,.pg-full .uf-rd:checked{border:5px solid var(--primary)}
.pg-full .uf-sw{width:38px;height:22px;border-radius:999px;background:var(--input);position:relative;flex-shrink:0}
.pg-full .uf-sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--background);box-shadow:var(--sh-sm)}
.pg-full .uf-sw{border:0}.pg-full .uf-sw:checked{background:var(--primary)}.pg-full .uf-sw:checked::after{translate:16px 0;background:var(--primary-foreground)}
.pg-full .uf-range{width:100%;margin:12px 0 0;accent-color:var(--primary);cursor:pointer}

.pg-full /* navigation */
.uf-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);font:var(--t-label);overflow:hidden}
.pg-full .uf-tabs button{padding:10px 0;color:var(--muted-foreground);white-space:nowrap}
.pg-full .uf-tabs .on{color:var(--foreground);box-shadow:inset 0 -2px var(--primary)}
.pg-full .uf-seg{display:inline-flex;background:var(--muted);border-radius:var(--btn-r);padding:3px;font:var(--t-label)}
.pg-full .uf-seg button{padding:6px 14px;border-radius:max(0px,calc(var(--btn-r) - 2px));color:var(--muted-foreground)}
.pg-full .uf-seg .on{background:var(--card);color:var(--foreground);box-shadow:var(--sh-sm)}
.pg-full .uf-crumb{display:flex;gap:8px;font:var(--t-body-sm);color:var(--muted-foreground)}.pg-full .uf-crumb b{color:var(--foreground);font-weight:500}
.pg-full .uf-pag{display:flex;gap:4px;font:var(--t-label)}
.pg-full .uf-pag>*{min-width:36px;height:36px;padding:0 8px;border-radius:var(--btn-r);display:grid;place-items:center;color:var(--foreground)}
.pg-full .uf-pag .on{background:var(--primary);color:var(--primary-foreground)}.pg-full .uf-pag .o{border:1px solid var(--border)}

.pg-full /* feedback */
.uf-bdg{height:var(--bdg-h);padding:0 var(--bdg-px);border-radius:var(--bdg-r);font:var(--bdg-t);letter-spacing:var(--ls-caption);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:var(--primary);color:var(--primary-foreground)}
.pg-full .uf-bdg.s{background:var(--secondary);color:var(--secondary-foreground)}
.pg-full .uf-bdg.o{background:transparent;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}
.pg-full .uf-bdg.ok{background:var(--success);color:var(--success-foreground)}
.pg-full .uf-bdg.wn{background:var(--warning);color:var(--warning-foreground)}
.pg-full .uf-bdg.bd{background:var(--destructive);color:var(--destructive-foreground)}
.pg-full .uf-bdg.ac{background:var(--accent);color:var(--accent-foreground)}
.pg-full .uf-bdg i{width:6px;height:6px;border-radius:50%;background:currentColor}
.pg-full .uf-al{display:flex;gap:12px;padding:14px 16px;border-radius:var(--card-r);border:1px solid var(--border);background:var(--card);font:var(--t-body-sm)}
.pg-full .uf-al b{display:block;font-weight:600;margin-bottom:2px}
.pg-full .uf-al>svg{margin-top:2px}
.pg-full .uf-al.ok{background:color-mix(in srgb,var(--success) 12%,var(--card));border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.pg-full .uf-al.ok>svg{color:var(--success)}
.pg-full .uf-al.wn{background:color-mix(in srgb,var(--warning) 22%,var(--card));border-color:color-mix(in srgb,var(--warning) 60%,var(--border))}
.pg-full .uf-al.bd{background:color-mix(in srgb,var(--destructive) 10%,var(--card));border-color:color-mix(in srgb,var(--destructive) 40%,var(--border))}.pg-full .uf-al.bd>svg{color:var(--destructive)}
.pg-full .uf-al.in>svg{color:var(--primary)}
.pg-full .uf-toast{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--card-r);background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);box-shadow:var(--sh-lg);font:var(--t-body-sm)}
.pg-full .uf-toast.inv{background:var(--foreground);color:var(--background);border-color:transparent}
.pg-full .uf-toast div{flex:1;min-width:0}.pg-full .uf-toast b{display:block;font-weight:600}
.pg-full .uf-toasts{inset:auto 20px 20px auto;margin:0;padding:0;border:0;background:none;overflow:visible;width:min(360px,calc(100vw - 32px));display:grid;gap:8px;color:inherit}
.pg-full .uf-toasts:not(:popover-open){display:none}
.pg-full .uf-toasts .uf-toast .uf-btn{flex-shrink:0}
.pg-full .uf-panes{font:var(--t-body-sm);color:var(--muted-foreground);min-height:40px;display:flex;align-items:center;gap:12px}
.pg-full .uf-tip{position:relative;display:inline-block;padding:6px 10px;border-radius:var(--r-md);background:var(--foreground);color:var(--background);font:var(--t-caption);letter-spacing:var(--ls-caption)}
.pg-full .uf-tip::after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;background:inherit;transform:rotate(45deg)}
.pg-full .uf-prog{display:block;height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.pg-full .uf-prog i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.pg-full .uf-ring{--uf-p:72%;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--primary) 0 var(--uf-p),var(--muted) 0);display:grid;place-items:center;flex-shrink:0}
.pg-full .uf-ring span{width:48px;height:48px;border-radius:50%;background:var(--background);display:grid;place-items:center;font:600 13px var(--fs)}
.pg-full .uf-sk{display:block;border-radius:var(--r-md);background:linear-gradient(90deg,var(--muted) 30%,color-mix(in srgb,var(--muted) 50%,var(--background)) 50%,var(--muted) 70%);background-size:300% 100%;animation:uf-sk 1.6s infinite linear}
.pg-full .uf-av{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;font:600 13px var(--fs);background:var(--accent);color:var(--accent-foreground);flex-shrink:0;position:relative}
.pg-full .uf-av.p{background:var(--primary);color:var(--primary-foreground)}.pg-full .uf-av.ok{background:var(--success);color:var(--success-foreground)}.pg-full .uf-av.wn{background:var(--warning);color:var(--warning-foreground)}.pg-full .uf-av.n{background:var(--muted);color:var(--muted-foreground)}.pg-full .uf-av.s{background:var(--primary-foreground);color:var(--primary)}
.pg-full .uf-av.sm{width:30px;height:30px;font-size:11px}.pg-full .uf-av.lg{width:56px;height:56px;font-size:17px}
.pg-full .uf-av.dot::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:var(--success);border:2px solid var(--card)}
.pg-full .uf-avs{display:flex}.pg-full .uf-avs .uf-av{border:2px solid var(--card);margin-left:-10px}.pg-full .uf-avs .uf-av:first-child{margin-left:0}

.pg-full /* surfaces */
.uf-card{background:var(--card);color:var(--card-foreground);border:var(--card-bw) solid var(--border);border-radius:var(--card-r);padding:var(--card-p);box-shadow:var(--card-sh);display:grid;gap:14px;align-content:start;min-width:0}
.pg-full .uf-card.flat{box-shadow:none}
.pg-full .uf-card.tight{padding:clamp(12px,2cqi,20px)}
.pg-full .uf-media{aspect-ratio:16/9;border-radius:max(0px,calc(var(--card-r) - 2px));background:linear-gradient(135deg,var(--primary),var(--accent));position:relative;overflow:hidden}
.pg-full .uf-media::after{content:"";position:absolute;right:-30px;bottom:-40px;width:160px;height:160px;border-radius:50%;border:24px solid var(--primary-foreground);opacity:.18}
.pg-full .uf-kpi{font:var(--t-heading-md);letter-spacing:var(--ls-heading-md);font-variant-numeric:tabular-nums}
.pg-full .uf-tbl{width:100%;border-collapse:collapse;font:var(--t-body-sm)}
.pg-full .uf-tbl th{text-align:left;font:var(--t-caption);letter-spacing:var(--ls-caption);text-transform:uppercase;color:var(--muted-foreground);padding:10px 12px;background:var(--muted)}
.pg-full .uf-tbl td{padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}
.pg-full .uf-tbl td:last-child,.pg-full .uf-tbl th:last-child{text-align:right}
.pg-full .uf-tbl tr:has(td .uf-cb:checked) td{background:color-mix(in srgb,var(--accent) 55%,transparent)}
.pg-full .uf-who{display:flex;align-items:center;gap:10px;min-width:0}
.pg-full .uf-who small{display:block}
.pg-full .uf-scroll{overflow-x:auto;min-width:0}
.pg-full .uf-modal::backdrop{background:rgb(10 8 20/.5)}
.pg-full .uf-modal-bg{border-radius:var(--card-r);background:color-mix(in srgb,var(--foreground) 45%,var(--background));padding:clamp(16px,4cqi,40px);display:grid;place-items:center}
.pg-full .uf-modal{border:0;margin:auto;max-width:none;width:min(420px,calc(100% - 32px));background:var(--popover);color:var(--popover-foreground);border-radius:var(--card-r);box-shadow:var(--sh-lg);padding:24px;display:grid;gap:14px}
.pg-full .uf-empty{border:1.5px dashed var(--border);border-radius:var(--card-r);padding:32px 20px;display:grid;justify-items:center;gap:10px;text-align:center}
.pg-full .uf-ico{width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--accent-foreground);display:grid;place-items:center}
.pg-full .uf-nav{display:flex;align-items:center;gap:22px;padding:12px 18px;border:1px solid var(--border);border-radius:var(--card-r);background:var(--card);font:var(--t-label)}
.pg-full .uf-nav .lnk{display:flex;gap:20px;flex:1;color:var(--muted-foreground)}.pg-full .uf-nav .lnk b{color:var(--foreground);font-weight:500}
.pg-full .uf-logo{display:flex;align-items:center;gap:8px;font:var(--t-heading-sm);letter-spacing:var(--ls-heading-sm);white-space:nowrap}
.pg-full .uf-logo i{width:24px;height:24px;border-radius:var(--r-md);background:var(--primary)}
.pg-full .uf-side{display:grid;gap:2px;align-content:start;font:var(--t-label)}
.pg-full .uf-side>button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--btn-r);color:var(--muted-foreground)}
.pg-full .uf-side>.on{background:var(--accent);color:var(--accent-foreground)}
.pg-full .uf-side small{margin-left:auto}

.pg-full /* screens */
.uf-scr{border:1px solid var(--border);border-radius:calc(var(--card-r) + 4px);overflow:hidden;background:var(--background);box-shadow:var(--sh-md);min-width:0}
.pg-full .uf-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:var(--muted);border-bottom:1px solid var(--border)}
.pg-full .uf-bar i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--foreground) 22%,transparent)}
.pg-full .uf-bar span{margin-left:14px;flex:1;max-width:320px;height:22px;border-radius:999px;background:var(--background);font:500 11px/22px var(--fm);color:var(--muted-foreground);padding:0 12px;overflow:hidden}
.pg-full .uf-hero-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
.pg-full .uf-hero{padding:clamp(28px,6cqi,80px) clamp(18px,5cqi,64px);display:grid;gap:22px;justify-items:start}
.pg-full .uf-hero-art{margin:28px;aspect-ratio:1;border-radius:calc(var(--card-r) * 2);background:var(--primary);position:relative;overflow:hidden}
.pg-full .uf-hero-art .uf-card{position:absolute;left:12%;right:12%;bottom:12%;gap:10px}
.pg-full .uf-hero-art::before{content:"";position:absolute;right:-20%;top:-20%;width:70%;aspect-ratio:1;border-radius:50%;border:clamp(16px,3cqi,36px) solid var(--primary-foreground);opacity:.18}
.pg-full .uf-dash{display:grid;grid-template-columns:220px minmax(0,1fr)}
.pg-full .uf-dash>.uf-side{padding:18px 12px;border-right:1px solid var(--border);background:var(--card)}
.pg-full .uf-dash>div:last-child{padding:22px;display:grid;gap:18px;align-content:start;min-width:0}
.pg-full .uf-chart{height:180px;display:flex;align-items:flex-end;gap:6px;padding-top:12px}
.pg-full .uf-chart i{flex:1;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--primary)}
.pg-full .uf-chart i:nth-child(odd){background:color-mix(in srgb,var(--primary) 40%,var(--muted))}
.pg-full .uf-phones{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.pg-full .uf-phone{width:300px;max-width:100%;border-radius:40px;padding:10px;background:color-mix(in srgb,var(--foreground) 88%,var(--background))}
.pg-full .uf-phone>div{border-radius:31px;overflow:hidden;background:var(--background);color:var(--foreground);height:620px;display:flex;flex-direction:column}
.pg-full .uf-ph-top{display:flex;justify-content:space-between;font:600 12px var(--fs);padding:14px 22px 6px}
.pg-full .uf-ph-b{padding:10px 18px;display:grid;gap:14px;flex:1;align-content:start;overflow:hidden}
.pg-full .uf-ph-hero{border-radius:var(--card-r);background:var(--primary);color:var(--primary-foreground);padding:18px;display:grid;gap:8px}
.pg-full .uf-ph-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font:var(--t-body-sm)}
.pg-full .uf-ph-row div,.pg-full .uf-ph-row .f{flex:1;min-width:0}.pg-full .uf-ph-row .f>b{display:block}
.pg-full label.uf-ph-row{cursor:pointer}.pg-full .uf-ph-row:has(.uf-cb:checked) b{text-decoration:line-through;color:var(--muted-foreground)}.pg-full .uf-ph-row small{display:block;color:var(--muted-foreground)}
.pg-full .uf-ph-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:var(--card);padding:10px 6px 18px;font:500 10px var(--fs);color:var(--muted-foreground);text-align:center}
.pg-full .uf-ph-tabs button{display:grid;justify-items:center;gap:4px}.pg-full .uf-ph-tabs .on{color:var(--primary)}
.pg-full .uf-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:clamp(18px,4cqi,40px)}
.pg-full .uf-price .uf-card{gap:16px}
.pg-full .uf-price .hi{border:2px solid var(--primary);box-shadow:var(--sh-lg)}
.pg-full .uf-amt{font:var(--t-display-md);letter-spacing:var(--ls-display-md);font-size:min(var(--fz-display-md),9cqi)}.pg-full .uf-amt small{font:var(--t-body-sm);letter-spacing:0;color:var(--muted-foreground)}
.pg-full .uf-faq{display:grid;padding:0 clamp(18px,4cqi,40px) clamp(18px,4cqi,40px)}
.pg-full .uf-acc{border-bottom:1px solid var(--border)}
.pg-full .uf-acc>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font:var(--t-label);letter-spacing:var(--ls-label);border-radius:var(--r-sm)}
.pg-full .uf-acc>summary::-webkit-details-marker{display:none}
.pg-full .uf-acc>summary svg{transition:rotate .22s var(--ue)}.pg-full .uf-acc[open]>summary svg{rotate:180deg}
.pg-full .uf-acc p{padding:0 0 16px;max-width:60ch}
.pg-full .uf-list{list-style:none;padding:0;display:grid;gap:8px;font:var(--t-body-sm)}
.pg-full .uf-list li{display:flex;gap:8px;align-items:center}.pg-full .uf-list svg{color:var(--success)}
.pg-full .uf-auth{display:grid;grid-template-columns:1fr 1fr}
.pg-full .uf-auth>div:first-child{padding:clamp(22px,5cqi,56px);display:grid;gap:16px;align-content:center;max-width:460px;width:100%;justify-self:center}
.pg-full .uf-auth-art{background:var(--primary);color:var(--primary-foreground);padding:40px;display:grid;align-content:end;gap:14px;position:relative;overflow:hidden}
.pg-full .uf-auth-art::before{content:"";position:absolute;left:-30%;top:-30%;width:80%;aspect-ratio:1;border-radius:50%;border:40px solid currentColor;opacity:.12}
.pg-full .uf-or{display:flex;align-items:center;gap:12px;font:var(--t-caption);color:var(--muted-foreground)}.pg-full .uf-or::before,.pg-full .uf-or::after{content:"";flex:1;height:1px;background:var(--border)}
.pg-full .uf-set{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:clamp(18px,4cqi,36px)}
.pg-full .uf-set-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}
.pg-full .uf-set-row small{display:block;color:var(--muted-foreground);font:var(--t-body-sm)}

@media (prefers-reduced-motion:no-preference){
  .pg-full .uf-btn,.pg-full .uf-tabs button,.pg-full .uf-seg button,.pg-full .uf-pag>*,.pg-full .uf-side>button,.pg-full .uf-ph-tabs button,.pg-full .uf-menu button,.pg-full .uf-in,.pg-full .uf-cb,.pg-full .uf-rd,.pg-full .uf-sw{transition:color .14s var(--ue),background-color .14s var(--ue),border-color .14s var(--ue),border-width .22s var(--us),box-shadow .22s var(--ue),opacity .14s,scale .14s var(--ue)}
  .pg-full .uf-btn:active:not(:disabled),.pg-full .uf-pag>button:active,.pg-full .uf-seg button:active{scale:.96}
  .pg-full .uf-cb::before{transition:scale .22s var(--us)}
  .pg-full .uf-sw::after{transition:translate .22s var(--us),background-color .22s}
  .pg-full .uf-ph-row b{transition:color .22s}
  .pg-full .uf-tbl td{transition:background-color .22s var(--ue)}
  .pg-full .uf-dd[open]>.uf-menu{animation:uf-drop .22s var(--ue)}
  .pg-full .uf-panes>:not([hidden]){animation:uf-rise .22s var(--ue)}
  .pg-full .uf-modal{opacity:0;translate:0 12px;scale:.96;transition:opacity .22s var(--ue),translate .36s var(--ue),scale .36s var(--ue),overlay .36s allow-discrete,display .36s allow-discrete}
  .pg-full .uf-modal[open]{opacity:1;translate:0 0;scale:1}
  .pg-full .uf-modal::backdrop{opacity:0;transition:opacity .36s,overlay .36s allow-discrete,display .36s allow-discrete}
  .pg-full .uf-modal[open]::backdrop{opacity:1}
  .pg-full .uf-toasts .uf-toast{transition:opacity .22s,translate .36s var(--us)}
  .pg-full .uf-toasts .uf-toast.out{opacity:0;translate:0 8px}
  @starting-style{
    .pg-full .uf-modal[open]{opacity:0;translate:0 12px;scale:.96}
    .pg-full .uf-modal[open]::backdrop{opacity:0}
    .pg-full .uf-toasts .uf-toast{opacity:0;translate:0 16px}
  }
  .pg-full .uf-acc::details-content{block-size:0;overflow-y:clip;transition:block-size .36s var(--ue),content-visibility .36s allow-discrete}
  .pg-full .uf-acc[open]::details-content{block-size:auto}
  .pg-full .uf-chart i{transition:height .5s var(--ue)}
  .pg-full .uf-prog i{animation:uf-fill 1s var(--ue) backwards;animation-timeline:view();animation-range:entry 0% cover 35%}
  .pg-full .uf-chart i{animation:uf-grow 1s var(--ue) backwards;animation-timeline:view();animation-range:entry 0% cover 35%}
  .pg-full .uf-ring{animation:uf-ring 1s var(--ue) backwards;animation-timeline:view();animation-range:entry 0% cover 35%}
  .pg-full .uf-spin{animation:uf-spin .8s linear infinite}
  .pg-full .uf-price .uf-card{transition:translate .22s var(--ue),box-shadow .22s var(--ue)}
  .pg-full .uf-price .uf-card:hover{translate:0 -4px}
}
@container uf (max-width:820px){
  .pg-full .uf-grid{--cols:2!important}
  .pg-full .uf-modes,.pg-full .uf-hero-wrap,.pg-full .uf-auth{grid-template-columns:1fr}
  .pg-full .uf-auth-art,.pg-full .uf-hero-art{display:none}
  .pg-full .uf-dash{grid-template-columns:1fr}.pg-full .uf-dash>.uf-side{display:none}
  .pg-full .uf-price{grid-template-columns:1fr}
  .pg-full .uf-set{grid-template-columns:1fr}.pg-full .uf-set>.uf-side{display:none}
  .pg-full .uf-ramp{grid-template-columns:repeat(6,minmax(0,1fr))}.pg-full .uf-ramp>b{grid-column:1/-1;margin-top:8px}
  .pg-full .uf-bm{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-full .uf-bm>small.h{display:none}.pg-full .uf-bm>small{grid-column:1/-1;margin-top:4px}
}
@container uf (max-width:560px){
  .pg-full .uf-grid{--cols:1!important}
  .pg-full .uf-type{grid-template-columns:1fr}
  .pg-full .uf-rad,.pg-full .uf-shd{gap:8px}
  .pg-full .uf-nav{gap:10px;padding:10px 12px}.pg-full .uf-nav .lnk,.pg-full .uf-nav .uf-btn.g{display:none}.pg-full .uf-nav .uf-logo{flex:1}
  .pg-full .uf-tbl .hide{display:none}
}
@keyframes uf-sk{from{background-position:100% 0}to{background-position:0 0}}
@keyframes uf-drop{from{opacity:0;translate:0 -4px;scale:.97}}@keyframes uf-rise{from{opacity:0;translate:0 6px}}
@keyframes uf-fill{from{width:0}}@keyframes uf-grow{from{height:0}}@keyframes uf-ring{from{--uf-p:0%}}@keyframes uf-spin{to{rotate:1turn}}
@property --uf-p{syntax:"<percentage>";inherits:false;initial-value:0%}
@media (prefers-reduced-motion:reduce){.pg-full .uf-sk{animation:none}}