:root{--suite-canvas:oklch(97.5% .004 275);--suite-panel:oklch(100% 0 0);--suite-field:oklch(96.5% .006 275);--suite-accent-soft:oklch(96.5% .018 282);--suite-border:oklch(84% .012 276);--suite-border-soft:oklch(91% .008 276);--suite-ink:oklch(20% .018 276);--suite-ink-muted:oklch(44% .022 276);--suite-ink-faint:oklch(59% .018 276);--suite-accent:oklch(36% .075 282);--suite-alert:oklch(52% .18 25)}*{box-sizing:border-box}body{margin:0}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4,.gap-5{gap:1rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[180px\]{min-width:180px}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pl-5{padding-left:1.25rem}.m-0{margin:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem;line-height:1.25rem}.font-normal{font-weight:400}.whitespace-nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-disc{list-style-type:disc}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.suite-title-short{display:none}.suite-workspace{width:100%;max-width:88rem}.suite-brand-logo{object-fit:contain;width:34px;height:34px}.suite-brand-title{line-height:1.2}.suite-company-note{border:1px solid var(--suite-border-soft);background:var(--suite-panel);padding:1.1rem 1.4rem 1.2rem;font-family:Inter,sans-serif}.suite-company-note-title{color:var(--suite-ink);margin-top:.55rem;font-family:Playfair Display,serif;font-size:1.375rem;font-weight:600;line-height:1.2}.suite-company-note p{color:var(--suite-ink-muted);margin:.55rem 0 0;font-size:.8125rem;line-height:1.55}.suite-company-note p strong{color:var(--suite-ink);font-weight:600}.suite-tabs-shell{border-top:1px solid var(--suite-border-soft);position:relative}.suite-tabs-shell:after{content:"›";z-index:2;pointer-events:none;width:2.25rem;color:var(--suite-ink-muted);background:linear-gradient(90deg, transparent, var(--suite-canvas) 62%);justify-content:flex-end;align-items:center;padding-right:.35rem;font:600 1rem/1 Inter,sans-serif;display:flex;position:absolute;top:0;bottom:0;right:0}.suite-tabs{scroll-snap-type:x proximity;scrollbar-width:none!important}.suite-tabs::-webkit-scrollbar{display:none}.suite-tab{scroll-snap-align:center;min-height:44px}.fragility-explainer{border-top:1px solid var(--suite-border-soft);color:var(--suite-ink-muted);margin-top:1rem;padding-top:1rem;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.55}.fragility-explainer summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;width:fit-content;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.fragility-explainer p{margin:.6rem 0 0}.fragility-explainer ul{margin:.35rem 0 0;padding-left:1.1rem}.suite-frame{border:1px solid var(--suite-border-soft);border-radius:4px}.suite-frame-anchor{border-color:#0000}.suite-icon-badge{border:1px solid var(--suite-border);background:var(--suite-field);border-radius:3px;width:28px;height:28px}.suite-recommendation{box-shadow:inset 4px 0 0 var(--suite-accent);border-radius:0}.suite-recommendation-title{letter-spacing:0;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:600;line-height:1.15}.suite-body-copy{font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.55}.suite-position-panel{border-color:var(--suite-border)}.suite-position-track{border:1px solid var(--suite-border);background:linear-gradient(90deg, color-mix(in oklab, var(--suite-accent) 22%, var(--suite-panel)), var(--suite-field) 50%, color-mix(in oklab, var(--suite-alert) 18%, var(--suite-panel)));border-radius:2px;height:10px}.suite-option-recommended{border-width:2px;border-color:var(--suite-accent)!important}.suite-frame>p:first-child{margin-top:0}input,select,textarea{transition:border-color .15s,box-shadow .15s,background-color .15s}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--suite-accent) 14%, transparent);border-color:var(--suite-accent)!important}input[type=number],input[type=range]{font-variant-numeric:tabular-nums}@media (width<=639px){.suite-header-main{flex-wrap:wrap;align-items:flex-start}.suite-brand{align-items:flex-start;width:100%}.suite-brand-copy{flex:auto}.suite-brand-title{white-space:normal;font-size:16px!important}.suite-title-short{border-right:1px solid var(--suite-border);letter-spacing:.08em;vertical-align:.1rem;margin-right:.5rem;padding-right:.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:inline-block}.suite-company-note{padding:.9rem 1rem 1rem}.suite-tab{padding-left:.85rem;padding-right:.85rem}.suite-recommendation-title{font-size:2rem}}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:max-w-5xl{max-width:64rem}}