html{scroll-behavior:smooth}.section{scroll-margin-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.uo-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-standard),transform .6s var(--ease-standard);will-change:opacity,transform}.uo-reveal.is-in{opacity:1;transform:translateY(0)}.uo-reveal[data-delay="1"]{transition-delay:80ms}.uo-reveal[data-delay="2"]{transition-delay:.16s}.uo-reveal[data-delay="3"]{transition-delay:.24s}.uo-reveal[data-delay="4"]{transition-delay:.32s}@media(prefers-reduced-motion:reduce){.uo-reveal{opacity:1;transform:none;transition:none}}.section{padding:var(--section-y) 0}.section--inset{background:var(--bg-inset)}.section__head{margin-bottom:48px;max-width:720px}.section__head--center{margin-left:auto;margin-right:auto;text-align:center}.section__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--brand);text-transform:uppercase;margin-bottom:12px;display:inline-block}.section__title{font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--fg-1);text-wrap:balance}.section__sub{margin-top:16px;font-size:16px;line-height:1.6;color:var(--fg-2);text-wrap:pretty}@media(min-width:768px){.section__title{font-size:40px}.section__sub{font-size:18px}}.uo-header{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--bg-page) 82%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.uo-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.uo-header__logo{display:flex;align-items:center;gap:8px}.uo-header__logo img{height:28px}.uo-header__nav{display:none;gap:32px;align-items:center}.uo-header__nav a{font-size:14px;font-weight:700;color:var(--fg-2);text-decoration:none;transition:color var(--dur-base) var(--ease-standard)}.uo-header__nav a:hover{color:var(--fg-1)}.uo-header__menubtn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;color:var(--fg-1)}.uo-header__menubtn:hover{background:var(--bg-inset)}@media(min-width:768px){.uo-header__nav{display:flex}.uo-header__menubtn{display:none}}[data-theme=dark] .uo-header__logo img,[data-theme=dark] .uo-drawer__top img,[data-theme=dark] .uo-footer__brand img{filter:invert(1) hue-rotate(180deg)}.uo-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-page);color:var(--fg-1);z-index:100;transform:translate(100%);transition:transform var(--dur-slow) var(--ease-standard);display:flex;flex-direction:column}.uo-drawer.is-open{transform:translate(0)}.uo-drawer__top{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--gutter);border-bottom:1px solid var(--border)}.uo-drawer__top img{height:28px}.uo-drawer__nav{display:flex;flex-direction:column;padding:24px var(--gutter);gap:4px}.uo-drawer__nav a{display:block;padding:16px 0;font-size:18px;font-weight:700;color:var(--fg-1);text-decoration:none;border-bottom:1px solid var(--border)}.uo-drawer__cta{padding:24px var(--gutter)}.uo-drawer__cta .uo-btn{width:100%}.uo-footer{background:var(--bg-page);border-top:1px solid var(--border);padding:48px 0 32px;margin-top:80px;color:var(--fg-2)}.uo-footer__top{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}@media(min-width:768px){.uo-footer__top{grid-template-columns:1.6fr repeat(2,1fr)}}.uo-footer__brand img{height:28px;margin-bottom:16px}.uo-footer__brand p{font-size:13px;color:var(--fg-3);line-height:1.6;max-width:320px}.uo-footer__col h4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);margin-bottom:16px}.uo-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.uo-footer__col a{font-size:14px;color:var(--fg-1);text-decoration:none;transition:color var(--dur-base) var(--ease-standard)}.uo-footer__col a:hover{color:var(--brand)}.on-photo .uo-btn--outline{background:#ffffff1a;color:#fff;border-color:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.on-photo .uo-btn--outline:hover{background:#fff3}.hero{position:relative;padding-top:32px;padding-bottom:var(--section-y)}.hero__eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--fg-1);border:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:20px}.hero__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.hero__title{font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--fg-1);text-wrap:balance}.hero__title em{font-style:normal;color:var(--brand);font-weight:900}.hero__title .hl{color:color-mix(in oklch,var(--brand) 55%,white 45%);filter:saturate(1.25) brightness(1.08);background:linear-gradient(180deg,transparent 62%,color-mix(in oklch,var(--brand) 22%,transparent) 62%);padding:0 .05em;border-radius:2px}.hero__sub{margin-top:20px;font-size:16px;line-height:1.6;color:var(--fg-2);max-width:540px;text-wrap:pretty}.hero__ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.hero__ctas .uo-btn{height:52px;padding:0 22px;font-size:15px}@media(min-width:768px){.hero__title{font-size:48px;line-height:1.15}.hero__sub{font-size:18px}}@media(min-width:1024px){.hero__title{font-size:60px}}.hero--fullbleed{padding-top:0}.hero--fullbleed .hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(.92)}.hero--fullbleed .hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000a6,#00000073,#000000d9)}.hero--fullbleed .hero__inner{position:relative;min-height:88vh;max-height:820px;display:flex;flex-direction:column;justify-content:flex-end;padding-top:120px;padding-bottom:64px}.hero--fullbleed .hero__title,.hero--fullbleed .hero__sub{color:#fff}.hero--fullbleed .hero__sub{color:#ffffffd9}.hero--fullbleed .hero__title .hl{color:color-mix(in oklch,var(--brand) 50%,white 50%);filter:saturate(1.3) brightness(1.1);background:linear-gradient(180deg,transparent 62%,color-mix(in oklch,var(--brand) 22%,transparent) 62%);text-shadow:0 2px 12px rgba(0,0,0,.35)}.hero--fullbleed .hero__title em{color:var(--brand)}.hero--fullbleed .hero__eyebrow{background:#ffffff1f;color:#fff;border-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero--fullbleed .hero__eyebrow:before{background:var(--brand)}.tone-bold .hero__title{font-weight:900;letter-spacing:-.03em}.features__grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--neutral-900);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}[data-theme=dark] .feature-card__icon{background:var(--brand);color:#0a0a0a}.feature-card__title{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--fg-1);margin-bottom:8px}.feature-card__body{font-size:14px;line-height:1.6;color:var(--fg-2)}.process__list{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.process__list{grid-template-columns:repeat(4,1fr);gap:16px}}.step{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;transition:all var(--dur-slow) var(--ease-standard);cursor:default;overflow:hidden}.step:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-standard)}.step:hover:before{transform:scaleX(1)}.step:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.step__num{font-size:12px;font-weight:800;color:var(--brand);letter-spacing:.08em;margin-bottom:12px}.step__title{font-size:18px;font-weight:800;color:var(--fg-1);margin-bottom:8px}.step__body{font-size:14px;line-height:1.55;color:var(--fg-2)}.step__detail{border-top:1px dashed var(--border);font-size:13px;color:var(--fg-3);max-height:0;overflow:hidden;opacity:0;transition:all .3s var(--ease-standard);padding-top:0;margin-top:0;border-top-color:transparent}.step:hover .step__detail{max-height:200px;opacity:1;padding-top:16px;margin-top:16px;border-top-color:var(--border)}.showcase__layout{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media(min-width:1024px){.showcase__layout{grid-template-columns:1fr 1fr;gap:80px}}.showcase__copy h3{font-size:14px;font-weight:800;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.showcase__copy h2{font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-wrap:balance}.showcase__copy p{font-size:16px;line-height:1.6;color:var(--fg-2);margin-bottom:24px}.showcase__copy ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.showcase__copy li{display:flex;gap:12px;font-size:14px;color:var(--fg-1)}.showcase__copy li svg{flex:0 0 auto;color:var(--brand);margin-top:2px}@media(min-width:768px){.showcase__copy h2{font-size:40px}}.app-phone{width:260px;margin:0 auto}.app-phone__bezel{background:#050505;border-radius:40px;padding:10px;box-shadow:0 24px 48px -16px #000000b3,0 8px 16px -4px #00000080,0 0 0 1px var(--border);position:relative}.app-phone__notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:90px;height:20px;background:#050505;border-radius:999px;z-index:10}.app-phone__screen{border-radius:32px;overflow:hidden;aspect-ratio:430 / 932;position:relative}@media(min-width:768px){.app-phone{width:300px}}.pricing__app-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);max-width:760px;margin:0 auto;overflow:hidden}.pricing__app-header{padding:28px 28px 20px;border-bottom:1px solid var(--border)}@media(min-width:768px){.pricing__app-header{padding:36px 40px 24px}}.pricing__app-label{font-size:12px;font-weight:700;color:var(--fg-3);letter-spacing:.02em;margin-bottom:8px}.pricing__app-total{font-size:40px;font-weight:900;letter-spacing:-.03em;color:var(--fg-1);display:flex;align-items:baseline;gap:4px;line-height:1;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.pricing__app-unit{font-size:20px;font-weight:700}.pricing__app-meta{margin-top:8px;font-size:13px;color:var(--fg-3)}.pricing__app-confirmed{color:var(--success-700);font-weight:700}@media(min-width:768px){.pricing__app-total{font-size:52px}}.pricing__app-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border);gap:12px;transition:background var(--dur-fast) var(--ease-standard)}.pricing__app-row:hover{background:var(--bg-inset)}@media(min-width:768px){.pricing__app-row{padding:18px 32px}}.pricing__app-row-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.pricing__app-dot{width:10px;height:10px;border-radius:2px;flex:0 0 auto}.pricing__app-name{font-size:15px;font-weight:800;color:var(--fg-1);white-space:nowrap}.pricing__app-cnt{font-size:12px;color:var(--fg-3);white-space:nowrap}@media(min-width:768px){.pricing__app-name{font-size:16px}}.pricing__app-row-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pricing__app-sub{font-size:12px;color:var(--fg-3);white-space:nowrap}.pricing__app-amt{font-size:14px;font-weight:800;color:var(--fg-1);white-space:nowrap;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}@media(min-width:768px){.pricing__app-amt{font-size:15px}}.pricing__app-footer{background:#000;padding:20px 24px;display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.pricing__app-footer{padding:24px 40px}}.pricing__app-footer-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff9}.pricing__app-footer-total{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:#fffc}.pricing__app-footer-total .num{font-size:28px;font-weight:900;color:#fff;letter-spacing:-.02em;display:flex;align-items:baseline;gap:3px;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.pricing__app-footer-total em{font-style:normal;font-size:16px;font-weight:700}@media(min-width:768px){.pricing__app-footer-total .num{font-size:36px}}.pricing__note{margin:16px auto 0;max-width:760px;padding:0 4px;display:flex;gap:12px;align-items:flex-start;color:var(--fg-2)}.pricing__note svg{flex:0 0 auto;color:var(--brand);margin-top:2px}.pricing__note-text{font-size:13px;color:var(--fg-2);line-height:1.6}.bigcta{position:relative;background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;padding:56px 28px}@media(min-width:768px){.bigcta{padding:80px 64px}}.bigcta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 30%,color-mix(in oklch,var(--brand) 22%,transparent) 0%,transparent 55%),radial-gradient(circle at 20% 80%,color-mix(in oklch,var(--brand) 10%,transparent) 0%,transparent 50%);pointer-events:none}.bigcta__inner{position:relative;max-width:720px}.bigcta h2{font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px;text-wrap:balance}.bigcta p{font-size:16px;color:var(--fg-2);line-height:1.6;margin-bottom:32px}.bigcta .uo-btn--primary{height:52px;padding:0 24px;font-size:15px}@media(min-width:768px){.bigcta h2{font-size:44px}}@font-face{font-family:NanumSquareNeo;src:url(/fonts/NanumSquareNeo-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--warm-50: #faf7f2;--warm-100: #edeae4;--warm-200: #d6d3ce;--clay-50: #fbf2ed;--clay-100: #f4e5dd;--clay-200: #e8c5b3;--clay-300: #d99a7e;--clay-400: #c87456;--clay-500: #b8593a;--clay-600: #a14e32;--clay-700: #843f29;--clay-800: #693323;--clay-900: #4d251a;--success-100: #dcfce7;--success-500: #16a34a;--success-700: #166534;--warning-100: #fef3c7;--warning-500: #d97706;--warning-700: #92400e;--danger-100: #fee2e2;--danger-500: #dc2626;--danger-700: #991b1b;--info-100: #e0f2ff;--info-500: #0090ff;--info-700: #0d74ce;--bg-page: var(--neutral-50);--bg-surface: var(--neutral-0);--bg-inset: var(--neutral-100);--bg-warm: var(--warm-100);--fg-1: var(--neutral-950);--fg-2: var(--neutral-600);--fg-3: var(--neutral-500);--fg-4: var(--neutral-400);--fg-on-clay: var(--neutral-0);--border: var(--neutral-200);--border-strong: var(--neutral-300);--border-warm: var(--warm-200);--brand: var(--clay-500);--brand-hover: var(--clay-600);--brand-tint: var(--clay-100);--ring: rgba(184, 89, 58, .35);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-14: 56px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px 0 rgba(10, 10, 10, .05);--shadow-sm: 0 1px 3px 0 rgba(10, 10, 10, .06), 0 1px 2px 0 rgba(10, 10, 10, .04);--shadow-md: 0 4px 12px -2px rgba(10, 10, 10, .08), 0 2px 4px -1px rgba(10, 10, 10, .04);--shadow-pop: 0 12px 32px -8px rgba(10, 10, 10, .18);--shadow-focus: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--ring);--ease-standard: cubic-bezier(.2, 0, 0, 1);--dur-fast: .12s;--dur-base: .16s;--dur-slow: .24s;--font-sans: "NanumSquareNeo", "Apple SD Gothic Neo", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--text-display-xl: 56px;--text-display: 36px;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body-l: 16px;--text-body: 14px;--text-caption: 12px;--text-label: 13px;--max-w: 1200px;--gutter: 20px;--section-y: 64px}@media(min-width:768px){:root{--gutter: 32px;--section-y: 96px}}@media(min-width:1024px){:root{--gutter: 40px;--section-y: 128px}}[data-theme=dark]{--bg-page: #0a0a0a;--bg-surface: #141414;--bg-inset: #1f1f1f;--bg-warm: #1a1714;--fg-1: #fafafa;--fg-2: #b8b8b8;--fg-3: #8a8a8a;--fg-4: #5a5a5a;--fg-on-clay: #ffffff;--border: #2a2a2a;--border-strong: #3a3a3a;--border-warm: #2e2826;--brand: #d99a7e;--brand-hover: #e8b59a;--brand-tint: #2a1c16;--ring: rgba(217, 154, 126, .45);--success-100: rgba(22, 163, 74, .18);--success-700: #4ade80;--warning-100: rgba(234, 179, 8, .18);--warning-700: #fde047;--danger-100: rgba(220, 38, 38, .18);--danger-700: #fca5a5;--info-100: rgba(13, 116, 206, .18);--info-700: #93c5fd;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .55), 0 2px 4px -1px rgba(0, 0, 0, .35);--shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, .7);background:var(--bg-page);color:var(--fg-1)}[data-theme=dark] ::selection{background:var(--brand);color:#0a0a0a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--text-h1);line-height:36px;font-weight:700;letter-spacing:-.01em}h2{font-size:var(--text-h2);line-height:30px;font-weight:700;letter-spacing:-.005em}h3{font-size:var(--text-h3);line-height:26px;font-weight:700}.display-xl{font-size:var(--text-display-xl);line-height:60px;font-weight:900;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.display{font-size:var(--text-display);line-height:44px;font-weight:700;letter-spacing:-.015em}.body-l{font-size:var(--text-body-l);line-height:24px}.body{font-size:var(--text-body);line-height:22px}.caption{font-size:var(--text-caption);line-height:18px;color:var(--fg-2)}.label{font-size:var(--text-label);line-height:18px;font-weight:700;letter-spacing:.02em;color:var(--fg-2)}.num{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}a{color:var(--fg-1);text-decoration:none;transition:color var(--dur-base) var(--ease-standard)}a:hover{color:var(--brand)}.uo-container{width:100%;max-width:var(--max-w);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.uo-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.uo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font:700 14px/1 var(--font-sans);letter-spacing:.01em;border:1px solid transparent;cursor:pointer;transition:background var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard);white-space:nowrap}.uo-btn--primary{background:var(--brand);color:var(--fg-on-clay);box-shadow:var(--shadow-xs)}.uo-btn--primary:hover{background:var(--brand-hover)}.uo-btn--primary:active{transform:translateY(1px)}.uo-btn--outline{background:var(--bg-surface);color:var(--fg-1);border-color:var(--border);box-shadow:var(--shadow-xs)}.uo-btn--outline:hover{background:var(--bg-inset)}.uo-btn--ghost{background:transparent;color:var(--fg-1)}.uo-btn--ghost:hover{background:var(--bg-inset)}.uo-btn--sm{height:32px;padding:0 var(--space-3);font-size:13px}.uo-btn--lg{height:48px;padding:0 var(--space-5);font-size:15px}.uo-input{height:40px;width:100%;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);font:400 14px/1 var(--font-sans);color:var(--fg-1);box-shadow:var(--shadow-xs);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.uo-input::placeholder{color:var(--fg-4)}.uo-input:focus{outline:none;border-color:var(--brand);box-shadow:var(--shadow-focus)}.uo-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font:700 12px/1 var(--font-sans);letter-spacing:.02em;background:var(--bg-inset);color:var(--fg-1)}.uo-pill--success{background:var(--success-100);color:var(--success-700)}.uo-pill--warning{background:var(--warning-100);color:var(--warning-700)}.uo-pill--danger{background:var(--danger-100);color:var(--danger-700)}.uo-pill--info{background:var(--info-100);color:var(--info-700)}.uo-pill--brand{background:var(--brand-tint);color:var(--clay-700)}.uo-pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor}