.page-module__H4Bleq__page{--luba-sage:#6b8068;--luba-sage-light:#9ab897;--luba-sage-rgb:107,128,104}.page-module__H4Bleq__hero{min-height:70vh;padding:var(--space-20)var(--space-4);align-items:center;display:flex;position:relative;overflow:hidden}.page-module__H4Bleq__heroBackground{z-index:0;position:absolute;inset:0;overflow:hidden}.page-module__H4Bleq__gridPattern{background-image:linear-gradient(#6b80680f 1px,#0000 1px),linear-gradient(90deg,#6b80680f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}[data-theme=dark] .page-module__H4Bleq__gridPattern{background-image:linear-gradient(#9ab89714 1px,#0000 1px),linear-gradient(90deg,#9ab89714 1px,#0000 1px)}.page-module__H4Bleq__heroContent{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.page-module__H4Bleq__heroLabel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--luba-sage);background:rgba(var(--luba-sage-rgb),.1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-weight:600;display:inline-block}[data-theme=dark] .page-module__H4Bleq__heroLabel{color:var(--luba-sage-light);background:#9ab89726}.page-module__H4Bleq__heroTitle{letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15}.page-module__H4Bleq__heroDescription{font-size:var(--text-base);color:var(--color-fg-muted);max-width:500px;margin:0 auto var(--space-8);line-height:1.6}.page-module__H4Bleq__heroCta{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.page-module__H4Bleq__heroMeta{font-size:var(--text-sm);color:var(--color-fg-subtle)}.page-module__H4Bleq__githubButton{align-items:center;gap:var(--space-2);background:var(--color-base-900);color:var(--color-base-0);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.page-module__H4Bleq__githubButton:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000026}[data-theme=dark] .page-module__H4Bleq__githubButton{background:var(--color-base-0);color:var(--color-base-900)}.page-module__H4Bleq__githubIcon{width:20px;height:20px}.page-module__H4Bleq__platforms{padding:var(--space-8)var(--space-4);background:var(--color-bg-subtle)}.page-module__H4Bleq__platformsContent{max-width:800px;margin:0 auto}.page-module__H4Bleq__platformGrid{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-module__H4Bleq__platformBadge{align-items:center;gap:var(--space-2);background:var(--color-bg-default);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);font-size:var(--text-sm);font-weight:500;display:flex}.page-module__H4Bleq__features{padding:var(--space-20)var(--space-4)}.page-module__H4Bleq__featuresContent{max-width:1000px;margin:0 auto}.page-module__H4Bleq__sectionTitle{letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-3);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.page-module__H4Bleq__sectionSubtitle{text-align:center;color:var(--color-fg-muted);margin-bottom:var(--space-12)}.page-module__H4Bleq__featuresGrid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.page-module__H4Bleq__featureCard{background:var(--color-bg-subtle);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);transition:transform .2s,box-shadow .2s}.page-module__H4Bleq__featureCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.page-module__H4Bleq__featureTitle{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.page-module__H4Bleq__featureDescription{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.5}.page-module__H4Bleq__decisionsSection{padding:var(--space-20)var(--space-4);background:var(--color-bg-subtle)}.page-module__H4Bleq__decisionsContent{max-width:1000px;margin:0 auto}.page-module__H4Bleq__decisionsGrid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.page-module__H4Bleq__decisionCard{background:var(--color-bg-default);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.page-module__H4Bleq__decisionLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--luba-sage);margin-bottom:var(--space-2);font-family:SF Mono,Fira Code,monospace;font-size:11px;display:inline-block}[data-theme=dark] .page-module__H4Bleq__decisionLabel{color:var(--luba-sage-light)}.page-module__H4Bleq__decisionTitle{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.page-module__H4Bleq__decisionDetail{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.6}.page-module__H4Bleq__codeSection{padding:var(--space-20)var(--space-4);background:var(--color-bg-subtle)}.page-module__H4Bleq__codeSectionContent{text-align:center;max-width:600px;margin:0 auto}.page-module__H4Bleq__codeBlock{margin-top:var(--space-8);text-align:left;background:var(--color-base-900);border-radius:var(--radius-lg);overflow:hidden}.page-module__H4Bleq__codeHeader{padding:var(--space-3)var(--space-4);font-size:var(--text-xs);color:#ffffff80;background:#ffffff0d;border-bottom:1px solid #ffffff1a}.page-module__H4Bleq__code{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-base-100);margin:0;line-height:1.6;overflow-x:auto}.page-module__H4Bleq__primitivesSection{padding:var(--space-20)var(--space-4)}.page-module__H4Bleq__primitivesContent{max-width:1000px;margin:0 auto}.page-module__H4Bleq__categories{padding:var(--space-20)var(--space-4);background:var(--color-bg-subtle)}.page-module__H4Bleq__categoriesContent{max-width:1000px;margin:0 auto}.page-module__H4Bleq__categoriesGrid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.page-module__H4Bleq__categoryCard{background:var(--color-bg-default);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.page-module__H4Bleq__categoryTitle{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--luba-sage);font-weight:600}[data-theme=dark] .page-module__H4Bleq__categoryTitle{color:var(--luba-sage-light)}.page-module__H4Bleq__componentList{gap:var(--space-2);flex-direction:column;display:flex}.page-module__H4Bleq__componentName{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-xs);background:var(--color-bg-subtle);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);color:var(--color-fg-muted)}.page-module__H4Bleq__cta{padding:var(--space-20)var(--space-4);text-align:center}.page-module__H4Bleq__ctaContent{align-items:center;gap:var(--space-4);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.page-module__H4Bleq__ctaTitle{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.page-module__H4Bleq__ctaSubtitle{color:var(--color-fg-muted);font-size:var(--text-lg);margin-bottom:var(--space-4)}@media (max-width:900px){.page-module__H4Bleq__featuresGrid,.page-module__H4Bleq__categoriesGrid{grid-template-columns:repeat(2,1fr)}.page-module__H4Bleq__decisionsGrid{grid-template-columns:1fr}}@media (max-width:600px){.page-module__H4Bleq__hero{min-height:auto;padding:var(--space-12)var(--space-4)}.page-module__H4Bleq__featuresGrid,.page-module__H4Bleq__categoriesGrid{grid-template-columns:1fr}.page-module__H4Bleq__platformGrid{gap:var(--space-2)}.page-module__H4Bleq__platformBadge{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.page-module__H4Bleq__featureCard,.page-module__H4Bleq__githubButton{transition:none}}
.PrimitiveDemos-module__A81W3W__demosGrid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.PrimitiveDemos-module__A81W3W__demoCard{background:var(--color-bg-default);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.PrimitiveDemos-module__A81W3W__demoHeader{align-items:center;display:flex}.PrimitiveDemos-module__A81W3W__demoName{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-xs);color:#6b8068;font-weight:600}[data-theme=dark] .PrimitiveDemos-module__A81W3W__demoName{color:#9ab897}.PrimitiveDemos-module__A81W3W__demoArea{flex:1;justify-content:center;align-items:center;min-height:72px;display:flex}.PrimitiveDemos-module__A81W3W__demoCaption{color:var(--color-fg-subtle);font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.4}.PrimitiveDemos-module__A81W3W__pressableTarget{align-items:center;gap:var(--space-2);color:#fff;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#6b8068;border:none;font-weight:500;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(1)}.PrimitiveDemos-module__A81W3W__pressablePressed{transform:scale(.97)}[data-theme=dark] .PrimitiveDemos-module__A81W3W__pressableTarget{color:#1a1a1a;background:#9ab897}.PrimitiveDemos-module__A81W3W__expandableTarget{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;padding:0}.PrimitiveDemos-module__A81W3W__expandableHeader{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:500;display:flex}.PrimitiveDemos-module__A81W3W__expandableChevron{font-size:var(--text-xs);color:var(--color-fg-subtle);transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.PrimitiveDemos-module__A81W3W__expandableChevronOpen{transform:rotate(180deg)}.PrimitiveDemos-module__A81W3W__expandableContent{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.175,.885,.32,1.275);display:grid}.PrimitiveDemos-module__A81W3W__expandableContentOpen{grid-template-rows:1fr}.PrimitiveDemos-module__A81W3W__expandableInner{overflow:hidden}.PrimitiveDemos-module__A81W3W__expandableItem{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);color:var(--color-fg-muted);border-top:1px solid var(--color-border-subtle)}.PrimitiveDemos-module__A81W3W__swipeableContainer{border-radius:var(--radius-md);width:100%;height:44px;position:relative;overflow:hidden}.PrimitiveDemos-module__A81W3W__swipeableActions{z-index:0;display:flex;position:absolute;top:0;bottom:0;right:0}.PrimitiveDemos-module__A81W3W__swipeActionPin,.PrimitiveDemos-module__A81W3W__swipeActionDelete{cursor:pointer;width:50px;height:100%;font-size:var(--text-xs);color:#fff;border:none;justify-content:center;align-items:center;font-weight:500;display:flex}.PrimitiveDemos-module__A81W3W__swipeActionPin{background:#6b8068}.PrimitiveDemos-module__A81W3W__swipeActionDelete{background:#c0392b}.PrimitiveDemos-module__A81W3W__swipeableRow{z-index:1;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-fg-muted);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;align-items:center;height:100%;display:flex;position:relative}.PrimitiveDemos-module__A81W3W__swipeableSnap{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.PrimitiveDemos-module__A81W3W__swipeableRow:active{cursor:grabbing}.PrimitiveDemos-module__A81W3W__shimmerCard{gap:var(--space-3);align-items:flex-start;width:100%;display:flex}.PrimitiveDemos-module__A81W3W__shimmerLine{background:var(--color-bg-subtle);border-radius:var(--radius-sm);position:relative;overflow:hidden}.PrimitiveDemos-module__A81W3W__shimmerLine:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.5s ease-in-out infinite PrimitiveDemos-module__A81W3W__shimmer;position:absolute;inset:0}[data-theme=dark] .PrimitiveDemos-module__A81W3W__shimmerLine:after{background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%)}@keyframes PrimitiveDemos-module__A81W3W__shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.PrimitiveDemos-module__A81W3W__shimmerCircle{border-radius:50%;flex-shrink:0;width:36px;height:36px}.PrimitiveDemos-module__A81W3W__shimmerLines{flex-direction:column;flex:1;gap:6px;display:flex}.PrimitiveDemos-module__A81W3W__shimmerTitle{width:55%;height:12px}.PrimitiveDemos-module__A81W3W__shimmerText{width:100%;height:10px}.PrimitiveDemos-module__A81W3W__shimmerTextShort{width:35%;height:10px}.PrimitiveDemos-module__A81W3W__longPressTarget{background:var(--color-bg-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .3s;display:flex;position:relative}.PrimitiveDemos-module__A81W3W__longPressCompleted{background:#6b80681a}.PrimitiveDemos-module__A81W3W__longPressRing{width:100%;height:100%;position:absolute;inset:0}.PrimitiveDemos-module__A81W3W__longPressLabel{font-size:var(--text-xs);color:var(--color-fg-muted);z-index:1;font-weight:500;position:relative}@media (max-width:900px){.PrimitiveDemos-module__A81W3W__demosGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.PrimitiveDemos-module__A81W3W__demosGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.PrimitiveDemos-module__A81W3W__shimmerLine:after{animation:none}.PrimitiveDemos-module__A81W3W__pressableTarget,.PrimitiveDemos-module__A81W3W__expandableContent,.PrimitiveDemos-module__A81W3W__expandableChevron,.PrimitiveDemos-module__A81W3W__swipeableSnap,.PrimitiveDemos-module__A81W3W__longPressTarget{transition:none}}