@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap";
:root{--brand-teal:#2fd1b8;--brand-cyan:#22c7de;--brand-blue:#4a6cf7;--brand-purple:#7c5cfc;--ink:#25262a;--background:#f5f8fc;--surface:#fff;--border:#e3e8f0;--border-soft:#f0f2f6;--text-primary:#10141c;--text-secondary:#4b5768;--text-muted:#8a96a8;--text-on-dark:#f3f5f9;--brand-gradient:linear-gradient(135deg, var(--brand-teal), var(--brand-blue) 55%, var(--brand-purple));--font-heading:"Sora", sans-serif;--font-body:"Manrope", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#7c5cfcaa}.design-system{min-height:100vh}.container{width:min(100%,1064px);margin:0 auto;padding-inline:32px}.site-header{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f8fcd9;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;width:min(100%,1304px);min-height:67px;margin:0 auto;padding:16px 32px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand img{object-fit:contain;border-radius:8px;width:34px;height:34px}.brand__name{font:700 18px var(--font-heading)}.brand__name span{color:var(--text-secondary);font-weight:500}.site-nav{align-items:center;gap:28px;display:flex}.site-nav a{color:var(--text-secondary);font-size:14.5px;font-weight:600;transition:color .18s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text-primary)}.site-nav a[aria-current=page]{font-weight:700}.hero{padding-block:72px 40px}.eyebrow{border:1px solid var(--border);background:var(--surface);color:var(--brand-blue);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.hero h1{color:var(--text-primary);font:800 52px/1.08 var(--font-heading);letter-spacing:-.02em;margin:0 0 18px}.hero p{max-width:640px;color:var(--text-secondary);margin:0;font-size:18px;line-height:1.6}.section{padding-block:40px}.section--last{padding-bottom:100px}.section-heading{align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.section-heading span{color:var(--brand-blue);font:700 13px var(--font-heading);letter-spacing:.06em;text-transform:uppercase}.section-heading h2{font:700 28px var(--font-heading);margin:0}.kicker{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:700}.brand-gradient{border:1px solid var(--border);background:linear-gradient(135deg,#2fd1b8 0%,#22c7de 30%,#4a6cf7 65%,#7c5cfc 100%);border-radius:20px;height:88px;margin-bottom:32px}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.palette-group{margin-bottom:28px}.swatch{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.swatch__color{border-bottom:1px solid #0000;height:64px}.swatch__body{padding:12px 14px}.swatch__name{font-size:13.5px;font-weight:700}.swatch__value{color:var(--text-muted);font:12px monospace}.text-token{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px}.text-token strong{font-size:15px;font-weight:800;display:block}.text-token code{color:var(--text-muted);margin-top:4px;font:12px monospace;display:block}.text-token--dark{border-color:var(--ink);background:var(--ink)}.type-note{color:var(--text-muted);margin:0 0 24px;font-size:14px}.type-note strong{color:var(--text-secondary)}.type-scale,.panel,.table-wrap,.dashboard-shell{border:1px solid var(--border);background:var(--surface);border-radius:20px}.type-scale{padding:8px 32px;overflow:hidden}.type-row{border-bottom:1px solid var(--border-soft);padding:24px 0}.type-row:last-child{border:0}.type-label,.card-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.type-sample{color:var(--text-primary);font-family:var(--font-heading)}.type-sample--hero{letter-spacing:-.02em;font-size:56px;font-weight:800}.type-sample--h1{letter-spacing:-.01em;font-size:40px;font-weight:700}.type-sample--h2{font-size:28px;font-weight:700}.type-sample--h3{font-size:20px;font-weight:600}.type-sample--body{max-width:520px;color:var(--text-secondary);font:500 16px/1.6 var(--font-body)}.type-sample--small{color:var(--text-muted);font:500 13px var(--font-body)}.panel{padding:28px}.button-row,.badge-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button-dark-sample{background:var(--ink);border-radius:16px;gap:14px;padding:16px 20px;display:flex}.ui-button{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:700;line-height:1;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.ui-button:hover{transform:translateY(-1px)}.ui-button:focus-visible,.ui-input:focus-visible{outline-offset:2px;outline:3px solid #4a6cf73d}.ui-button--primary{color:#fff;background:var(--brand-gradient);padding:14px 26px;box-shadow:0 8px 20px -6px #4a6cf773}.ui-button--secondary{color:var(--text-primary);background:#fff;border:1.5px solid #dce1ea;padding:13px 26px}.ui-button--ghost{color:var(--brand-blue);background:0 0;padding:14px 20px}.ui-button--dark{color:var(--text-primary);background:#fff;padding:13px 24px}.ui-button--dark-outline{color:#fff;background:0 0;border:1.5px solid #ffffff4d;padding:12px 24px}.ui-button--small{padding:11px 20px;font-size:14px}.ui-badge{border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.ui-badge--teal{color:#1e8a78;background:#e4f8f4}.ui-badge--blue{color:#2456c9;background:#e9effe}.ui-badge--purple{color:#6b3fd9;background:#f1ebfe}.ui-badge--cyan{color:#0e7a90;background:#e1f5f9}.ui-badge--neutral{color:var(--text-secondary);background:#f0f2f6}.ui-badge--warning{color:#b8860b;background:#fdf4e1}.ui-card{border:1px solid var(--border);background:#fff;border-radius:20px;min-width:0;padding:24px;box-shadow:0 4px 20px -4px #0f172a0f}.card-icon{background:linear-gradient(135deg,#2fd1b8,#4a6cf7);border-radius:12px;width:44px;height:44px;margin-bottom:16px}.card-title{font:700 16px var(--font-heading);margin-bottom:6px}.card-copy{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.pricing-title{font:800 26px var(--font-heading);margin-bottom:4px}.muted{color:var(--text-muted);font-size:13px}.card-action{color:#fff;background:var(--brand-gradient);border-radius:999px;margin-top:16px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.usage-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}.usage-value{font:800 22px var(--font-heading);margin-bottom:8px}.progress-root{background:var(--border-soft);border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-indicator{border-radius:inherit;background:linear-gradient(90deg,#2fd1b8,#4a6cf7);height:100%;transition:transform .4s}.usecase-mark{color:#2456c9;background:#e9effe;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:12px;font-size:14px;font-weight:800;display:grid}.usecase-title{font:700 15px var(--font-heading)}.table-wrap{overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;min-width:650px}.ui-table th{text-align:left;color:var(--text-muted);background:var(--background);letter-spacing:.04em;text-transform:uppercase;padding:14px 20px;font-size:12.5px;font-weight:700}.ui-table td{border-top:1px solid var(--border-soft);color:var(--text-secondary);padding:14px 20px;font-size:14px}.ui-table td:first-child{color:var(--text-primary);font-weight:600}.ui-table .ui-badge{padding:5px 10px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field-label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ui-input{width:100%;color:var(--text-primary);background:#fff;border:1.5px solid #dce1ea;border-radius:12px;outline:0;padding:13px 16px;font-size:14.5px;transition:border-color .16s,box-shadow .16s}.ui-input::placeholder{color:var(--text-muted)}.ui-input:hover{border-color:#bdc6d4}.ui-input--focused{border-color:var(--brand-blue);box-shadow:0 0 0 4px #4a6cf71f}.section-copy{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.section-copy a{color:var(--brand-blue);font-weight:700}.dashboard-shell{height:220px;display:flex;overflow:hidden;box-shadow:0 4px 24px -6px #0f172a14}.dashboard-sidebar{background:var(--ink);flex-direction:column;flex:none;align-items:center;gap:14px;width:64px;padding:16px 0;display:flex}.dashboard-logo{background:var(--brand-gradient);border-radius:8px;width:30px;height:30px}.dashboard-dot{background:#ffffff26;border-radius:6px;width:20px;height:20px}.dashboard-dot--active{background:#ffffff59}.dashboard-main{flex-direction:column;flex:1;display:flex}.dashboard-topbar{border-bottom:1px solid var(--border-soft);flex:none;align-items:center;height:44px;padding:0 20px;font-size:13px;font-weight:700;display:flex}.dashboard-cards{flex:1;gap:14px;padding:16px 20px;display:flex}.dashboard-placeholder{background:var(--background);border-radius:12px;flex:1}.sample-footer{color:var(--text-on-dark);background:var(--ink);padding:48px 32px}.sample-footer__inner{align-items:center;gap:12px;width:min(100%,1000px);margin:0 auto;display:flex}.sample-footer img{object-fit:contain;border-radius:8px;width:34px;height:34px}.sample-footer strong{font:700 16px var(--font-heading)}.sample-footer span{color:#a7adbb;margin-left:12px;font-size:13px}@media (max-width:860px){.site-nav{display:none}.grid-4{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.type-sample--hero{font-size:42px}}@media (max-width:560px){.container,.site-header__inner{padding-inline:20px}.site-header__inner{gap:12px}.brand__name{display:none}.hero{padding-top:52px}.hero h1{font-size:36px}.grid-4{grid-template-columns:1fr}.type-scale{padding-inline:20px}.type-sample--hero{overflow-wrap:anywhere;font-size:34px}.type-sample--h1{font-size:32px}.button-dark-sample{flex-direction:column;width:100%}.dashboard-cards{gap:8px;padding:12px}.sample-footer{padding-inline:20px}.sample-footer span{margin-left:0}}.hf-accordion{flex-direction:column;gap:10px;display:flex}.hf-accordion__item{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.hf-accordion__header{margin:0;display:flex}.hf-accordion__trigger{width:100%;color:var(--text-primary);cursor:pointer;font-family:var(--font-heading);text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:15.5px;font-weight:700;display:flex}.hf-accordion__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.hf-accordion__trigger[data-state=open] .hf-accordion__chevron{transform:rotate(180deg)}.hf-accordion__content{overflow:hidden}.hf-accordion__content[data-state=open]{animation:.2s ease-out hf-accordion-down}.hf-accordion__content[data-state=closed]{animation:.2s ease-out hf-accordion-up}.hf-accordion__content-inner{color:var(--text-secondary);font-family:var(--font-body);padding:0 20px 18px;font-size:14px;line-height:1.6}@keyframes hf-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes hf-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.hf-select__trigger{box-sizing:border-box;background:var(--surface);width:100%;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);border:1.5px solid #dce1ea;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;transition:border-color .16s,box-shadow .16s;display:flex}.hf-select__trigger:hover{border-color:#bdc6d4}.hf-select__trigger:focus-visible,.hf-select__trigger[data-state=open]{border-color:var(--brand-blue);outline:none;box-shadow:0 0 0 4px #4a6cf71f}.hf-select__icon{color:var(--text-muted);display:inline-flex}.hf-select__content{z-index:200;width:var(--radix-select-trigger-width);border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px -16px #0f172a33}.hf-select__viewport{padding:6px}.hf-select__item{color:var(--text-primary);cursor:pointer;font-family:var(--font-body);-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.hf-select__item[data-highlighted]{color:#2456c9;background:#eef2ff}.hf-select__indicator{color:var(--brand-blue);font-size:12px}.hf-textarea{resize:vertical;min-height:128px}
:root{--hf-bg:#f5f8fc;--hf-ink:#10141c;--hf-secondary:#4b5768;--hf-muted:#8a96a8;--hf-border:#e3e8f0;--hf-dark:#25262a;--hf-gradient:linear-gradient(135deg, #2fd1b8, #4a6cf7 55%, #7c5cfc);--hf-cta:linear-gradient(135deg, #1a3a4d, #25262a 55%, #2a2140)}body{background:var(--hf-bg);color:var(--hf-ink);overflow-x:hidden}@media (max-width:900px){.hf-nav-links{display:none!important}.hf-hamb{display:inline-flex!important}.hf-hero-grid{grid-template-columns:1fr!important}.hf-hero-visual{margin-top:40px}.hf-hero-h{font-size:36px!important}.hf-grid-2,.hf-grid-3{grid-template-columns:1fr!important}.hf-grid-4,.hf-grid-5,.hf-grid-6{grid-template-columns:1fr 1fr!important}.hf-alt-row,.hf-alt-row-rev,.hf-steps{flex-direction:column!important}.hf-cmp-table{font-size:12px!important}.ct-grid,.ct-form-row{grid-template-columns:1fr!important}}@media (max-width:560px){.hf-grid-4,.hf-grid-5,.hf-grid-6{grid-template-columns:1fr!important}.hf-brand-name-suffix{display:none}}