html{max-width:100%;overflow-x:clip;scroll-behavior:smooth}.site-shell{max-width:100%;overflow-x:hidden;background:radial-gradient(circle at 8% 5%,rgb(216 60 135 / 11%),transparent 28rem),radial-gradient(circle at 88% 18%,rgb(116 31 91 / 13%),transparent 34rem),var(--bs-color-background)}.site-shell:before{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgb(255 255 255 / .018) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .014) 1px,transparent 1px);background-size:64px 64px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.7rem 1rem;color:var(--bs-white);background:var(--bs-color-primary);border-radius:var(--bs-radius-md);transform:translateY(-160%);transition:transform var(--bs-duration-normal)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:20;border-bottom:1px solid rgb(255 255 255 / 6%)}.site-header-inner{min-height:5.5rem}.brand-lockup{color:var(--bs-color-text);font-family:var(--bs-font-display);font-size:1.45rem;font-weight:750;letter-spacing:-.035em}.brand-lockup:hover{color:var(--bs-color-text)}.brand-mark{width:2.7rem;color:var(--bs-color-primary);filter:drop-shadow(0 8px 16px rgb(216 60 135 / 20%))}.site-nav{gap:clamp(.8rem,2vw,1.65rem)}.site-nav-link{color:var(--bs-color-text-muted);font-size:var(--bs-font-size-sm);font-weight:650}.site-nav-link:hover{color:var(--bs-color-text)}.site-nav-icon{width:2.35rem;height:2.35rem;color:var(--bs-color-text-muted);border:1px solid transparent;border-radius:50%}.site-nav-icon:hover{color:var(--bs-color-text);background:var(--bs-color-surface);border-color:var(--bs-color-border)}.release-link{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .75rem;color:var(--bs-color-primary-hover);background:color-mix(in srgb,var(--bs-color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--bs-color-primary) 38%,transparent);border-radius:var(--bs-radius-pill);font-size:var(--bs-font-size-xs)}.release-link span{color:var(--bs-color-text-muted)}.hero{position:relative;padding-block:clamp(4.5rem,8vw,8rem) clamp(5rem,9vw,8.5rem)}.hero-grid{min-height:38rem}.hero-copy{position:relative;z-index:3;max-width:43rem}.hero-eyebrow,.section-kicker{color:var(--bs-color-primary-hover);font-size:var(--bs-font-size-xs);font-weight:750;letter-spacing:.13em;text-transform:uppercase}.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:var(--bs-space-5)}.hero-eyebrow span{font-size:.9rem}.hero h1{margin:0;font-size:clamp(4.25rem,8.4vw,7.7rem);line-height:.96;letter-spacing:-.07em}.hero h1 .bs-text-gradient{display:block;padding-top:.04em}.hero-description{max-width:39rem;margin:var(--bs-space-6) 0 0;color:var(--bs-color-text-muted);line-height:1.7}.install-card{max-width:39rem;margin-top:var(--bs-space-7);overflow:hidden;background:color-mix(in srgb,var(--bs-color-surface) 82%,transparent);border:1px solid var(--bs-color-border-strong);border-radius:var(--bs-radius-lg);box-shadow:var(--bs-shadow-md)}.install-tabs{display:flex;gap:.15rem;padding:.35rem .55rem 0;border-bottom:1px solid var(--bs-color-border)}.install-tabs button{position:relative;padding:.65rem .72rem;color:var(--bs-color-text-subtle);background:transparent;border:0;font:inherit;font-size:var(--bs-font-size-xs);font-weight:650}.install-tabs button:after{position:absolute;right:.5rem;bottom:-1px;left:.5rem;height:2px;background:transparent;content:""}.install-tabs button[aria-selected=true]{color:var(--bs-color-text)}.install-tabs button[aria-selected=true]:after{background:var(--bs-color-primary)}.install-command{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-space-3);min-width:0;padding:1rem 1.1rem}.install-command code{min-width:0;overflow:hidden;color:#f3bdd8;font-size:clamp(.77rem,1.4vw,.9rem);text-overflow:ellipsis;white-space:nowrap}.install-copy{display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;padding:.45rem .65rem;color:var(--bs-color-text-muted);background:#ffffff08;border:1px solid var(--bs-color-border);border-radius:var(--bs-radius-sm);font:inherit;font-size:var(--bs-font-size-xs)}.install-copy:hover{color:var(--bs-color-text);border-color:var(--bs-color-border-strong)}.install-copy[data-copy-state=success]{color:var(--bs-color-success)}.hero-actions{margin-top:var(--bs-space-6)}.hero-package-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:var(--bs-space-4) 0 0;color:var(--bs-color-text-subtle);font-size:var(--bs-font-size-xs)}.hero-package-links a{color:var(--bs-color-text-muted)}.hero-package-links a:hover{color:var(--bs-color-primary-hover)}.hero-showcase{position:relative;min-height:37rem}.showcase-glow{position:absolute;inset:3rem 2rem 2rem;background:radial-gradient(circle,rgb(216 60 135 / 28%),transparent 67%);filter:blur(1rem)}.showcase-window{position:relative;z-index:2;width:min(100%,39rem);margin:1rem 0 0 auto;overflow:hidden;background:color-mix(in srgb,var(--bs-color-surface-raised) 92%,transparent);border-color:color-mix(in srgb,var(--bs-color-primary) 26%,var(--bs-color-border));box-shadow:0 36px 90px #00000070;transform:perspective(1200px) rotateY(-2deg) rotateX(.5deg)}.showcase-toolbar{min-height:3.25rem;padding-inline:var(--bs-space-4);color:var(--bs-color-text-subtle);border-bottom:1px solid var(--bs-color-border);font-size:var(--bs-font-size-xs)}.showcase-dots{display:flex;gap:.4rem}.showcase-dots span{width:.65rem;height:.65rem;background:var(--bs-color-border-strong);border-radius:50%}.showcase-dots span:first-child{background:var(--bs-color-primary)}.showcase-dots span:nth-child(2){background:var(--bs-color-warning)}.showcase-app{background:linear-gradient(145deg,rgb(255 255 255 / 2%),transparent 55%)}.showcase-app-header{min-height:4rem;padding-inline:clamp(1rem,3vw,1.75rem);border-bottom:1px solid var(--bs-color-border);font-size:var(--bs-font-size-sm)}.showcase-app-mark{display:inline-grid;width:1.8rem;height:1.8rem;place-items:center;color:var(--bs-color-primary-hover);background:color-mix(in srgb,var(--bs-color-primary) 14%,transparent);border-radius:var(--bs-radius-sm)}.showcase-app-header nav a{color:var(--bs-color-text-muted);text-decoration:none}.showcase-app-body{padding:clamp(1.35rem,3.3vw,2.2rem)}.showcase-app-body h2{margin:var(--bs-space-4) 0 var(--bs-space-3);font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.05em}.showcase-actions{margin-block:var(--bs-space-5)}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bs-space-3)}.showcase-grid .bs-card-body{padding:var(--bs-space-4)}.showcase-grid .bs-card-title{margin-block:var(--bs-space-3) var(--bs-space-1);font-size:var(--bs-font-size-sm)}.showcase-grid .bs-card-text{margin:0;font-size:var(--bs-font-size-xs)}.showcase-card-icon{display:inline-grid;min-width:1.8rem;height:1.8rem;padding-inline:.35rem;place-items:center;color:var(--bs-color-primary-hover);background:#d83c871c;border:1px solid rgb(216 60 135 / 22%);border-radius:var(--bs-radius-sm);font-family:var(--bs-font-mono);font-size:var(--bs-font-size-xs)}.showcase-alert{margin-top:var(--bs-space-3);font-size:var(--bs-font-size-xs)}.showcase-alert .bs-alert-title{display:inline;margin-right:.25rem}.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--bs-color-border)}.proof-strip>div{display:grid;gap:.2rem;padding:clamp(1.3rem,3vw,2rem);text-align:center}.proof-strip>div+div{border-left:1px solid var(--bs-color-border)}.proof-strip strong{color:var(--bs-color-text);font-size:clamp(1.05rem,2vw,1.35rem)}.proof-strip span{color:var(--bs-color-text-subtle);font-size:var(--bs-font-size-xs)}.landing-section{padding-block:clamp(5rem,9vw,8rem)}.section-heading{max-width:48rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-heading h2,.behavior-intro h2,.starter-panel h2{margin:var(--bs-space-3) 0 var(--bs-space-4);font-size:clamp(2.6rem,5.4vw,4.7rem);line-height:.98;letter-spacing:-.055em}.section-heading p,.behavior-intro p,.starter-panel p{color:var(--bs-color-text-muted);line-height:1.7}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:var(--bs-space-6);max-width:none}.section-heading-row h2{margin-bottom:0}.section-link{flex:0 0 auto;padding-bottom:.4rem;color:var(--bs-color-primary-hover);font-size:var(--bs-font-size-sm);font-weight:650;text-decoration:none}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bs-space-4)}.value-card{display:flex;min-height:22rem;padding:clamp(1.5rem,3vw,2.25rem);color:var(--bs-color-text);background:color-mix(in srgb,var(--bs-color-surface) 67%,transparent);border:1px solid var(--bs-color-border);border-radius:var(--bs-radius-xl);flex-direction:column;text-decoration:none;transition:border-color var(--bs-duration-normal),background var(--bs-duration-normal),transform var(--bs-duration-normal)}.value-card:hover{color:var(--bs-color-text);background:var(--bs-color-surface);border-color:var(--bs-color-border-strong);transform:translateY(-3px)}.value-number{color:var(--bs-color-primary-hover);font-family:var(--bs-font-mono);font-size:var(--bs-font-size-xs)}.value-card h3{margin:auto 0 var(--bs-space-3);font-size:clamp(1.5rem,2.5vw,2rem)}.value-card p{min-height:5rem;margin:0 0 var(--bs-space-5);color:var(--bs-color-text-muted);font-size:var(--bs-font-size-sm);line-height:1.65}.value-card strong{color:var(--bs-color-primary-hover);font-size:var(--bs-font-size-sm)}.component-section{background:linear-gradient(180deg,transparent,rgb(216 60 135 / 3%) 28%,transparent),color-mix(in srgb,var(--bs-color-surface) 28%,transparent);border-block:1px solid var(--bs-color-border)}.component-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bs-space-4)}.catalog-card{display:grid;overflow:hidden;color:var(--bs-color-text);background:var(--bs-color-background);border:1px solid var(--bs-color-border);border-radius:var(--bs-radius-xl);text-decoration:none;transition:border-color var(--bs-duration-normal),transform var(--bs-duration-normal)}.catalog-card:hover{color:var(--bs-color-text);border-color:var(--bs-color-primary);transform:translateY(-3px)}.catalog-card>div:last-child{padding:var(--bs-space-5)}.catalog-card h3{margin:0 0 var(--bs-space-2);font-size:var(--bs-font-size-lg)}.catalog-card p{margin:0;color:var(--bs-color-text-muted);font-size:var(--bs-font-size-sm);line-height:1.55}.catalog-preview{display:grid;min-height:11rem;padding:var(--bs-space-5);place-items:center;background:linear-gradient(rgb(255 255 255 / 1.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 1.5%) 1px,transparent 1px),color-mix(in srgb,var(--bs-color-surface) 78%,transparent);background-size:28px 28px;border-bottom:1px solid var(--bs-color-border)}.catalog-buttons{display:flex;flex-wrap:wrap;gap:var(--bs-space-2)}.mini-card{display:grid;width:min(100%,14rem);padding:var(--bs-space-4);background:var(--bs-color-surface-raised);border:1px solid var(--bs-color-border-strong);border-radius:var(--bs-radius-md);box-shadow:var(--bs-shadow-md)}.mini-card span{width:2.2rem;height:2.2rem;margin-bottom:var(--bs-space-3);background:var(--bs-gradient-brand);border-radius:var(--bs-radius-sm)}.mini-card strong{font-size:var(--bs-font-size-sm)}.mini-card small{margin-top:.2rem;color:var(--bs-color-text-subtle)}.catalog-form{justify-items:stretch;align-content:center}.catalog-form label{width:min(100%,16rem);margin:0 auto var(--bs-space-2);color:var(--bs-color-text-muted);font-size:var(--bs-font-size-xs);font-weight:650}.catalog-form span{width:min(100%,16rem);margin:0 auto;padding:.75rem;color:var(--bs-color-text-subtle);background:var(--bs-color-background);border:1px solid var(--bs-color-border-strong);border-radius:var(--bs-radius-sm);font-size:var(--bs-font-size-sm)}.mini-alert{display:flex;width:min(100%,16rem);align-items:center;gap:var(--bs-space-3);padding:.85rem 1rem;color:var(--bs-color-success);background:color-mix(in srgb,var(--bs-color-success) 9%,var(--bs-color-background));border:1px solid color-mix(in srgb,var(--bs-color-success) 30%,transparent);border-radius:var(--bs-radius-md);font-size:var(--bs-font-size-sm)}.mini-alert span{display:grid;width:1.7rem;height:1.7rem;place-items:center;border:1px solid currentColor;border-radius:50%}.mini-nav{display:flex;width:min(100%,18rem);align-items:center;gap:var(--bs-space-4);padding:.8rem 1rem;background:var(--bs-color-background);border:1px solid var(--bs-color-border-strong);border-radius:var(--bs-radius-md);font-size:var(--bs-font-size-xs)}.mini-nav span{margin-left:auto;color:var(--bs-color-text-muted)}.mini-nav i{width:1.8rem;height:1.8rem;background:var(--bs-color-primary);border-radius:var(--bs-radius-sm)}.catalog-layout{grid-template-columns:.72fr 1.28fr;grid-template-rows:repeat(2,3rem);gap:var(--bs-space-2)}.catalog-layout span{width:100%;height:100%;background:color-mix(in srgb,var(--bs-color-primary) 13%,var(--bs-color-surface-raised));border:1px solid color-mix(in srgb,var(--bs-color-primary) 28%,transparent);border-radius:var(--bs-radius-sm)}.catalog-layout span:first-child{grid-row:1 / 3}.behavior-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,7rem);align-items:start}.behavior-intro{position:sticky;top:3rem}.behavior-intro .bs-btn{margin-top:var(--bs-space-3)}.behavior-grid{display:grid;gap:var(--bs-space-3)}.behavior-grid a{display:grid;grid-template-columns:7.4rem 1fr minmax(11rem,auto);gap:var(--bs-space-3);align-items:center;padding:var(--bs-space-5);color:var(--bs-color-text);background:color-mix(in srgb,var(--bs-color-surface) 68%,transparent);border:1px solid var(--bs-color-border);border-radius:var(--bs-radius-lg);text-decoration:none;transition:border-color var(--bs-duration-normal),transform var(--bs-duration-normal)}.behavior-grid a:hover{color:var(--bs-color-text);border-color:var(--bs-color-primary);transform:translate(3px)}.behavior-grid span{color:var(--bs-color-primary-hover);font-size:var(--bs-font-size-xs);font-weight:700}.behavior-grid h3{margin:0;font-size:var(--bs-font-size-lg)}.behavior-grid p{display:none;margin:0;color:var(--bs-color-text-muted);font-size:var(--bs-font-size-sm)}.behavior-grid code{justify-self:end;padding:.45rem .6rem;color:#f3bdd8;background:var(--bs-color-background);border:1px solid var(--bs-color-border);border-radius:var(--bs-radius-sm);font-size:.69rem}.starter-section{padding-bottom:clamp(5rem,9vw,8rem)}.starter-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:clamp(2rem,6vw,6rem);align-items:center;overflow:hidden;padding:clamp(2rem,6vw,5rem);background:radial-gradient(circle at 85% 20%,rgb(242 138 187 / 20%),transparent 19rem),linear-gradient(135deg,#35102d,#1e0d1f 62%);border:1px solid color-mix(in srgb,var(--bs-color-primary) 36%,transparent);border-radius:clamp(1.4rem,3vw,2.5rem);box-shadow:var(--bs-shadow-xl)}.starter-panel>div:first-child{position:relative;z-index:2}.starter-panel h2{max-width:38rem}.starter-panel p{max-width:42rem;margin-bottom:var(--bs-space-6)}.starter-files{position:relative;z-index:2;display:grid;padding-bottom:var(--bs-space-4);overflow:hidden;background:#0e070fc2;border:1px solid rgb(255 255 255 / 11%);border-radius:var(--bs-radius-lg);box-shadow:0 28px 60px #00000059}.starter-files-header{display:flex;align-items:center;gap:.4rem;margin-bottom:var(--bs-space-3);padding:.9rem 1rem;border-bottom:1px solid rgb(255 255 255 / 8%)}.starter-files-header span{width:.55rem;height:.55rem;background:var(--bs-color-border-strong);border-radius:50%}.starter-files-header span:first-child{background:var(--bs-color-primary)}.starter-files-header strong{margin-left:auto;color:var(--bs-color-text-subtle);font-size:var(--bs-font-size-xs);font-weight:500}.starter-files code{padding:.3rem 1.2rem;color:var(--bs-color-text-muted);font-size:var(--bs-font-size-xs)}.starter-files code span{color:var(--bs-color-primary-hover)}.site-footer{padding-top:clamp(3rem,6vw,5rem);background:#0d060e;border-top:1px solid var(--bs-color-border)}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,minmax(0,.7fr));gap:clamp(2rem,5vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}.footer-brand p{margin:var(--bs-space-4) 0 0;color:var(--bs-color-text-subtle);font-size:var(--bs-font-size-sm);line-height:1.7}.footer-grid nav,.footer-meta{display:grid;align-content:start;gap:.65rem}.footer-grid nav strong,.footer-meta strong{margin-bottom:var(--bs-space-2);color:var(--bs-color-text);font-size:var(--bs-font-size-sm)}.footer-grid nav a,.footer-meta a,.footer-meta span{color:var(--bs-color-text-subtle);font-size:var(--bs-font-size-sm);text-decoration:none}.footer-grid nav a:hover,.footer-meta a:hover{color:var(--bs-color-primary-hover)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--bs-space-4);padding-block:var(--bs-space-5);color:var(--bs-color-text-subtle);border-top:1px solid var(--bs-color-border);font-size:var(--bs-font-size-xs)}.js-ready .hero-copy{animation:reveal-up .65s var(--bs-ease-emphasized) both}.js-ready .showcase-window{animation:reveal-window .8s .1s var(--bs-ease-emphasized) both}@keyframes reveal-up{0%{opacity:0;transform:translateY(1rem)}}@keyframes reveal-window{0%{opacity:0;transform:perspective(1200px) rotateY(-2deg) translateY(1.5rem)}}@media(max-width:74.99rem){.hero h1{font-size:clamp(4rem,8vw,6.4rem)}.showcase-window{transform:none}.behavior-grid a{grid-template-columns:6.5rem 1fr}.behavior-grid code{display:none}}@media(max-width:63.99rem){.hero{padding-top:4.5rem}.hero-copy{margin-inline:auto;text-align:center}.hero-description,.install-card{margin-inline:auto}.hero-actions,.hero-package-links{justify-content:center}.hero-showcase{width:min(100%,42rem);min-height:35rem;margin:var(--bs-space-12) auto 0}.showcase-window{margin-inline:auto}.value-grid,.component-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.value-card{min-height:19rem}.behavior-section{grid-template-columns:1fr;gap:var(--bs-space-8)}.behavior-intro{position:static;max-width:44rem}.starter-panel{grid-template-columns:1fr}.starter-files{width:min(100%,32rem)}.footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:var(--bs-space-6)}}@media(max-width:47.99rem){.site-header-inner{min-height:4.75rem}.brand-lockup{font-size:1.15rem}.brand-mark{width:2.25rem}.site-nav{gap:.65rem}.site-nav-secondary,.site-nav-icon{display:none}.site-nav-link{font-size:var(--bs-font-size-xs)}.release-link{padding-inline:.6rem}.release-link span{display:none}.hero{padding-block:3.75rem 5rem}.hero h1{font-size:clamp(3.7rem,18vw,5.7rem)}.hero-description{font-size:1rem;line-height:1.65}.install-tabs{justify-content:space-between}.install-tabs button{padding-inline:.45rem}.install-copy span{display:none}.hero-actions .bs-btn{width:100%}.hero-package-links{line-height:1.7}.hero-showcase{min-height:31rem;margin-top:var(--bs-space-10)}.showcase-toolbar>span:nth-child(2){display:none}.showcase-app-header nav{display:none}.showcase-app-body h2{font-size:2rem}.showcase-grid{grid-template-columns:1fr}.showcase-grid article:last-child{display:none}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip>div:nth-child(3){border-left:0}.proof-strip>div:nth-child(n+3){border-top:1px solid var(--bs-color-border)}.landing-section{padding-block:4.5rem}.section-heading-row{align-items:start;flex-direction:column}.value-grid,.component-catalog{grid-template-columns:1fr}.value-card{min-height:17rem}.value-card p{min-height:0}.catalog-preview{min-height:10rem}.behavior-grid a{grid-template-columns:1fr}.behavior-grid p{display:block}.behavior-grid code{display:inline-block;justify-self:start}.starter-panel{padding:1.5rem}.starter-panel h2{font-size:2.55rem}.starter-panel .bs-btn{width:100%}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}.footer-meta{display:none}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-ready .hero-copy,.js-ready .showcase-window{animation:none}.value-card,.catalog-card,.behavior-grid a{transition:none}}