.final-design-system-page-module__Bl0bDG__page{--lab-brand:var(--accent-cyan);--lab-brand-deep:var(--accent-violet);--lab-surface:color-mix(in srgb, var(--bg-card) 92%, transparent);--lab-border:color-mix(in srgb, var(--border-card) 88%, transparent);width:100%;max-width:96rem;color:var(--text-primary);font-family:var(--font-active,var(--font-outfit)), ui-sans-serif, system-ui, sans-serif;margin-inline:auto;padding:clamp(.75rem,2vw,1.5rem)}.final-design-system-page-module__Bl0bDG__page *,.final-design-system-page-module__Bl0bDG__page :before,.final-design-system-page-module__Bl0bDG__page :after{box-sizing:border-box}.final-design-system-page-module__Bl0bDG__page button,.final-design-system-page-module__Bl0bDG__page a,.final-design-system-page-module__Bl0bDG__page input,.final-design-system-page-module__Bl0bDG__page select{font:inherit}.final-design-system-page-module__Bl0bDG__page button,.final-design-system-page-module__Bl0bDG__page a{-webkit-tap-highlight-color:transparent;min-width:2.5rem;min-height:2.5rem}.final-design-system-page-module__Bl0bDG__page input,.final-design-system-page-module__Bl0bDG__page select,.final-design-system-page-module__Bl0bDG__page textarea{min-height:2.5rem}.final-design-system-page-module__Bl0bDG__page code,.final-design-system-page-module__Bl0bDG__page pre{font-family:var(--font-mono), ui-monospace, monospace}.final-design-system-page-module__Bl0bDG__hero{isolation:isolate;border:1px solid var(--lab-border);border-radius:var(--radius-hero);background:radial-gradient(circle at 75% 32%, color-mix(in srgb, var(--lab-brand) 18%, transparent), transparent 31rem), linear-gradient(118deg, color-mix(in srgb, var(--lab-brand-deep) 12%, var(--bg-card)), var(--bg-main) 68%);min-height:min(46rem,100dvh - 6rem);display:grid;position:relative;overflow:hidden;box-shadow:0 2.5rem 7rem -4rem #000000eb,inset 0 1px #ffffff0d}.final-design-system-page-module__Bl0bDG__hero:after{content:"";background:linear-gradient(90deg, transparent, var(--lab-brand), transparent);height:1px;box-shadow:0 0 1.2rem var(--lab-brand);position:absolute;bottom:0;left:5%;right:5%}.final-design-system-page-module__Bl0bDG__heroGrid{z-index:-1;opacity:.11;background-image:linear-gradient(color-mix(in srgb, var(--lab-brand) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--lab-brand) 55%, transparent) 1px, transparent 1px);background-size:4rem 4rem;position:absolute;inset:40% -10% -42%;transform:perspective(44rem)rotateX(66deg);-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000);mask-image:linear-gradient(#0000,#000 35%,#0000)}.final-design-system-page-module__Bl0bDG__heroCopy{z-index:2;flex-direction:column;justify-content:center;gap:1.35rem;min-width:0;padding:clamp(1.5rem,5vw,5rem);display:flex;position:relative}.final-design-system-page-module__Bl0bDG__kicker{border:1px solid color-mix(in srgb, var(--lab-brand) 42%, var(--lab-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--lab-brand) 11%, var(--bg-card));width:fit-content;color:var(--lab-brand);font:800 .68rem/1.2 var(--font-active,var(--font-outfit)), sans-serif;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.4rem .72rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__kicker svg{width:.9rem;height:.9rem}.final-design-system-page-module__Bl0bDG__hero h1{max-width:11ch;color:var(--text-heading);letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance;font-size:clamp(3rem,8vw,7rem);font-weight:950;line-height:.88;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__hero h1 strong{color:var(--lab-brand);font-weight:inherit;text-shadow:0 0 2.4rem color-mix(in srgb, var(--lab-brand) 28%, transparent);display:block}.final-design-system-page-module__Bl0bDG__heroCopy>p{max-width:44rem;color:var(--text-secondary);text-wrap:pretty;font-size:clamp(.92rem,1.6vw,1.12rem);font-weight:500;line-height:1.7;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__heroActions{flex-wrap:wrap;gap:.7rem;display:flex}.final-design-system-page-module__Bl0bDG__heroActions a,.final-design-system-page-module__Bl0bDG__heroActions button,.final-design-system-page-module__Bl0bDG__primary,.final-design-system-page-module__Bl0bDG__secondary,.final-design-system-page-module__Bl0bDG__depthCard button{border-radius:var(--radius-control);min-height:2.9rem;font-size:.82rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif;justify-content:center;align-items:center;gap:.45rem;padding-inline:1.25rem;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s,background .16s,box-shadow .24s;display:inline-flex}.final-design-system-page-module__Bl0bDG__heroActions a,.final-design-system-page-module__Bl0bDG__primary{border:1px solid var(--lab-brand);background:var(--lab-brand);color:var(--accent-contrast);box-shadow:0 1rem 2.5rem -1.45rem var(--lab-brand)}.final-design-system-page-module__Bl0bDG__heroActions button,.final-design-system-page-module__Bl0bDG__secondary,.final-design-system-page-module__Bl0bDG__depthCard button{border:1px solid var(--lab-border);background:color-mix(in srgb, var(--bg-card) 82%, transparent);color:var(--text-primary)}.final-design-system-page-module__Bl0bDG__heroActions :is(a,button):hover,.final-design-system-page-module__Bl0bDG__depthCard button:hover{transform:translateY(-2px)}.final-design-system-page-module__Bl0bDG__heroActions :is(a,button):active,.final-design-system-page-module__Bl0bDG__depthCard button:active{transform:scale(.98)}.final-design-system-page-module__Bl0bDG__heroActions svg,.final-design-system-page-module__Bl0bDG__depthCard button svg{width:1rem;height:1rem}.final-design-system-page-module__Bl0bDG__heroSignals{flex-wrap:wrap;gap:.45rem;display:flex}.final-design-system-page-module__Bl0bDG__heroSignals span{border:1px solid var(--lab-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-main) 58%, transparent);color:var(--text-muted);font:700 .62rem/1.2 var(--font-active,var(--font-outfit)), sans-serif;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.38rem;padding:.35rem .65rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__heroSignals svg{width:.76rem;height:.76rem;color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__heroScene{z-index:1;place-items:center;min-height:21rem;display:grid;position:relative;overflow:hidden}.final-design-system-page-module__Bl0bDG__heroScene:before{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--lab-brand) 25%, transparent);content:"";width:min(82%,27rem);box-shadow:inset 0 0 4rem color-mix(in srgb, var(--lab-brand) 8%, transparent), 0 0 6rem -2rem var(--lab-brand);border-radius:50%;position:absolute}.final-design-system-page-module__Bl0bDG__staticEmblem{aspect-ratio:1;width:min(66vw,22rem);filter:drop-shadow(0 2rem 3.5rem color-mix(in srgb, var(--lab-brand) 22%, transparent));place-items:center;display:grid;position:relative}.final-design-system-page-module__Bl0bDG__staticEmblem>span{border:1px solid color-mix(in srgb, var(--lab-brand) 58%, transparent);border-radius:44% 56% 63% 37%/38% 35% 65% 62%;position:absolute;inset:11%;transform:rotate(17deg)}.final-design-system-page-module__Bl0bDG__staticEmblem>span:nth-child(2){border-color:color-mix(in srgb, var(--accent-warning) 70%, transparent);inset:18% 6%;transform:rotate(-24deg)}.final-design-system-page-module__Bl0bDG__staticEmblem>span:nth-child(3){border-width:2px;inset:4% 24%;transform:rotate(41deg)}.final-design-system-page-module__Bl0bDG__staticEmblem>i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--lab-brand) 72%, var(--lab-border));background:linear-gradient(145deg, var(--lab-brand-deep), var(--lab-brand));width:58%;box-shadow:inset 1.2rem 1.2rem 2.8rem #ffffff1a, inset -1rem -1rem 2.4rem #00000038, 0 0 0 1rem color-mix(in srgb, var(--lab-brand) 7%, transparent);border-radius:30% 70% 57% 43%/44% 34% 66% 56%;transform:rotate(-11deg)}.final-design-system-page-module__Bl0bDG__staticEmblem>strong{color:var(--accent-contrast);font:950 clamp(2.8rem, 7vw, 5.5rem)/1 var(--font-active,var(--font-outfit));letter-spacing:-.07em;position:absolute;transform:rotate(-4deg)}.final-design-system-page-module__Bl0bDG__sceneCaption{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--bg-main) 78%, transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);gap:.2rem;min-width:11rem;padding:.8rem;display:grid;position:absolute;bottom:1.25rem;right:1.25rem}.final-design-system-page-module__Bl0bDG__sceneCaption span{color:var(--lab-brand);font:800 .6rem/1.2 var(--font-active,var(--font-outfit)), sans-serif;letter-spacing:.1em}.final-design-system-page-module__Bl0bDG__sceneCaption strong{color:var(--text-heading);font-size:.88rem;font-weight:800}.final-design-system-page-module__Bl0bDG__sceneCaption small{color:var(--text-muted);font-size:.62rem}.final-design-system-page-module__Bl0bDG__anchorNav{z-index:30;border:1px solid var(--lab-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--bg-nav) 92%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);scrollbar-width:none;align-items:center;gap:.35rem;margin-block:.8rem 4rem;padding:.45rem;display:flex;position:sticky;top:.5rem;overflow-x:auto}.final-design-system-page-module__Bl0bDG__anchorNav::-webkit-scrollbar{display:none}.final-design-system-page-module__Bl0bDG__anchorNav>a{border-radius:var(--radius-control);color:var(--text-muted);font:750 .68rem/1 var(--font-active,var(--font-outfit)), sans-serif;text-transform:uppercase;letter-spacing:.03em;flex:none;padding:.62rem .8rem;text-decoration:none;transition:background .16s,color .16s}.final-design-system-page-module__Bl0bDG__anchorNav>a:hover{background:var(--bg-card-hover);color:var(--text-heading)}.final-design-system-page-module__Bl0bDG__anchorNav>div{border-left:1px solid var(--lab-border);margin-left:auto;padding-left:.45rem}.final-design-system-page-module__Bl0bDG__anchorNav>.final-design-system-page-module__Bl0bDG__anchorBrand{border:1px solid color-mix(in srgb, var(--lab-brand) 30%, var(--lab-border));background:color-mix(in srgb, var(--lab-brand) 9%, transparent);color:var(--text-heading);align-items:center;gap:.35rem;margin-right:.2rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__anchorBrand svg{width:.8rem;height:.8rem;color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__anchorBrand span{color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__section{margin-block:clamp(4rem,9vw,8rem);scroll-margin-top:5rem}.final-design-system-page-module__Bl0bDG__sectionHeading{grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(1.5rem,4vw,3rem);display:grid}.final-design-system-page-module__Bl0bDG__sectionHeading>span{color:color-mix(in srgb, var(--lab-brand) 58%, var(--text-muted));font:900 clamp(1.4rem, 3vw, 2.8rem)/1 var(--font-active,var(--font-outfit))}.final-design-system-page-module__Bl0bDG__sectionHeading small{color:var(--lab-brand);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__sectionHeading h2{max-width:20ch;color:var(--text-heading);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;font-size:clamp(2rem,5vw,4.4rem);font-weight:950;line-height:.96;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:.35rem 0 .65rem}.final-design-system-page-module__Bl0bDG__sectionHeading p{max-width:50rem;color:var(--text-secondary);font-size:clamp(.88rem,1.4vw,1.05rem);line-height:1.7;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__principleGrid,.final-design-system-page-module__Bl0bDG__motionPrinciples,.final-design-system-page-module__Bl0bDG__performanceGrid,.final-design-system-page-module__Bl0bDG__guidelineGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.final-design-system-page-module__Bl0bDG__principleGrid article,.final-design-system-page-module__Bl0bDG__motionPrinciples article,.final-design-system-page-module__Bl0bDG__performanceGrid article,.final-design-system-page-module__Bl0bDG__guidelineGrid article{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:linear-gradient(135deg, color-mix(in srgb, var(--lab-brand) 5%, transparent), transparent 56%), var(--lab-surface);padding:clamp(1rem,2.5vw,1.45rem);transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.final-design-system-page-module__Bl0bDG__principleGrid article:hover,.final-design-system-page-module__Bl0bDG__motionPrinciples article:hover,.final-design-system-page-module__Bl0bDG__guidelineGrid article:hover{border-color:color-mix(in srgb, var(--lab-brand) 34%, var(--lab-border));transform:translateY(-3px)}.final-design-system-page-module__Bl0bDG__principleGrid svg,.final-design-system-page-module__Bl0bDG__motionPrinciples svg{width:1.25rem;height:1.25rem;color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__principleGrid article>span{color:var(--lab-brand);font:850 .72rem/1 var(--font-active,var(--font-outfit));position:absolute;top:1rem;right:1rem}.final-design-system-page-module__Bl0bDG__principleGrid h3,.final-design-system-page-module__Bl0bDG__motionPrinciples h3,.final-design-system-page-module__Bl0bDG__guidelineGrid h3{color:var(--text-heading);font-size:.98rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:1.15rem 0 .45rem}.final-design-system-page-module__Bl0bDG__principleGrid p,.final-design-system-page-module__Bl0bDG__motionPrinciples p,.final-design-system-page-module__Bl0bDG__guidelineGrid p{color:var(--text-muted);font-size:.78rem;line-height:1.6;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__motionGrid,.final-design-system-page-module__Bl0bDG__depthStage,.final-design-system-page-module__Bl0bDG__qaLayout{gap:1rem;margin-top:1rem;display:grid}.final-design-system-page-module__Bl0bDG__motionDemo,.final-design-system-page-module__Bl0bDG__durationList,.final-design-system-page-module__Bl0bDG__depthCard,.final-design-system-page-module__Bl0bDG__useCases,.final-design-system-page-module__Bl0bDG__scoreCard{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:var(--lab-surface);box-shadow:var(--shadow-soft), inset 0 1px #ffffff09}.final-design-system-page-module__Bl0bDG__motionDemo>header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.final-design-system-page-module__Bl0bDG__motionDemo small{color:var(--lab-brand);letter-spacing:.12em;font-size:.62rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__motionDemo h3{color:var(--text-heading);font-size:1.05rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:.15rem 0 0}.final-design-system-page-module__Bl0bDG__codeCard{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--bg-main) 82%, #000);box-shadow:var(--shadow-soft);margin-top:1rem;overflow:hidden}.final-design-system-page-module__Bl0bDG__codeCard>header{border-bottom:1px solid var(--lab-border);background:color-mix(in srgb, var(--bg-card) 75%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.72rem .85rem;display:flex}.final-design-system-page-module__Bl0bDG__codeCard header span,.final-design-system-page-module__Bl0bDG__codeCard header button{align-items:center;gap:.4rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__codeCard header span{color:var(--text-secondary);font:750 .68rem/1 var(--font-active,var(--font-outfit))}.final-design-system-page-module__Bl0bDG__codeCard header button{color:var(--lab-brand);font:750 .68rem/1 var(--font-active,var(--font-outfit));cursor:pointer;background:0 0;border:0}.final-design-system-page-module__Bl0bDG__codeCard svg{width:.85rem;height:.85rem}.final-design-system-page-module__Bl0bDG__codeCard pre{max-height:25rem;color:var(--text-secondary);tab-size:2;margin:0;padding:1rem;font-size:clamp(.6rem,1.4vw,.75rem);line-height:1.7;overflow:auto}.final-design-system-page-module__Bl0bDG__motionDemo,.final-design-system-page-module__Bl0bDG__durationList,.final-design-system-page-module__Bl0bDG__useCases{padding:clamp(1rem,3vw,1.5rem)}.final-design-system-page-module__Bl0bDG__motionDemo header button{border:1px solid color-mix(in srgb, var(--lab-brand) 35%, var(--lab-border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--lab-brand) 9%, transparent);min-height:2.5rem;color:var(--lab-brand);font:750 .68rem/1 var(--font-active,var(--font-outfit));cursor:pointer;align-items:center;gap:.35rem;padding-inline:.75rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__motionDemo header button svg{width:.8rem;height:.8rem}.final-design-system-page-module__Bl0bDG__motionTrack{grid-template-columns:repeat(4,1fr);align-items:center;height:8rem;padding-inline:1rem;display:grid;position:relative}.final-design-system-page-module__Bl0bDG__motionTrack:before{content:"";background:var(--lab-border);height:1px;position:absolute;left:1rem;right:1rem}.final-design-system-page-module__Bl0bDG__motionTrack span{background:var(--lab-brand);width:1.1rem;height:1.1rem;box-shadow:0 0 1rem var(--lab-brand);border-radius:50%;justify-self:center;animation:2.2s cubic-bezier(.16,1,.3,1) both final-design-system-page-module__Bl0bDG__motionPulse;position:relative}.final-design-system-page-module__Bl0bDG__motionTrack span:nth-child(2){animation-delay:.16s}.final-design-system-page-module__Bl0bDG__motionTrack span:nth-child(3){animation-delay:.32s}.final-design-system-page-module__Bl0bDG__motionTrack span:nth-child(4){animation-delay:.48s}.final-design-system-page-module__Bl0bDG__motionLabels{color:var(--text-muted);font:750 .62rem/1 var(--font-active,var(--font-outfit));text-align:center;text-transform:uppercase;grid-template-columns:repeat(4,1fr);display:grid}.final-design-system-page-module__Bl0bDG__durationList{gap:.45rem;display:grid}.final-design-system-page-module__Bl0bDG__durationList article{border-bottom:1px solid var(--lab-border);grid-template-columns:5rem 4rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.2rem;display:grid;position:relative;overflow:hidden}.final-design-system-page-module__Bl0bDG__durationList article:last-child{border-bottom:0}.final-design-system-page-module__Bl0bDG__durationList article>span{width:var(--duration-width);opacity:.035;background:var(--lab-brand);pointer-events:none;height:100%;position:absolute}.final-design-system-page-module__Bl0bDG__durationList strong{color:var(--text-heading);font-size:.78rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__durationList code{color:var(--lab-brand);font-size:.68rem}.final-design-system-page-module__Bl0bDG__durationList small{color:var(--text-muted);font-size:.68rem;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__motionPrinciples{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.final-design-system-page-module__Bl0bDG__depthStage{perspective:70rem}.final-design-system-page-module__Bl0bDG__depthCard{border-radius:var(--radius-hero);min-height:25rem;transform-style:preserve-3d;padding:clamp(1.2rem,4vw,2.2rem);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .32s;position:relative;overflow:hidden;transform:rotateY(2deg)rotateX(1deg)}.final-design-system-page-module__Bl0bDG__depthCard:hover{box-shadow:0 3rem 6rem -4rem var(--lab-brand);transform:rotateY(-1deg)rotateX(0)translateY(-4px)}.final-design-system-page-module__Bl0bDG__depthCard:before{content:"";background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--lab-brand) 19%, transparent), transparent 45%);position:absolute;inset:0}.final-design-system-page-module__Bl0bDG__depthCard>:not(.final-design-system-page-module__Bl0bDG__depthLayers){z-index:2;position:relative;transform:translateZ(2rem)}.final-design-system-page-module__Bl0bDG__depthCard>small{color:var(--lab-brand);font:800 .68rem/1 var(--font-active,var(--font-outfit));letter-spacing:.12em;text-transform:uppercase;display:block}.final-design-system-page-module__Bl0bDG__depthCard h3{max-width:10ch;color:var(--text-heading);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2rem,4vw,3.6rem);font-weight:950;line-height:.9;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:5rem 0 .7rem}.final-design-system-page-module__Bl0bDG__depthCard p{max-width:32rem;color:var(--text-secondary);font-size:.82rem;line-height:1.65;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__depthCard button{margin-top:.8rem}.final-design-system-page-module__Bl0bDG__depthLayers{width:9rem;height:9rem;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;top:1.5rem;right:1.5rem;transform:rotateX(62deg)rotate(-25deg)}.final-design-system-page-module__Bl0bDG__depthLayers span{border:1px solid color-mix(in srgb, var(--lab-brand) 45%, transparent);border-radius:var(--radius-card);width:6rem;height:6rem;color:var(--lab-brand);font:800 .65rem/1 var(--font-active,var(--font-outfit));background:color-mix(in srgb, var(--lab-brand-deep) 13%, transparent);box-shadow:0 0 2rem -1rem var(--lab-brand);place-items:center;display:grid;position:absolute}.final-design-system-page-module__Bl0bDG__depthLayers span:first-child{transform:translateZ(0)}.final-design-system-page-module__Bl0bDG__depthLayers span:nth-child(2){transform:translateZ(2rem)}.final-design-system-page-module__Bl0bDG__depthLayers span:nth-child(3){transform:translateZ(4rem)}.final-design-system-page-module__Bl0bDG__useCases{gap:.6rem;display:grid}.final-design-system-page-module__Bl0bDG__useCases article{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--bg-main) 52%, transparent);grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.85rem;display:grid}.final-design-system-page-module__Bl0bDG__useCases svg{width:1.1rem;height:1.1rem;color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__useCases h3{color:var(--text-heading);font-size:.8rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__useCases p{color:var(--text-muted);font-size:.7rem;line-height:1.5;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:.25rem 0 0}.final-design-system-page-module__Bl0bDG__performanceGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.final-design-system-page-module__Bl0bDG__performanceGrid article{gap:.35rem;display:grid}.final-design-system-page-module__Bl0bDG__performanceGrid strong{color:var(--lab-brand);font:900 1.4rem/1 var(--font-active,var(--font-outfit))}.final-design-system-page-module__Bl0bDG__performanceGrid span{color:var(--text-heading);font-size:.78rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__performanceGrid small{color:var(--text-muted);font-size:.68rem;line-height:1.5;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__architecture{align-items:center;gap:.55rem;display:flex}.final-design-system-page-module__Bl0bDG__architecture article{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:var(--lab-surface);flex:1;align-content:end;gap:.35rem;min-width:0;min-height:10rem;padding:1rem;display:grid}.final-design-system-page-module__Bl0bDG__architecture article>span{color:var(--lab-brand);font:900 .7rem/1 var(--font-active,var(--font-outfit))}.final-design-system-page-module__Bl0bDG__architecture h3{color:var(--text-heading);font-size:.88rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__architecture p{color:var(--text-muted);font-size:.68rem;line-height:1.5;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__architecture i{background:linear-gradient(90deg, var(--lab-border), var(--lab-brand));width:2rem;height:1px}.final-design-system-page-module__Bl0bDG__guidelineGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.final-design-system-page-module__Bl0bDG__productionLibrary{margin-block:clamp(4rem,9vw,8rem);scroll-margin-top:5rem}.final-design-system-page-module__Bl0bDG__productionNotice{border:1px solid color-mix(in srgb, var(--lab-brand) 28%, var(--lab-border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--lab-brand) 6%, var(--lab-surface));box-shadow:var(--shadow-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.9rem 1rem;display:grid}.final-design-system-page-module__Bl0bDG__productionNotice>svg{width:1.25rem;height:1.25rem;color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__productionNotice>div{gap:.2rem;display:grid}.final-design-system-page-module__Bl0bDG__productionNotice strong{color:var(--text-heading);font-size:.82rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__productionNotice span{color:var(--text-muted);font-size:.72rem;line-height:1.45;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__productionNotice em{color:var(--accent-success);font:800 .62rem/1 var(--font-active,var(--font-outfit));text-transform:uppercase;align-items:center;gap:.35rem;font-style:normal;display:inline-flex}.final-design-system-page-module__Bl0bDG__productionNotice em svg{width:.85rem;height:.85rem}.final-design-system-page-module__Bl0bDG__productionCatalog{border:1px solid var(--lab-border);border-radius:var(--radius-hero);background:var(--bg-main);min-width:0;overflow:hidden;box-shadow:0 2.5rem 6rem -4rem #0000008c}.final-design-system-page-module__Bl0bDG__productionCatalog>div{min-height:0}.final-design-system-page-module__Bl0bDG__productionCatalog section[id^=hud-]{content-visibility:auto;contain-intrinsic-size:auto 44rem}:is(.final-design-system-page-module__Bl0bDG__productionCatalog button,.final-design-system-page-module__Bl0bDG__productionCatalog [role=button]){min-width:2.5rem;min-height:2.5rem}.final-design-system-page-module__Bl0bDG__productionCatalog a{min-height:2.5rem}.final-design-system-page-module__Bl0bDG__catalogLoading{min-height:24rem;color:var(--text-muted);justify-content:center;align-items:center;gap:.8rem;padding:2rem;display:flex}.final-design-system-page-module__Bl0bDG__catalogLoading>svg{width:1.5rem;height:1.5rem;color:var(--lab-brand);animation:.9s linear infinite final-design-system-page-module__Bl0bDG__spin}.final-design-system-page-module__Bl0bDG__catalogLoading>div{gap:.2rem;display:grid}.final-design-system-page-module__Bl0bDG__catalogLoading strong{color:var(--text-heading);font-size:.85rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__catalogLoading span{font-size:.72rem;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__checklist{gap:.5rem;display:grid}.final-design-system-page-module__Bl0bDG__checklist button{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:var(--lab-surface);width:100%;min-height:3.4rem;color:var(--text-primary);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.final-design-system-page-module__Bl0bDG__checklist button:hover{border-color:color-mix(in srgb, var(--lab-brand) 32%, var(--lab-border));transform:translate(3px)}.final-design-system-page-module__Bl0bDG__checklist button[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent-success) 42%, var(--lab-border));background:color-mix(in srgb, var(--accent-success) 7%, var(--lab-surface))}.final-design-system-page-module__Bl0bDG__checklist button>span{border:1px solid var(--lab-border);border-radius:calc(var(--radius-control) - 4px);width:1.8rem;height:1.8rem;color:var(--text-muted);font:850 .65rem/1 var(--font-active,var(--font-outfit));place-items:center;display:grid}.final-design-system-page-module__Bl0bDG__checklist button[aria-pressed=true]>span{border-color:var(--accent-success);background:var(--accent-success);color:var(--bg-main)}.final-design-system-page-module__Bl0bDG__checklist svg{width:.9rem;height:.9rem}.final-design-system-page-module__Bl0bDG__checklist p{color:var(--text-secondary);font-size:.75rem;line-height:1.5;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__scoreCard{text-align:center;justify-items:center;gap:.8rem;height:fit-content;padding:1.5rem;display:grid;position:sticky;top:5rem}.final-design-system-page-module__Bl0bDG__scoreCard>small{color:var(--lab-brand);letter-spacing:.13em;font-size:.65rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__scoreCard>strong{color:var(--text-heading);font:950 4.5rem/.9 var(--font-active,var(--font-outfit));letter-spacing:-.07em}.final-design-system-page-module__Bl0bDG__scoreCard>strong span{color:var(--text-muted);font-size:1.2rem}.final-design-system-page-module__Bl0bDG__scoreCard>div{border-radius:var(--radius-pill);background:var(--bg-subtle);width:100%;height:.35rem;overflow:hidden}.final-design-system-page-module__Bl0bDG__scoreCard>div span{border-radius:inherit;background:linear-gradient(90deg, var(--lab-brand-deep), var(--lab-brand));height:100%;transition:width .36s cubic-bezier(.16,1,.3,1);display:block}.final-design-system-page-module__Bl0bDG__scoreCard p{color:var(--text-muted);font-size:.72rem;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__scoreCard em{color:var(--accent-warning);font-size:.72rem;font-style:normal;font-family:var(--font-active,var(--font-outfit)), sans-serif;align-items:center;gap:.4rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__scoreCard em svg{width:.9rem;height:.9rem}.final-design-system-page-module__Bl0bDG__modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);background:#000000bf;place-items:center;padding:1rem;animation:.18s both final-design-system-page-module__Bl0bDG__backdropIn;display:grid;position:fixed;inset:0;overflow-y:auto}.final-design-system-page-module__Bl0bDG__modal{border:1px solid color-mix(in srgb, var(--lab-brand) 30%, var(--lab-border));border-radius:var(--radius-hero);background:var(--ui-surface-solid);width:min(100%,34rem);box-shadow:0 3rem 8rem -3rem #000000f2, 0 0 4rem -2rem var(--lab-brand);font-family:var(--font-active,var(--font-outfit)), sans-serif;animation:.36s cubic-bezier(.16,1,.3,1) both final-design-system-page-module__Bl0bDG__modalIn;overflow:hidden}.final-design-system-page-module__Bl0bDG__modal>header{border-bottom:1px solid var(--lab-border);background:linear-gradient(120deg, color-mix(in srgb, var(--lab-brand) 12%, transparent), transparent);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem;display:flex}.final-design-system-page-module__Bl0bDG__modal header span{color:var(--lab-brand);font:800 .68rem/1 var(--font-active,var(--font-outfit));letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.35rem;display:inline-flex}.final-design-system-page-module__Bl0bDG__modal header span svg{width:.8rem;height:.8rem}.final-design-system-page-module__Bl0bDG__modal h2{color:var(--text-heading);font-size:1.4rem;font-weight:850;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:.45rem 0 0}.final-design-system-page-module__Bl0bDG__modal header>button{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:var(--bg-subtle);width:2.2rem;height:2.2rem;color:var(--text-muted);cursor:pointer;place-items:center;display:grid}.final-design-system-page-module__Bl0bDG__modal header>button svg{width:1rem;height:1rem}.final-design-system-page-module__Bl0bDG__modal>p{color:var(--text-secondary);font-size:.85rem;line-height:1.65;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0;padding:1.2rem}.final-design-system-page-module__Bl0bDG__modalInsight{border:1px solid color-mix(in srgb, var(--accent-success) 28%, var(--lab-border));border-radius:var(--radius-control);background:var(--accent-success-bg);align-items:center;gap:.7rem;margin-inline:1.2rem;padding:.8rem;display:flex}.final-design-system-page-module__Bl0bDG__modalInsight>svg{width:1.2rem;height:1.2rem;color:var(--accent-success)}.final-design-system-page-module__Bl0bDG__modalInsight div{gap:.2rem;display:grid}.final-design-system-page-module__Bl0bDG__modalInsight strong{color:var(--text-heading);font-size:.8rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__modalInsight small{color:var(--text-muted);font-size:.7rem;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__modal>footer{justify-content:flex-end;gap:.6rem;padding:1.2rem;display:flex}.final-design-system-page-module__Bl0bDG__foundationInteractiveStage{gap:1.25rem;margin-top:1.5rem;display:grid}.final-design-system-page-module__Bl0bDG__foundationTabs{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--bg-card) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;align-items:center;gap:.5rem;padding:.35rem;display:flex;overflow-x:auto}.final-design-system-page-module__Bl0bDG__foundationTabs::-webkit-scrollbar{display:none}.final-design-system-page-module__Bl0bDG__foundationTabBtn{border-radius:var(--radius-control);color:var(--text-muted);font-size:.8rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.65rem 1.15rem;transition:color .12s,background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.final-design-system-page-module__Bl0bDG__foundationTabBtn:hover{color:var(--text-heading);background:var(--bg-card-hover)}.final-design-system-page-module__Bl0bDG__foundationTabBtn.final-design-system-page-module__Bl0bDG__isTabActive{color:var(--accent-contrast);background:var(--lab-brand);border-color:var(--lab-brand);box-shadow:0 .5rem 1.5rem -.5rem var(--lab-brand)}.final-design-system-page-module__Bl0bDG__foundationTabBtn svg{width:1rem;height:1rem}.final-design-system-page-module__Bl0bDG__foundationDisplayPanel{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:var(--lab-surface);box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,2rem)}.final-design-system-page-module__Bl0bDG__foundationDisplayHeader{border-bottom:1px solid var(--lab-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.final-design-system-page-module__Bl0bDG__foundationDisplayHeader div h3{color:var(--text-heading);font-size:1.2rem;font-weight:850;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:.25rem 0 0}.final-design-system-page-module__Bl0bDG__foundationDisplayHeader div small{color:var(--lab-brand);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__foundationDisplayHeader p{color:var(--text-secondary);max-width:48rem;margin:.25rem 0 0;font-size:.8rem;line-height:1.5}.final-design-system-page-module__Bl0bDG__spacingScaleControls{flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;display:flex}.final-design-system-page-module__Bl0bDG__spacingPill{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--bg-main) 60%, transparent);color:var(--text-secondary);font-size:.78rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif;cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .85rem;transition:all .16s;display:inline-flex}.final-design-system-page-module__Bl0bDG__spacingPill:hover{border-color:var(--lab-brand);color:var(--text-heading)}.final-design-system-page-module__Bl0bDG__spacingPill.final-design-system-page-module__Bl0bDG__isPillActive{border-color:var(--lab-brand);background:color-mix(in srgb, var(--lab-brand) 16%, var(--bg-card));color:var(--lab-brand);box-shadow:0 0 1rem -.3rem var(--lab-brand)}.final-design-system-page-module__Bl0bDG__spacingLiveArena{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--bg-main) 70%, transparent);grid-template-columns:minmax(0,1fr) minmax(18rem,1fr);align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.final-design-system-page-module__Bl0bDG__spacingVisualBox{border:1px dashed color-mix(in srgb, var(--lab-brand) 40%, var(--lab-border));border-radius:var(--radius-control);background:repeating-linear-gradient(45deg, transparent, transparent 10px, color-mix(in srgb, var(--lab-brand) 3%, transparent) 10px, color-mix(in srgb, var(--lab-brand) 3%, transparent) 20px);place-items:center;min-height:15rem;padding:1rem;display:grid}.final-design-system-page-module__Bl0bDG__spacingTargetBlock{background:linear-gradient(135deg, var(--lab-brand-deep), var(--lab-brand));border-radius:var(--radius-control);box-shadow:0 .5rem 2rem -.5rem var(--lab-brand);color:var(--accent-contrast);font-size:.8rem;font-weight:850;font-family:var(--font-active,var(--font-outfit)), sans-serif;text-align:center;justify-content:center;align-items:center;transition:width .24s cubic-bezier(.16,1,.3,1),height .24s cubic-bezier(.16,1,.3,1);display:flex}.final-design-system-page-module__Bl0bDG__spacingDataSheet{gap:.85rem;display:grid}.final-design-system-page-module__Bl0bDG__spacingDataRow{border-bottom:1px solid var(--lab-border);grid-template-columns:8rem 1fr;align-items:baseline;padding-bottom:.6rem;display:grid}.final-design-system-page-module__Bl0bDG__spacingDataRow dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__spacingDataRow dd{color:var(--text-heading);font-size:.92rem;font-weight:750;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__spacingDataRow dd code{color:var(--lab-brand);font-size:.82rem}.final-design-system-page-module__Bl0bDG__radiusLiveArena{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.final-design-system-page-module__Bl0bDG__radiusCardDemo{border:1px solid var(--lab-border);background:color-mix(in srgb, var(--bg-main) 60%, transparent);text-align:center;cursor:pointer;gap:.75rem;padding:1.25rem;transition:all .2s;display:grid}.final-design-system-page-module__Bl0bDG__radiusCardDemo:hover{border-color:color-mix(in srgb, var(--lab-brand) 50%, transparent);transform:translateY(-2px)}.final-design-system-page-module__Bl0bDG__radiusCardDemo.final-design-system-page-module__Bl0bDG__isRadiusActive{border-color:var(--lab-brand);background:color-mix(in srgb, var(--lab-brand) 10%, var(--bg-card));box-shadow:0 .5rem 2rem -.8rem var(--lab-brand)}.final-design-system-page-module__Bl0bDG__radiusShape{border:2px solid var(--lab-brand);background:color-mix(in srgb, var(--lab-brand) 18%, transparent);width:100%;height:5.5rem;color:var(--lab-brand);font-size:1.05rem;font-weight:900;font-family:var(--font-active,var(--font-outfit)), sans-serif;place-items:center;margin-inline:auto;display:grid}.final-design-system-page-module__Bl0bDG__radiusCardDemo strong{color:var(--text-heading);font-size:.85rem;font-weight:800;font-family:var(--font-active,var(--font-outfit)), sans-serif}.final-design-system-page-module__Bl0bDG__radiusCardDemo p{color:var(--text-muted);font-size:.7rem;line-height:1.4;font-family:var(--font-active,var(--font-outfit)), sans-serif;margin:0}.final-design-system-page-module__Bl0bDG__fontCandidateGrid{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.final-design-system-page-module__Bl0bDG__fontCandidateCard{border:1px solid var(--lab-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--bg-main) 68%, transparent);text-align:left;cursor:pointer;flex-direction:column;gap:.65rem;padding:1.1rem;transition:all .2s;display:flex;position:relative}.final-design-system-page-module__Bl0bDG__fontCandidateCard:hover{border-color:color-mix(in srgb, var(--lab-brand) 55%, transparent);transform:translateY(-2px)}.final-design-system-page-module__Bl0bDG__fontCandidateCard.final-design-system-page-module__Bl0bDG__isFontActive{border-color:var(--lab-brand);background:color-mix(in srgb, var(--lab-brand) 12%, var(--bg-card));box-shadow:0 .5rem 2rem -.8rem var(--lab-brand)}.final-design-system-page-module__Bl0bDG__fontCandidateHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.final-design-system-page-module__Bl0bDG__fontCandidateHeader strong{color:var(--text-heading);letter-spacing:-.01em;font-size:.95rem;font-weight:900}.final-design-system-page-module__Bl0bDG__fontCandidateBadge{border:1px solid var(--lab-border);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-card) 60%, transparent);align-items:center;padding:.15rem .5rem;font-size:.58rem;font-weight:800;display:inline-flex}.final-design-system-page-module__Bl0bDG__isFontActive .final-design-system-page-module__Bl0bDG__fontCandidateBadge{border-color:var(--lab-brand);background:var(--lab-brand);color:var(--accent-contrast)}.final-design-system-page-module__Bl0bDG__fontCandidateSpecimen{color:var(--text-heading);margin:.2rem 0;font-size:1.1rem;font-weight:900;line-height:1.2}.final-design-system-page-module__Bl0bDG__fontCandidateDna{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.45}.final-design-system-page-module__Bl0bDG__fontCandidateBestFor{color:var(--accent-cyan);align-items:center;gap:.35rem;margin-top:auto;font-size:.68rem;font-weight:750;display:flex}.final-design-system-page-module__Bl0bDG__fontCandidateAction{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:.35rem;margin-top:.4rem;padding:.45rem .8rem;font-size:.72rem;font-weight:800;transition:all .16s;display:inline-flex}.final-design-system-page-module__Bl0bDG__isFontActive .final-design-system-page-module__Bl0bDG__fontCandidateAction{background:color-mix(in srgb, var(--accent-success) 16%, transparent);color:var(--accent-success);border:1px solid color-mix(in srgb, var(--accent-success) 40%, transparent)}.final-design-system-page-module__Bl0bDG__fontCandidateCard:not(.final-design-system-page-module__Bl0bDG__isFontActive) .final-design-system-page-module__Bl0bDG__fontCandidateAction{background:color-mix(in srgb, var(--bg-card) 80%, transparent);color:var(--text-muted);border:1px solid var(--lab-border)}.final-design-system-page-module__Bl0bDG__fontCandidateCard:not(.final-design-system-page-module__Bl0bDG__isFontActive):hover .final-design-system-page-module__Bl0bDG__fontCandidateAction{background:var(--lab-brand);color:var(--accent-contrast);border-color:var(--lab-brand)}.final-design-system-page-module__Bl0bDG__fontGlobalBanner{border-radius:var(--radius-control);border:1px solid color-mix(in srgb, var(--lab-brand) 40%, var(--lab-border));background:color-mix(in srgb, var(--lab-brand) 10%, var(--bg-card));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;display:flex}.final-design-system-page-module__Bl0bDG__fontGlobalBannerInfo{align-items:center;gap:.65rem;display:flex}.final-design-system-page-module__Bl0bDG__fontGlobalBannerInfo strong{color:var(--text-heading);font-size:.85rem;font-weight:900}.final-design-system-page-module__Bl0bDG__fontGlobalBannerInfo span{color:var(--text-muted);font-size:.75rem}.final-design-system-page-module__Bl0bDG__minorThirdList{gap:.65rem;display:grid}.final-design-system-page-module__Bl0bDG__minorThirdRow{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--bg-main) 60%, transparent);grid-template-columns:5.5rem 6.5rem 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;transition:border-color .16s,background .16s;display:grid}.final-design-system-page-module__Bl0bDG__minorThirdRow:hover{border-color:color-mix(in srgb, var(--lab-brand) 40%, var(--lab-border));background:var(--bg-card-hover)}.final-design-system-page-module__Bl0bDG__minorThirdRow>span:first-child{color:var(--lab-brand);font-size:.78rem;font-weight:850;font-family:var(--font-outfit), sans-serif}.final-design-system-page-module__Bl0bDG__minorThirdRow code{color:var(--text-muted);font-size:.68rem}.final-design-system-page-module__Bl0bDG__minorThirdRow strong{color:var(--text-heading);line-height:1.2;font-family:var(--font-outfit), sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.final-design-system-page-module__Bl0bDG__minorThirdRow small{color:var(--text-muted);font-size:.65rem;font-family:var(--font-outfit), sans-serif}.final-design-system-page-module__Bl0bDG__colorMatrixGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.final-design-system-page-module__Bl0bDG__colorMatrixCard{border:1px solid var(--lab-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--bg-main) 60%, transparent);cursor:pointer;gap:.6rem;padding:.85rem;transition:all .18s;display:grid;position:relative}.final-design-system-page-module__Bl0bDG__colorMatrixCard:hover{border-color:var(--lab-brand);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.final-design-system-page-module__Bl0bDG__colorMatrixBlock{border-radius:calc(var(--radius-control) - 2px);border:1px solid #ffffff1f;justify-content:space-between;align-items:flex-end;width:100%;height:3.5rem;padding:.45rem;display:flex}.final-design-system-page-module__Bl0bDG__colorMatrixBlock span{border-radius:var(--radius-pill);color:#fff;font-size:.62rem;font-weight:800;font-family:var(--font-outfit), sans-serif;background:#000000a6;padding:.15rem .45rem}.final-design-system-page-module__Bl0bDG__colorMatrixInfo{gap:.2rem;display:grid}.final-design-system-page-module__Bl0bDG__colorMatrixInfo strong{color:var(--text-heading);font-size:.82rem;font-weight:800;font-family:var(--font-outfit), sans-serif}.final-design-system-page-module__Bl0bDG__colorMatrixInfo code{color:var(--lab-brand);font-size:.68rem}.final-design-system-page-module__Bl0bDG__colorMatrixInfo small{color:var(--text-muted);font-size:.7rem;font-family:var(--font-outfit), sans-serif}.final-design-system-page-module__Bl0bDG__copiedBadge{border-radius:var(--radius-pill);background:var(--accent-success);color:var(--bg-main);font-size:.6rem;font-weight:850;font-family:var(--font-outfit), sans-serif;align-items:center;gap:.25rem;padding:.2rem .5rem;display:inline-flex;position:absolute;top:.6rem;right:.6rem}@keyframes final-design-system-page-module__Bl0bDG__spin{to{transform:rotate(360deg)}}@keyframes final-design-system-page-module__Bl0bDG__motionPulse{0%{opacity:0;transform:translate(-4rem)scale(.5)}45%{opacity:1;transform:translate(0)scale(1.35)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes final-design-system-page-module__Bl0bDG__backdropIn{0%{opacity:0}}@keyframes final-design-system-page-module__Bl0bDG__modalIn{0%{opacity:0;transform:translateY(1.5rem)scale(.96)rotateX(5deg)}}@media (min-width:900px){.final-design-system-page-module__Bl0bDG__hero{grid-template-columns:minmax(0,1.25fr) minmax(22rem,.75fr)}.final-design-system-page-module__Bl0bDG__motionGrid,.final-design-system-page-module__Bl0bDG__depthStage,.final-design-system-page-module__Bl0bDG__qaLayout{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.final-design-system-page-module__Bl0bDG__principleGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:899px){.final-design-system-page-module__Bl0bDG__hero{min-height:0}.final-design-system-page-module__Bl0bDG__heroScene{min-height:20rem}.final-design-system-page-module__Bl0bDG__anchorNav{margin-bottom:3rem}.final-design-system-page-module__Bl0bDG__performanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-design-system-page-module__Bl0bDG__architecture{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.final-design-system-page-module__Bl0bDG__architecture i{display:none}.final-design-system-page-module__Bl0bDG__guidelineGrid,.final-design-system-page-module__Bl0bDG__motionPrinciples{grid-template-columns:1fr}.final-design-system-page-module__Bl0bDG__scoreCard{position:static}}@media (max-width:599px){.final-design-system-page-module__Bl0bDG__page{padding:.55rem}.final-design-system-page-module__Bl0bDG__hero{border-radius:1.1rem}.final-design-system-page-module__Bl0bDG__heroCopy{padding:1.1rem}.final-design-system-page-module__Bl0bDG__hero h1{font-size:clamp(2.6rem,15vw,4.2rem)}.final-design-system-page-module__Bl0bDG__heroActions>*{width:100%}.final-design-system-page-module__Bl0bDG__heroScene{min-height:17rem}.final-design-system-page-module__Bl0bDG__sceneCaption{bottom:.75rem;right:.75rem}.final-design-system-page-module__Bl0bDG__anchorNav{border-radius:.8rem;margin-block:.55rem 3rem;top:.25rem}.final-design-system-page-module__Bl0bDG__anchorNav>div{display:none}.final-design-system-page-module__Bl0bDG__anchorNav>.final-design-system-page-module__Bl0bDG__anchorBrand{z-index:2;background:var(--bg-nav);position:sticky;left:0}.final-design-system-page-module__Bl0bDG__sectionHeading{grid-template-columns:1fr;gap:.45rem}.final-design-system-page-module__Bl0bDG__sectionHeading>span{font-size:1rem}.final-design-system-page-module__Bl0bDG__sectionHeading h2{font-size:clamp(2rem,12vw,3rem)}.final-design-system-page-module__Bl0bDG__principleGrid,.final-design-system-page-module__Bl0bDG__performanceGrid{grid-template-columns:1fr}.final-design-system-page-module__Bl0bDG__durationList article{grid-template-columns:3.5rem 3.5rem minmax(0,1fr);gap:.35rem}.final-design-system-page-module__Bl0bDG__depthCard{min-height:28rem;transform:none}.final-design-system-page-module__Bl0bDG__depthCard h3{margin-top:9rem}.final-design-system-page-module__Bl0bDG__architecture{grid-template-columns:1fr}.final-design-system-page-module__Bl0bDG__productionNotice{grid-template-columns:auto minmax(0,1fr)}.final-design-system-page-module__Bl0bDG__productionNotice em{grid-column:2}.final-design-system-page-module__Bl0bDG__productionCatalog{border-radius:1rem;margin-inline:-.2rem}.final-design-system-page-module__Bl0bDG__modalBackdrop{place-items:end center;padding:.5rem}.final-design-system-page-module__Bl0bDG__modal{border-radius:1.2rem 1.2rem .75rem .75rem;max-height:calc(100dvh - 1rem);overflow-y:auto}.final-design-system-page-module__Bl0bDG__modal>footer{background:var(--ui-surface-solid);position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.final-design-system-page-module__Bl0bDG__page *,.final-design-system-page-module__Bl0bDG__page :before,.final-design-system-page-module__Bl0bDG__page :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.final-design-system-page-module__Bl0bDG__depthCard,.final-design-system-page-module__Bl0bDG__depthCard:hover,.final-design-system-page-module__Bl0bDG__principleGrid article:hover,.final-design-system-page-module__Bl0bDG__motionPrinciples article:hover,.final-design-system-page-module__Bl0bDG__guidelineGrid article:hover{transform:none}}