body:before{content:"";position:absolute;inset:0 0 auto;height:min(900px,110vh);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 70% at 96% -8%,#ff96606b,#ffbe962e 45%,#fff4e800 72%),radial-gradient(ellipse 40% 50% at -4% -6%,#ffd6c4b3,#fff4e800 70%)}body{position:relative;isolation:isolate}main#main{padding-bottom:clamp(104px,11vw,160px)}.article__hero,.doc__hero,.skills__hero{padding:clamp(136px,15vw,196px) 0 clamp(12px,2vw,28px);text-align:left}.article__hero .display,.doc__hero .display,.skills__hero .display{margin:20px 0 0;max-width:14ch;font-size:clamp(2.7rem,1.1rem + 5.2vw,6rem);line-height:.92;letter-spacing:-.052em}.article__sub,.doc__sub,.skills__sub{max-width:36em;margin:24px 0 0;font-size:clamp(1.1rem,1rem + .45vw,1.4rem);line-height:1.5;color:var(--ink-soft);text-wrap:pretty}.doc__meta{margin-top:16px;font-family:var(--font-mono);font-size:13px;color:var(--ink-dim)}.doc__col,.skills__col,.article__hero{max-width:900px;margin:0 auto}.article__body{max-width:900px;margin:0 auto;padding:12px 0 clamp(72px,9vw,128px)}.article__section{padding:clamp(34px,4vw,52px) 0;border-top:1px solid rgba(28,26,23,.1)}.article__section h2{margin-bottom:16px;font-size:clamp(26px,2.5vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}.article__section h3{margin:28px 0 10px;font-size:19px;font-weight:700;letter-spacing:-.015em}.article__section p,.article__section ul,.article__section ol{margin:0 0 16px;font-size:17px;line-height:1.72;color:var(--ink-soft)}.article__section ul,.article__section ol{padding-left:22px}.article__section li{margin-bottom:6px}.article__section p:last-child{margin-bottom:0}.article__section strong,.article__section b{color:var(--ink);font-weight:700}.article__section a,.article__faq a,.article__sources a{color:var(--flare-ink);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in oklab,var(--flare-ink) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur-hover)}.article__section a:hover,.article__faq a:hover{text-decoration-color:var(--flare-ink)}.article__section code,.cl__note code{padding:2px 7px;border-radius:7px;background:#1c1a1712;font-family:var(--font-mono);font-size:.88em}.article__table-wrap{overflow-x:auto;margin:6px 0 8px;padding:4px 20px;border-radius:22px;background:color-mix(in oklab,white 58%,var(--paper));box-shadow:var(--shadow-sm),inset 0 0 0 1px #1c1a170f}.article__section table{width:100%;border-collapse:collapse;font-size:14.5px}.article__section thead th{padding:14px 16px 12px 0;border-bottom:1px solid rgba(28,26,23,.12);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;color:var(--ink-dim)}.article__section td{padding:13px 16px 13px 0;border-bottom:1px solid rgba(28,26,23,.07);vertical-align:top;color:var(--ink-soft)}.article__section tr:last-child td{border-bottom:0}.article__table-note{font-size:14px!important;color:var(--ink-dim)!important}.article__compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.article__compare--three{grid-template-columns:repeat(3,minmax(0,1fr))}.article__compare-lede{font-weight:600;color:var(--ink)!important}.compare-card{padding:24px 22px 26px;border-radius:24px}.compare-card__label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.compare-card__title{margin:8px 0 14px;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.compare-card__figure{margin:0 0 14px!important;font-size:34px!important;font-weight:800;letter-spacing:-.045em;line-height:1!important;color:var(--ink)!important}.compare-card__figure span{font-size:15px;font-weight:600;letter-spacing:0;color:var(--ink-dim)}.compare-card ul{margin:0!important;padding-left:18px;font-size:15px!important}.compare-card--systo{background:#1f1a15!important;box-shadow:0 30px 60px -28px #5c280e8c!important;color:#fff4e8}.compare-card--systo .compare-card__label,.compare-card--systo .compare-card__figure{color:var(--flare)!important}.compare-card--systo .compare-card__figure span{color:#fff4e899}.compare-card--systo ul,.compare-card--systo li{color:#fff4e8cc!important}.compare-card--systo .compare-card__title{color:#fff4e8}@media(max-width:900px){.article__compare--three{grid-template-columns:1fr}}@media(max-width:640px){.article__compare{grid-template-columns:1fr}}.article__faq{padding:clamp(34px,4vw,52px) 0;border-top:1px solid rgba(28,26,23,.1)}.article__faq h2{font-size:clamp(26px,2.5vw,36px);font-weight:800;letter-spacing:-.035em}.faq-list{display:grid;margin-top:20px;border-top:1px solid rgba(28,26,23,.1)}.faq-item{padding:20px 0;border-bottom:1px solid rgba(28,26,23,.1)}.faq-item h3{margin-bottom:8px;font-size:18px;font-weight:700;letter-spacing:-.015em}.faq-item p{margin:0;font-size:16px;line-height:1.65;color:var(--ink-soft)}.article__sources{padding:32px 0 8px;border-top:1px solid rgba(28,26,23,.1)}.article__sources h2{margin-bottom:12px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.article__sources ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.8;color:var(--ink-dim)}.article__sources a{color:var(--ink-dim)}.article__cta{position:relative;overflow:hidden;margin:clamp(28px,4vw,56px) 0 0;padding:clamp(34px,5vw,64px);border-radius:32px;text-align:left;background:radial-gradient(ellipse 70% 95% at 104% 128%,rgba(255,106,58,.5),transparent 62%),radial-gradient(ellipse 36% 60% at 92% 118%,rgba(255,182,39,.35),transparent 62%),#1a1612!important;box-shadow:var(--shadow-lg)!important}.article__cta h2{max-width:18ch;margin-bottom:12px;font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.02;color:#fff4e8}.article__cta p{max-width:46ch;margin:0 0 26px;font-size:16.5px;line-height:1.6;color:#fff4e8c7}.article__cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:8px}.doc__jump{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:clamp(30px,4vw,44px) 0 clamp(20px,3vw,30px)}.doc__jump a{display:grid;gap:6px;padding:18px 20px;border-radius:20px;background:color-mix(in oklab,white 58%,var(--paper));box-shadow:var(--shadow-sm),inset 0 0 0 1px #1c1a170f;text-decoration:none;transition:transform var(--dur-hover) var(--ease-quart),box-shadow var(--dur-hover) var(--ease-quart)}.doc__jump a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),inset 0 0 0 1.5px var(--flare)}.doc__jump .k{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--flare-ink)}.doc__jump .t{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.cl{margin:6px 0 0}.cl__lede{margin:0 0 26px;padding:20px 22px;border-radius:20px;background:color-mix(in oklab,var(--flare) 7%,white);font-size:clamp(17px,1.6vw,19px)!important;line-height:1.6;color:var(--ink)!important}.cl h3{margin:30px 0 12px;font-size:17px;font-weight:700;color:var(--ink)}.cl ul{list-style:none;margin:0 0 6px;padding:0}.cl li{position:relative;margin:0;padding:14px 0 14px 36px;border-bottom:1px solid rgba(28,26,23,.08);font-size:16.5px;line-height:1.7;color:var(--ink-soft)}.cl li:before{content:"";position:absolute;left:0;top:18px;width:20px;height:20px;border-radius:7px;box-shadow:inset 0 0 0 1.5px #1c1a173d}.cl li b{color:var(--ink);font-weight:700}.cl--plain li:before{width:7px;height:7px;left:6px;top:25px;border-radius:50%;box-shadow:none;background:var(--flare)}.cl__note{margin:24px 0 0!important;padding:18px 20px;border-radius:18px;background:var(--paper-2);font-size:15.5px!important;line-height:1.65;color:var(--ink-soft)}.cl__note strong{color:var(--ink)}.cl__kw{display:inline-flex;align-items:baseline;gap:9px;margin:0 0 18px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--ink-dim)}.cl__kw b{font-size:13px;color:var(--flare-ink)}.install{margin:clamp(30px,4vw,48px) 0 clamp(36px,5vw,60px);padding:clamp(22px,3vw,34px);border-radius:26px}.install__label{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--flare-ink)}.install__label--second{margin-top:26px;padding-top:22px;border-top:1px solid rgba(28,26,23,.1)}.install__step{display:flex;align-items:center;gap:12px;margin:0 0 10px}.install__n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--flare);color:var(--ink-solid);font-size:12px;font-weight:800}.cmd{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;padding:12px 12px 12px 18px;border-radius:14px;background:#16130f;box-shadow:inset 0 0 0 1px #fff4e81a}.cmd code{flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;font-family:var(--font-mono);font-size:clamp(.84rem,.8rem + .2vw,.98rem);color:#fff4e8;-webkit-user-select:all;user-select:all}.cmd__copy{flex:none;padding:7px 14px;border-radius:999px;border:0;background:#fff4e81a;color:#fff4e8d1;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background-color var(--dur-hover),color var(--dur-hover)}.cmd__copy:hover,.cmd__copy[data-done="1"]{background:var(--flare);color:var(--ink-solid)}.no-js .cmd__copy{display:none}.install__note{margin:16px 0 0;font-size:14.5px;color:var(--ink-dim)}.install__note code{font-family:var(--font-mono);font-size:.9em}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:22px 0 0}.skill-card{display:flex;flex-direction:column;padding:24px;border-radius:24px;transition:transform var(--dur-hover) var(--ease-quart),box-shadow var(--dur-hover) var(--ease-quart)}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md),inset 0 0 0 1px #1c1a170f}.skill-card__name{margin:0 0 6px;font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--flare-ink)}.skill-card__what{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--ink-soft)}.skill-card__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink)}@media(max-width:560px){.install__step{flex-wrap:wrap}.cmd{width:100%}}