:root{--font-sans:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;--sidebar-w:268px;--page-max:1180px}*,:after,:before{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--leading);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{letter-spacing:0}code{font-family:var(--font-mono)}.lotus-mark{display:grid;flex:none;place-items:center;width:32px;height:32px;color:var(--color-primary-foreground);background:var(--color-foreground);border:1px solid color-mix(in srgb,var(--color-foreground) 16%,transparent);border-radius:8px;box-shadow:var(--shadow-sm)}.lotus-mark svg{width:21px;height:21px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.shell--home{display:block}.shell--home .sidebar,.shell--home .topbar{display:none}.shell--home .content{min-height:100dvh}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto;padding:var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-border)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-weight:var(--font-weight-semibold)}.sidebar__search{width:100%;height:34px;margin-bottom:var(--space-4);padding:0 10px;color:var(--color-foreground);background:var(--color-background);border:1px solid var(--color-input);border-radius:8px}.sidebar__search:focus{outline:none;border-color:var(--color-ring);box-shadow:0 0 0 3px var(--color-ring-subtle)}.nav__group{margin-bottom:var(--space-5)}.nav__heading{padding:0 var(--space-2) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.nav__heading,.nav__link{color:var(--color-muted-foreground)}.nav__link{display:block;width:100%;padding:7px var(--space-2);font-size:var(--font-size-sm);text-align:left;background:transparent;border:none;border-radius:8px;cursor:pointer}.nav__link:hover{color:var(--color-foreground);background:var(--color-surface-hover)}.nav__link[data-active]{color:var(--color-foreground);background:var(--color-card);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-xs)}.content{min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);height:56px;padding:0 var(--space-8);background:color-mix(in srgb,var(--color-background) 84%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border)}.site{color:var(--color-foreground);background:linear-gradient(180deg,var(--color-background) 0,var(--color-background) 52%,var(--color-surface) 100%),var(--color-background)}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(var(--page-max),calc(100% - 48px));height:72px;margin:0 auto;background:color-mix(in srgb,var(--color-background) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}.brand-button,.site-nav__links a,.site-nav__links button{color:inherit;text-decoration:none;background:transparent;border:0}.brand-button{display:inline-flex;align-items:center;gap:10px;font-weight:var(--font-weight-semibold);cursor:pointer}.site-nav__links{display:flex;align-items:center;gap:24px;font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.site-nav__links a,.site-nav__links button{cursor:pointer}.site-nav__links a:hover,.site-nav__links button:hover{color:var(--color-foreground)}.site-nav__actions{display:flex;align-items:center;justify-content:flex-end;min-width:42px}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;grid-gap:56px;gap:56px;width:min(var(--page-max),calc(100% - 48px));margin:0 auto;padding:104px 0 78px}.hero__copy{max-width:590px}.hero h1{max-width:620px;font-size:56px;line-height:1.02;font-weight:650;letter-spacing:0}.hero p{margin-top:var(--space-5);max-width:560px;font-size:var(--font-size-lg);line-height:1.65;color:var(--color-muted-foreground)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}.hero__actions svg{width:18px;height:18px}.package-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-7)}.package-strip code{padding:7px 10px;font-size:var(--font-size-xs);color:var(--color-muted-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.product-preview{min-width:0}.preview-window{overflow:hidden;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 24px 70px color-mix(in srgb,var(--color-foreground) 13%,transparent)}.preview-window__bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.preview-window__bar span{width:9px;height:9px;background:var(--color-border);border-radius:999px}.preview-window__bar p{margin:0 0 0 8px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.preview-stage{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-gap:18px;gap:18px;min-height:430px;padding:24px;background:linear-gradient(var(--color-border) 1px,transparent 1px) 0 0 /28px 28px,linear-gradient(90deg,var(--color-border) 1px,transparent 1px) 0 0 /28px 28px,var(--color-card)}.preview-card{align-self:center;max-width:410px;border-radius:8px}.preview-actions,.preview-card__head,.preview-row{display:flex;align-items:center}.preview-card__head{justify-content:space-between;gap:var(--space-4)}.preview-card__head strong{display:block;margin-top:3px;font-size:var(--font-size-lg)}.preview-label{margin:0;font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.preview-form{display:grid;grid-gap:var(--space-3)}.preview-form,.preview-row{gap:var(--space-3);margin-top:var(--space-5)}.preview-row{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.preview-row .ui-switch{margin-left:auto}.preview-actions{gap:var(--space-3);margin-top:var(--space-6)}.token-rail{align-self:stretch;display:grid;align-content:center;grid-gap:10px;padding:18px;background:color-mix(in srgb,var(--color-surface) 88%,transparent)}.token-rail,.token-row{gap:10px;border:1px solid var(--color-border);border-radius:8px}.token-row{display:flex;align-items:center;padding:10px;background:var(--color-card)}.token-row span{width:18px;height:18px;background:var(--color-accent);border-radius:6px}.token-row:nth-child(2) span{background:var(--color-success)}.token-row:nth-child(3) span{background:var(--color-warning)}.token-row:nth-child(4) span{background:var(--color-primary)}.token-row code{font-size:11px;color:var(--color-muted-foreground)}.proof-band{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;width:min(var(--page-max),calc(100% - 48px));margin:0 auto;overflow:hidden;background:var(--color-border);border:1px solid var(--color-border);border-radius:8px}.proof-band div{min-width:0;padding:22px;background:var(--color-card)}.proof-band strong{display:block;font-size:var(--font-size-2xl);line-height:1}.proof-band span{display:block;margin-top:6px;font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.section-block{width:min(var(--page-max),calc(100% - 48px));margin:0 auto;padding:92px 0 0;scroll-margin-top:84px}.section-block:last-child{padding-bottom:110px}.section-block__header{max-width:680px}.section-block__header h2{font-size:var(--font-size-3xl);line-height:1.12;font-weight:var(--font-weight-semibold);letter-spacing:0}.section-block__header p{margin-top:var(--space-3);font-size:var(--font-size-lg);color:var(--color-muted-foreground)}.split{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:48px;gap:48px;align-items:start}.framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.component-card,.framework-card{text-align:left;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-xs)}.framework-card{padding:18px}.framework-card span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:var(--space-4);color:var(--color-primary-foreground);background:var(--color-foreground);border-radius:8px}.component-card strong,.framework-card strong{display:block;font-size:var(--font-size-md)}.component-card p,.framework-card p{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-7)}.component-card{min-height:152px;padding:18px;cursor:pointer}.component-card:hover{border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-border));transform:translateY(-1px)}.component-card span{display:block;margin-bottom:var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent)}.doc{max-width:860px;margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-20)}.doc__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent)}.doc h1{margin-top:4px;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:0}.doc__lead{margin-top:var(--space-3);font-size:var(--font-size-lg);color:var(--color-muted-foreground);line-height:var(--leading-snug)}.doc h2{margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:0}.install{display:flex;align-items:center;gap:var(--space-3);max-width:760px;margin-top:var(--space-5);padding:12px 14px;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-foreground);background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-xs)}.install span{color:var(--color-muted-foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none}.install code{flex:1 1;overflow-x:auto;white-space:nowrap}.install__copy{flex:none;padding:5px 10px;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer}.install__copy:hover{background:var(--color-surface-hover)}.preview{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-8);background:radial-gradient(var(--color-border) 1px,transparent 1px) 0 0 /16px 16px,var(--color-card);border:1px solid var(--color-border);border-radius:8px 8px 0 0}.code{margin:0;padding:var(--space-4) var(--space-5);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px}.example+.example{margin-top:var(--space-6)}.example__title{margin-bottom:var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground)}.example__title,.props{font-size:var(--font-size-sm)}.props{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.props th{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);background:var(--color-surface)}.props td,.props th{padding:10px 14px;border-bottom:1px solid var(--color-border)}.props td{vertical-align:top}.props tr:last-child td{border-bottom:none}.props code{font-size:var(--font-size-xs);padding:1px 5px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.props .muted{color:var(--color-muted-foreground)}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-border)}.hero,.split{grid-template-columns:1fr}.hero{gap:36px;min-height:0}.hero h1{font-size:44px}.preview-stage{grid-template-columns:1fr}.token-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.hero,.proof-band,.section-block,.site-nav{width:min(100% - 32px,var(--page-max))}.site-nav{height:auto;min-height:64px;gap:12px;padding:10px 0}.site-nav__links{display:none}.hero{padding:38px 0 58px}.hero h1{font-size:38px}.hero p,.section-block__header p{font-size:var(--font-size-md)}.framework-grid,.proof-band{grid-template-columns:1fr}.preview-stage{padding:16px;min-height:0}.token-rail{display:none}.install{align-items:flex-start}.install__copy{margin-left:auto}.doc{padding:var(--space-8) var(--space-4) var(--space-16)}}