:root{--ink: #0a1628;--ink-soft: #3a4a5c;--paper: #f7fbff;--paper-soft: #eef8f6;--paper-warm: #fff8ef;--mint: #00e5c3;--lemon: #ffe566;--berry: #ff4d6d;--glow: rgba(0, 229, 195, .35);--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.5;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 10% -10%,color-mix(in srgb,var(--lemon) 45%,transparent),transparent 55%),radial-gradient(ellipse 70% 45% at 95% 5%,color-mix(in srgb,var(--mint) 28%,transparent),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,color-mix(in srgb,var(--berry) 12%,transparent),transparent 55%),linear-gradient(165deg,var(--paper) 0%,var(--paper-soft) 45%,var(--paper-warm) 100%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{filter:hue-rotate(0deg);transform:scale(1)}to{filter:hue-rotate(12deg);transform:scale(1.03)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.navbar__brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.03em}.navbar__left{display:flex;align-items:center;gap:1rem}.navbar__pages{display:flex;gap:.35rem}.navbar__page-link{padding:.3rem .55rem;border-radius:7px;text-decoration:none;font-size:.8rem;color:var(--ink-soft);transition:background .15s,color .15s}.navbar__page-link:hover{background:color-mix(in srgb,var(--mint) 14%,transparent);color:var(--ink)}.navbar__controls{display:flex;gap:.5rem}.navbar__dropdown{position:relative}.navbar__trigger{display:flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:8px;background:color-mix(in srgb,var(--paper) 86%,#fff);font-family:var(--font-body);font-size:.82rem;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.navbar__trigger:hover{border-color:color-mix(in srgb,var(--ink) 28%,transparent)}.navbar__trigger:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.navbar__trigger-label{color:var(--ink-soft);font-weight:400}.navbar__trigger-value{font-weight:500}.navbar__chevron{transition:transform .2s}.navbar__dropdown[data-open] .navbar__chevron{transform:rotate(180deg)}.navbar__menu{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:220px;max-height:340px;overflow-y:auto;margin:0;padding:.35rem;list-style:none;background:color-mix(in srgb,var(--paper) 92%,#fff);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:10px;box-shadow:0 8px 32px color-mix(in srgb,var(--ink) 14%,transparent),0 1px 3px color-mix(in srgb,var(--ink) 8%,transparent)}.navbar__dropdown[data-open] .navbar__menu{display:block;animation:dropdown-in .18s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:7px;cursor:pointer;font-size:.82rem;transition:background .15s}.navbar__option:hover{background:color-mix(in srgb,var(--mint) 12%,transparent)}.navbar__option.is-selected{background:color-mix(in srgb,var(--mint) 20%,transparent);font-weight:500}.navbar__option-swatches{display:flex;gap:2px}.navbar__mini-swatch{width:14px;height:14px;border-radius:3px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.navbar__option-name{flex:1}.navbar__option-fonts{font-size:.72rem;color:var(--ink-soft)}@media(max-width:600px){.navbar{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.navbar__controls{width:100%;justify-content:flex-end}.navbar__pages,.navbar__trigger-label{display:none}}.hero{max-width:720px;margin:0 auto;padding:clamp(3.5rem,10vw,6.5rem) 1.5rem 2.5rem;text-align:center;animation:rise .9s ease-out both}.brand{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(120deg,var(--ink) 0%,var(--mint) 40%,var(--berry) 75%,var(--lemon) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.25rem,3.2vw,1.65rem);font-weight:500;color:var(--ink-soft);letter-spacing:-.02em}.lede{margin:0 auto;max-width:38ch;font-size:1.05rem;font-weight:300;color:var(--ink-soft)}.section{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3.5rem}.section__head{margin-bottom:1.75rem;padding-inline:.15rem}.section__head h2{margin:0 0 .25rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em}.section__head p{margin:0;font-size:1rem;font-weight:300;color:var(--ink-soft)}.section--preview{padding-bottom:4rem}#preview-status{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.9rem}.footer{text-align:center;padding:0 1.5rem 2.5rem;font-size:.85rem;font-weight:300;color:var(--ink-soft)}.landing-page{max-width:1100px;margin:0 auto;padding:0 1.25rem 4rem;display:grid;gap:2rem}.landing-page__section{background:color-mix(in srgb,var(--paper) 88%,#fff);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:16px;padding:clamp(1.1rem,2vw,1.75rem);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 10%,transparent),0 1px 4px color-mix(in srgb,var(--ink) 8%,transparent)}.landing-page__section--intro p{margin:0;max-width:65ch;color:var(--ink-soft)}.landing-page__actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.landing-page__cta{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:10px;text-decoration:none;font-size:.92rem;font-weight:500;transition:transform .15s ease,box-shadow .15s ease}.landing-page__cta:hover{transform:translateY(-1px)}.landing-page__cta--primary{background:var(--ink);color:var(--paper);box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 26%,transparent)}.landing-page__cta--secondary{background:color-mix(in srgb,var(--mint) 18%,var(--paper));color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.landing-page__section h2{margin:0 0 .85rem;font-family:var(--font-display);letter-spacing:-.02em}.landing-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.landing-page__card{background:color-mix(in srgb,var(--paper) 86%,#fff);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:12px;padding:1rem}.landing-page__card h3{margin:0 0 .4rem;font-size:1rem}.landing-page__card p{margin:0;font-size:.92rem;color:var(--ink-soft)}@media(max-width:840px){.landing-page__grid{grid-template-columns:1fr}}.palettes{display:grid;gap:2.25rem}.palette{animation:rise .8s ease-out both}.palette:nth-child(1){animation-delay:.08s}.palette:nth-child(2){animation-delay:.16s}.palette:nth-child(3){animation-delay:.24s}.palette:nth-child(4){animation-delay:.32s}.palette:nth-child(5){animation-delay:.4s}.palette:nth-child(6){animation-delay:.48s}.palette__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding-inline:.15rem}.palette__meta-text{min-width:0}.palette__meta h3{margin:0 0 .2rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.palette__meta p{margin:0;font-size:.95rem;font-weight:300;color:var(--ink-soft)}.select-btn{flex-shrink:0;margin:0;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(10,22,40,.14);background:#ffffffb8;color:var(--ink);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.select-btn:hover{transform:translateY(-1px);border-color:#0a162847}.select-btn:focus-visible{outline:2px solid #00a8e8;outline-offset:2px}.is-selected .select-btn{background:#0a1628;border-color:#0a1628;color:#fff}.palette.is-selected .swatches{outline:2px solid #0a1628;outline-offset:3px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-radius:1.25rem;overflow:hidden;box-shadow:0 1px #ffffffb3 inset,0 18px 40px -20px #0a162859}.swatch{position:relative;min-height:140px;background:var(--c);display:flex;flex-direction:column;justify-content:flex-end;padding:.85rem .9rem;transition:flex .35s ease,filter .35s ease;flex:1}.swatches:hover .swatch{filter:saturate(.85) brightness(.97)}.swatches:hover .swatch:hover{filter:none;flex:1.35}.swatch span,.swatch em{font-style:normal;font-size:.78rem;line-height:1.25;color:#0a1628;mix-blend-mode:difference;filter:invert(1) contrast(1.2);opacity:.92}.swatch span{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;letter-spacing:.02em}.swatch em{font-weight:500;font-size:.85rem;margin-top:.15rem}@media(max-width:720px){.swatches{grid-template-columns:1fr;border-radius:1rem}.swatch{min-height:72px;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:.75rem}.swatches:hover .swatch:hover{flex:1}.swatch em{margin-top:0}.palette__meta{flex-wrap:wrap}}.type-pair.is-selected{border-color:#0a162838;box-shadow:0 0 0 2px #0a1628,0 14px 32px -24px #0a162859}.typefaces{display:grid;gap:1.25rem}.type-pair{display:grid;grid-template-columns:minmax(12rem,1fr) 1.35fr;gap:1.25rem 1.75rem;align-items:center;padding:1.35rem 1.5rem;border-radius:1.25rem;background:#ffffff8c;border:1px solid rgba(10,22,40,.06);box-shadow:0 14px 32px -24px #0a162859;animation:rise .8s ease-out both}.type-pair:nth-child(1){animation-delay:.08s}.type-pair:nth-child(2){animation-delay:.14s}.type-pair:nth-child(3){animation-delay:.2s}.type-pair:nth-child(4){animation-delay:.26s}.type-pair:nth-child(5){animation-delay:.32s}.type-pair:nth-child(6){animation-delay:.38s}.type-pair__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.type-pair__meta-text{min-width:0}.type-pair__meta h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.type-pair__fonts{margin:0;font-size:.82rem;font-weight:400;color:var(--ink-soft)}.type-pair__fonts span:first-child{color:#0b3d4a}.type-pair__fonts span:last-child{color:#00a8e8}.type-pair__sample{min-width:0}.type-pair__title{margin:0 0 .35rem;font-size:clamp(1.65rem,3.5vw,2.35rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink)}.type-pair__subtitle{margin:0;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.35;color:var(--ink-soft)}.type-pair--fredoka .type-pair__title{font-family:Fredoka,sans-serif;font-weight:600}.type-pair--fredoka .type-pair__subtitle{font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:-.01em}.type-pair--fraunces .type-pair__title{font-family:Fraunces,Georgia,serif;font-weight:700}.type-pair--fraunces .type-pair__subtitle{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:400;font-size:clamp(.85rem,1.6vw,.98rem)}.type-pair--grandstander .type-pair__title{font-family:Grandstander,sans-serif;font-weight:700}.type-pair--grandstander .type-pair__subtitle{font-family:Sora,sans-serif;font-weight:400}.type-pair--quicksand .type-pair__title{font-family:Quicksand,sans-serif;font-weight:600}.type-pair--quicksand .type-pair__subtitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:clamp(.8rem,1.5vw,.95rem);letter-spacing:.06em;text-transform:uppercase}.type-pair--comfortaa .type-pair__title{font-family:Comfortaa,sans-serif;font-weight:700}.type-pair--comfortaa .type-pair__subtitle{font-family:Share Tech Mono,ui-monospace,monospace;font-weight:400;letter-spacing:.02em}.type-pair--outfit .type-pair__title{font-family:Outfit,sans-serif;font-weight:500;letter-spacing:-.04em}.type-pair--outfit .type-pair__subtitle{font-family:DM Sans,sans-serif;font-weight:400}@media(max-width:720px){.type-pair{grid-template-columns:1fr;gap:.85rem;padding:1.15rem 1.2rem}.type-pair__meta{flex-wrap:wrap}}.landing{--p1: #fff8e7;--p2: #ffe566;--p3: #ffb84d;--p4: #2ec4b6;--p5: #0b3d4a;--font-title: "Fredoka", sans-serif;--font-subtitle: "Space Grotesk", sans-serif;position:relative;overflow:hidden;border-radius:1.5rem;background:radial-gradient(ellipse 90% 70% at 0% 0%,color-mix(in srgb,var(--p2) 55%,transparent),transparent 55%),radial-gradient(ellipse 70% 55% at 100% 8%,color-mix(in srgb,var(--p4) 42%,transparent),transparent 50%),radial-gradient(ellipse 60% 45% at 85% 95%,color-mix(in srgb,var(--p3) 38%,transparent),transparent 55%),radial-gradient(ellipse 50% 40% at 15% 85%,color-mix(in srgb,var(--p4) 22%,transparent),transparent 50%),linear-gradient(155deg,var(--p1) 0%,color-mix(in srgb,var(--p1) 82%,var(--p2)) 42%,color-mix(in srgb,var(--p1) 88%,var(--p4)) 100%);color:var(--p5);border:1px solid color-mix(in srgb,var(--p5) 10%,transparent);box-shadow:0 1px color-mix(in srgb,#fff 55%,transparent) inset,0 24px 48px -28px #0a162866;transition:background .45s ease,color .35s ease,border-color .35s ease}.landing__atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.landing__blob{position:absolute;border-radius:50%;filter:blur(8px);will-change:transform;transition:background .45s ease,opacity .45s ease}.landing__blob--a{top:-8%;right:-12%;width:min(78%,460px);aspect-ratio:1;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--p2) 95%,#fff),transparent 62%),radial-gradient(circle at 68% 62%,color-mix(in srgb,var(--p4) 80%,transparent),transparent 68%);opacity:.7;animation:blob-drift-a 16s ease-in-out infinite alternate}.landing__blob--b{top:28%;left:-18%;width:min(62%,360px);aspect-ratio:1.15;background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--p3) 75%,transparent),transparent 65%),radial-gradient(circle at 70% 70%,color-mix(in srgb,var(--p2) 50%,transparent),transparent 70%);opacity:.45;animation:blob-drift-b 20s ease-in-out infinite alternate}.landing__blob--c{bottom:8%;right:8%;width:min(55%,320px);aspect-ratio:1;background:radial-gradient(circle at 45% 40%,color-mix(in srgb,var(--p4) 85%,transparent),transparent 60%),radial-gradient(circle at 70% 75%,color-mix(in srgb,var(--p5) 28%,transparent),transparent 70%);opacity:.5;animation:blob-drift-c 18s ease-in-out infinite alternate}.landing__blob--d{top:48%;left:38%;width:min(40%,220px);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--p2) 55%,transparent),transparent 70%);opacity:.35;filter:blur(18px);animation:blob-drift-d 14s ease-in-out infinite alternate}.landing__mesh{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(color-mix(in srgb,var(--p5) 18%,transparent) .7px,transparent .7px);background-size:14px 14px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 20%,transparent 75%)}@keyframes blob-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(-4%,6%) scale(1.08)}}@keyframes blob-drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(8%,-5%) scale(1.06)}}@keyframes blob-drift-c{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(-6%,-4%) scale(1.1) rotate(8deg)}}@keyframes blob-drift-d{0%{transform:translate(0) scale(1)}to{transform:translate(10%,8%) scale(1.2)}}.landing__nav{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;padding:1.1rem 1.35rem}.landing__logo{margin-right:auto;font-family:var(--font-title);font-size:.95rem;font-weight:600;letter-spacing:-.02em}.landing__nav-link{display:none;font-family:var(--font-subtitle);font-size:.85rem;opacity:.7}.landing__nav-cta{text-decoration:none;font-family:var(--font-subtitle);font-size:.8rem;font-weight:500;padding:.4rem .85rem;border-radius:999px;background:var(--p5);color:var(--p1)}.landing__theme{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.3rem .55rem .3rem .3rem;border:1px solid color-mix(in srgb,var(--p5) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--p1) 55%,transparent);color:var(--p5);font-family:var(--font-subtitle);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}.landing__theme:hover{border-color:color-mix(in srgb,var(--p5) 35%,transparent)}.landing__theme:focus-visible{outline:2px solid var(--p4);outline-offset:2px}.landing__theme-track{position:relative;width:2.1rem;height:1.2rem;border-radius:999px;background:color-mix(in srgb,var(--p5) 18%,var(--p1));transition:background .25s ease}.landing__theme-thumb{position:absolute;top:.15rem;left:.15rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--p5);transition:transform .25s ease,background .25s ease}.landing__theme.is-on .landing__theme-track{background:var(--p4)}.landing__theme.is-on .landing__theme-thumb{transform:translate(.9rem);background:var(--p5)}.landing.is-dark{box-shadow:0 1px color-mix(in srgb,#fff 8%,transparent) inset,0 24px 48px -24px #0000008c}.landing.is-dark .landing__blob--a,.landing.is-dark .landing__blob--c{opacity:.4}.landing.is-dark .landing__blob--b,.landing.is-dark .landing__blob--d{opacity:.28}.landing.is-dark .landing__mesh{opacity:.16}.landing.is-dark .ui-block,.landing.is-dark .ui-card,.landing.is-dark .ui-field input,.landing.is-dark .ui-field textarea{background:color-mix(in srgb,var(--p1) 78%,#000);border-color:color-mix(in srgb,var(--p5) 14%,transparent)}.landing.is-dark .ui-list li{background:color-mix(in srgb,var(--p2) 55%,var(--p1))}.landing__hero{position:relative;z-index:1;padding:clamp(1.5rem,5vw,3rem) 1.35rem clamp(1.75rem,4vw,2.5rem);max-width:34rem}.landing__brand{margin:0 0 .55rem;font-family:var(--font-title);font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--p5)}.landing__tagline{margin:0 0 .85rem;font-family:var(--font-subtitle);font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.35;color:var(--p5);opacity:.78}.landing.type-pair--quicksand .landing__tagline,.landing.type-pair--quicksand .ui-caption,.landing.type-pair--quicksand .ui-label{letter-spacing:.05em;text-transform:uppercase;font-size:.82em}.landing__copy{margin:0 0 1.35rem;max-width:34ch;font-family:Outfit,sans-serif;font-size:.98rem;font-weight:300;line-height:1.55;color:var(--p5);opacity:.72}.landing__actions{display:flex;flex-wrap:wrap;gap:.65rem}.landing__btn{appearance:none;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.15rem;border-radius:999px;font-family:var(--font-subtitle);font-size:.9rem;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.landing__btn:hover:not(:disabled){transform:translateY(-1px)}.landing__btn:disabled{opacity:.4;cursor:not-allowed}.landing__btn--primary{background:var(--p4);color:var(--p5)}.landing__btn--secondary{background:var(--p2);color:var(--p5)}.landing__btn--ghost{background:transparent;color:var(--p5);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--p5) 35%,transparent)}.landing__btn--on-dark{background:var(--p2);color:var(--p5)}.landing__btn--ghost-on-dark{background:transparent;color:var(--p1);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--p1) 40%,transparent)}.landing__surfaces{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:1rem;padding:1.35rem 1.15rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--p5) 10%,transparent)}.ui-block{padding:1rem 1.05rem;border-radius:1rem;background:color-mix(in srgb,var(--p1) 70%,#fff);border:1px solid color-mix(in srgb,var(--p5) 8%,transparent)}.ui-label{margin:0 0 .75rem;font-family:var(--font-subtitle);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.ui-type-scale{display:grid;gap:.45rem}.ui-h1,.ui-h2,.ui-h3,.ui-card__title,.ui-inverted__title{margin:0;font-family:var(--font-title);color:var(--p5);letter-spacing:-.03em;line-height:1.15}.ui-h1{font-size:1.85rem;font-weight:700}.ui-h2{font-size:1.35rem;font-weight:700}.ui-h3{font-size:1.1rem;font-weight:600}.ui-body,.ui-card__text,.ui-inverted__text{margin:0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:300;line-height:1.5;color:var(--p5);opacity:.78}.ui-caption{margin:0;font-family:var(--font-subtitle);font-size:.8rem;opacity:.55}.ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.ui-row--wrap{margin-top:.85rem}.ui-badge{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;font-family:var(--font-subtitle);font-size:.72rem;font-weight:500}.ui-badge--soft{background:color-mix(in srgb,var(--p2) 70%,#fff);color:var(--p5)}.ui-badge--accent{background:var(--p4);color:var(--p5)}.ui-badge--ink{background:var(--p5);color:var(--p1)}.ui-link{font-family:var(--font-subtitle);font-size:.9rem;color:var(--p4);text-underline-offset:.2em}.ui-alert{padding:.85rem 1rem;border-radius:.85rem;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.45;margin-bottom:.65rem}.ui-alert:last-child{margin-bottom:0}.ui-alert strong{font-family:var(--font-subtitle);font-weight:600}.ui-alert--info{background:color-mix(in srgb,var(--p4) 22%,var(--p1));color:var(--p5);box-shadow:inset 3px 0 0 var(--p4)}.ui-alert--warn{background:color-mix(in srgb,var(--p3) 28%,var(--p1));color:var(--p5);box-shadow:inset 3px 0 0 var(--p3)}.ui-form{display:grid;gap:.85rem}.ui-field{display:grid;gap:.35rem}.ui-field span{font-family:var(--font-subtitle);font-size:.8rem;font-weight:500}.ui-field input,.ui-field textarea{width:100%;padding:.7rem .85rem;border-radius:.75rem;border:1.5px solid color-mix(in srgb,var(--p5) 18%,transparent);background:color-mix(in srgb,var(--p1) 50%,#fff);color:var(--p5);font-family:Outfit,sans-serif;font-size:.92rem;resize:vertical}.ui-field input:focus,.ui-field textarea:focus{outline:2px solid var(--p4);outline-offset:1px;border-color:transparent}.ui-field input::placeholder,.ui-field textarea::placeholder{color:color-mix(in srgb,var(--p5) 45%,transparent)}.ui-card{overflow:hidden;border-radius:1rem;background:color-mix(in srgb,var(--p1) 40%,#fff);border:1px solid color-mix(in srgb,var(--p5) 10%,transparent)}.ui-card__media{height:100px;background:linear-gradient(135deg,var(--p2),transparent 55%),linear-gradient(225deg,var(--p4),var(--p3))}.ui-card__body{display:grid;gap:.55rem;justify-items:start;padding:1rem}.ui-card__title{font-size:1.15rem;font-weight:700}.ui-inverted{display:grid;gap:1rem;padding:1.15rem 1.2rem;border-radius:1rem;background:var(--p5);color:var(--p1)}.ui-inverted__title{margin:0 0 .35rem;color:var(--p1);font-size:1.25rem;font-weight:700}.ui-inverted__text{color:var(--p1);opacity:.75}.ui-split{display:grid;gap:1rem}.ui-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.ui-list li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-radius:.7rem;background:color-mix(in srgb,var(--p2) 35%,var(--p1));font-size:.88rem}.ui-list span{font-family:var(--font-subtitle);opacity:.65}.ui-list em{font-style:normal;font-family:var(--font-title);font-weight:600}.ui-list__ok{color:var(--p4)}.ui-table{width:100%;border-collapse:collapse;font-size:.85rem}.ui-table th,.ui-table td{text-align:left;padding:.6rem .55rem;border-bottom:1px solid color-mix(in srgb,var(--p5) 12%,transparent)}.ui-table th{font-family:var(--font-subtitle);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55}.ui-table td{font-family:Outfit,sans-serif}.ui-table code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.8rem;padding:.1rem .35rem;border-radius:.3rem;background:color-mix(in srgb,var(--p4) 18%,transparent)}.landing__bar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);height:10px}.landing__bar span{display:block}@media(min-width:640px){.landing__nav-link{display:inline}}@media(min-width:800px){.landing__surfaces{grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 1.35rem 1.75rem}.ui-block--span{grid-column:1 / -1}.ui-split{grid-template-columns:1fr 1.2fr;align-items:start}.ui-inverted{grid-template-columns:1.4fr auto;align-items:center}}.section--contrast{padding-bottom:4rem}.contrast-grid{display:grid;grid-template-columns:1fr;gap:1rem}.contrast-card{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:stretch;padding:.85rem;border-radius:1.15rem;background:#ffffff9e;border:1px solid rgba(10,22,40,.08);box-shadow:0 14px 32px -24px #0a16284d}.contrast-card--fail{border-color:color-mix(in srgb,#c0392b 35%,transparent)}.contrast-card--pass-large{border-color:color-mix(in srgb,#d68910 40%,transparent)}.contrast-card--pass-aa{border-color:color-mix(in srgb,#1e8449 35%,transparent)}.contrast-card--pass-aaa{border-color:color-mix(in srgb,#148f77 45%,transparent)}.contrast-card__swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border-radius:.85rem;min-height:7.5rem;border:1px solid rgba(10,22,40,.08)}.contrast-card__sample--normal{font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;line-height:1}.contrast-card__sample--large{font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.03em}.contrast-card__body{min-width:0}.contrast-card__body h3{margin:0 0 .15rem;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.contrast-card__use{margin:0 0 .55rem;font-size:.85rem;font-weight:300;color:var(--ink-soft)}.contrast-card__tokens{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .25rem;font-size:.8rem;color:var(--ink-soft)}.contrast-card__tokens code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.75rem;padding:.12rem .4rem;border-radius:.35rem;background:#0a16280f;color:var(--ink)}.contrast-card__hex{margin:0 0 .45rem;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.72rem;color:var(--ink-soft)}.contrast-card__ratio{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1}.contrast-card__badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.contrast-card__badges li{padding:.22rem .5rem;border-radius:999px;font-size:.68rem;font-weight:500;letter-spacing:.02em}.contrast-card__badges .is-pass{background:color-mix(in srgb,#1e8449 16%,#fff);color:#145a32}.contrast-card__badges .is-fail{background:color-mix(in srgb,#c0392b 12%,#fff);color:#922b21;opacity:.85}.contrast-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:1.15rem 0 0;font-size:.82rem;font-weight:300;color:var(--ink-soft)}.contrast-legend strong{font-weight:600;color:var(--ink)}@media(max-width:520px){.contrast-card{grid-template-columns:1fr}.contrast-card__swatch{min-height:5.5rem;flex-direction:row;gap:1rem}}@media(min-width:720px){.contrast-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.bg,.hero,.palette,.type-pair,.landing__blob{animation:none}.swatch,.select-btn,.landing,.landing__btn,.landing__blob{transition:none}}