.m1bSra_page{background:radial-gradient(ellipse at 90% 0%, color-mix(in oklab, var(--primary) 5%, transparent), transparent 65%) 0 0 / 100% 44rem no-repeat}.m1bSra_sectionNav a{min-height:2.75rem}.m1bSra_heroLayout{align-items:center;gap:2.5rem;padding-block:1.25rem 3rem;display:grid}.m1bSra_hero h1{letter-spacing:-.05em;max-width:13ch;font-size:clamp(2.5rem,5vw,4rem);line-height:1.07}.m1bSra_hero p{max-width:33rem}.m1bSra_eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:500}.m1bSra_anatomy{border:1px solid var(--border-subtle);background:var(--background);min-width:0;box-shadow:0 24px 60px -40px color-mix(in oklab, var(--primary) 30%, transparent);border-radius:8px;overflow:hidden}.m1bSra_anatomyHeading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.6875rem;display:flex}.m1bSra_anatomyHeading>span:first-child{align-items:center;gap:.5rem;font-weight:500;display:flex}.m1bSra_anatomyHeading>span:last-child{color:var(--muted-foreground);font-family:var(--font-mono), monospace;font-size:.625rem}.m1bSra_anatomyStage,.m1bSra_previewStage{background:radial-gradient(ellipse at 0% 0%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 75%), radial-gradient(ellipse at 100% 100%, color-mix(in oklab, var(--brand-platform) 6%, transparent), transparent 70%), var(--background);flex-direction:column;display:flex}.m1bSra_previewStage>.m1bSra_mock{flex:1}.m1bSra_anatomyStage{padding:1.25rem}.m1bSra_anatomy figcaption{border-top:1px solid var(--border-subtle)}.m1bSra_anatomyLegend{grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.m1bSra_anatomyLegend li{padding:.875rem .75rem}.m1bSra_anatomyLegend li+li{border-left:1px solid var(--border-subtle)}.m1bSra_anatomyLegend span{color:var(--muted-foreground);font-family:var(--font-mono), monospace;margin-bottom:.375rem;font-size:.5625rem;display:block}.m1bSra_anatomyLegend strong{font-size:.6875rem;font-weight:500;display:block}.m1bSra_anatomyLegend small{color:var(--muted-foreground);margin-top:.25rem;font-size:.5625rem;line-height:1.6;display:block}.m1bSra_anatomy figcaption>p{border-top:1px solid var(--border-subtle);color:var(--muted-foreground);padding:.75rem 1rem;font-size:.5625rem}.m1bSra_patternNav{border-block:1px solid var(--border-subtle);gap:.75rem;padding-block:1.25rem;display:grid}.m1bSra_patternNav>span{color:var(--muted-foreground)}.m1bSra_patternNav ul{flex-wrap:wrap;gap:.25rem .75rem;list-style:none;display:flex}.m1bSra_patternNav a{min-height:2.75rem;color:var(--muted-foreground);border-radius:3px;align-items:center;gap:.5rem;font-size:.6875rem;transition:color .15s;display:inline-flex}.m1bSra_patternNav a:hover{color:var(--foreground)}.m1bSra_patternNav svg{opacity:.7}.m1bSra_section{padding-block:3rem;scroll-margin-top:6rem}.m1bSra_section>div:first-child p{max-width:39rem}.m1bSra_patternGrid{gap:1.25rem;display:grid}.m1bSra_patternCard{border:1px solid var(--border-subtle);background:var(--background);border-radius:8px;flex-direction:column;min-width:0;scroll-margin-top:6rem;display:flex}.m1bSra_previewStage{border-bottom:1px solid var(--border-subtle);border-radius:7px 7px 0 0;padding:1.125rem}.m1bSra_previewMeta{color:var(--muted-foreground);font-family:var(--font-mono), monospace;justify-content:space-between;gap:1rem;margin-bottom:1rem;font-size:.5625rem;display:flex}.m1bSra_cardContent{flex-direction:column;flex:1;padding:1.25rem;display:flex}.m1bSra_cardHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.m1bSra_cardHeading h3{letter-spacing:normal;font-size:1.125rem;font-weight:550;line-height:1.3}.m1bSra_category{border-color:var(--border-subtle);border-radius:4px;padding:.25rem .5rem;font-size:.5625rem;font-weight:500}.m1bSra_cardDescription{color:var(--muted-foreground);text-wrap:pretty;margin-top:.75rem;font-size:.8125rem;line-height:1.85}.m1bSra_checks{gap:.5rem;margin-block:1.25rem;display:grid}.m1bSra_checkItem{gap:.625rem;font-size:.75rem}.m1bSra_checkItem>span:first-child{background:color-mix(in oklab, var(--primary) 8%, transparent);border:0;border-radius:50%;width:1rem;height:1rem;margin-top:.25rem}.m1bSra_checkItem>span:first-child svg{width:.6875rem;height:.6875rem}.m1bSra_cardLink{border-top:1px solid var(--border-subtle);border-radius:3px;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;margin-top:auto;padding-top:.625rem;font-size:.75rem;font-weight:500;display:flex}.m1bSra_cardLink svg{color:var(--muted-foreground);transition:color .15s,transform .18s}.m1bSra_cardLink:hover{color:var(--primary)}.m1bSra_cardLink:hover svg{color:var(--primary);transform:translate(1px,-1px)}.m1bSra_scopeNote{max-width:43rem;color:var(--muted-foreground);margin-top:1.5rem;font-size:.6875rem;line-height:1.85}.m1bSra_textLink{border-radius:3px;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.75rem;font-weight:500;display:inline-flex}.m1bSra_textLink svg,.m1bSra_cardLink svg{flex-shrink:0}.m1bSra_textLink:hover{color:var(--primary)}.m1bSra_textLink:focus-visible,.m1bSra_cardLink:focus-visible,.m1bSra_patternNav a:focus-visible,.m1bSra_patternCard:focus-visible,.m1bSra_section:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.m1bSra_workflowSection{border-top:1px solid var(--border-subtle)}.m1bSra_workflow{border:1px solid var(--border-subtle);border-radius:8px;list-style:none;display:grid}.m1bSra_workflow li{min-width:0;padding:1.5rem}.m1bSra_workflow li+li{border-top:1px solid var(--border-subtle)}.m1bSra_stepMeta{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.m1bSra_stepMeta>span{font-family:var(--font-mono), monospace;font-size:.6875rem}.m1bSra_workflow h3{letter-spacing:normal;font-size:.9375rem;font-weight:500}.m1bSra_workflow p{color:var(--muted-foreground);margin-block:.75rem;font-size:.8125rem;line-height:1.85}.m1bSra_starters{border:1px solid var(--border-subtle);background:radial-gradient(ellipse at 0% 0%, color-mix(in oklab, var(--primary) 6%, transparent), transparent 65%), var(--background);border-radius:8px;overflow:hidden}.m1bSra_startersIntro{padding:1.5rem}.m1bSra_startersIntro h2{letter-spacing:var(--site-heading-tracking);margin-top:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:550;line-height:1.2}.m1bSra_startersIntro>p{max-width:34rem;color:var(--muted-foreground);margin-block:1rem .5rem;font-size:.8125rem;line-height:1.85}.m1bSra_starterOptions{border-top:1px solid var(--border-subtle);display:grid}.m1bSra_starterOption{flex-direction:column;min-width:0;padding:1.5rem;display:flex}.m1bSra_starterOption+.m1bSra_starterOption{border-top:1px solid var(--border-subtle)}.m1bSra_starterHeading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.m1bSra_starterHeading h3{font-size:1rem;font-weight:500}.m1bSra_starterOption>p{color:var(--muted-foreground);margin-top:1rem;font-size:.8125rem;line-height:1.8}.m1bSra_starterOption>.m1bSra_starterNote{margin-top:.75rem;margin-bottom:1.5rem;font-size:.6875rem}.m1bSra_starterOption>a{align-self:flex-start;margin-top:auto}.m1bSra_proActions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:auto;display:flex}.m1bSra_bottomLink{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;padding-top:2rem;font-size:.75rem;display:flex}.m1bSra_bottomLink .m1bSra_textLink{color:var(--foreground)}.m1bSra_mock{border:1px solid var(--border-subtle);background:var(--background);min-width:0;min-height:14rem;box-shadow:0 12px 24px -22px color-mix(in oklab, var(--foreground) 30%, transparent);border-radius:6px;flex-direction:column;padding:.875rem;font-size:.625rem;display:flex}.m1bSra_mockHeader{justify-content:space-between;align-items:center;gap:.75rem;min-height:1.625rem;margin-bottom:1rem;font-weight:500;display:flex}.m1bSra_mockHeader>span{align-items:center;gap:.375rem;display:inline-flex}.m1bSra_mockSubtle{color:var(--muted-foreground);font-weight:400}.m1bSra_metrics{border:1px solid var(--border-subtle);border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.75rem;display:grid}.m1bSra_metrics>div{min-width:0;padding:.625rem .5rem}.m1bSra_metrics>div+div{border-left:1px solid var(--border-subtle)}.m1bSra_metrics span{color:var(--muted-foreground);font-size:.5rem}.m1bSra_metrics strong{letter-spacing:-.04em;margin-block:.375rem .125rem;font-size:1.25rem;font-weight:500;line-height:1.2;display:block}.m1bSra_metrics small{color:var(--muted-foreground);font-size:.5rem}.m1bSra_mockRow{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;min-height:2.5rem;display:flex}.m1bSra_mockRow>span:first-child{align-items:center;gap:.5rem;display:inline-flex}.m1bSra_mockDot,.m1bSra_successDot{background:var(--primary);border-radius:50%;flex-shrink:0;width:.3rem;height:.3rem;display:inline-block}.m1bSra_successDot{background:var(--success)}.m1bSra_mockPill{border:1px solid var(--border-subtle);white-space:nowrap;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.5rem;display:inline-flex}.m1bSra_mockAction{border:1px solid var(--border-subtle);background:var(--surface-muted);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .5rem;font-size:.5rem;font-weight:500;display:inline-flex}.m1bSra_planSummary{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.m1bSra_planSummary strong{margin-top:.25rem;font-size:.875rem;font-weight:500;display:block}.m1bSra_mockField+.m1bSra_mockField{margin-top:.75rem}.m1bSra_mockField>span{margin-bottom:.375rem;display:block}.m1bSra_mockField>div{border:1px solid var(--border-subtle);min-height:2rem;color:var(--muted-foreground);border-radius:4px;padding:.5rem .625rem}.m1bSra_mockFooter{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.m1bSra_mockFooter>span:first-child{color:var(--muted-foreground);align-items:center;gap:.375rem;font-size:.5rem;display:flex}.m1bSra_member{border-top:1px solid var(--border-subtle);align-items:center;gap:.625rem;padding-block:.75rem;display:flex}.m1bSra_member>span:last-child{margin-left:auto}.m1bSra_avatar{border:1px solid var(--border-subtle);background:color-mix(in oklab, var(--primary) 5%, var(--background));border-radius:50%;flex-shrink:0;place-items:center;width:1.625rem;height:1.625rem;font-size:.5rem;display:grid}.m1bSra_member small{color:var(--muted-foreground);margin-top:.125rem;font-size:.5rem;display:block}.m1bSra_mock:has(.m1bSra_shellPreview){padding:0;overflow:hidden}.m1bSra_shellPreview{flex:1;grid-template-columns:35% minmax(0,1fr);display:grid}.m1bSra_mockSidebar{border-right:1px solid var(--border-subtle);flex-direction:column;gap:.25rem;padding:.75rem .5rem;display:flex}.m1bSra_mockSidebar strong{align-items:center;gap:.375rem;margin-bottom:.75rem;font-weight:500;display:flex}.m1bSra_workspaceMark{border:1px solid var(--border-subtle);border-radius:4px;place-items:center;width:1.125rem;height:1.125rem;font-size:.5rem;display:grid}.m1bSra_mockSidebar>span{color:var(--muted-foreground);align-items:center;gap:.375rem;padding:.375rem .25rem;font-size:.5rem;display:flex}.m1bSra_mockSidebar .m1bSra_activeNav{background:var(--surface-muted);color:var(--foreground);border-radius:3px}.m1bSra_mockSidebar small{color:var(--muted-foreground);margin-top:auto;padding-top:.75rem;font-size:.4375rem}.m1bSra_shellContent{min-width:0;padding:.875rem .75rem}.m1bSra_shellHeader{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.125rem;font-size:.5rem;display:flex}.m1bSra_shellContent>strong{font-size:.75rem;font-weight:500;display:block}.m1bSra_skeletonLine{background:var(--border-subtle);border-radius:2px;width:70%;height:.2rem;margin-top:.5rem;display:block}.m1bSra_skeletonCards{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.m1bSra_skeletonCards span{border:1px solid var(--border-subtle);background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 3%, transparent), transparent);border-radius:4px;height:2.5rem}.m1bSra_skeletonTable{gap:.625rem;margin-top:1rem;display:grid}.m1bSra_skeletonTable span{background:var(--border-subtle);height:1px}.m1bSra_planChoices{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.m1bSra_planChoices>div{border:1px solid var(--border-subtle);border-radius:5px;flex-direction:column;gap:.625rem;min-width:0;padding:.75rem .5rem;display:flex}.m1bSra_planChoices strong{font-size:.875rem;font-weight:500}.m1bSra_planChoices>div>span{align-items:center;gap:.25rem;font-size:.5rem;display:inline-flex}.m1bSra_planChoices>div>span:last-child{margin-top:auto}.m1bSra_planChoices .m1bSra_nextPlan{border-color:color-mix(in oklab, var(--primary) 25%, var(--border-subtle));background:color-mix(in oklab, var(--primary) 3%, var(--background))}.m1bSra_currentPlan{min-height:1.5rem;color:var(--muted-foreground);justify-content:center}@media (min-width:640px){.m1bSra_patternGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.m1bSra_patternCard{grid-template-rows:subgrid;grid-row:span 2;row-gap:0;display:grid}.m1bSra_heroLayout{padding-block:2rem 3rem}.m1bSra_anatomyStage{padding:1.75rem}.m1bSra_anatomyLegend li{padding:1rem 1.25rem}.m1bSra_anatomyLegend strong{font-size:.75rem}.m1bSra_anatomyLegend small{font-size:.625rem}.m1bSra_previewStage{padding:1.25rem}.m1bSra_cardContent{padding:1.5rem}.m1bSra_startersIntro{padding:2rem}.m1bSra_starterOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.m1bSra_starterOption{padding:2rem}.m1bSra_starterOption+.m1bSra_starterOption{border-top:0;border-left:1px solid var(--border-subtle)}}@media (min-width:1024px){.m1bSra_heroLayout{grid-template-columns:1fr 1fr;gap:3rem;padding-bottom:4rem}.m1bSra_hero h1{font-size:3.5rem}.m1bSra_anatomyStage{padding:1.5rem}.m1bSra_featuredMock{padding:1.125rem}.m1bSra_featuredMock .m1bSra_metrics strong{font-size:1.5rem}.m1bSra_patternNav{grid-template-columns:auto 1fr;align-items:center;gap:1.5rem}.m1bSra_patternNav ul{justify-content:space-between}.m1bSra_section{padding-block:4rem}.m1bSra_previewStage{padding:1.25rem 2rem 1.75rem}.m1bSra_mock{min-height:15rem;padding:1rem 1.25rem;font-size:.6875rem}.m1bSra_mock:has(.m1bSra_shellPreview){padding:0}.m1bSra_metrics>div{padding:.75rem}.m1bSra_metrics span,.m1bSra_metrics small,.m1bSra_mockPill,.m1bSra_mockAction,.m1bSra_planChoices>div>span,.m1bSra_member small{font-size:.5625rem}.m1bSra_cardContent{padding:1.75rem 2rem 1.25rem}.m1bSra_workflow{grid-template-columns:repeat(3,minmax(0,1fr))}.m1bSra_workflow li{flex-direction:column;padding:1.75rem;display:flex}.m1bSra_workflow li+li{border-top:0;border-left:1px solid var(--border-subtle)}.m1bSra_workflow .m1bSra_textLink{margin-top:auto}.m1bSra_starters{grid-template-columns:.8fr 1.2fr;display:grid}.m1bSra_startersIntro{align-self:center;padding:2rem}.m1bSra_starterOptions{border-top:0;border-left:1px solid var(--border-subtle);grid-template-columns:1fr}.m1bSra_starterOption{padding:1.75rem 2rem}.m1bSra_starterOption+.m1bSra_starterOption{border-top:1px solid var(--border-subtle);border-left:0}}@media (prefers-reduced-motion:reduce){html:has(.m1bSra_page){scroll-behavior:auto}.m1bSra_patternNav a,.m1bSra_cardLink svg{transition:none}.m1bSra_cardLink:hover svg{transform:none}}