.brand-library{padding-block:4rem;background:var(--background)}@media(min-width:768px){.brand-library{padding-block:6rem}}.brand-library__inner{opacity:0;transform:translateY(1.5rem);transition:all var(--transition-slow) ease}.brand-library__inner.visible{opacity:1;transform:translateY(0)}.brand-library__header{max-width:52rem;margin-inline:auto;text-align:center;margin-bottom:2.5rem}@media(min-width:768px){.brand-library__header{margin-bottom:3.5rem}}.brand-library__eyebrow{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.brand-library h2{margin-bottom:1.25rem}.brand-library__lead{color:var(--neutral-700);text-wrap:balance}.brand-library__group{margin-bottom:1.75rem}@media(min-width:768px){.brand-library__group{margin-bottom:2.25rem}}.brand-library__group:last-of-type{margin-bottom:2.5rem}@media(min-width:768px){.brand-library__group:last-of-type{margin-bottom:3.5rem}}.brand-library__group-title{display:block;margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.06em}.brand-library__swatches{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}@media(min-width:640px){.brand-library__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.brand-library__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.brand-library__swatch{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.75rem;border-radius:var(--radius-xl);background:var(--background);border:1px solid var(--neutral-200)}.brand-library__chip{flex:0 0 auto;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px rgba(128,128,128,.35)}.brand-library__swatch-text{display:flex;flex-direction:column;min-width:0}.brand-library__swatch-name{display:block}.brand-library__code{color:var(--neutral-500);font-weight:400}.brand-library__swatch-brand{display:block;line-height:1.35;overflow-wrap:anywhere}.brand-library__stats{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;text-align:center}@media(min-width:768px){.brand-library__stats{margin-bottom:3.5rem}}.brand-library__stats .heading{color:var(--primary);margin-bottom:.25rem}.brand-library__pillars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.brand-library__pillars{grid-template-columns:repeat(3,minmax(0,1fr))}}.brand-library__pillar{background:var(--primary-50);border-radius:var(--radius-2xl);padding:2rem 1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}:root.dark .brand-library__pillar{background:var(--primary-900)}.brand-library__pillar h3{margin-bottom:.5rem}.brand-library__footnote{margin-top:2rem;text-align:center;text-wrap:balance}.design-intelligence{padding-block:4rem;background:var(--background)}@media(min-width:768px){.design-intelligence{padding-block:6rem}}.design-intelligence__inner{opacity:0;transform:translateY(1.5rem);transition:all var(--transition-slow) ease}.design-intelligence__inner.visible{opacity:1;transform:translateY(0)}.design-intelligence__header{max-width:52rem;margin-inline:auto;text-align:center;margin-bottom:3rem}@media(min-width:768px){.design-intelligence__header{margin-bottom:4rem}}.design-intelligence__eyebrow{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.design-intelligence h2{margin-bottom:1.25rem}.design-intelligence__lead{color:var(--neutral-700);text-wrap:balance}.design-intelligence__pillars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.design-intelligence__pillars{grid-template-columns:repeat(2,1fr)}}.design-intelligence__pillar{background:var(--primary-50);border-radius:var(--radius-2xl);padding:2rem 1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}:root.dark .design-intelligence__pillar{background:var(--primary-900)}.design-intelligence__pillar h3{margin-bottom:.5rem}.faq-item{background:var(--background);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding-inline:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base) ease,border-color var(--transition-base) ease}.faq-item[open]{box-shadow:var(--shadow-md);border-color:var(--neutral-300)}:root.dark .faq-item{background:var(--neutral-50);border-color:var(--neutral-200)}.faq-item summary{cursor:pointer;padding-block:1.25rem;transition:color var(--transition-fast) ease;list-style:none}.faq-item summary:focus{outline:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>div{display:flex;align-items:center;justify-content:space-between}.faq-item svg{width:1.25rem;height:1.25rem;color:var(--neutral-400);transition:transform var(--transition-base) ease;flex-shrink:0;margin-inline-start:1rem}:root.dark .faq-item svg{color:var(--neutral-500)}.faq-item[open] .faq-item svg{transform:rotate(180deg)}.faq-item .content{padding-bottom:1.25rem}.faq-list{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:1280px){.faq-list{grid-template-columns:1fr 1fr;-moz-column-gap:1.5rem;column-gap:1.5rem;align-items:start}}.faq-list .no-results{grid-column:1/-1;text-align:center;padding-block:3rem}.faq-list .no-results p{color:var(--neutral-500)}.how-it-works{padding-block:6rem;background:var(--background)}@media(min-width:768px){.how-it-works{padding-block:8rem}}@media(min-width:1024px){.how-it-works{padding-block:10rem}}.how-it-works header{text-align:start;margin-bottom:4rem;transition:all .7s ease;transform:translateY(2rem);opacity:0}@media(min-width:768px){.how-it-works header{margin-bottom:5rem}}.how-it-works header.visible{transform:translateY(0);opacity:1}.how-it-works header p{margin-top:1rem;max-width:48rem}.how-it-works .app-store-slides{margin-bottom:1rem}@media(min-width:768px){.how-it-works .app-store-slides--iphone{display:none}}.how-it-works .app-store-slides--ipad{display:none}@media(min-width:768px){.how-it-works .app-store-slides--ipad{display:block}}.how-it-works .slide-card{flex-shrink:0;scroll-snap-align:start;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);background:var(--neutral-100);-webkit-user-select:none;-moz-user-select:none;user-select:none}:root.dark .how-it-works .slide-card{background:var(--neutral-200)}.how-it-works .slide-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-drag:none}.how-it-works .slide-card--iphone{width:70vw;max-width:280px;aspect-ratio:1080/2340}.how-it-works .slide-card--ipad{width:80vw;max-width:640px;aspect-ratio:1600/1200}@media(min-width:1024px){.how-it-works .slide-card--ipad{width:600px}}.how-it-works .customization{padding-block:3rem;margin-top:4rem}@media(min-width:768px){.how-it-works .customization{padding-block:4rem;margin-top:5rem}}.how-it-works .customization header{text-align:center;margin-bottom:2rem;transition:none;transform:none;opacity:1}@media(min-width:768px){.how-it-works .customization header{margin-bottom:3rem}}.how-it-works .customization header p{margin-top:.75rem;max-width:none}.how-it-works .scroll-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline-start:1rem;padding-inline-end:1rem}.how-it-works .scroll-track::-webkit-scrollbar{display:none}@media(min-width:640px){.how-it-works .scroll-track{padding-inline-start:1.5rem}}@media(min-width:1024px){.how-it-works .scroll-track{padding-inline-start:max(2rem,(100% - 80rem)/2 + 2rem);padding-inline-end:2rem}}.how-it-works .scroll-controls{display:none;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media(min-width:768px){.how-it-works .scroll-controls{display:flex}}.how-it-works .scroll-controls button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);border:none;background:var(--neutral-200);color:var(--neutral-700);cursor:pointer;transition:background .2s ease}.how-it-works .scroll-controls button:hover{background:var(--neutral-300)}.how-it-works .scroll-controls button svg{width:1.25rem;height:1.25rem}.how-it-works .option-card{background:var(--primary-50);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:1.75rem;width:80vw;max-width:20rem;aspect-ratio:4/5;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}@media(min-width:768px){.how-it-works .option-card{width:24rem;max-width:none;aspect-ratio:1/1;padding:2.5rem}.how-it-works .option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}:root.dark .how-it-works .option-card{background:var(--primary-900)}.how-it-works .option-card h4{margin-bottom:.5rem}
/*# sourceMappingURL=6aeea6b178e38b07.css.map*/