.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 *{box-sizing:border-box}
.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.hov{background-image:linear-gradient(color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent))}
.pg-full .uf-btn.foc{outline:2px solid var(--ring);outline-offset:2px}
.pg-full .uf-btn.dis{opacity:.45}
.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{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.ph{color:var(--muted-foreground)}
.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.dis{background:var(--muted);color:var(--muted-foreground);opacity:.7}
.pg-full .uf-in.ta{height:auto;min-height:calc(var(--in-h) * 2);align-items:flex-start;padding-top:10px;padding-bottom:10px;white-space:normal}
.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 span{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 .on{background:var(--accent);color:var(--accent-foreground)}
.pg-full .uf-ctl{display:flex;align-items:center;gap:10px;font:var(--t-body-sm)}
.pg-full .uf-ctl.dis{opacity:.45}
.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.on{background:var(--primary);border-color:var(--primary)}
.pg-full .uf-rd.on{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.on{background:var(--primary)}.pg-full .uf-sw.on::after{left:19px;background:var(--primary-foreground)}
.pg-full .uf-range{height:6px;border-radius:999px;background:var(--muted);position:relative;margin:14px 9px 6px}
.pg-full .uf-range i{position:absolute;inset:0 40% 0 0;border-radius:inherit;background:var(--primary)}
.pg-full .uf-range b{position:absolute;left:60%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--background);border:2px solid var(--primary)}

.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 span{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 span{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 span{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-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{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--primary) 0 72%,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.sel 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-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{width:min(420px,100%);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>span{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{flex:1;min-width:0}.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 span{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-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)}

@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}}
@media (prefers-reduced-motion:reduce){.pg-full .uf-sk{animation:none}}