.ui-page{--ui-rule:var(--ink);font-family:var(--font-sans);overflow-wrap:break-word}.ui-page h1,.ui-page h2,.ui-page h3{font-family:var(--font-sans);font-weight:600}.ui-page a{transition:background-color .15s,color .15s}.ui-page figure{margin:0}.ui-page img{display:block;max-width:100%;height:auto}.ui-page .section{padding-block:100px}.ui-hero{background:var(--accent);color:var(--surface);border-bottom:2px solid var(--ink)}.ui-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px;padding-block:38px 92px;align-items:end}.ui-hero-grid>*{min-width:0}.ui-back{display:inline-block;font-size:13px;margin-bottom:52px;color:var(--surface);text-decoration:underline;text-underline-offset:5px}.ui-product-name{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:26px;font-size:22px;font-weight:500}.ui-product-name .product-icon{width:38px;height:38px;background:var(--surface);color:var(--ink)}.ui-product-name .product-icon svg{width:24px;height:24px}.ui-product-name .oss-tag{color:var(--surface);border:1px solid currentColor;background:transparent;font-size:11px;letter-spacing:.04em;padding:6px 8px;margin-left:4px}.ui-hero h1{font-size:clamp(68px,7.1vw,110px);line-height:.98;letter-spacing:-.065em;margin:0 0 32px}.ui-hero h1 span{color:var(--ink);background:var(--surface);display:inline-block;padding:0 .08em .06em;margin-left:-.04em;box-shadow:7px 7px 0 var(--ink)}.ui-hero-lede{font-size:clamp(20px,2vw,24px);line-height:1.4;max-width:610px;letter-spacing:-.02em;margin:0 0 20px}.ui-hero-detail{font-size:16px;line-height:1.65;max-width:540px;color:var(--surface);margin:0}.ui-page .actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.ui-hero .btn-secondary{background:var(--surface);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.ui-source-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.ui-source-link:hover{text-decoration-thickness:2px}.ui-specimen{position:relative;background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:24px 28px 0;transform:rotate(2deg);margin:0 10px 10px 0}.ui-specimen-top{font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:18px}.ui-specimen-letter{font-size:clamp(105px,14vw,196px);font-weight:500;line-height:1.2;letter-spacing:-.085em;position:relative;padding-block:15px}.ui-specimen-square{position:absolute;display:block;width:42px;height:42px;background:var(--accent);right:0;top:40px;box-shadow:5px 5px 0 var(--ink)}.ui-specimen-rule{height:4px;background:var(--ink)}.ui-specimen-caption{font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.05em;padding-block:22px;margin:0}.ui-specimen-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--ink);font-size:12px;padding-block:15px}.ui-specimen-bottom span:last-child{font-size:30px;line-height:1}.ui-palette{display:grid;grid-template-columns:repeat(4,1fr);margin-inline:-28px;border-top:2px solid var(--ink);height:28px}.ui-palette span+span{border-left:1px solid var(--ink)}.ui-palette span:nth-child(1){background:var(--ink)}.ui-palette span:nth-child(2){background:var(--accent)}.ui-palette span:nth-child(3){background:var(--paper)}.ui-palette span:nth-child(4){background:var(--surface)}.ui-open-strip{background:var(--ink);color:var(--surface)}.ui-open-strip>.wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:22px}.ui-open-strip p{margin:0;font-size:18px}.ui-open-strip p strong{font-weight:600}.ui-open-strip a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.ui-proof-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:end}.ui-proof-heading>*{min-width:0}.ui-proof-heading .section-title{font-size:clamp(37px,4.2vw,58px);line-height:1.06;letter-spacing:-.05em;margin:0}.ui-proof-heading>p{font-size:18px;line-height:1.65;color:var(--text-2);margin:0 0 4px}.ui-catalog-links{display:flex;flex-wrap:wrap;margin-block:36px 28px;border-block:1px solid var(--ink)}.ui-catalog-links a{font-size:13px;padding:14px 20px 14px 0;margin-right:28px}.ui-catalog-links a:last-child{margin-left:auto;margin-right:0;color:var(--accent)}.ui-catalog-links a:hover{text-decoration:underline;text-underline-offset:4px}.ui-catalog-shot{border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink)}.ui-catalog-shot>a{display:block}.ui-catalog-shot img{width:100%}.ui-catalog-shot figcaption{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--ink);padding:16px 22px;font-size:12px}.ui-catalog-shot figcaption a{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.ui-renderers{background:var(--ink);color:var(--surface)}.ui-renderer-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:80px}.ui-renderer-heading .eyebrow{grid-column:1/-1;color:#d5dae2}.ui-renderer-heading h2{font-size:clamp(45px,5vw,70px);line-height:1.02;letter-spacing:-.05em;margin:0}.ui-renderer-heading h2 span{color:#7d89f0}.ui-renderer-heading>p:last-child{align-self:end;margin:0 0 3px;color:#d5dae2;font-size:18px;max-width:400px}.ui-renderer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid #626b7a;margin-top:52px}.ui-renderer-grid article{min-width:0;padding:30px 28px 32px 0;display:flex;flex-direction:column}.ui-renderer-grid article+article{border-left:1px solid #626b7a;padding-left:28px}.ui-renderer-number{font-size:11px;letter-spacing:.09em;color:#d5dae2;margin-bottom:22px}.ui-renderer-grid h3{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin:0 0 17px}.ui-renderer-grid p{font-size:15px;line-height:1.65;color:#d5dae2;flex:1;margin:0 0 24px}.ui-install{border:1px solid #626b7a;background:#1c202b;padding:14px;min-height:116px;margin-bottom:22px}.ui-install>span{display:block;font-size:10px;letter-spacing:.07em;color:#d5dae2;margin-bottom:11px;text-transform:uppercase}.ui-install .ui-style-label{margin-top:16px}.ui-install code{font-family:var(--font-sans);font-size:15px;overflow-wrap:anywhere;line-height:1.55}.ui-renderer-grid article>a{font-size:13px;color:var(--surface);text-decoration:underline;text-underline-offset:5px}.ui-renderer-footnote{font-size:12px;line-height:1.7;color:#d5dae2;margin:24px 0 0;max-width:850px}.ui-renderer-footnote a{text-decoration:underline;text-underline-offset:4px}.ui-native{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}.ui-native>*{min-width:0}.ui-native .section-title{font-size:clamp(34px,3.5vw,47px);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px}.ui-native-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--text-2);margin-bottom:24px}.ui-native-copy .ui-native-requirements{font-size:12px;border-left:3px solid var(--accent);padding-left:14px}.ui-native-copy>a{font-size:14px;color:var(--accent)}.ui-native-proof{display:block}.ui-native-proof figure{min-width:0;border:1px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink)}.ui-native-proof img{width:100%;height:auto}.ui-native-proof figcaption{border-top:1px solid var(--ink);font-size:11px;padding:12px;letter-spacing:.02em;line-height:1.6}.ui-native-proof figcaption a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.ui-details{border-block:1px solid var(--ink);background:var(--surface)}.ui-details-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:100px}.ui-details-grid>*{min-width:0}.ui-details-grid>.ui-detail-list{border-top:1px solid var(--ink)}.ui-details h2{font-size:clamp(37px,3.8vw,53px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}.ui-details-grid>div>p:not(.eyebrow){color:var(--text-2);font-size:17px;line-height:1.6;max-width:350px}.ui-detail-list article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--ink);padding-block:26px}.ui-detail-list article>span{font-size:12px;color:var(--accent);padding-top:4px}.ui-detail-list h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px}.ui-detail-list p{font-size:15px;line-height:1.65;color:var(--text-2);margin:0 0 14px}.ui-detail-list a{font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.ui-close{background:var(--accent);color:var(--surface);padding-block:84px}.ui-close>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:72px;align-items:center}.ui-close .eyebrow{color:var(--surface)}.ui-close h2{font-size:clamp(42px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.ui-close-copy>p:not(.eyebrow){font-size:18px;max-width:520px;line-height:1.6}.ui-close .btn-primary{background:var(--ink);border:2px solid var(--ink);color:var(--surface);box-shadow:4px 4px 0 var(--surface)}.ui-license-stamp{border:2px solid var(--surface);transform:rotate(-4deg);padding:22px;box-shadow:7px 7px 0 var(--ink)}.ui-license-stamp>span{font-size:11px;letter-spacing:.15em;border-bottom:1px solid var(--surface);display:block;padding-bottom:16px;margin-bottom:22px}.ui-license-stamp strong{display:block;font-size:50px;line-height:.95;letter-spacing:-.055em;font-weight:600;margin-bottom:24px}.ui-license-stamp a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.ui-page :is(a,summary):focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:1000px){.ui-hero-grid{gap:40px}.ui-specimen{padding-inline:20px}.ui-palette{margin-inline:-20px}.ui-specimen-square{width:30px;height:30px}.ui-proof-heading,.ui-renderer-heading{gap:40px}.ui-native{gap:35px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ui-details-grid{gap:50px}.ui-close>.wrap{gap:40px;grid-template-columns:minmax(0,1fr) 210px}.ui-license-stamp strong{font-size:42px}}
@media(max-width:760px){.ui-page .section{padding-block:64px}.ui-hero-grid{grid-template-columns:1fr;padding-block:26px 58px;gap:48px}.ui-back{margin-bottom:32px}.ui-hero h1{font-size:clamp(64px,11vw,86px)}.ui-specimen{max-width:470px;width:calc(100% - 14px);justify-self:center;transform:rotate(1deg);padding-top:18px}.ui-specimen-letter{font-size:155px;line-height:1.05;padding-block:0}.ui-specimen-square{top:30px;width:40px;height:40px}.ui-specimen-caption{font-size:36px;padding-block:18px}.ui-specimen-top{padding-bottom:12px}.ui-open-strip>.wrap{align-items:flex-start;flex-direction:column;gap:8px}.ui-open-strip p{font-size:17px}.ui-open-strip a{font-size:12px;line-height:1.6}.ui-proof-heading,.ui-renderer-heading{grid-template-columns:1fr;gap:24px}.ui-proof-heading>p{max-width:570px;font-size:16px}.ui-catalog-links{gap:0;margin-top:26px}.ui-catalog-links a{font-size:12px;padding-block:12px;margin-right:18px}.ui-catalog-links a:last-child{margin-left:0}.ui-catalog-shot{box-shadow:5px 5px 0 var(--ink)}.ui-catalog-shot figcaption{padding:14px;font-size:11px}.ui-renderer-heading .eyebrow{margin-bottom:0}.ui-renderer-heading>p:last-child{font-size:16px}.ui-renderer-grid{grid-template-columns:1fr;border-bottom:0;margin-top:36px}.ui-renderer-grid article,.ui-renderer-grid article+article{padding:26px 0;border-left:0;border-bottom:1px solid #626b7a}.ui-renderer-number{margin-bottom:16px}.ui-renderer-grid h3{font-size:32px}.ui-renderer-grid p{max-width:550px;margin-bottom:18px}.ui-install{min-height:0;max-width:550px;margin-bottom:18px}.ui-renderer-footnote{font-size:11px}.ui-native{grid-template-columns:1fr;gap:32px}.ui-native-copy>p:not(.eyebrow){font-size:16px;max-width:580px}.ui-native-proof figcaption{font-size:9px;padding:8px}.ui-details-grid{grid-template-columns:1fr;gap:25px}.ui-details-grid>div>p:not(.eyebrow){max-width:560px}.ui-detail-list article{gap:12px;padding-block:24px}.ui-detail-list h3{font-size:20px}.ui-close{padding-block:58px}.ui-close>.wrap{grid-template-columns:1fr;gap:40px}.ui-close h2{font-size:clamp(40px,8.5vw,62px)}.ui-close-copy>p:not(.eyebrow){font-size:16px}.ui-license-stamp{max-width:230px;padding:18px;transform:rotate(-2deg)}.ui-license-stamp>span{margin-bottom:16px;padding-bottom:12px}.ui-license-stamp strong{font-size:40px;margin-bottom:18px}}
@media(max-width:420px){.ui-product-name{font-size:20px;gap:10px}.ui-product-name .oss-tag{font-size:10px;margin-left:0}.ui-hero h1{font-size:65px}.ui-hero .actions{gap:22px}.ui-hero .btn{font-size:13px;padding-inline:14px}.ui-specimen{padding-inline:18px}.ui-palette{margin-inline:-18px}.ui-specimen-letter{font-size:130px}.ui-specimen-caption{font-size:32px}.ui-catalog-shot figcaption{gap:8px}.ui-catalog-links a{margin-right:12px;padding-right:6px}.ui-detail-list article{grid-template-columns:24px minmax(0,1fr)}.ui-page .actions .btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){.ui-page a{transition:none}}