.style-guide-page{background-color:var(--color-convey-white)}.style-guide-hero{padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,7vw,6rem);overflow:hidden}.style-guide-hero__layout{display:grid;align-items:center;gap:clamp(2rem,6vw,6rem)}@media (min-width: 900px){.style-guide-hero__layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}}.style-guide-hero__content{max-width:760px}.style-guide-hero__content h1{margin-top:1rem;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.98}.style-guide-hero__content .lead{max-width:680px;margin-bottom:0}.style-guide-hero__diagram{position:relative;min-height:clamp(270px,42vw,430px);display:grid;place-items:center}.style-guide-hero__orbit{position:absolute;display:grid;place-items:start center;border:1px solid var(--color-convey-dark);border-radius:50%;background:#f8f9ffbf;box-shadow:.6rem .6rem 0 var(--color-convey-shadow)}.style-guide-hero__orbit span{margin-top:-.8rem;padding:.35rem .75rem;border:1px solid var(--color-convey-dark);border-radius:999px;background:var(--color-convey-white);color:var(--color-convey-dark);font-weight:700;font-size:.8rem}.style-guide-hero__orbit--large{width:min(100%,430px);aspect-ratio:1;background:#056dff14}.style-guide-hero__orbit--medium{width:min(70%,300px);aspect-ratio:1;background:#eec33838}.style-guide-hero__orbit--small{width:min(38%,160px);aspect-ratio:1;background:var(--color-convey-blue)}.style-guide-hero__orbit--small span{color:var(--color-convey-white);background:var(--color-convey-dark)}.style-guide-nav{position:sticky;top:0;z-index:20;border-block:1px solid var(--color-lines);background:#fffffff0;backdrop-filter:blur(12px)}.style-guide-nav__inner{display:flex;gap:.5rem clamp(1rem,4vw,3rem);overflow-x:auto;padding-top:.85rem;padding-bottom:.85rem;scrollbar-width:thin}.style-guide-nav__inner a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;color:var(--color-convey-dark);font-weight:700;border-bottom:2px solid transparent}.style-guide-nav__inner a:hover,.style-guide-nav__inner a:focus-visible{color:var(--color-convey-link-blue);border-color:currentColor}.style-guide-section{padding:clamp(4rem,8vw,8rem) 0;scroll-margin-top:5rem}.style-guide-section--tinted{background:var(--color-convey-offwhite);border-block:1px solid var(--color-lines)}.style-guide-section--principles{margin-bottom:clamp(4rem,8vw,8rem);color:var(--color-convey-white);background:var(--color-convey-dark)}.style-guide-section--principles h2,.style-guide-section--principles p,.style-guide-section--principles ul,.style-guide-section--principles ol,.style-guide-section--principles li,.style-guide-section--principles span,.style-guide-section--principles strong{color:inherit}.style-guide-section__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,4vw,3rem);align-items:start;max-width:920px;margin-bottom:clamp(2.5rem,6vw,5rem)}.style-guide-section__header>div>:last-child{margin-bottom:0}.style-guide-section__number{margin:0;color:var(--color-convey-blue);font-family:Fagun,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1;opacity:.22}.style-guide-specimen{padding:clamp(1.25rem,3vw,2.5rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--color-lines);border-radius:clamp(.6rem,1.5vw,1rem);background:var(--color-convey-white)}.style-guide-specimen__intro{max-width:720px;margin-bottom:clamp(1.5rem,4vw,3rem)}.style-guide-specimen__intro>:first-child{margin-top:0}.style-guide-specimen__intro>:last-child{margin-bottom:0}.style-guide-specimen-grid{display:grid;gap:clamp(1.25rem,3vw,2.5rem)}@media (min-width: 820px){.style-guide-specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.style-guide-specimen-grid .style-guide-specimen{margin-bottom:0}.style-guide-specimen-grid+.style-guide-specimen-grid,.style-guide-specimen-grid+.style-guide-specimen{margin-top:clamp(1.25rem,3vw,2.5rem)}.style-guide-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;padding:0;margin:0;list-style:none}.style-guide-color{overflow:hidden;margin:0;border:1px solid var(--color-lines);border-radius:.75rem;background:var(--color-convey-white)}.style-guide-color__swatch{height:92px;background:var(--swatch);border-bottom:1px solid var(--color-lines)}.style-guide-color__meta{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;padding:1rem;color:var(--color-convey-dark)}.style-guide-color__meta code,.style-guide-color__meta small{grid-column:1/-1}.style-guide-color__meta code{overflow-wrap:anywhere;color:var(--color-convey-link-blue)}.style-guide-color__meta span,.style-guide-color__meta small{color:var(--color-mid-gray)}.style-guide-type__row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:1rem;align-items:baseline;padding:1.25rem 0;border-top:1px solid var(--color-lines)}.style-guide-type__row:last-child{border-bottom:1px solid var(--color-lines)}.style-guide-type__row>:last-child{margin:0}.style-guide-type__row code{color:var(--color-mid-gray);font-size:.75rem;text-transform:uppercase}.style-guide-actions,.style-guide-labels{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.style-guide-actions .button{display:inline-flex;align-items:center;justify-content:center}.style-guide-dark-surface{margin-top:1.5rem;padding:1.5rem;border-radius:.75rem;background:var(--color-convey-dark)}.style-guide-form-sample{display:grid;gap:1.25rem;padding:0;margin:0;border:0}.style-guide-form-sample .form-group{display:grid;gap:.5rem}.style-guide-form-sample input,.style-guide-form-sample textarea{width:100%}.style-guide-form-sample small{color:var(--color-mid-gray)}.style-guide-form-sample--dark label{color:var(--color-convey-white)}.style-guide-form-sample--dark .button{justify-self:start}.style-guide-spacing{display:grid;gap:.75rem}.style-guide-spacing__row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:1rem;align-items:center}.style-guide-spacing__row span{display:block;width:min(100%,var(--space) * 5);height:16px;border-radius:999px;background:var(--color-convey-blue)}.style-guide-surfaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.5rem}.style-guide-surface{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;border:1px solid var(--color-lines);border-radius:1rem}.style-guide-surface span{color:var(--color-convey-dark);font-weight:700}.style-guide-surface code{color:var(--color-mid-gray)}.style-guide-molecules,.style-guide-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1.25rem,3vw,2rem)}.style-guide-demo-card,.style-guide-service-card{padding:clamp(1.25rem,3vw,2rem);background:var(--color-convey-white)}.style-guide-demo-card>:first-child,.style-guide-service-card>:first-child{margin-top:0}.style-guide-demo-card>:last-child,.style-guide-service-card>:last-child{margin-bottom:0}.style-guide-quote{margin:1.5rem 0;padding:1.25rem;border-left:4px solid var(--color-convey-blue);background:var(--color-convey-offwhite);color:var(--color-convey-dark)}.style-guide-organism{margin-bottom:clamp(3rem,7vw,6rem)}.style-guide-organism__label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}.style-guide-organism__label span{color:var(--color-convey-dark);font-weight:700}.style-guide-organism__label code{color:var(--color-mid-gray)}.style-guide-example-hero{display:grid;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,5vw,4rem);background:var(--color-convey-white)}@media (min-width: 850px){.style-guide-example-hero{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}}.style-guide-example-hero h2{margin-top:1rem}.style-guide-score{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:50% 42% 48% 40%;color:var(--color-convey-white);background:var(--color-convey-blue);transform:rotate(2deg)}.style-guide-score span,.style-guide-score small,.style-guide-score strong{color:inherit;transform:rotate(-2deg)}.style-guide-score strong{font-family:Fagun,sans-serif;font-size:clamp(4rem,9vw,7rem);line-height:.9}.style-guide-service-section{padding:clamp(2rem,6vw,5rem);border-radius:clamp(1rem,2vw,2rem);background:var(--color-convey-offwhite)}.style-guide-service-section__intro{max-width:760px;margin:0 auto clamp(2rem,5vw,4rem);text-align:center}.style-guide-service-card{position:relative}.style-guide-service-card__index{display:block;margin-bottom:2rem;color:var(--color-convey-blue);font-family:Fagun,sans-serif;font-size:2rem;opacity:.35}.style-guide-conversion-panel{display:grid;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--color-convey-white);border-radius:clamp(.75rem,2vw,1.5rem);color:var(--color-convey-white);background:var(--color-convey-dark);box-shadow:.75rem .75rem 0 var(--color-convey-shadow)}@media (min-width: 850px){.style-guide-conversion-panel{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}}.style-guide-conversion-panel h2,.style-guide-conversion-panel p{color:inherit}.style-guide-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1px;padding:1px;margin:0;list-style:none;background:#ffffff40}.style-guide-principles li{display:grid;align-content:start;gap:.75rem;margin:0;padding:clamp(1.25rem,3vw,2rem);background:var(--color-convey-dark)}.style-guide-principles strong{font-family:Fagun,sans-serif;font-size:1.1rem}.style-guide-principles span{opacity:.8}@media (max-width: 520px){.style-guide-nav__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;overflow:visible}.style-guide-nav__inner a{justify-content:center;font-size:.72rem;line-height:1.2;text-align:center}.style-guide-section__header{grid-template-columns:1fr}.style-guide-section__number{margin-bottom:-.5rem}.style-guide-type__row{grid-template-columns:1fr;gap:.5rem}}