.card{--c-r:20px;--c-pad:28px;--c-gap:8px;--c-border:color-mix(in oklab, var(--ink) 8%, transparent);--c-text:color-mix(in oklab, var(--ink) 84%, var(--card));--c-hi:oklch(from var(--card) 1 0 0 / clamp(0, calc(.09 - l * .09), .07));--c-sh:oklch(from var(--card) 0 0 0 / calc(.07 - l * .04));min-width:0;padding:var(--c-pad);border-radius:var(--c-r);background:var(--card);color:var(--ink);border:1px solid var(--c-border);box-shadow:inset 0 1px 0 var(--c-hi), 0 1px 2px var(--c-sh);flex-direction:column;gap:0;display:flex;position:relative;overflow:clip}@media (width>=1024px){.card{--c-pad:32px}}@media (width<=639px){.card{--c-r:18px;--c-pad:20px}}.card>h3,.card__title{font-family:var(--font-text);letter-spacing:-.012em;color:var(--ink);text-wrap:balance;margin:0;font-size:18px;font-weight:560;line-height:26px}.card>p,.card__text{color:var(--c-text);text-wrap:pretty;max-width:46ch;margin:8px 0 0;font-size:16px;line-height:24px}@media (width>=1024px){.card--row>p{min-height:2lh}}.card__link{width:max-content;color:var(--ink);align-items:center;gap:6px;margin-top:16px;font-size:15px;font-weight:500;line-height:22px;text-decoration:none;display:inline-flex}.card__link svg{width:14px;height:14px;transition:transform .2s cubic-bezier(.2,.7,.2,1)}.card__link:hover svg{transform:translate(2px)}.panel{--p-r:12px;--p-h:clamp(264px, 22vw + 8px, 340px);isolation:isolate;min-height:var(--p-h);border-radius:var(--p-r) var(--p-r) 0 0;background:color-mix(in oklab, var(--ink) 4%, var(--card));flex:1 0 auto;padding:0;display:block;position:relative;overflow:clip}.panel:not([data-fx],.panel--device){background:var(--ground-bg,#d9ccb7)}:root:has(meta[name=site-kind]:is([content=tech],[content=software],[content=gaming])) .panel:not([data-fx],.panel--device){background-color:var(--ground-bg,#d9ccb7);background-image:radial-gradient(70% 90% at 12% 0%, color-mix(in oklab, var(--ground-surface,#e9e0d2) 92%, white), transparent 70%), radial-gradient(60% 80% at 100% 100%, color-mix(in oklab, var(--ground-accent,#a8794a) 34%, var(--ground-bg,#d9ccb7)), transparent 72%), radial-gradient(50% 60% at 85% 10%, color-mix(in oklab, var(--ground-surface,#e9e0d2) 60%, transparent), transparent 70%)}.card>.panel{margin-top:32px;margin-bottom:calc(-1 * var(--c-pad) - 1px)}.card>.panel--device{margin-top:24px}.card>:has(+.panel){margin-bottom:0}.panel:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 7%, transparent), inset 0 1px 0 color-mix(in oklab, var(--ink) 4%, transparent);position:absolute;inset:0}.panel:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 62% at var(--vx,50%) var(--vy,62%), color-mix(in oklab, var(--calm,var(--card)) var(--calm-k,34%), transparent), transparent 72%);width:auto;padding:0;position:absolute;inset:0}.card>.panel--inset{margin:32px calc(var(--c-gap) - var(--c-pad)) calc(var(--c-gap) - var(--c-pad));border-radius:calc(var(--c-r) - var(--c-gap))}.card>.panel--flush{margin:32px calc(-1 * var(--c-pad) - 1px) calc(-1 * var(--c-pad) - 1px);border-radius:0}.panel--flush:after{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ink) 7%, transparent)}.card>.panel--top{margin:calc(var(--c-gap) - var(--c-pad)) calc(var(--c-gap) - var(--c-pad)) 24px;border-radius:calc(var(--c-r) - var(--c-gap));aspect-ratio:1;flex:none;order:-1;min-height:0}.panel--top.panel--wide{aspect-ratio:4/3}.panel--device{isolation:auto;background:0 0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:visible}.panel--device:before,.panel--device:after{display:none}.panel__bar{height:32px;font:500 13px/20px var(--font-text);color:var(--ink);flex:none;align-items:center;gap:8px;margin-bottom:12px;padding:0;display:flex}.panel__bar .muted{color:var(--muted);font-weight:400}.panel__bar .sp{flex:1}.panel__status{height:22px;font:500 var(--t-label)/1 var(--font-text);color:var(--ink);background:color-mix(in oklab, var(--ink) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 8%, transparent);border-radius:6px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.panel__bar .ui-agent{--u-ink:var(--ink);--u-bg:var(--card);width:20px;height:20px}.panel__status i{opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.panel__screen{isolation:isolate;border-radius:var(--p-r) var(--p-r) 0 0;background:color-mix(in oklab, var(--ink) 4%, var(--card));flex:1;margin:0;position:relative;overflow:clip}.panel__screen:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 7%, transparent);position:absolute;inset:0}.panel__screen:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 62% at var(--vx,50%) var(--vy,70%), color-mix(in oklab, var(--calm,#000) var(--calm-k,30%), transparent), transparent 72%);position:absolute;inset:0}.stage,.panel>.stage,.panel__screen>.stage{z-index:1;--ui-font:var(--font-text);--ui-mono:var(--font-mono);--ui-radius:12px;--fx-bg:var(--frag,oklch(from var(--card) clamp(calc(l + .05), calc((l - .5) * 1000), 1) calc(c * .5) h));--fx-surface:var(--card);--fx-ink:var(--ink);--fx-muted:var(--muted);--fx-accent:var(--accent);--fx-accent-ink:var(--accent-ink);max-width:none;position:absolute;inset:0}.stage>*{max-width:none;position:absolute}@media (width>=640px){.stage>:not(.at-center)>[data-ui]{max-width:none}}.stage{--fade-h:64px}.stage--fade-b{-webkit-mask:linear-gradient(to bottom, #000 calc(100% - var(--fade-h)), transparent calc(100% - 4px));mask:linear-gradient(to bottom, #000 calc(100% - var(--fade-h)), transparent calc(100% - 4px))}.stage--fade-r{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 72px),#0000 calc(100% - 4px));mask:linear-gradient(90deg,#000 calc(100% - 72px),#0000 calc(100% - 4px))}.stage--fade-br{-webkit-mask:linear-gradient(to bottom, #000 calc(100% - var(--fade-h)), transparent calc(100% - 4px)), linear-gradient(to right, #000 calc(100% - 72px), transparent calc(100% - 4px));-webkit-mask-composite:source-in;mask:linear-gradient(to bottom, #000 calc(100% - var(--fade-h)), transparent calc(100% - 4px)), linear-gradient(to right, #000 calc(100% - 72px), transparent calc(100% - 4px));mask-composite:intersect}.at-corner{left:var(--ax,32px);top:var(--ay,32px)}.at-right{right:var(--ax,32px);top:var(--ay,32px);max-width:calc(100% - 2 * var(--ax,32px))}.stage>.at-right>:is([data-ui],.ui){max-width:100%}.at-rise{left:var(--ax,18%);top:var(--ay,48px)}.stage>.to-edge{bottom:calc(-1 * var(--cut,72px))}.stage>.to-edge>:is([data-ui],.ui){height:100%}.stage>.fit{right:var(--ax,32px)}.stage>.fit>:is([data-ui],.ui){width:100%;max-width:var(--fit-max,100%);margin-inline:auto}.stage>.wide{width:max(var(--w,680px), 100% - var(--ax,32px) + 64px)}.stage>.wide>:is([data-ui],.ui){width:100%;max-width:none}.at-center{max-width:calc(100% - 48px);top:50%;left:50%;translate:-50% -50%}.stage>.at-center>:is([data-ui],.ui){max-width:100%}.at-over{right:var(--bx,24px);bottom:var(--by,24px);z-index:2}.at-over-l{left:var(--bx,24px);bottom:var(--by,24px);z-index:2}@media (width<=639px){.stage>:is(.at-corner,.at-right,.at-rise){left:var(--ax-sm,16px);right:var(--ax-sm,16px);top:var(--ay-sm,24px);max-width:none}.stage>:is(.at-corner,.at-right,.at-rise)>:is([data-ui],.ui){max-width:100%}.stage>.wide{width:auto}.stage>.at-center{max-width:calc(100% - 2 * var(--ax-sm,16px))}.stage>:is(.at-over,.at-over-l){bottom:16px;left:12px;right:12px}.stage>:is(.at-over,.at-over-l)>:is([data-ui],.ui){width:auto;max-width:100%}}.card--split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:40px;display:grid}.card--split>.card__body{flex-direction:column;justify-content:center;padding:16px 0;display:flex}.card--split>.panel{margin:calc(var(--c-gap) - var(--c-pad)) calc(var(--c-gap) - var(--c-pad)) calc(var(--c-gap) - var(--c-pad)) 0;border-radius:calc(var(--c-r) - var(--c-gap));min-height:420px}@media (width<=899px){.card--split{grid-template-columns:minmax(0,1fr);gap:0}.card--split>.card__body{padding:0}.card--split>.panel{margin:28px calc(var(--c-gap) - var(--c-pad)) calc(var(--c-gap) - var(--c-pad));min-height:360px}}.card__points{gap:0;margin:24px 0 0;padding:0;list-style:none;display:grid}.card__points li{border-top:1px solid var(--c-border);color:var(--c-text);gap:12px;padding:12px 0;font-size:16px;line-height:24px;display:flex}.card__points li b{color:var(--ink);font-weight:500}.card__points svg{width:18px;height:18px;color:var(--ink);flex:none;margin-top:3px}.knock{isolation:isolate;line-height:.92;display:inline-block;position:relative}.knock__text{z-index:1;font:600 var(--knock-size,128px)/.92 var(--font-display,var(--font-text));letter-spacing:-.05em;background:var(--card);color:#fff;mix-blend-mode:darken;padding:.04em .06em .08em 0;display:block;position:relative}.knock--light .knock__text{color:#000;mix-blend-mode:lighten}.stat__num{font:600 var(--knock-size,128px)/.92 var(--font-display,var(--font-text));letter-spacing:-.05em;color:var(--ink);white-space:nowrap;padding:.04em .06em .08em 0;display:block}.stat__unit{letter-spacing:-.01em;color:var(--muted);margin-left:.2em;font-size:.32em;font-weight:500}.stat__label{color:var(--c-text);font-size:16px;line-height:24px}.stat__label b{color:var(--ink);font-weight:500}.quote{font-family:var(--font-display,var(--font-text));letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(22px,1.1vw + 12px,28px);font-weight:450;line-height:1.32}.person{align-items:center;gap:12px;margin-top:28px;display:flex}.person__logo{width:40px;height:40px;color:var(--ink);background:color-mix(in oklab, var(--ink) 5%, var(--card));box-shadow:inset 0 0 0 1px var(--c-border);border-radius:10px;flex:none;place-items:center;display:grid}.person__logo svg{width:22px;height:22px}.person__name{color:var(--ink);font-size:16px;font-weight:500;line-height:24px;display:block}.person__role{color:var(--c-text);font-size:16px;line-height:24px;display:block}.result{border-left:1px solid var(--c-border);flex-direction:column;justify-content:space-between;gap:32px;padding-left:40px;display:flex}.result__fig{font:600 clamp(64px, 3.4vw + 24px, 88px)/.95 var(--font-display,var(--font-text));letter-spacing:-.05em;color:var(--ink)}.result__cap{max-width:28ch;color:var(--c-text);margin:12px 0 0;font-size:16px;line-height:24px}.result__bars{gap:14px;margin:0;padding:0;list-style:none;display:grid}.result__bars li{color:var(--c-text);grid-template-columns:124px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:16px;line-height:24px;display:grid}.result__bars i{height:8px;width:var(--w);background:color-mix(in oklab, var(--ink) 16%, var(--card));border-radius:4px;display:block}.result__bars li:last-child i{background:var(--accent)}.result__bars b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}@media (width<=1023px){.result{border-left:0;border-top:1px solid var(--c-border);padding:28px 0 0}}.plan{gap:0}.plan__name{height:24px;color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:24px;display:flex}.plan__price{font:600 44px/1 var(--font-display,var(--font-text));letter-spacing:-.04em;align-items:baseline;gap:6px;margin-top:20px;display:flex}.plan__price small{font:400 14px/20px var(--font-text);letter-spacing:0;color:var(--muted)}.plan__for{color:var(--c-text);min-height:2lh;margin-top:12px;font-size:16px;line-height:24px}.plan__btn{height:40px;font:500 14px/1 var(--font-text);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 16%, transparent);border-radius:10px;justify-content:center;align-items:center;margin-top:24px;text-decoration:none;display:inline-flex}.plan__btn--primary{background:var(--ink);color:var(--card);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--card) 18%, transparent)}.plan__list{border-top:1px solid var(--c-border);color:var(--c-text);gap:10px;margin:24px 0 0;padding:20px 0 0;font-size:16px;line-height:24px;list-style:none;display:grid}.plan__list li{gap:10px;display:flex}.plan__list li:before{content:"";background:var(--ink);opacity:.85;flex:none;width:16px;height:16px;margin-top:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.4 2.8 2.8 6.2-6.4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.4 2.8 2.8 6.2-6.4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/16px no-repeat}.plan.is-featured{border-color:color-mix(in oklab, var(--accent) 48%, transparent);background:var(--card)}.plan.is-featured.is-fading>.fx-canvas{opacity:0!important;transition:opacity .6s!important}.plan.is-featured .plan__badge{height:22px;font:500 var(--t-label)/1 var(--font-text);color:var(--ink);background:color-mix(in oklab, var(--ink) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent);border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}@media (width<=639px){.stage--fade-r{-webkit-mask:none;mask:none}.stage--fade-b,.stage--fade-br{-webkit-mask:linear-gradient(to bottom, #000 calc(100% - min(56px, var(--fade-h))), transparent calc(100% - 4px));mask:linear-gradient(to bottom, #000 calc(100% - min(56px, var(--fade-h))), transparent calc(100% - 4px))}}@keyframes ui-spin{to{transform:rotate(360deg)}}