/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.columns-3{column-count:3}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--showroom-ink:var(--ds-color-text-primary,#111b2d);--showroom-ink-soft:var(--ds-color-text-secondary,#42516a);--showroom-ink-muted:var(--ds-color-text-muted,#6b7a8f);--showroom-paper:var(--ds-color-bg-elevated,#fff)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-paper:color-mix(in srgb,var(--ds-color-bg-elevated,#fff) 78%,var(--ds-color-primary,#4f7cff) 6%)}}:root{--showroom-paper-strong:var(--ds-color-bg-primary,#fff)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-paper-strong:color-mix(in srgb,var(--ds-color-bg-primary,#fff) 92%,white 8%)}}:root{--showroom-paper-soft:var(--ds-color-bg-secondary,#f4f7fb)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-paper-soft:color-mix(in srgb,var(--ds-color-bg-secondary,#f4f7fb) 84%,var(--ds-color-primary,#4f7cff) 4%)}}:root{--showroom-line:var(--ds-color-border-subtle,#111b2d1a)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-line:color-mix(in srgb,var(--ds-color-border-subtle,#111b2d1a) 84%,transparent)}}:root{--showroom-line-strong:var(--ds-color-border,#111b2d29)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-line-strong:color-mix(in srgb,var(--ds-color-border,#111b2d29) 92%,transparent)}}:root{--showroom-shadow:var(--ds-shadow-md,0 18px 44px #0f182714);--showroom-shadow-strong:var(--ds-shadow-lg,0 28px 64px #0a121e1f);--showroom-dark:var(--ds-color-bg-tertiary,#091121);--showroom-dark-soft:var(--ds-color-bg-tertiary,#12203a)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-dark-soft:color-mix(in srgb,var(--ds-color-bg-tertiary,#12203a) 88%,var(--ds-color-primary,#4f7cff) 12%)}}:root{--showroom-dark-line:var(--ds-color-border,#ffffff1f)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-dark-line:color-mix(in srgb,var(--ds-color-border,#ffffff1f) 88%,transparent)}}:root{--showroom-accent:var(--ds-color-primary,#4f7cff);--showroom-accent-soft:var(--ds-color-primary,#4f7cff)}@supports (color:color-mix(in lab,red,red)){:root{--showroom-accent-soft:color-mix(in srgb,var(--ds-color-primary,#4f7cff) 14%,transparent)}}:root{--showroom-radius-2xl:2rem;--showroom-radius-xl:1.5rem;--showroom-radius-lg:1.125rem;--showroom-font-display:"Iowan Old Style","Palatino Linotype","URW Palladio L","Book Antiqua",Georgia,serif}html{scroll-behavior:smooth;min-height:100%}body.showroom-site-body,html{background:var(--ds-color-bg-secondary,#f4f7fb)}body.showroom-site-body{min-height:100vh;color:var(--ds-color-text-primary,var(--showroom-ink));font-family:var(--font-geist-sans),"Avenir Next","Segoe UI Variable","Helvetica Neue",sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;position:relative}body.showroom-site-body,body.showroom-site-body #__next{width:100%}::selection{background:var(--ds-color-primary,#4f7cff)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--ds-color-primary,#4f7cff) 18%,transparent)}}::selection{color:var(--ds-color-text-primary,var(--showroom-ink))}.showroom-home{isolation:isolate;background:radial-gradient(circle at 0 0,#4f7cff1f,#0000 30%),radial-gradient(circle at 88% 10%,#d5884124,#0000 26%),linear-gradient(#ffffff5c,#fff0 26%);position:relative;overflow:clip}.showroom-home:before{filter:blur(22px);background:radial-gradient(circle,#4f7cff24,#0000 70%);width:30rem;height:30rem;inset:-16rem auto auto -16rem}.showroom-home:after,.showroom-home:before{content:"";pointer-events:none;border-radius:999px;position:absolute}.showroom-home:after{filter:blur(24px);background:radial-gradient(circle,#d5884129,#0000 72%);width:24rem;height:24rem;inset:18rem -8rem auto auto}.showroom-home a{text-decoration:none}.showroom-shell{width:min(1240px,100% - 2rem);margin-inline:auto}.showroom-home-header{z-index:2;padding-top:1rem;position:relative}.showroom-home-bar{box-shadow:var(--showroom-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #111b2d14;border-radius:1.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.showroom-brand{gap:.85rem;min-width:0}.showroom-brand,.showroom-brand-mark{align-items:center;display:inline-flex}.showroom-brand-mark{color:#f7faff;width:2.5rem;height:2.5rem;font-family:var(--showroom-font-display);background:linear-gradient(135deg,#1e396d,#4f7cff);border-radius:1rem;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 10px 22px #1f4cff38}.showroom-brand-copy{gap:.18rem;min-width:0;display:grid}.showroom-brand-copy strong{color:var(--showroom-ink);font-size:.98rem;line-height:1.1}.showroom-brand-copy span{color:var(--showroom-ink-muted);font-size:.85rem;line-height:1.45}.showroom-home-nav{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.showroom-home-nav-link{min-height:2.5rem;color:var(--showroom-ink-soft);border-radius:999px;align-items:center;padding:.55rem .9rem;font-size:.9rem;font-weight:600;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.showroom-home-nav-link:hover{color:var(--showroom-ink);background:#ffffffbd;transform:translateY(-1px)}.showroom-detail-checklist-grid,.showroom-detail-layout,.showroom-detail-support-grid{width:100%;min-width:0}.showroom-detail-support-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}@media (max-width:1600px){.pattern-detail-header-grid,.primitive-component-header-grid,.showroom-foundations-hero-grid,.showroom-index-hero-grid,.showroom-primitive-detail-hero-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:1560px){.showroom-detail-layout{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:900px){.showroom-detail-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:580px){.showroom-detail-checklist-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:720px){.showroom-detail-support-grid{grid-template-columns:minmax(0,1fr)}}.showroom-section{padding:clamp(4rem,7vw,6.5rem) 0;position:relative}.showroom-section-tight{padding-top:clamp(3rem,6vw,4.5rem)}.showroom-hero{padding-top:clamp(3.5rem,6vw,5.75rem)}.showroom-hero-grid{align-items:center;gap:clamp(2.25rem,5vw,4.5rem);display:grid}.showroom-hero-copyblock{position:relative}.showroom-eyebrow{color:var(--showroom-ink-muted);letter-spacing:.16em;text-transform:uppercase;background:#ffffff8c;border:1px solid #111b2d14;border-radius:999px;align-items:center;gap:.65rem;padding:.45rem .85rem;font-size:.74rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fffc}.showroom-eyebrow-dark{color:#e7edf7b8;background:#ffffff0f;border-color:#ffffff1f}.showroom-display{font-family:var(--showroom-font-display);letter-spacing:-.045em}.showroom-hero-title{max-width:12ch;color:var(--showroom-ink);margin-top:1.35rem;font-size:clamp(3.3rem,7vw,6.2rem);line-height:.92}.showroom-card-copy,.showroom-dark-copy,.showroom-engine-copy,.showroom-hero-copy,.showroom-list-item,.showroom-metric-detail,.showroom-section-copy,.showroom-tier-examples{color:var(--showroom-ink-soft)}.showroom-hero-copy{max-width:44rem;margin-top:1.5rem;font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.78}.showroom-cta-row{flex-wrap:wrap;gap:.95rem;margin-top:2rem;display:flex}.showroom-cta-row-tight{margin-top:1.75rem}.showroom-button{border-radius:999px;align-items:center;gap:.7rem;min-height:3.25rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex}.showroom-button:hover{transform:translateY(-1px)}.showroom-button-primary{color:#f8fbff;background:linear-gradient(135deg,#1c345f,#3d68b4);box-shadow:0 14px 28px #182b522e}.showroom-button-primary:hover{box-shadow:0 18px 34px #182b5238}.showroom-button-secondary{color:var(--showroom-ink);background:#ffffffc2;border:1px solid #111b2d1a;box-shadow:0 10px 24px #0f18270f}.showroom-button-secondary:hover{background:#ffffffe0;border-color:#111b2d2e}.showroom-button-dark{color:#eef2fb;background:#ffffff0f;border:1px solid #ffffff1f}.showroom-button-dark:hover{background:#ffffff1a;border-color:#ffffff2e}.showroom-link-deck{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.showroom-link-chip{color:var(--showroom-ink-soft);background:#ffffff94;border:1px solid #111b2d14;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem .95rem;font-size:.86rem;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.showroom-link-chip:hover{background:#ffffffd1;border-color:#111b2d29;transform:translateY(-1px)}.showroom-card-grid,.showroom-metric-grid,.showroom-tier-grid{gap:1rem;display:grid}.showroom-metric-grid{margin-top:2rem}.showroom-journey-card,.showroom-metric-card,.showroom-panel{background:linear-gradient(180deg,var(--showroom-paper-strong) 0,var(--showroom-paper) 100%);box-shadow:var(--showroom-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #111b2d14}.showroom-journey-card,.showroom-panel{border-radius:var(--showroom-radius-2xl);padding:1.45rem}.showroom-panel-quiet{background:linear-gradient(#ffffffd1,#fffaf4b8)}.showroom-metric-card{border-radius:1.55rem;padding:1.25rem}.showroom-metric-value{font-family:var(--showroom-font-display);color:var(--showroom-ink);font-size:clamp(2rem,4vw,2.65rem);line-height:.95}.showroom-metric-label{color:var(--showroom-ink);margin-top:.9rem;font-size:.96rem;font-weight:700}.showroom-metric-detail{margin-top:.45rem;font-size:.92rem;line-height:1.6}.showroom-demo-board{box-shadow:var(--showroom-shadow-strong);background:linear-gradient(140deg,#ffffffe0,#fff9);border:1px solid #ffffffd1;border-radius:2.3rem;padding:1rem;position:relative}.showroom-demo-board:before{content:"";background:radial-gradient(circle at 100% 0,#748dff38,#0000 34%),linear-gradient(160deg,#091121,#11203c 58%,#0a1527);border:1px solid #ffffff0d;border-radius:1.85rem;position:absolute;inset:.95rem}.showroom-demo-board>*{z-index:1;position:relative}.showroom-demo-chrome{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .8rem 0;display:flex}.showroom-demo-dots{gap:.45rem;display:inline-flex}.showroom-demo-dots span{background:#ffffff4d;border-radius:999px;width:.65rem;height:.65rem}.showroom-demo-label,.showroom-demo-small,.showroom-demo-tier-meta{color:#e7edf79e}.showroom-demo-label{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.showroom-demo-grid{gap:1rem;padding:1rem;display:grid}.showroom-demo-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:1.45rem;padding:1.1rem;box-shadow:inset 0 1px #ffffff0a}.showroom-demo-card-wide{grid-column:1/-1}.showroom-demo-card-head,.showroom-engine-head,.showroom-list-head,.showroom-tier-head,.showroom-vertical-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.showroom-demo-kicker,.showroom-journey-step{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:3rem;padding:.35rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}.showroom-demo-kicker{color:#e7edf7db;background:#ffffff14}.showroom-journey-step{background:var(--showroom-accent-soft);color:var(--showroom-accent)}.showroom-demo-tier-list{gap:.85rem;margin-top:1.1rem;display:grid}.showroom-demo-tier-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.showroom-demo-tier-name{color:#f5f8ff;font-size:.96rem;font-weight:600}.showroom-demo-tier-meta{margin-top:.18rem;font-size:.8rem;line-height:1.45}.showroom-demo-tier-bar{background:#ffffff14;border-radius:999px;flex:0 0 40%;min-width:7rem;height:.5rem;overflow:hidden}.showroom-demo-tier-fill{border-radius:inherit;height:100%;display:block}.showroom-demo-brand-grid,.showroom-demo-token-rows,.showroom-engine-toggle,.showroom-trait-list{flex-wrap:wrap;gap:.65rem;display:flex}.showroom-engine-toggle{margin-top:1.1rem}.showroom-engine-pill{color:#e7edf7ad;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:.55rem .85rem;font-size:.83rem}.showroom-engine-pill.is-active{color:#eef3ff;background:#86a5ff29;border-color:#86a5ff4d}.showroom-engine-readout{gap:1rem;margin-top:1.05rem;display:grid}.showroom-demo-token-rows span,.showroom-engine-badge,.showroom-trait-pill,.showroom-vertical-meta{border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.showroom-demo-token-rows span{color:#e7edf7b8;background:#ffffff0f}.showroom-demo-brand-grid{margin-top:1rem}.showroom-demo-brand-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05),var(--showroom-accent);border-radius:1.1rem;flex:10rem;align-items:center;gap:.8rem;min-width:0;padding:.9rem;display:flex}@supports (color:color-mix(in lab,red,red)){.showroom-demo-brand-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05),color-mix(in srgb,var(--showroom-accent) 14%,transparent)}}.showroom-demo-brand-card{border:1px solid #ffffff0f}.showroom-demo-brand-icon{width:1.15rem;height:1.15rem;color:var(--showroom-accent);flex-shrink:0}.showroom-floating-note{color:var(--showroom-ink);background:#fffc;border-radius:999px;padding:.7rem .95rem;font-size:.78rem;font-weight:700;position:absolute;top:9%;right:-.75rem;box-shadow:0 16px 40px #0a121e26}.showroom-floating-note-alt{inset:auto auto 5% -.45rem}.showroom-section-head{gap:1rem;max-width:52rem;margin-bottom:2.15rem;display:grid}.showroom-section-head-tight{margin-bottom:1.65rem}.showroom-dark-title,.showroom-section-title{color:var(--showroom-ink);line-height:.98}.showroom-section-title{font-size:clamp(2.35rem,5vw,4.45rem)}.showroom-section-title-compact{max-width:14ch;font-size:clamp(2rem,4vw,3.4rem)}.showroom-section-copy{font-size:1.02rem;line-height:1.78}.showroom-card-grid-four,.showroom-card-grid-three,.showroom-tier-grid{grid-template-columns:minmax(0,1fr)}.showroom-card-icon-wrap,.showroom-tier-badge{background:var(--showroom-accent);border-radius:1rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.showroom-card-icon-wrap,.showroom-tier-badge{background:color-mix(in srgb,var(--showroom-accent) 12%,white)}}.showroom-card-icon-wrap,.showroom-tier-badge{color:var(--showroom-accent);flex-shrink:0}.showroom-card-icon-wrap-soft{background:#ffffffb8}.showroom-tier-badge{background:var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-tier-badge{background:color-mix(in srgb,var(--showroom-accent) 14%,white)}}.showroom-tier-badge-soft{width:3.25rem;height:3.25rem}.showroom-card-icon,.showroom-tier-icon{width:1.2rem;height:1.2rem}.showroom-card-title,.showroom-tier-title{color:var(--showroom-ink);font-size:1.1rem;font-weight:700;line-height:1.3}.showroom-card-copy{margin-top:1rem;font-size:.98rem;line-height:1.72}.showroom-card-copy-flush{margin-top:0}.showroom-feature-card .showroom-card-title{margin-top:1.15rem}.showroom-inline-link{color:var(--showroom-ink);align-items:center;gap:.5rem;margin-top:1.15rem;font-size:.92rem;font-weight:700;display:inline-flex}.showroom-tier-layout{gap:1rem;display:grid}.showroom-home-summary{gap:1.25rem;display:grid}.showroom-summary-title{max-width:14ch;color:var(--showroom-ink);font-size:clamp(2rem,4vw,3.35rem);line-height:.98}.showroom-home-summary-grid{gap:1rem;display:grid}.showroom-home-highlight{background:#ffffff8a;border:1px solid #111b2d14;border-radius:1.35rem;padding:1.1rem 1.15rem}.showroom-home-route-list{gap:.8rem;display:grid}.showroom-home-route{color:var(--showroom-ink);background:#ffffff85;border:1px solid #111b2d14;border-radius:1.2rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.showroom-home-route:hover{background:#ffffffc2;border-color:#111b2d24;transform:translateY(-1px)}.showroom-home-route-copy{gap:.18rem;display:grid}.showroom-home-route-label{font-size:.94rem;font-weight:700}.showroom-home-route-detail{color:var(--showroom-ink-soft);font-size:.88rem;line-height:1.55}.showroom-tier-card{border:1px solid var(--showroom-line);background:#ffffff94;border-radius:1.4rem;padding:1.25rem}.showroom-tier-count{font-family:var(--showroom-font-display);color:var(--showroom-ink);font-size:2.15rem;line-height:.92}.showroom-tier-examples{margin-top:.8rem;font-size:.9rem;line-height:1.6}.showroom-stack{gap:1rem;display:grid}.showroom-dark-panel,.showroom-final-cta{background:radial-gradient(circle at top right,#86a5ff2e,transparent 32%),linear-gradient(165deg,var(--showroom-dark) 0,var(--showroom-dark-soft) 58%,#091423 100%);color:#eef2fb;border:1px solid var(--showroom-dark-line);box-shadow:var(--showroom-shadow-strong);position:relative;overflow:hidden}.showroom-dark-panel:before,.showroom-final-cta:before{content:"";background:radial-gradient(circle at top right,var(--showroom-engine-glow,#86a5ff33),transparent 35%);pointer-events:none;position:absolute;inset:0}.showroom-dark-panel>*,.showroom-final-cta>*{z-index:1;position:relative}.showroom-dark-title{color:#f4f7ff;margin-top:1rem;font-size:clamp(1.95rem,3vw,2.85rem)}.showroom-dark-title-lg{max-width:14ch;margin-top:1.15rem}.showroom-dark-copy{color:#e7edf7b8;margin-top:1rem;line-height:1.75}.showroom-list{gap:.8rem;margin-top:1rem;display:grid}.showroom-list-item{align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.6;display:flex}.showroom-list-bullet{background:var(--showroom-accent);border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;margin-top:.5rem;box-shadow:0 0 0 6px #4f7cff14}.showroom-engine-card{border-radius:var(--showroom-radius-2xl);border:1px solid var(--showroom-accent);padding:1.45rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.showroom-engine-card{border:1px solid color-mix(in srgb,var(--showroom-accent) 16%,#111b2d1a)}}.showroom-engine-card{box-shadow:var(--showroom-shadow);background:linear-gradient(#fffffff5,#faf6efdb)}.showroom-engine-card:before{content:"";background:var(--showroom-accent);width:100%;height:.28rem;position:absolute;inset:0 auto auto 0}@supports (color:color-mix(in lab,red,red)){.showroom-engine-card:before{background:color-mix(in srgb,var(--showroom-accent) 78%,white)}}.showroom-engine-name{color:var(--showroom-ink);font-size:1.32rem;font-weight:700}.showroom-engine-foundation{color:var(--showroom-ink-muted);margin-top:.3rem;font-size:.9rem}.showroom-engine-badge,.showroom-trait-pill{border:1px solid var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-engine-badge,.showroom-trait-pill{border:1px solid color-mix(in srgb,var(--showroom-accent) 18%,#111b2d1a)}}.showroom-engine-badge,.showroom-trait-pill{background:var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-engine-badge,.showroom-trait-pill{background:color-mix(in srgb,var(--showroom-accent) 10%,white)}}.showroom-engine-badge,.showroom-trait-pill{color:var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-engine-badge,.showroom-trait-pill{color:color-mix(in srgb,var(--showroom-accent) 70%,#1b2640)}}.showroom-engine-badge{white-space:nowrap}.showroom-engine-copy{color:var(--showroom-ink-soft);margin-top:1rem;line-height:1.72}.showroom-engine-swatch-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.showroom-engine-swatch{border-radius:1rem;height:3.4rem;box-shadow:inset 0 1px #ffffff42,0 10px 22px #0f18270f}.showroom-trait-list{margin-top:1rem}.showroom-trait-pill-light{background:var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-trait-pill-light{background:color-mix(in srgb,var(--showroom-accent) 10%,white)}}.showroom-trait-pill-light{color:var(--showroom-ink);border-color:#0000}.showroom-extension-panel{gap:1.1rem;margin-top:1rem;display:grid}.showroom-extension-copy{gap:.8rem;display:grid}.showroom-vertical-card{--showroom-accent:#4f7cff}.showroom-vertical-head{align-items:flex-start}.showroom-vertical-meta{border:1px solid var(--showroom-accent);width:fit-content;margin-top:.45rem}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-meta{border:1px solid color-mix(in srgb,var(--showroom-accent) 14%,#111b2d14)}}.showroom-vertical-meta{background:var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-meta{background:color-mix(in srgb,var(--showroom-accent) 10%,white)}}.showroom-vertical-meta{color:var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-meta{color:color-mix(in srgb,var(--showroom-accent) 80%,#1b2640)}}.showroom-vertical-preview{background:linear-gradient(180deg,#ffffffe0,#ffffffa8),var(--showroom-accent);border-radius:1.3rem;margin-top:1.2rem;padding:1rem}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-preview{background:linear-gradient(180deg,#ffffffe0,#ffffffa8),color-mix(in srgb,var(--showroom-accent) 6%,white)}}.showroom-vertical-preview{border:1px solid var(--showroom-accent)}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-preview{border:1px solid color-mix(in srgb,var(--showroom-accent) 14%,#111b2d0a)}}.showroom-vertical-preview-body,.showroom-vertical-preview-top{gap:.75rem;display:flex}.showroom-vertical-preview-top{align-items:center}.showroom-vertical-preview-dot{width:.7rem}.showroom-vertical-preview-bar,.showroom-vertical-preview-dot{background:var(--showroom-accent);border-radius:999px;height:.7rem}.showroom-vertical-preview-bar{width:55%}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-preview-bar{background:color-mix(in srgb,var(--showroom-accent) 18%,white)}}.showroom-vertical-preview-body{align-items:end;margin-top:1rem}.showroom-vertical-preview-column{background:#111b2d14;border-radius:1rem 1rem .5rem .5rem;flex:1 1 0;height:4rem}.showroom-vertical-preview-column.is-strong{background:var(--showroom-accent);height:6rem}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-preview-column.is-strong{background:color-mix(in srgb,var(--showroom-accent) 24%,white)}}.showroom-vertical-preview-column.is-soft{background:var(--showroom-accent);height:5rem}@supports (color:color-mix(in lab,red,red)){.showroom-vertical-preview-column.is-soft{background:color-mix(in srgb,var(--showroom-accent) 12%,white)}}.showroom-journey-card{padding:1.4rem}.showroom-home-dual-grid{gap:2rem;display:grid}.showroom-home-cta{box-shadow:var(--showroom-shadow);background:radial-gradient(circle at 100% 0,#4f7cff1f,#0000 26%),linear-gradient(#ffffffeb,#f9f5eed6);border:1px solid #111b2d14;border-radius:2rem;gap:1.5rem;padding:clamp(1.8rem,4vw,2.6rem);display:grid}.showroom-final-cta{border-radius:2.1rem;gap:1.5rem;padding:clamp(1.8rem,4vw,2.8rem);display:grid}.showroom-reveal{opacity:0;animation:showroom-fade-up .72s cubic-bezier(.22,1,.36,1) forwards;transform:translateY(18px)}@keyframes showroom-fade-up{to{opacity:1;transform:translateY(0)}}@media (min-width:720px){.showroom-shell{width:min(1240px,100% - 3rem)}.showroom-home-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showroom-card-grid-four,.showroom-card-grid-three,.showroom-demo-grid,.showroom-metric-grid,.showroom-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-extension-panel,.showroom-final-cta,.showroom-home-cta{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}}@media (min-width:1080px){.showroom-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.showroom-card-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.showroom-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.showroom-tier-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start}.showroom-home-dual-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start}.showroom-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:719px){.showroom-shell{width:min(100%,100% - 1.25rem)}.showroom-home-bar,.showroom-home-route{flex-direction:column;align-items:flex-start}.showroom-home-nav{justify-content:flex-start}.showroom-hero-title{max-width:11ch}.showroom-demo-board{padding:.8rem}.showroom-demo-board:before{inset:.75rem}.showroom-floating-note,.showroom-floating-note-alt{width:fit-content;margin:.8rem .85rem 0;position:static}.showroom-demo-card-head,.showroom-demo-tier-row,.showroom-engine-head,.showroom-tier-head{flex-direction:column;align-items:flex-start}.showroom-demo-tier-bar{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}