:root{--ui-raised:#fdfdfb;--ui-shadow:0 1px 2px #26251e0f, 0 12px 32px -18px #26251e47;--ui-shadow-lift:0 1px 2px #26251e0f, 0 24px 48px -24px #26251e52;--ui-dots:color-mix(in oklab, var(--ink) 16%, transparent);--ui-accent-soft:color-mix(in oklab, var(--accent) 12%, var(--bg));--ui-accent-ink:color-mix(in oklab, var(--accent) 88%, var(--ink))}:root[data-theme=dark]{--ui-raised:#23211b;--ui-shadow:inset 0 1px 0 #ffffff0a, 0 12px 32px -18px #000000b3;--ui-shadow-lift:inset 0 1px 0 #ffffff0d, 0 24px 48px -24px #000c;--ui-dots:color-mix(in oklab, var(--ink) 13%, transparent);--ui-accent-soft:color-mix(in oklab, var(--accent) 18%, var(--bg))}@media (prefers-color-scheme:dark){:root:not([data-theme]){--ui-raised:#23211b;--ui-shadow:inset 0 1px 0 #ffffff0a, 0 12px 32px -18px #000000b3;--ui-shadow-lift:inset 0 1px 0 #ffffff0d, 0 24px 48px -24px #000c;--ui-dots:color-mix(in oklab, var(--ink) 13%, transparent);--ui-accent-soft:color-mix(in oklab, var(--accent) 18%, var(--bg))}}[data-tone=blue]{--hue:#3a6fd8}[data-tone=violet]{--hue:#7a5ae0}[data-tone=green]{--hue:#1f8a65}[data-tone=amber]{--hue:#c98612}[data-tone=teal]{--hue:#13899b}[data-tone=pink]{--hue:#c4417f}[data-tone=orange]{--hue:var(--accent)}.icon{flex:none}.ui-section{padding-block:clamp(80px,9vw,136px)}.ui-head{margin-bottom:clamp(40px,5vw,64px)}.ui-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.ui-head.is-centered{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.ui-head.is-centered .ui-heading{margin-inline:auto}.ui-band{background:var(--panel)}.ui-band .ui-card,.ui-band .ui-window{background:var(--bg)}.ui-chapter{padding-block:clamp(104px,11vw,168px);overflow:hidden}.ui-chapter.has-glow{background:radial-gradient(55% 70% at 0% 0%, color-mix(in srgb, var(--hue,var(--accent)) 16%, transparent), transparent 62%), var(--bg)}.is-inverse :focus-visible{outline-color:var(--ink)}.ui-feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.ui-feature-body{max-width:40ch;font-size:var(--font-md);color:var(--ink-2);margin:22px 0 0}.ui-feature-facts{font-size:var(--font-base);gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.ui-feature .actions{gap:12px 24px;margin-top:36px}.ui-feature-note{border-top:1px solid var(--line);font-size:var(--font-sm);color:var(--ink-2);margin:36px 0 0;padding-top:20px}.ui-feature-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;font-weight:500}.ui-shot.is-bleed{border-radius:14px 0 0 14px;margin-right:calc(-1*max(32px,50vw - 620px))}.ui-display,.ui-heading{text-wrap:balance;margin:0}.ui-display>span,.ui-heading>span{display:block}.ui-display>span+span,.ui-heading>span+span{color:var(--ink-2)}.ui-display{letter-spacing:-.03em;font-size:clamp(2.75rem,4.4vw + .75rem,4.75rem);line-height:1.02}.ui-display.is-compact{font-size:clamp(2.5rem,2.6vw + 1.2rem,4rem);line-height:1.04}.ui-heading{letter-spacing:-.024em;max-width:24em;font-size:clamp(1.875rem,1.5vw + 1.3rem,2.625rem);line-height:1.1}.ui-lede{max-width:42ch;font-size:var(--font-xl);letter-spacing:var(--tracking-md);color:var(--ink-2);margin:28px 0 0;line-height:1.45}.ui-eyebrow{border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 70%, transparent);font-size:var(--font-sm);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:5px 12px 5px 10px;font-weight:500;display:inline-flex}.ui-eyebrow a{color:inherit;transition:color .2s}.ui-eyebrow a:hover{color:var(--ink)}.ui-eyebrow .icon{color:var(--ink-2)}.ui-dot{background:var(--hue,var(--accent));border-radius:50%;flex:none;width:7px;height:7px;position:relative}.ui-dot:after{content:"";border:1px solid var(--hue,var(--accent));opacity:0;border-radius:50%;position:absolute;inset:-4px}.ui-tile{background:var(--ui-accent-soft);width:40px;height:40px;color:var(--ui-accent-ink);border-radius:12px;flex:none;place-items:center;display:grid}.ui-tile.is-small{border-radius:9px;width:30px;height:30px}.ui-tile.is-large{border-radius:15px;width:52px;height:52px}.ui-tile.is-tone{background:color-mix(in oklab, var(--hue,var(--accent)) 13%, var(--bg));color:color-mix(in oklab, var(--hue,var(--accent)) 85%, var(--ink))}.ui-tile.is-plain{border:1px solid var(--line);background:var(--panel);color:var(--ink)}.ui-link{min-height:32px;font-size:var(--font-sm);color:var(--ink);align-items:center;gap:6px;font-weight:500;display:inline-flex}.ui-link .icon{transition:transform .3s var(--ease)}.ui-link:hover .icon,a:hover>.ui-link .icon{transform:translate(2px,-1px)}.ui-note{font-size:var(--font-base);color:var(--ink-2);margin:28px 0 0}.ui-note .icon{vertical-align:-3px;color:var(--accent);margin-right:8px}.ui-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;font-weight:500;transition:text-decoration-color .2s}.ui-note a:hover{text-decoration-color:currentColor}.button.ui-button{gap:8px}.ui-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ui-chips>*{background:var(--panel);font-size:var(--font-sm);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 9px;display:inline-flex}.ui-chips .icon{color:var(--hue,var(--accent))}.ui-chips.is-outlined>*{border:1px solid var(--line);background:color-mix(in oklab, var(--bg) 60%, transparent)}.ui-hero{padding-top:clamp(128px,17vh,184px);padding-bottom:clamp(56px,7vw,96px);position:relative;overflow:hidden}.ui-hero>.wrap{position:relative}.ui-hero .actions{margin-top:36px}.ui-hero-art{pointer-events:none;background-image:radial-gradient(circle at 1px 1px, var(--ui-dots) 1px, transparent 0);background-size:24px 24px;height:760px;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(60% 70% at 78% 8%,#000,#0000 72%);mask-image:radial-gradient(60% 70% at 78% 8%,#000,#0000 72%)}.ui-hero-art:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--hue,var(--accent)) 15%, transparent), transparent);border-radius:50%;width:640px;height:640px;position:absolute;top:-240px;right:-80px}.ui-card{border:1px solid var(--line);background:var(--panel);isolation:isolate;transition:border-color .3s, transform .45s var(--ease), box-shadow .45s var(--ease);border-radius:22px;flex-direction:column;flex:1;padding:28px 28px 22px;display:flex;position:relative;overflow:hidden}.ui-card:before{content:"";z-index:-1;background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--hue,var(--accent)) 14%, transparent), transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}a.ui-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}a.ui-card:hover:before{opacity:1}.ui-card .ui-tile{transition:transform .45s var(--ease)}a.ui-card:hover .ui-tile{transform:rotate(-6deg)scale(1.05)}.ui-card h3{font-size:var(--font-xl);letter-spacing:var(--tracking-md);text-wrap:balance;margin:32px 0 8px;line-height:1.25}.ui-card p{font-size:var(--font-base);color:var(--ink-2);margin:0 0 24px}.ui-card>.ui-link:last-child{color:var(--ink-2);margin-top:auto;transition:color .2s}a.ui-card:hover>.ui-link:last-child{color:var(--ink)}.ui-rows{isolation:isolate;border-top:1px solid var(--line);margin:0;padding:0;list-style:none;position:relative}.ui-rows>li{border-bottom:1px solid var(--line);transition:opacity .25s var(--ease-out-cubic)}.ui-row{min-height:80px;transition:color .25s var(--ease-out-cubic);outline:none;grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr) 24px;align-items:center;gap:24px;padding-right:20px;display:grid;position:relative}.ui-rows:before{content:"";z-index:-1;height:var(--row-h,80px);background:var(--ink);opacity:0;transform:translateY(var(--row-y,0px));pointer-events:none;transition:transform .25s var(--ease-out-cubic), opacity .3s var(--ease-out-cubic);border-radius:16px;position:absolute;top:0;left:-10px;right:-10px}.ui-rows.is-placing:before{transition:opacity .3s var(--ease-out-cubic)}.ui-rows.is-active:before{opacity:1}.ui-rows.is-active:has(.ui-row:focus-visible):before{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.ui-row-title{min-width:0;font-size:var(--font-2xl);font-feature-settings:normal;letter-spacing:var(--tracking-2xl);transition:transform .25s var(--ease-out-cubic);align-items:center;font-weight:500;line-height:1.2;display:flex}.ui-row-summary{font-size:var(--font-base);color:var(--ink-2);transition:color .25s var(--ease-out-cubic)}.ui-row-meta{font-size:var(--font-sm);white-space:nowrap;color:var(--ink-2);transition:color .25s var(--ease-out-cubic);font-weight:500}.ui-rows.has-meta .ui-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto 24px}.ui-row-arrow{opacity:0;transition:opacity .25s var(--ease-out-cubic), transform .5s var(--ease-out-cubic);justify-self:end;place-items:center;display:grid;transform:translate(-8px)}.ui-rows:has(>li:hover,.ui-row:focus-visible)>li:not(:hover,:has(.ui-row:focus-visible)){opacity:.4}.ui-row:is(:hover,:focus-visible) .ui-row-title{transform:translate(16px)}.ui-row:is(:hover,:focus-visible) .ui-row-arrow{opacity:1;transform:none}.ui-rows.is-active .ui-row:is(:hover,:focus-visible){color:var(--bg)}.ui-rows.is-active .ui-row:is(:hover,:focus-visible) :is(.ui-row-summary,.ui-row-meta){color:color-mix(in oklab, var(--bg) 78%, var(--ink))}@media (prefers-reduced-motion:reduce){.ui-rows:before,.ui-rows>li,.ui-row,.ui-row *{transition:none!important}}@media (width<=760px){.ui-row,.ui-rows.has-meta .ui-row{grid-template-columns:minmax(0,1fr) 20px;gap:4px 12px;min-height:0;padding:18px 0}.ui-row-meta{grid-area:3/1;margin-top:4px}.ui-rows:before{left:-12px;right:-12px}.ui-row:is(:hover,:focus-visible) .ui-row-title{transform:none}.ui-row-title{font-size:var(--font-xl)}.ui-row-summary{grid-area:2/1}.ui-row-arrow{opacity:1;color:var(--ink-2);grid-area:1/2/span 3;transform:none}.ui-rows.is-active .ui-row:is(:hover,:focus-visible) .ui-row-arrow{color:var(--bg)}}.ui-window{border:1px solid var(--line);background:var(--bg);box-shadow:var(--ui-shadow);border-radius:22px;overflow:hidden}.ui-window-bar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;min-height:52px;padding:0 20px;display:flex}.ui-lights{gap:6px;display:inline-flex}.ui-lights i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.ui-window-title{font-size:var(--font-base);font-weight:500}.ui-window-bar .ui-tag{margin-left:auto}.ui-tag{border:1px solid var(--line-strong);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.75rem}.ui-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 0;display:grid}.ui-stats div{flex-direction:column-reverse;gap:4px;padding:18px 0;display:flex}.ui-stats div+div{border-left:1px solid var(--line);padding-left:20px}.ui-stats dd{font-size:var(--font-4xl);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1}.ui-stats dt{font-size:var(--font-sm);color:var(--ink-2)}.ui-shot{transition:transform .8s var(--ease), box-shadow .8s var(--ease);background:#f7f7f4;border-radius:14px;display:block;position:relative;overflow:hidden;box-shadow:0 40px 80px -44px #26251e80,0 0 0 1px #26251e1a}.is-inverse .ui-shot{box-shadow:0 50px 90px -40px #000000bf,0 0 0 1px #ffffff1a}.ui-shot img{width:100%;height:auto}.ui-shot.is-tilted{transform-origin:0;transform:perspective(1800px)rotateY(-6deg)rotateX(2deg)}a.ui-shot.is-tilted:hover{transform:perspective(1800px)rotateY(0)rotateX(0)translateY(-4px)}.ui-browser{background:#efeee9;border-bottom:1px solid #26251e14;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.ui-browser i{background:#26251e29;border-radius:50%;width:9px;height:9px}.ui-browser i:first-child{background:#ff5f57}.ui-browser i:nth-child(2){background:#febc2e}.ui-browser i:nth-child(3){background:#28c840}.ui-browser span{color:#26251e8c;background:#fff;border-radius:6px;margin:0 auto;padding:3px 14px;font-size:11px;transform:translate(-20px)}.ui-frame{border:1px solid var(--line-strong);border-radius:4px;position:relative}.ui-corner{z-index:1;background:var(--hue,var(--accent));border-radius:50%;width:7px;height:7px;position:absolute}.ui-corner.is-tl{top:-4px;left:-4px}.ui-corner.is-tr{top:-4px;right:-4px}.ui-corner.is-bl{bottom:-4px;left:-4px}.ui-corner.is-br{bottom:-4px;right:-4px}@media (prefers-reduced-motion:no-preference){.ui-motion [data-reveal]{transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}.ui-motion [data-reveal]:not(.is-in){opacity:0;transform:translateY(20px)}.ui-motion [data-reveal]:not(.is-in) .ui-shot.is-tilted{transform:perspective(1800px)rotateY(-14deg)rotateX(4deg)translate(32px)}.ui-dot:after{animation:ui-ping 2.8s var(--ease) infinite}.ui-hero-art:after{animation:18s ease-in-out infinite alternate ui-drift}}@keyframes ui-ping{0%{opacity:.7;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.6)}}@keyframes ui-drift{0%{transform:translate(0)}to{transform:translate(-80px,60px)}}@media (width<=1100px){.ui-feature{grid-template-columns:1fr}.ui-shot.is-bleed{border-radius:14px;margin-right:0}.ui-shot.is-tilted,.ui-motion [data-reveal]:not(.is-in) .ui-shot.is-tilted,a.ui-shot.is-tilted:hover{transform:none}}@media (width<=640px){.ui-section{padding-block:clamp(72px,18vw,96px)}.ui-display{font-size:clamp(2.5rem,11vw,3.25rem)}.ui-display.is-compact{font-size:clamp(2.25rem,10vw,3rem)}.ui-lede{font-size:var(--font-lg)}.ui-card{padding:24px 22px 20px}.ui-stats dd{font-size:var(--font-3xl)}.ui-stats div+div{padding-left:14px}.ui-browser span{display:none}}@media print{.ui-motion [data-reveal]{opacity:1!important;transform:none!important}}
