.cafe-photo{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.cafe-photo__img{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--focus);object-position:var(--focus)}.cafe-photo__img--noc{opacity:0;transition:opacity 1.3s ease-in-out}:root[data-daytime=noc] .cafe-photo__img--noc{opacity:1}@media (max-width:540px),(orientation:portrait){.cafe-photo__img{-o-object-position:var(--focus-portrait);object-position:var(--focus-portrait)}}@media (prefers-reduced-motion:no-preference){.scene .cafe-photo{position:fixed}}.cafe-stage{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;visibility:hidden}.cafe-stage__layer{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:transform,opacity}@media (prefers-reduced-motion:no-preference){.scene-track .scene .cafe-photo{display:none}}@media (prefers-reduced-motion:no-preference) and (max-width:1023px) and (orientation:portrait),(prefers-reduced-motion:no-preference) and (max-width:540px){.cafe-stage__layer[data-room=o-nas]{background:var(--v-paper,var(--color-background))}.cafe-stage__layer[data-room=o-nas] .cafe-photo{bottom:auto;height:64%;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}}.process-stage{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;visibility:hidden}.process-stage__complex{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.process-stage__complex-img{position:absolute;inset:0;width:100%;height:100%}.process-stage__detail{--reveal:1;--reveal-x:50%;--reveal-mask:radial-gradient(ellipse calc(var(--reveal) * 160%) calc(var(--reveal) * 160%) at var(--reveal-x) 55%,#000 55%,transparent 100%);position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;-webkit-mask-image:var(--reveal-mask);mask-image:var(--reveal-mask)}.process-stage__detail-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.process-stage__noc{opacity:0;transition:opacity 1.3s ease-in-out}:root[data-daytime=noc] .process-stage__noc[data-ready]{opacity:1}.ref-board{container-type:size;display:flex;width:100%;height:100%;overflow:hidden;background:var(--b-surface);color:var(--b-ink);font-family:var(--b-body);text-align:left}.ref-board :where(p,ul){margin:0;padding:0;list-style:none}.ref-board__frame{display:grid;gap:2.6cqw;width:100%;margin:auto;padding:3.6cqw 7cqw}.ref-board__head{display:flex;align-items:flex-start;justify-content:space-between;gap:4cqw}.ref-board__eyebrow,.ref-board__panel-label{font-size:1.15cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.ref-board__eyebrow{margin-bottom:.6cqw;color:var(--b-primary)}.ref-board__title{font-family:var(--b-heading);font-size:3.3cqw;font-weight:700;line-height:1.05;letter-spacing:-.02em}.ref-board__logo{flex:none;height:calc(2.6cqw * var(--b-logo, 1));width:auto}.ref-board__logo--on{box-sizing:content-box;padding:.7cqw 1.2cqw;border-radius:.8cqw;background:var(--b-logo-bg)}.ref-board__icon{width:100%;height:100%;stroke-width:1.75}.ref-board__panel{display:grid;align-content:start;gap:1.4cqw;padding:1.9cqw 2cqw 2.1cqw;border-radius:1.3cqw;background:#fff;box-shadow:0 .35cqw 1.6cqw color-mix(in srgb,var(--b-ink) 9%,transparent)}.ref-board__panel-label{color:var(--b-muted)}.ref-board__body{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1.6cqw;align-items:stretch}.ref-board__items{display:grid;gap:1cqw}.ref-board__item{display:flex;align-items:center;gap:1.1cqw;font-size:1.45cqw;font-weight:500;line-height:1.2}.ref-board__disc{flex:none;display:grid;place-items:center;width:3.4cqw;height:3.4cqw;padding:.8cqw;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 12%,#fff);color:var(--b-primary)}.ref-board__short{display:none}.ref-board__tree{display:grid;justify-items:start;gap:1cqw}.ref-board__root,.ref-board__tree li{border-radius:99px;font-size:1.35cqw;font-weight:600;line-height:1}.ref-board__root{padding:.9cqw 1.7cqw;background:var(--b-accent);color:var(--b-on-accent)}.ref-board__tree ul{display:grid;gap:.7cqw;margin-left:1.6cqw;padding-left:1.6cqw;border-left:.2cqw solid color-mix(in srgb,var(--b-primary) 30%,transparent)}.ref-board__tree li{justify-self:start;padding:.8cqw 1.5cqw;background:color-mix(in srgb,var(--b-primary) 9%,#fff);color:var(--b-ink);font-weight:500}.ref-board__swatches{display:grid;gap:.75cqw}.ref-board__swatches li{display:grid;grid-template-columns:3.2cqw 1fr auto;align-items:center;gap:1cqw;font-size:1.3cqw}.ref-board__swatch{width:3.2cqw;height:3.2cqw;border-radius:.8cqw;box-shadow:inset 0 0 0 .1cqw color-mix(in srgb,var(--b-ink) 8%,transparent)}.ref-board__swatch-name{font-weight:500}.ref-board__swatch-value{color:var(--b-muted);font-variant-numeric:tabular-nums}.ref-board__specimen{font-size:8cqw;line-height:.9;letter-spacing:-.03em;color:var(--b-primary)}.ref-board__sample,.ref-board__specimen{font-family:var(--b-heading);font-weight:700}.ref-board__sample{font-size:2.3cqw;line-height:1.1;letter-spacing:-.015em}.ref-board__fonts{font-size:1.25cqw;color:var(--b-muted)}.ref-board__buttons{display:flex;flex-wrap:wrap;gap:.9cqw;padding:1.4cqw;border-radius:1cqw;background:var(--btn-stage,var(--b-primary))}.ref-board__button{display:inline-flex;align-items:center;gap:.6cqw;padding:.95cqw 1.7cqw;border-radius:var(--btn-radius,99px);background:var(--btn-bg,var(--b-accent));color:var(--btn-text,var(--b-on-accent));font-size:1.3cqw;font-weight:700;line-height:1;text-transform:var(--btn-case,none);letter-spacing:.02em}.ref-board__button .ref-board__icon{width:1.3cqw;height:1.3cqw}.ref-board__button--secondary{background:var(--btn2-bg,rgb(255 255 255/.1));color:var(--btn2-text,#fff);box-shadow:inset 0 0 0 .15cqw var(--btn2-outline,transparent);font-weight:600}.ref-board__card{display:grid;grid-template-columns:7.5cqw 1fr;align-items:center;gap:1.2cqw}.ref-board__card img{width:7.5cqw;height:7.5cqw;border-radius:.9cqw;-o-object-fit:contain;object-fit:contain;background:var(--b-surface)}.ref-board__card-name{font-family:var(--b-heading);font-size:1.45cqw;font-weight:700;line-height:1.15}.ref-board__card-meta{margin-top:.3cqw;font-size:1.15cqw;color:var(--b-muted)}.ref-board__card-action{display:inline-flex;align-items:center;gap:.5cqw;margin-top:.8cqw;padding:.6cqw 1.1cqw;border-radius:99px;background:var(--b-primary);color:#fff;font-size:1.1cqw;font-weight:700}.ref-board__card-action .ref-board__icon{width:1.2cqw;height:1.2cqw}.ref-board--features .ref-board__body{grid-auto-flow:row}.ref-board--features .ref-board__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw}.ref-board--features .ref-board__item{align-items:center;min-height:8.6cqw;padding:1.6cqw 1.8cqw;border-radius:1.3cqw;background:#fff;box-shadow:0 .35cqw 1.6cqw color-mix(in srgb,var(--b-ink) 9%,transparent);font-size:1.6cqw;gap:1.4cqw}.ref-board--features .ref-board__disc{width:4.4cqw;height:4.4cqw;padding:1.05cqw}.ref-board__flow{display:grid;grid-template-columns:minmax(13cqw,max-content) minmax(0,1fr) minmax(13cqw,max-content);align-items:center;gap:2cqw}.ref-board__node{display:grid;justify-items:center;gap:1.2cqw;padding:2.4cqw 1.2cqw;border-radius:1.3cqw;background:#fff;box-shadow:0 .35cqw 1.6cqw color-mix(in srgb,var(--b-ink) 9%,transparent)}.ref-board__node .ref-board__disc{width:6.4cqw;height:6.4cqw;padding:1.6cqw}.ref-board__node-label{font-family:var(--b-heading);font-size:2cqw;font-weight:700}.ref-board__lanes{display:grid;gap:1.8cqw}.ref-board__lane{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.7cqw;padding-bottom:1.6cqw}.ref-board__lane--back{padding:1.6cqw 0 0}.ref-board__lane:after,.ref-board__lane:before{content:"";position:absolute;bottom:0}.ref-board__lane:before{left:0;right:.4cqw;height:.25cqw;border-radius:99px;background:var(--b-primary)}.ref-board__lane:after{--head:1.4cqw;right:0;bottom:calc(.125cqw - var(--head) / 2);width:calc(var(--head) * .8);height:var(--head);background:var(--b-primary);clip-path:polygon(0 0,100% 50%,0 100%)}.ref-board__lane--back:before{top:0;bottom:auto;left:.4cqw;right:0;background:var(--b-accent)}.ref-board__lane--back:after{top:calc(.125cqw - var(--head) / 2);bottom:auto;left:0;right:auto;background:var(--b-accent);clip-path:polygon(100% 0,0 50%,100% 100%)}.ref-board__lane li{padding:.75cqw 1.3cqw;border-radius:99px;background:#fff;box-shadow:0 .25cqw 1cqw color-mix(in srgb,var(--b-ink) 8%,transparent);font-size:1.3cqw;font-weight:500;line-height:1}.ref-board__via{display:inline-flex;align-items:center;justify-self:center;gap:.8cqw;padding:.6cqw 1.5cqw .6cqw .6cqw;border-radius:99px;background:var(--b-primary);color:#fff;font-size:1.3cqw;font-weight:600}.ref-board__disc--small{width:2.6cqw;height:2.6cqw;padding:.6cqw;background:#fff}@container (max-width: 560px){.ref-board__frame{gap:3.4cqw;padding:4.4cqw 6cqw}.ref-board__eyebrow{display:none}.ref-board__title{font-size:6cqw}.ref-board__logo{height:calc(5.2cqw * var(--b-logo, 1))}.ref-board__label{display:none}.ref-board__short{display:block}.ref-board--features .ref-board__items,.ref-board__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw 3cqw}.ref-board--features .ref-board__item,.ref-board__item{min-height:0;gap:2.2cqw;padding:0;background:none;box-shadow:none;font-size:4.4cqw}.ref-board__item:nth-child(n+5){display:none}.ref-board--features .ref-board__disc,.ref-board__disc{width:9cqw;height:9cqw;padding:2cqw}.ref-board__panel{padding:0;background:none;box-shadow:none}.ref-board__panel+.ref-board__panel,.ref-board__panel-label{display:none}.ref-board--design .ref-board__body{grid-auto-columns:auto;justify-content:start;align-items:center;gap:5cqw}.ref-board--design .ref-board__panel--type{display:block}.ref-board__swatches{display:flex;gap:2cqw}.ref-board__swatches li{display:block}.ref-board__swatch{display:block;width:8.4cqw;height:8.4cqw;border-radius:50%}.ref-board__fonts,.ref-board__sample,.ref-board__swatch-name,.ref-board__swatch-value{display:none}.ref-board__specimen{font-size:12cqw}.ref-board__flow{grid-template-columns:auto minmax(0,1fr) auto;gap:3cqw}.ref-board__node{gap:1.6cqw;padding:0;background:none;box-shadow:none}.ref-board__node .ref-board__disc{width:10.5cqw;height:10.5cqw;padding:2.4cqw}.ref-board__node-label{font-size:4.4cqw}.ref-board__lanes{gap:3cqw}.ref-board__lane{padding-bottom:3cqw}.ref-board__lane--back{padding:3cqw 0 0}.ref-board__lane:before{height:.7cqw}.ref-board__lane:after{--head:3.4cqw;bottom:calc(.35cqw - var(--head) / 2)}.ref-board__lane--back:after{top:calc(.35cqw - var(--head) / 2);bottom:auto}.ref-board__lane li{padding:0;background:none;box-shadow:none;font-size:3.9cqw}.ref-board__lane li:nth-child(n+2),.ref-board__via{display:none}}@container (max-width: 560px) and (max-aspect-ratio: 3 / 2){.ref-board__frame{gap:4cqw;padding:6cqw 7cqw}.ref-board__eyebrow{display:block;margin-bottom:1.4cqw;font-size:3.2cqw}.ref-board__title{font-size:7cqw}.ref-board__logo{height:calc(6cqw * var(--b-logo, 1))}.ref-board--features .ref-board__eyebrow{display:none}.ref-board__label{display:block}.ref-board__short{display:none}.ref-board--features .ref-board__items,.ref-board__items{grid-template-columns:minmax(0,1fr);gap:1.8cqw}.ref-board--features .ref-board__item,.ref-board__item{gap:3cqw;font-size:4.1cqw}.ref-board__item:nth-child(n+5){display:flex}.ref-board--features .ref-board__disc,.ref-board__disc{width:7.8cqw;height:7.8cqw;padding:1.7cqw}.ref-board--design .ref-board__body{grid-auto-flow:row;gap:3.6cqw}.ref-board--design .ref-board__panel--type{display:flex;align-items:baseline;gap:3cqw}.ref-board--design .ref-board__fonts{display:block;font-size:4cqw}.ref-board--design .ref-board__panel--ui{display:grid}.ref-board__card{display:none}.ref-board__swatches{gap:2.6cqw}.ref-board__swatch{width:9.6cqw;height:9.6cqw}.ref-board__specimen{font-size:12cqw}.ref-board__buttons{flex-wrap:nowrap;gap:2cqw;padding:3cqw;border-radius:2cqw}.ref-board__button{gap:1.4cqw;padding:2.4cqw 3.4cqw;font-size:3.4cqw;white-space:nowrap}.ref-board__button .ref-board__icon{width:3.8cqw;height:3.8cqw}.ref-board__node .ref-board__disc{width:12cqw;height:12cqw;padding:2.8cqw}.ref-board__lane{flex-direction:column;align-items:center;gap:1.4cqw}.ref-board__lane li,.ref-board__lane li:nth-child(n+2){display:block;font-size:3.6cqw}.ref-board__via{display:inline-flex;gap:2cqw;padding:1.4cqw 3cqw 1.4cqw 1.4cqw;font-size:3.4cqw}.ref-board__disc--small{width:6cqw;height:6cqw;padding:1.4cqw}}@container (max-width: 560px) and (min-aspect-ratio: 5 / 4) and (max-aspect-ratio: 3 / 2){.ref-board__frame{gap:3cqw;padding:5cqw 6cqw}.ref-board__title{font-size:6cqw}.ref-board--features .ref-board__items,.ref-board__items{gap:1.2cqw}.ref-board--features .ref-board__item,.ref-board__item{gap:2.6cqw;font-size:3.7cqw}.ref-board--features .ref-board__disc,.ref-board__disc{width:6.6cqw;height:6.6cqw;padding:1.4cqw}.ref-board--design .ref-board__body{gap:2.6cqw}.ref-board__swatch{width:8cqw;height:8cqw}.ref-board__specimen{font-size:10cqw}.ref-board__node .ref-board__disc{width:10cqw;height:10cqw;padding:2.3cqw}.ref-board__lanes{gap:2cqw}.ref-board__lane{gap:.8cqw;padding-bottom:2.4cqw}.ref-board__lane--back{padding:2.4cqw 0 0}.ref-board__lane li,.ref-board__lane li:nth-child(n+2){font-size:3.2cqw}}@container (max-width: 560px) and (max-aspect-ratio: 4 / 5){.ref-board__frame{align-self:flex-start;align-content:start;gap:8cqw;margin:0;padding:9cqw 7cqw}.ref-board__eyebrow{margin-bottom:2cqw;font-size:3.8cqw}.ref-board__title{font-size:7.6cqw}.ref-board__logo{height:calc(6.4cqw * var(--b-logo, 1))}.ref-board--features .ref-board__items,.ref-board__items{gap:3.6cqw}.ref-board--features .ref-board__item,.ref-board__item{gap:4cqw;font-size:5cqw}.ref-board--features .ref-board__disc,.ref-board__disc{width:10.4cqw;height:10.4cqw;padding:2.3cqw}.ref-board--analysis .ref-board__body{grid-auto-flow:row;gap:8cqw}.ref-board--analysis .ref-board__panel+.ref-board__panel:not(.ref-board__panel--tree){display:grid}.ref-board--analysis .ref-board__panel{gap:3.6cqw}.ref-board--analysis .ref-board__panel-label{display:block;font-size:3.8cqw}.ref-board--analysis .ref-board__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.6cqw 4cqw}.ref-board--analysis .ref-board__item{gap:2.8cqw;font-size:4.6cqw}.ref-board--analysis .ref-board__disc{width:9.6cqw;height:9.6cqw;padding:2.1cqw}.ref-board--design .ref-board__body{gap:7cqw}.ref-board__swatch{width:12cqw;height:12cqw}.ref-board__specimen{font-size:17cqw}.ref-board--design .ref-board__fonts{font-size:5cqw}.ref-board__flow{padding-block:7cqw}.ref-board__node .ref-board__disc{width:14cqw;height:14cqw;padding:3.2cqw}.ref-board__node-label{font-size:5cqw}.ref-board__lanes{gap:6cqw}.ref-board__lane li,.ref-board__lane li:nth-child(n+2){font-size:4.6cqw}.ref-board__lane li:nth-child(n+3){display:none}.ref-board__via{font-size:4.2cqw}}.ref-board:is(.ref-board--showcase,.ref-board--screens,.ref-board--notes) .ref-board__frame{grid-template-rows:auto minmax(0,1fr);height:100%;padding:3.2cqw 5cqw}.ref-board:is(.ref-board--showcase,.ref-board--screens,.ref-board--notes) .ref-board__body{min-height:0}.ref-board__shot{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:.9cqw;min-width:0;min-height:0;margin:0}.ref-board__screen{position:relative;display:block;height:100%;aspect-ratio:var(--shot-ratio,16/10);overflow:hidden;border-radius:.9cqw;background:#fff;box-shadow:0 .5cqw 2.2cqw color-mix(in srgb,var(--b-ink) 16%,transparent)}.ref-board__screen img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.ref-board__shot--phone .ref-board__screen{aspect-ratio:var(--shot-ratio,9/18.5);padding:.45cqw;border-radius:1.9cqw;background:#1d2125}.ref-board__shot--phone .ref-board__screen img{border-radius:1.5cqw}.ref-board__screen .ref-board__tall{display:none}.ref-board__shot figcaption{font-size:1.15cqw;font-weight:500;color:var(--b-muted);text-align:center}.ref-board--showcase .ref-board__body{grid-auto-flow:row;grid-template-columns:minmax(0,1fr) 24cqw;gap:3cqw;align-items:center}.ref-board__devices{position:relative;height:100%;min-width:0}.ref-board__devices .ref-board__shot{position:absolute}.ref-board__devices .ref-board__shot:first-child{inset:0 10cqw 2cqw 0;justify-items:start}.ref-board__devices .ref-board__shot--phone{right:0;bottom:0;height:82%}.ref-board__chips{display:grid;gap:1cqw}.ref-board__chips li{display:flex;align-items:center;gap:.9cqw;font-size:1.5cqw;font-weight:600;line-height:1.2}.ref-board__chips .ref-board__icon{flex:none;width:2.4cqw;height:2.4cqw;padding:.5cqw;border-radius:50%;background:var(--b-accent);color:var(--b-on-accent);stroke-width:2.5}.ref-board--screens .ref-board__body{grid-auto-flow:row}.ref-board__gallery{display:flex;justify-content:center;gap:2.4cqw;height:100%;min-height:0}.ref-board__gallery .ref-board__shot{height:100%}.ref-board__gallery:has(>.ref-board__shot:not(.ref-board__shot--phone)~.ref-board__shot:not(.ref-board__shot--phone)){align-items:center}.ref-board__gallery:has(>.ref-board__shot:not(.ref-board__shot--phone)~.ref-board__shot:not(.ref-board__shot--phone)) .ref-board__shot{flex:var(--shot-ar,1.6) 1 0;height:auto}.ref-board__gallery:has(>.ref-board__shot:not(.ref-board__shot--phone)~.ref-board__shot:not(.ref-board__shot--phone)) .ref-board__screen{width:100%;height:auto}.ref-board--notes .ref-board__body{grid-auto-flow:row;grid-template-columns:auto minmax(22cqw,1fr);gap:3cqw;align-items:center}.ref-board__noted{height:100%;min-height:0;margin:0}.ref-board__noted .ref-board__screen{aspect-ratio:auto;overflow:visible;width:-moz-fit-content;width:fit-content}.ref-board__noted .ref-board__screen img{width:auto;height:100%;border-radius:inherit}.ref-board__pin{display:inline-grid;place-items:center;flex:none;width:2.5cqw;height:2.5cqw;border-radius:50%;background:var(--b-primary);color:#fff;font-size:1.2cqw;font-weight:700;line-height:1;box-shadow:0 0 0 .35cqw color-mix(in srgb,#fff 85%,transparent)}.ref-board__noted .ref-board__pin{position:absolute;translate:-50% -50%}.ref-board .ref-board__legend{display:grid;gap:1.3cqw;margin:0;padding:0;list-style:none}.ref-board__legend li{display:flex;align-items:center;gap:1.1cqw;font-size:1.5cqw;font-weight:500;line-height:1.25}.ref-board--journey .ref-board__body{grid-auto-flow:row}.ref-board .ref-board__journey{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2.2cqw;margin:0;padding:0;list-style:none}.ref-board__step{position:relative;display:grid;align-content:start;gap:1.1cqw;padding:1.8cqw 1.8cqw 2cqw;border-radius:1.3cqw;background:#fff;box-shadow:0 .35cqw 1.6cqw color-mix(in srgb,var(--b-ink) 9%,transparent)}.ref-board__step:not(:last-child):after{content:"";position:absolute;top:3.5cqw;right:-1.65cqw;width:1.1cqw;height:1.4cqw;background:var(--b-primary);clip-path:polygon(0 0,100% 50%,0 100%)}.ref-board__step-head{display:flex;align-items:center;justify-content:space-between}.ref-board__step-head .ref-board__disc{width:4cqw;height:4cqw;padding:.95cqw}.ref-board__step-no{font-size:2.6cqw;line-height:1;color:color-mix(in srgb,var(--b-primary) 30%,#fff)}.ref-board__step-label,.ref-board__step-no{font-family:var(--b-heading);font-weight:700}.ref-board__step-label{font-size:1.75cqw;line-height:1.1}.ref-board__step ul{display:grid;gap:.55cqw}.ref-board__step li{position:relative;padding-left:1.2cqw;font-size:1.2cqw;line-height:1.3}.ref-board__step li:before{content:"";position:absolute;left:0;top:.5em;width:.5cqw;height:.5cqw;border-radius:50%;background:var(--b-accent)}@container not ((max-width: 560px) and (max-aspect-ratio: 1 / 1)){.ref-board .ref-board__journey:has(>:nth-child(5)){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.4cqw 2.2cqw}.ref-board__journey:has(>:nth-child(5))>:nth-child(4){grid-area:2/3}.ref-board__journey:has(>:nth-child(5))>:nth-child(5){grid-area:2/2}.ref-board__journey:has(>:nth-child(5))>:nth-child(6){grid-area:2/1}.ref-board__journey:has(>:nth-child(5))>:nth-child(3):after{top:auto;right:auto;bottom:-2.25cqw;left:50%;width:1.4cqw;height:1.1cqw;translate:-50% 0;clip-path:polygon(0 0,100% 0,50% 100%)}.ref-board__journey:has(>:nth-child(5))>:nth-child(n+4):not(:last-child):after{right:auto;left:-1.65cqw;clip-path:polygon(100% 0,0 50%,100% 100%)}.ref-board__journey:has(>:nth-child(5)) .ref-board__step{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1cqw 1.2cqw;padding:1.5cqw 1.8cqw 1.7cqw}.ref-board__journey:has(>:nth-child(5)) .ref-board__step-head{display:contents}.ref-board__journey:has(>:nth-child(5)) .ref-board__step-no{grid-area:1/3}.ref-board__journey:has(>:nth-child(5)) .ref-board__step-label{grid-area:1/2;font-size:1.9cqw}.ref-board__journey:has(>:nth-child(5)) .ref-board__step ul{grid-column:1/-1}.ref-board__journey:has(>:nth-child(5)) .ref-board__step li{font-size:1.4cqw}}.ref-board--pricing .ref-board__body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-auto-flow:row;gap:2.4cqw}.ref-board__receipt{gap:1.6cqw}.ref-board__receipt dl{display:grid;margin:0}.ref-board__price{display:flex;align-items:baseline;justify-content:space-between;gap:2cqw;padding:.7cqw 0;font-size:1.35cqw}.ref-board__price dt{color:var(--b-muted)}.ref-board__price dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.ref-board__price--minus dd{color:var(--b-primary)}.ref-board__price--total{margin-top:.6cqw;padding:1cqw 1.2cqw;border-radius:.8cqw;background:color-mix(in srgb,var(--b-primary) 10%,#fff)}.ref-board__price--total dt{color:var(--b-ink);font-weight:600}.ref-board__price--total dd{font-family:var(--b-heading);font-size:2.1cqw;font-weight:700}.ref-board--pricing .ref-board__items{align-content:center;gap:1.2cqw}.ref-board--pricing .ref-board__item{padding:1.1cqw 1.4cqw;border-radius:1.1cqw;background:#fff;box-shadow:0 .3cqw 1.2cqw color-mix(in srgb,var(--b-ink) 8%,transparent)}.ref-board--flow .ref-board__body{grid-auto-flow:row;gap:2.4cqw}.ref-board .ref-board__guards{display:flex;flex-wrap:wrap;justify-content:center;gap:.9cqw}.ref-board__guards li{display:inline-flex;align-items:center;gap:.7cqw;padding:.45cqw 1.3cqw .45cqw .45cqw;border-radius:99px;background:#fff;box-shadow:0 .25cqw 1cqw color-mix(in srgb,var(--b-ink) 8%,transparent);font-size:1.2cqw;font-weight:500}.ref-board__guards .ref-board__disc--small{background:color-mix(in srgb,var(--b-primary) 12%,#fff)}@container (max-width: 560px) and (max-aspect-ratio: 1 / 1){.ref-board:is(.ref-board--showcase,.ref-board--screens,.ref-board--notes) .ref-board__frame{gap:5cqw;padding:7cqw 6cqw}.ref-board__screen{border-radius:2.4cqw;box-shadow:0 1.2cqw 5cqw color-mix(in srgb,var(--b-ink) 16%,transparent)}.ref-board__shot--phone .ref-board__screen{padding:1cqw;border-radius:4.4cqw}.ref-board__shot--phone .ref-board__screen img{border-radius:3.5cqw}.ref-board__shot figcaption{font-size:3.9cqw}.ref-board--showcase .ref-board__body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:5cqw;align-items:stretch}.ref-board__devices .ref-board__shot:first-child{inset:0 0 auto 0}.ref-board__devices .ref-board__shot:first-child .ref-board__screen{width:100%;height:auto}.ref-board__devices .ref-board__shot--phone{right:2cqw;height:70%}.ref-board .ref-board__chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw 3cqw}.ref-board__chips li{gap:2cqw;font-size:4cqw}.ref-board__chips .ref-board__icon{width:5.6cqw;height:5.6cqw;padding:1.2cqw}.ref-board__gallery{position:relative;display:grid;align-content:start;gap:5cqw;height:auto}.ref-board__gallery .ref-board__shot{height:auto;justify-items:start;gap:2cqw}.ref-board__gallery .ref-board__shot:not(.ref-board__shot--phone) .ref-board__screen{width:100%;height:auto}.ref-board__gallery .ref-board__shot--phone{position:absolute;right:0;bottom:0;width:30%}.ref-board__gallery .ref-board__shot--phone .ref-board__screen{width:100%;height:auto}.ref-board__gallery .ref-board__shot--phone figcaption{display:none}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill){position:relative;display:block;height:100%}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill)>.ref-board__shot{position:absolute;margin:0}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill) figcaption{display:none}.ref-board .ref-board__gallery>.ref-board__shot--fill{inset:0;z-index:0;width:auto}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill)>.ref-board__shot:not(.ref-board__shot--fill){z-index:1}.ref-board .ref-board__gallery>.ref-board__shot--fill .ref-board__screen{width:100%;height:100%;aspect-ratio:auto}.ref-board .ref-board__shot--fill .ref-board__screen img:not(.ref-board__tall){display:none}.ref-board .ref-board__shot--fill .ref-board__tall{display:block;-o-object-position:left top;object-position:left top}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill)>.ref-board__shot:not(.ref-board__shot--fill,.ref-board__shot--phone){right:-3%;bottom:-3%;width:64%}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill)>.ref-board__shot--phone{right:-2%;bottom:-3%;width:30%}.ref-board .ref-board__gallery:has(>.ref-board__shot--fill)>.ref-board__shot--phone+.ref-board__shot--phone{right:30%}.ref-board__gallery>.ref-board__shot:only-child .ref-board__screen{aspect-ratio:4/3}.ref-board__gallery>.ref-board__shot:only-child .ref-board__screen img{-o-object-position:left top;object-position:left top}.ref-board__gallery:has(>.ref-board__shot:not(.ref-board__shot--phone)~.ref-board__shot:not(.ref-board__shot--phone)){gap:0}.ref-board__gallery:has(>.ref-board__shot:not(.ref-board__shot--phone)~.ref-board__shot:not(.ref-board__shot--phone)) figcaption{display:none}.ref-board__gallery:not(:has(>.ref-board__shot--fill)) .ref-board__shot:not(.ref-board__shot--phone)+.ref-board__shot:not(.ref-board__shot--phone){width:82%;margin:-24% 0 0 18%}.ref-board--notes .ref-board__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:start;align-content:start;gap:5cqw}.ref-board__noted{height:auto}.ref-board__noted .ref-board__screen,.ref-board__noted .ref-board__screen img{width:100%;height:auto}.ref-board__pin{width:6.4cqw;height:6.4cqw;font-size:3.8cqw;box-shadow:0 0 0 .8cqw color-mix(in srgb,#fff 85%,transparent)}.ref-board .ref-board__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6cqw 3cqw}.ref-board__legend li{gap:2cqw;font-size:4cqw}.ref-board__legend .ref-board__pin{width:5.4cqw;height:5.4cqw;font-size:3.4cqw;box-shadow:none}.ref-board .ref-board__journey{grid-auto-flow:row;gap:2.4cqw}.ref-board__step{grid-template-columns:auto minmax(0,1fr);gap:1cqw 3.4cqw;padding:3.4cqw 4cqw;border-radius:3cqw}.ref-board__step:not(:last-child):after{display:none}.ref-board__step-head{grid-row:span 2;align-self:start}.ref-board__step-head .ref-board__disc{width:9cqw;height:9cqw;padding:2cqw}.ref-board__step-no{display:none}.ref-board__step-label{font-size:4.8cqw}.ref-board__step ul{gap:.6cqw}.ref-board__step li{padding-left:3cqw;font-size:3.9cqw}.ref-board__step li:before{width:1.3cqw;height:1.3cqw}.ref-board__step li:nth-child(n+2),.ref-board__step li:nth-child(n+3){display:none}.ref-board__journey:has(>:nth-child(5)) .ref-board__step{align-items:center;padding-block:2.6cqw}.ref-board__journey:has(>:nth-child(5)) .ref-board__step-head{grid-row:auto}.ref-board__journey:has(>:nth-child(5)) .ref-board__step ul{display:none}.ref-board .ref-board__journey:has(>:nth-child(5)){gap:1.6cqw}.ref-board__journey:has(>:nth-child(5)) .ref-board__step{padding:1.8cqw 3.4cqw}.ref-board__journey:has(>:nth-child(5)) .ref-board__step-head .ref-board__disc{width:7.4cqw;height:7.4cqw;padding:1.7cqw}.ref-board--journey:has(.ref-board__journey>:nth-child(5)) .ref-board__frame{gap:5cqw}.ref-board .ref-board__node{max-width:22cqw}.ref-board .ref-board__node-label{font-size:4.2cqw;line-height:1.15;text-align:center}.ref-board .ref-board__via{max-width:100%;padding:1.2cqw 2.4cqw 1.2cqw 1.2cqw;font-size:3.7cqw}.ref-board--flow .ref-board__body{gap:5cqw}.ref-board .ref-board__flow{padding-block:2cqw}.ref-board--pricing .ref-board__body{grid-template-columns:minmax(0,1fr);gap:5cqw}.ref-board .ref-board__receipt{gap:3cqw;padding:4.4cqw;border-radius:3cqw;background:#fff;box-shadow:0 1cqw 4cqw color-mix(in srgb,var(--b-ink) 9%,transparent)}.ref-board__receipt .ref-board__card{grid-template-columns:16cqw 1fr;gap:3cqw}.ref-board__receipt .ref-board__card img{width:16cqw;height:16cqw;border-radius:2cqw}.ref-board__receipt .ref-board__card-name{font-size:4.5cqw}.ref-board__receipt .ref-board__card-meta{font-size:3.9cqw}.ref-board__price{padding:1.6cqw 0;font-size:4cqw}.ref-board__price--total{margin-top:1.4cqw;padding:2.4cqw 3cqw;border-radius:2cqw}.ref-board__price--total dd{font-size:5.2cqw}.ref-board--pricing .ref-board__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw}.ref-board--pricing .ref-board__item{padding:0;background:none;box-shadow:none;font-size:4cqw}.ref-board--pricing .ref-board__label{display:none}.ref-board--pricing .ref-board__short{display:block}.ref-board .ref-board__guards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw}.ref-board__guards li{gap:2cqw;padding:1.4cqw 2.4cqw 1.4cqw 1.4cqw;font-size:3.8cqw;line-height:1.2}.ref-board__devices .ref-board__shot:first-child{inset:0;grid-template-rows:minmax(0,1fr)}.ref-board__devices .ref-board__shot:first-child .ref-board__screen{width:auto;max-width:100%;height:100%}.ref-board--notes .ref-board__body{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.ref-board__noted{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;height:100%;min-height:0}.ref-board__noted .ref-board__screen{width:-moz-fit-content;width:fit-content;max-width:100%;height:100%;min-height:0}.ref-board__noted .ref-board__screen img{width:auto;max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}}@container (max-width: 560px) and (min-aspect-ratio: 1 / 1){.ref-board--showcase .ref-board__body{grid-template-columns:minmax(0,1fr)}.ref-board--showcase .ref-board__chips{display:none}}.language-switch{gap:var(--space-xs);padding:var(--space-xs);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.language-switch,.language-switch__option{display:inline-flex;border-radius:var(--radius-pill)}.language-switch__option{align-items:center;justify-content:center;min-width:calc(var(--space-xl) + var(--space-xs));height:calc(var(--space-xl) + var(--space-xs));padding:0 var(--space-sm);color:color-mix(in srgb,var(--color-text) 62%,transparent);font-family:var(--font-body);font-size:var(--type-small-size);font-weight:500;letter-spacing:.04em;text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.language-switch__option:hover{color:var(--color-text)}.language-switch__option[aria-current=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.language-switch__option:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:root[data-daytime=noc] .language-switch__option[aria-current=true]{background:color-mix(in srgb,var(--color-background) 18%,transparent);color:var(--color-background);box-shadow:none}