@font-face{font-family:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/libre-caslon-text-latin-ext-400-normal.C9ASObbr.woff2)format("woff2"),url(/_astro/libre-caslon-text-latin-ext-400-normal.ll1HhAxb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/libre-caslon-text-latin-400-normal.CfldDPV-.woff2)format("woff2"),url(/_astro/libre-caslon-text-latin-400-normal.WtjoQ5sB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Caslon Text;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/libre-caslon-text-latin-ext-400-italic.BHleWajS.woff2)format("woff2"),url(/_astro/libre-caslon-text-latin-ext-400-italic.B6hJLy3e.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Caslon Text;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/libre-caslon-text-latin-400-italic.snTzlHlN.woff2)format("woff2"),url(/_astro/libre-caslon-text-latin-400-italic.C1OAqZ6C.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--surface-page);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:5.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html[data-scheme=light]{color-scheme:light}body{background:var(--surface-stage);min-height:100vh;color:var(--text-on-stage);font-family:var(--font-grotesk);font-size:var(--step-body);line-height:calc(var(--lh-body) + var(--lh-on-stage-boost));font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--focus:var(--focus-on-stage);flex-direction:column;margin:0;display:flex}main{flex:1 0 auto}h1,h2,h3,p,ul,figure{margin:0}:where(ul[role=list]){padding:0;list-style:none}img,svg,picture{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wrap{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--space-s);left:var(--space-s);z-index:10;padding:var(--space-s) var(--space-m);background:var(--cream);color:var(--navy);font-size:var(--step-small);border-radius:8px;font-weight:600;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{outline-color:var(--cream);transform:none}.no-transition,.no-transition *{transition:none!important}.link{text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--underline-muted,color-mix(in oklch, currentColor 35%, transparent));transition:text-decoration-color var(--dur-hover) ease}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:var(--underline-full,currentColor)}}.site-header{background:color-mix(in oklch, var(--surface-stage) 92%, transparent);backdrop-filter:saturate(1.2)blur(14px);color:var(--text-on-stage);color-scheme:dark;--focus:var(--focus-on-stage);z-index:20;transition:box-shadow .24s,background-color .24s;position:sticky;top:0;box-shadow:0 1px #0000}.site-header.is-scrolled{background:color-mix(in oklch, var(--navy-deep) 90%, transparent);box-shadow:0 1px 0 color-mix(in oklch, var(--cream) 10%, transparent)}.site-header__inner{align-items:center;gap:var(--space-m);padding-block:clamp(.625rem,.4rem + .8vw,1rem);padding-top:max(clamp(.625rem, .4rem + .8vw, 1rem), env(safe-area-inset-top));padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));grid-template-columns:auto 1fr;display:grid}.brand{grid-column:1;position:relative}.site-nav{grid-column:2;justify-self:end}.brand__link{border-radius:6px;display:block;position:relative}.brand__logo{width:auto;height:2.75rem;overflow:visible}.brand__mark-zone{width:28.2%;position:absolute;inset:0 auto 0 0}.brand__navle{white-space:nowrap;font-size:var(--step-small);font-weight:500;line-height:calc(var(--lh-small) + var(--lh-on-stage-boost));color:var(--text-on-stage);pointer-events:none;z-index:3;background:var(--surface-stage);opacity:0;transition:opacity var(--dur-label-out) var(--ease-out-strong), transform var(--dur-label-out) var(--ease-out-strong);border-radius:6px;margin-left:-.375rem;padding:.125rem .375rem;position:absolute;top:calc(100% + .25rem);left:0;transform:translateY(4px)}.brand.is-showing-navle .brand__navle,.brand:has(.brand__link:focus-visible) .brand__navle{opacity:1;transition-duration:var(--dur-label-in);transform:none}@media (hover:hover) and (pointer:fine){.brand:has(.brand__mark-zone:hover) .brand__navle{opacity:1;transition-duration:var(--dur-label-in);transform:none}}.site-nav__list{align-items:center;gap:clamp(0rem,2vw - .5rem,1rem);margin-right:-.75rem;display:flex}.site-nav__link{min-width:var(--tap);min-height:var(--tap);font-size:var(--step-small);font-weight:500;line-height:var(--lh-small);letter-spacing:.01em;white-space:nowrap;color:var(--text-on-stage-muted);transition:color var(--dur-hover) ease;border-radius:8px;justify-content:center;align-items:center;padding-inline:.75rem;text-decoration:none;display:inline-flex;position:relative}.site-nav__link:after{content:"";background:var(--mark);transform-origin:0;height:1px;transition:transform .26s var(--ease-out-strong);position:absolute;bottom:.5rem;left:.75rem;right:.75rem;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.site-nav__link:hover{color:var(--text-on-stage)}.site-nav__link:hover:after{transform:scaleX(1)}}@media (width<=799px){.brand__logo{height:2.25rem}.site-nav__long,.brand__logo .name,.brand__logo .rule{display:none}.brand__logo .wordmark{transform:translateY(66px)}.site-nav__list{gap:0;margin-right:-.5rem}.site-nav__link{padding-inline:.5rem}}.brand__logo .curve-left,.brand__logo .curve-right,.brand__logo .dot{transform-box:fill-box;transform-origin:50%}.draw-mark .brand__logo .curve-left{animation:mark-open-left .6s var(--ease-out-strong) both}.draw-mark .brand__logo .curve-right{animation:mark-open-right .6s var(--ease-out-strong) both}.draw-mark .brand__logo .dot{animation:mark-dot .4s var(--ease-out-strong) .3s both}@keyframes mark-open-left{0%{opacity:0;transform:translate(152px)}25%{opacity:1}}@keyframes mark-open-right{0%{opacity:0;transform:translate(-152px)}25%{opacity:1}}@keyframes mark-dot{0%{opacity:0;transform:scale(.6)}}.apps{--rise:clamp(2.5rem, 7svh, 4rem);--stage-gap:clamp(1.25rem, .5rem + 2vw, 2.5rem);--card-radius:1.75rem;--card-w:min(68rem, 100vw - 2 * var(--gutter) - 2 * clamp(2rem, 6vw, 9rem));background:var(--surface-stage);padding-block:clamp(.25rem,1svh,.75rem) clamp(3rem,8svh,6rem);position:relative;overflow:clip}@property --glow{syntax:"<color>";inherits:true;initial-value:#0000}.apps{--glow:transparent;transition:--glow .9s var(--ease-out-strong)}.apps[data-active=nota]{--glow:oklch(from var(--nota-stamp) 62% c h / .32)}.apps[data-active=stark]{--glow:oklch(from var(--stark-orange) l c h / .24)}.apps[data-active=yanufi]{--glow:oklch(from var(--yanufi-gradient-end) l c h / .2)}.apps[data-active=tastepad]{--glow:oklch(from var(--tastepad-cobalt) 60% c h / .32)}.apps:before{content:"";pointer-events:none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.92 0 0 0 0 0.87 0 0 0 0 0.79 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(42% 34% at 50% 66%, var(--glow), transparent 75%),  radial-gradient(40% 50% at 8% 12%, oklch(from var(--copper) 45% .06 h / .22), transparent 70%), radial-gradient(45% 55% at 95% 30%, oklch(36% .06 230/.55), transparent 70%), radial-gradient(60% 45% at 50% 62%, oklch(32% .05 248.85/.9), transparent 70%);position:absolute;inset:0}.apps:after{content:"";pointer-events:none;background:repeating-radial-gradient(circle at -18% 55%, transparent 0 calc(3.5rem - 1px), oklch(from var(--cream) l c h / .05) calc(3.5rem - 1px) 3.5rem), repeating-radial-gradient(circle at 118% 55%, transparent 0 calc(3.5rem - 1px), oklch(from var(--cream) l c h / .05) calc(3.5rem - 1px) 3.5rem);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 32% 68%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 32% 68%,#000 100%)}.apps>*{z-index:1}@media (prefers-reduced-motion:reduce){.apps{transition:none}}.apps>*{position:relative}.apps__intro{text-align:center}.rotator{font-family:var(--font-serif);letter-spacing:-.01em;justify-items:start;font-style:italic;font-weight:500;display:inline-grid}.rotator__sizer,.rotator__word{white-space:nowrap;grid-area:1/1}.rotator__sizer{visibility:hidden}.apps__title{white-space:nowrap;letter-spacing:-.035em;text-wrap:balance;color:var(--text-on-stage);margin-inline:auto;font-size:clamp(1.25rem,.9rem + 1.8vw,2.5rem);font-weight:700;line-height:1.05}.apps__lead{font-family:var(--font-serif);color:var(--text-on-stage-muted);margin-top:.5rem;font-size:clamp(1rem,.9rem + .45vw,1.25rem);font-style:italic;line-height:1.3}.index{margin-top:clamp(.75rem,2.5svh,1.5rem)}.index__list{--icon:clamp(5.25rem, 4.4rem + 2.4vw, 7rem);--overlap:calc(var(--icon) * -.3);padding:1.25rem var(--gutter) 2.5rem;justify-content:center;display:flex}.index__tab{--r:0deg;--y:0px;--lift:0px;--z:1;margin-left:var(--overlap);color:var(--text-on-stage-muted);z-index:var(--z);transform:translateY(calc(var(--y) + var(--lift))) rotate(var(--r));transition:transform .42s var(--ease-out-strong), margin .42s var(--ease-out-strong);border-radius:24%;flex:none;justify-items:center;display:grid;position:relative}.index__tab:first-child{margin-left:0}.index__tab:first-child{--r:-9deg;--y:calc(var(--icon) * .08);--z:1}.index__tab:nth-child(2){--r:5deg;--y:calc(var(--icon) * -.1);--z:2}.index__tab:nth-child(3){--r:-4deg;--y:calc(var(--icon) * .03);--z:3}.index__tab:nth-child(4){--r:8deg;--y:calc(var(--icon) * -.13);--z:2}.index__tab[aria-selected=true]{--r:0deg;--lift:-6px;--z:10}@media (hover:hover) and (pointer:fine){.index__list:hover .index__tab:not(:first-child){margin-left:calc(var(--icon) * .12)}.index__tab:hover{--z:11}}.index__icon{width:var(--icon);aspect-ratio:1;filter:saturate(.7)brightness(.85);height:auto;box-shadow:0 0 0 3px var(--surface-stage), 0 .875rem 1.5rem -.5rem oklch(8% .03 255/.75);transition:filter .28s ease, transform .32s var(--ease-out-strong), box-shadow .28s ease;-webkit-user-drag:none;user-select:none;border-radius:22.5%}.index__name{white-space:nowrap;font-size:var(--step-small);letter-spacing:.01em;opacity:0;transition:opacity var(--dur-label-out) ease, transform .22s var(--ease-out-strong);font-weight:600;line-height:1;position:absolute;top:calc(100% + .625rem);transform:translateY(-4px)}.index__tab[aria-selected=true]{color:var(--text-on-stage)}.index__tab[aria-selected=true] .index__icon{filter:none;box-shadow:0 0 0 3px var(--surface-stage), 0 0 0 4.5px color-mix(in oklch, var(--cream) 75%, transparent), 0 1.5rem 2.25rem -.75rem oklch(6% .03 255/.9);transform:scale(1.08)}.index__tab[aria-selected=true] .index__name{opacity:1;transition-duration:var(--dur-label-in), .22s;transform:none}.index__tab:after{content:"";background:var(--mark);opacity:0;width:5px;height:5px;transition:opacity .2s ease, transform .3s var(--ease-out-strong);border-radius:50%;position:absolute;top:calc(100% + 1.75rem);transform:scale(.4)}.index__tab[aria-selected=true]:after{opacity:1;transform:none}.index__tab:active .index__icon{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.index__tab:hover .index__icon{filter:none;transform:translateY(-4px)scale(1.1)}.index__tab:hover .index__name{opacity:1;transform:rotate(calc(-1 * var(--r)));transition-duration:var(--dur-label-in), .22s}.index__list:hover .index__tab[aria-selected=true]:not(:hover) .index__name{opacity:0}}.index__tab:focus-visible{outline-offset:6px}.stage__controls{justify-content:center;align-items:center;gap:1.25rem;margin-top:clamp(1.75rem,4svh,2.5rem);display:flex}.stage__count{text-align:center;min-width:4.5rem;font-size:var(--step-small);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--text-on-stage-muted);font-weight:500}.stage__count [data-count]{color:var(--text-on-stage)}.stage__count-sep{color:color-mix(in oklch, var(--cream) 35%, transparent);margin-inline:.5em}.rail__arrow{width:var(--tap);height:var(--tap);color:var(--text-on-stage);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--cream) 24%, transparent);transition:transform var(--dur-press) var(--ease-out-strong), background-color var(--dur-hover) ease;border-radius:50%;place-items:center;display:grid}.rail__arrow svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.rail__arrow:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.rail__arrow:hover{background-color:oklch(33% .048 248.85)}}.stage{min-width:0;padding-top:calc(var(--rise) + .5rem);position:relative}.stage__viewport{grid-template-columns:var(--card-w);touch-action:pan-y;cursor:grab;user-select:none;outline:none;justify-content:center;display:grid}.is-dragging .stage__viewport{cursor:grabbing}.slide{transform-origin:50%;transition:transform var(--dur-switch) var(--ease-in-out-strong), opacity var(--dur-switch) var(--ease-in-out-strong);will-change:transform;grid-area:1/1;display:flex;position:relative}.slide:not(.is-active){cursor:pointer}.js .slide:nth-child(2){transform:translate(calc(100% + var(--stage-gap)), 0) scale(.88)}.js .slide:nth-child(n+3){opacity:0}.js .slide:nth-child(2) .slide__dim{opacity:1}.slide__dim{inset:calc(-1 * var(--rise) - .5rem) -2px -2px;z-index:2;background:color-mix(in oklch, var(--surface-stage) 58%, transparent);opacity:0;pointer-events:none;transition:opacity var(--dur-switch) var(--ease-in-out-strong);position:absolute}.is-dragging .slide,.is-dragging .slide__dim{transition:none}.is-settling .slide,.is-settling .slide__dim{transition-duration:var(--dur-swipe-settle);transition-timing-function:var(--ease-out-strong)}.slide.is-active .card__text>*{animation:card-in .52s var(--ease-out-strong) both}.slide.is-active .card__text>:nth-child(2){animation-delay:40ms}.slide.is-active .card__text>:nth-child(3){animation-delay:80ms}.slide.is-active .card__text>:nth-child(n+4){animation-delay:.12s}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.slide--ghost{pointer-events:none;z-index:1}html:not(.js) .stage__viewport{gap:var(--stage-gap);scroll-snap-type:x mandatory;padding:var(--rise) var(--gutter) 0;margin-top:calc(-1 * var(--rise));display:flex;overflow-x:auto}html:not(.js) .slide{width:var(--card-w);scroll-snap-align:center;flex:none}html:not(.js) .slide__dim,html:not(.js) .stage__controls{display:none}.card{isolation:isolate;min-height:33rem;color:var(--card-text);--focus:var(--card-text);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);display:grid;position:relative;container-type:inline-size}.card__shadow{border-radius:var(--card-radius);position:absolute;inset:0;box-shadow:0 2.5rem 4.5rem -2rem oklch(9% .03 255/.75)}.card__surface{border-radius:var(--card-radius);background:var(--card-bg);position:absolute;inset:0}.card__text{flex-direction:column;grid-area:1/1;padding:2.5rem 1rem 2.5rem 3rem;display:flex;position:relative}.card__id{align-items:center;gap:.75rem;display:flex}.card__icon{border-radius:22.5%;flex:none;width:2.25rem;height:2.25rem}.card__name{letter-spacing:-.045em;color:var(--card-name,var(--card-text));margin-top:1.25rem;margin-left:-.05em;font-size:clamp(3rem,12cqi,7.5rem);font-weight:700;line-height:.88}.card__category{font-size:var(--step-small);font-weight:500;line-height:var(--lh-small);color:var(--card-muted)}.card__headline{font-size:var(--step-app-headline);font-weight:600;line-height:var(--lh-app-headline);letter-spacing:var(--track-app-headline);text-wrap:balance;margin-top:1.5rem}.card__desc{max-width:30ch;line-height:var(--card-lh,var(--lh-body));color:var(--card-muted);text-wrap:pretty;margin-top:.75rem}.card__detail{margin-top:1.5rem}.card__role{font-size:var(--step-small);line-height:var(--lh-small);color:var(--card-text);margin-top:auto;padding-top:1.5rem}.card__role span{color:var(--card-muted);margin-right:.5em}.card__arrow{transition:transform .26s var(--ease-out-strong);margin-left:.4em;text-decoration:none;display:inline-block}@media (hover:hover) and (pointer:fine){.card__link:hover .card__arrow{transform:translate(4px)}}.card__link{min-height:var(--tap);font-size:var(--step-link);font-weight:600;line-height:var(--lh-link);color:var(--card-link);text-underline-offset:.3em;text-decoration-line:underline;text-decoration-thickness:2px;text-decoration-color:var(--card-underline);transition:text-decoration-color var(--dur-hover) ease;border-radius:4px;align-self:flex-start;align-items:center;margin-top:.25rem;padding-top:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.card__link:hover{text-decoration-color:var(--card-underline-full)}}.card__media{grid-area:1/2;min-height:0;position:relative}.card__media .device{position:absolute}.card__media .device--front{z-index:1;width:62%;left:2%;top:calc(-1 * var(--rise))}.card__media .device--back{width:53%;top:-1.5rem;right:2%}.card__media .device--front:only-child{left:19%}@media (width>=700px){:is(.apps,.work) .card__media .device--front{width:min(58%,16.5rem);left:8%}:is(.apps,.work) .card__media .device--back{width:min(50%,14rem);right:6%}:is(.apps,.work) .card__media .device--front:only-child{left:calc(50% - min(29%,8.25rem))}}.device{--bezel:oklch(21% .012 250);aspect-ratio:1/1.95;background:var(--bezel);border-radius:13.5%/6.92%;padding:2.4%;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06),0 1.5rem 3rem -1.5rem oklch(15% .03 250/.55)}.device__screen{background:var(--device-screen,var(--card-bg,var(--app-bg)));border-radius:11.6%/5.95%;height:100%;overflow:hidden}.device__screen picture{height:100%;display:block}.device__img,.device__screen img{object-fit:cover;object-position:var(--shot-pos,top);width:100%;height:100%}.card--nota{--card-bg:var(--nota-paper);--card-text:var(--nota-ink);--card-muted:var(--nota-ink-2);--card-link:var(--nota-stamp);--card-name:var(--nota-stamp);--card-underline:color-mix(in oklch, var(--nota-stamp) 35%, transparent);--card-underline-full:var(--nota-stamp)}.card--nota :is(.card__surface,.card__fx){border-radius:var(--card-radius) var(--card-radius) 0 0;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}.card--nota{--card-bg:repeating-linear-gradient(180deg, transparent 0 1.9rem, color-mix(in oklch, var(--nota-stamp) 7%, transparent) 1.9rem calc(1.9rem + 1px)), linear-gradient(160deg, var(--nota-raised) 0%, var(--nota-paper) 55%, #e7e6e0 100%);--tx:0;--ty:0}.card--nota .card__shadow{border-radius:var(--card-radius) var(--card-radius) 0 0;box-shadow:0 2.5rem 5rem -2rem oklch(9% .03 255/.8), 0 1.5rem 4rem -2.5rem color-mix(in oklch, var(--nota-stamp) 70%, transparent)}.nota-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--nota-stamp) 22%, transparent), transparent);width:65%;translate:calc(var(--tx) * 3rem) calc(var(--ty) * 2rem);transition:translate .6s var(--ease-out-strong);border-radius:50%;position:absolute;top:-5%;right:-10%}.nota-glow--green{background:radial-gradient(closest-side, color-mix(in oklch, var(--nota-owed) 16%, transparent), transparent);width:45%;translate:calc(var(--tx) * -2rem) calc(var(--ty) * -1.5rem);inset:auto auto -15% -12%}.card--nota.is-live .nota-glow{animation:7s ease-in-out infinite stark-breathe}.card--nota .card__category{letter-spacing:.14em;text-transform:uppercase;color:var(--nota-stamp);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;font-weight:600}.card--nota .card__icon{box-shadow:0 0 0 1px oklch(0% 0 0/.08),0 .5rem 1rem -.5rem oklch(20% .03 250/.45)}.card--nota .card__text{padding-top:1.75rem}.card--nota .card__name{margin-top:.875rem}.card--nota .card__headline{margin-top:1rem}.card--nota .card__desc{margin-top:.5rem}.card--nota .nota-slip{margin-top:.875rem}.card--nota .card__link{background:var(--nota-stamp);color:var(--nota-raised);box-shadow:0 .875rem 1.75rem -.875rem color-mix(in oklch, var(--nota-stamp) 90%, transparent);transition:background-color var(--dur-hover) ease, box-shadow .26s var(--ease-out-strong), translate .26s var(--ease-out-strong);border-radius:999px;margin-top:0;padding:0 1.4rem 0 1.5rem;text-decoration:none}.card--nota :is(.card__link,.store-badge):focus-visible{outline:2px solid var(--nota-stamp);outline-offset:3px}@media (hover:hover) and (pointer:fine){.card--nota .card__link:hover{box-shadow:0 1.125rem 2rem -.875rem color-mix(in oklch, var(--nota-stamp) 100%, transparent);background:#36608b;translate:0 -2px}}.nota-slip{max-width:19rem;color:var(--nota-ink-2);background:linear-gradient(#fffefb,#faf8f2);margin-top:.75rem;margin-bottom:.5rem;padding:.375rem .875rem .5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem;line-height:1.3;position:relative;rotate:-1deg;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/10px 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/10px 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/10px 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/10px 51% repeat-x}.nota-slip__head{border-bottom:1.5px dashed color-mix(in oklch, var(--nota-ink) 30%, transparent);text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--nota-ink);margin-bottom:.25rem;padding-bottom:.25rem;font-weight:700}.nota-slip__lines{margin:0;padding:0;list-style:none}.nota-slip__lines li{grid-template-columns:3.75rem 1fr auto;gap:.5rem;padding:0;display:grid}.nota-slip__lines li>:first-child{color:var(--nota-ink)}.nota-slip__fx{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nota-slip__total{border-top:1.5px dashed color-mix(in oklch, var(--nota-ink) 30%, transparent);border-bottom:3px double color-mix(in oklch, var(--nota-ink) 30%, transparent);text-transform:uppercase;letter-spacing:.08em;color:var(--nota-ink);justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.125rem;padding-top:.25rem;padding-bottom:.25rem;font-size:.6875rem;font-weight:700;display:flex}.nota-slip__amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-transform:none;color:var(--nota-owed);font-size:clamp(1.125rem,2.6cqi,1.375rem);font-weight:700}.card--nota .card__media{perspective:1400px;clip-path:inset(calc(-1 * var(--rise) - 2rem) -3rem 14px -2rem)}.card--nota .card__media .device{transition:transform .7s var(--ease-out-strong)}.card--nota .card__media .device--front{transform:rotate(-3deg) rotateY(calc(var(--tx) * 10deg)) rotateX(calc(var(--ty) * -6deg));box-shadow:0 0 0 1px oklch(100% 0 0/.08) inset, 0 2.5rem 4rem -1.5rem oklch(15% .03 250/.55), 0 1rem 3rem -1rem color-mix(in oklch, var(--nota-stamp) 35%, transparent)}.card--nota .card__media .device--back{filter:saturate(.85)brightness(.92);transform:rotate(5deg) translate3d(calc(var(--tx) * -.75rem), calc(var(--ty) * -.5rem), 0)}@media (width>=700px){.work .card--nota .card__media .device--front{width:min(58%,17rem);left:6%}.work .card--nota .card__media .device--back{width:min(48%,14rem);top:0;right:2%}}.nota-stamp{z-index:2;border:3px solid var(--nota-owe);outline:1.5px solid var(--nota-owe);outline-offset:3px;background:color-mix(in oklch, var(--nota-raised) 70%, transparent);backdrop-filter:blur(2px);color:var(--nota-owe);text-transform:uppercase;opacity:.92;rotate:-12deg;translate:calc(var(--tx) * .75rem) calc(var(--ty) * .5rem);transition:translate .7s var(--ease-out-strong);pointer-events:none;border-radius:.5rem;justify-items:center;padding:.5rem 1rem .45rem;font-family:ui-monospace,SF Mono,Menlo,monospace;line-height:1;display:grid;position:absolute;bottom:3.5rem;right:6%}.nota-stamp__top,.nota-stamp__sub{letter-spacing:.24em;font-size:.625rem;font-weight:600}.nota-stamp__main{letter-spacing:.08em;margin:.25rem 0;font-size:clamp(1.25rem,3.6cqi,1.75rem);font-weight:800}.card--nota.is-live .device--front{animation:stark-rise .9s var(--ease-out-strong) both}.card--nota.is-live .device--back{animation:stark-rise .9s .12s var(--ease-out-strong) both}.card--nota.is-live .nota-stamp{animation:.52s cubic-bezier(.3,1.4,.6,1) .65s both nota-thump}.card--nota.is-live .nota-slip__lines li{animation:nota-print .42s var(--ease-out-strong) both}.card--nota.is-live .nota-slip__lines li:nth-child(2){animation-delay:90ms}.card--nota.is-live .nota-slip__lines li:nth-child(3){animation-delay:.18s}@keyframes nota-thump{0%{opacity:0;rotate:-4deg;scale:2.2}70%{opacity:.92}to{opacity:.92;rotate:-12deg;scale:1}}@keyframes nota-print{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}@media (width<=699px){.card--nota .card__media{clip-path:inset(calc(-1 * var(--rise) - 1rem) -4rem 14px -4rem)}.nota-stamp{padding:.35rem .6rem;bottom:1.5rem;right:0}.nota-slip__lines li{grid-template-columns:3.5rem 1fr auto;gap:.5rem}}@media (prefers-reduced-motion:reduce){.card--nota.is-live :is(.device--front,.device--back,.nota-stamp,.nota-glow,.nota-slip__lines li){animation:none}.card--nota .card__media .device,.nota-stamp,.nota-glow{transition:none}}.card--stark{--card-bg:linear-gradient(150deg, #22365a 0%, var(--stark-navy) 45%, #0c1628 100%);--card-text:#f5f5f5;--card-muted:#aab5c9;--card-name:#fff;--card-link:var(--stark-navy);--tx:0;--ty:0;color-scheme:dark}.card--stark .card__surface{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--stark-orange) 28%, transparent), inset 0 1px 0 oklch(100% 0 0/.08)}.card--stark .card__shadow{box-shadow:0 2.5rem 5rem -2rem oklch(9% .03 255/.8), 0 1.5rem 4rem -2.5rem color-mix(in oklch, var(--stark-orange) 55%, transparent)}.card__fx{border-radius:var(--card-radius);pointer-events:none;position:absolute;inset:0;overflow:hidden}.stark-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--stark-orange) 55%, transparent), transparent);filter:blur(10px);opacity:.55;width:70%;translate:calc(var(--tx) * 3rem) calc(var(--ty) * 2rem);transition:translate .6s var(--ease-out-strong);border-radius:50%;position:absolute;top:5%;right:-8%}.card--stark.is-live .stark-glow{animation:6s ease-in-out infinite stark-breathe}@keyframes stark-breathe{50%{opacity:.8;scale:1.08}}.card--stark .card__category{letter-spacing:.14em;text-transform:uppercase;color:var(--stark-orange);font-size:.75rem;font-weight:700}.card--stark .card__icon{box-shadow:0 0 0 1px oklch(100% 0 0/.12),0 .5rem 1rem -.5rem oklch(0% 0 0/.6)}.card--stark .card__name{text-shadow:0 .5rem 2.5rem oklch(0% 0 0/.35)}.card--stark .card__link{background:var(--stark-orange);color:var(--stark-navy);box-shadow:0 .875rem 1.75rem -.875rem color-mix(in oklch, var(--stark-orange) 85%, transparent);transition:background-color var(--dur-hover) ease, box-shadow .26s var(--ease-out-strong), translate .26s var(--ease-out-strong);border-radius:999px;margin-top:0;padding:0 1.4rem 0 1.5rem;text-decoration:none}.card--stark .card__link:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (hover:hover) and (pointer:fine){.card--stark .card__link:hover{box-shadow:0 1.125rem 2rem -.875rem color-mix(in oklch, var(--stark-orange) 95%, transparent);background:#ff8256;translate:0 -2px}}.card__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:auto;display:flex}.card__actions .store-badge img{height:var(--tap)}.card__actions .store-badge:focus-visible{outline-offset:3px;outline:2px solid #fff}.card__actions .store-badge{transition:transform .26s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine){.card__actions .store-badge:hover{transform:scale(1.08)}}.card__actions .store-badge:focus-visible{transform:scale(1.08)}.card__actions .store-badge:active{transform:scale(1.02)}.stark-stats{gap:0;margin-bottom:1.75rem;display:flex}.stark-stats>div{border-right:1px solid oklch(100% 0 0/.12);flex-direction:column-reverse;margin-right:1.25rem;padding-right:1.25rem;display:flex}.stark-stats>div:last-child{border-right:0;margin-right:0}.stark-stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;margin:0;font-size:clamp(1.375rem,3.4cqi,1.875rem);font-weight:700;line-height:1.1}.stark-stats>div:first-child dd{color:var(--stark-orange)}.stark-stats dt{letter-spacing:.06em;text-transform:uppercase;color:var(--card-muted);margin-top:.25rem;font-size:.75rem;font-weight:600}.card--stark .card__media{perspective:1400px;clip-path:inset(calc(-1 * var(--rise) - 2rem) -3rem 0 -2rem round 0 0 var(--card-radius) 0)}.card--stark .card__media .device{transition:transform .7s var(--ease-out-strong)}.card--stark .card__media .device--front{transform:rotate(-2deg) rotateY(calc(var(--tx) * 10deg)) rotateX(calc(var(--ty) * -6deg));box-shadow:0 0 0 1px oklch(100% 0 0/.08) inset, 0 2.5rem 4rem -1.5rem oklch(5% .03 250/.8), 0 1rem 3rem -1rem color-mix(in oklch, var(--stark-orange) 35%, transparent)}.card--stark .card__media .device--back{filter:brightness(.7);transform:rotate(4deg) translate3d(calc(var(--tx) * -.75rem), calc(var(--ty) * -.5rem), 0)}@media (width>=700px){.work .card--stark .card__media .device--front{width:min(58%,17rem);left:8%}.work .card--stark .card__media .device--back{width:min(48%,14rem);top:0;right:2%}}.stark-mascot{z-index:2;filter:drop-shadow(0 .75rem 1rem oklch(5% .03 250/.6));width:clamp(5rem,15cqi,7rem);height:auto;translate:calc(var(--tx) * .75rem) calc(var(--ty) * .5rem);transition:translate .7s var(--ease-out-strong);pointer-events:none;position:absolute;bottom:1rem;right:4%}.card--stark.is-live .device--front{animation:stark-rise .9s var(--ease-out-strong) both}.card--stark.is-live .device--back{animation:stark-rise .9s .12s var(--ease-out-strong) both}.card--stark.is-live .stark-mascot{animation:.7s cubic-bezier(.34,1.56,.64,1) .35s both stark-pop}@keyframes stark-rise{0%{opacity:0;translate:0 3rem}to{opacity:1;translate:0}}@keyframes stark-pop{0%{opacity:0;rotate:-12deg;scale:.4}to{opacity:1;rotate:0deg;scale:1}}@media (width<=699px){.card--stark .card__media{clip-path:inset(calc(-1 * var(--rise) - 1rem) -4rem 0 -4rem)}.stark-mascot{width:4.5rem;bottom:0;right:2%}.stark-stats>div{margin-right:.875rem;padding-right:.875rem}}@media (prefers-reduced-motion:reduce){.card--stark.is-live :is(.device--front,.device--back,.stark-mascot,.stark-glow){animation:none}.card--stark .card__media .device,.stark-mascot,.stark-glow{transition:none}}.card--yanufi{--card-bg:radial-gradient(120% 90% at 75% 20%, #5d6147 0%, var(--yanufi-bg) 45%, #33352a 100%);--card-text:var(--yanufi-cream);--card-muted:var(--yanufi-gradient-end);--card-name:var(--yanufi-cream);--card-link:var(--yanufi-field);--card-lh:calc(var(--lh-body) + var(--lh-on-stage-boost));--gold:#e9c46a;--tx:0;--ty:0;color-scheme:dark}.card--yanufi .card__surface{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--yanufi-cream) 30%, transparent), inset 0 1px 0 oklch(100% 0 0/.08)}.card--yanufi .card__surface:after{content:"";border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.91 0 0 0 0 0.79 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.card--yanufi .card__shadow{box-shadow:0 2.5rem 5rem -2rem oklch(9% .03 255/.8), 0 1.5rem 4rem -2.5rem color-mix(in oklch, var(--gold) 45%, transparent)}.yanufi-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--gold) 30%, transparent), transparent);width:70%;translate:calc(var(--tx) * 3rem) calc(var(--ty) * 2rem);transition:translate .6s var(--ease-out-strong);border-radius:50%;position:absolute;top:0;right:-8%}.card--yanufi.is-live .yanufi-glow{animation:6s ease-in-out infinite stark-breathe}.yanufi-pip{color:color-mix(in oklch, var(--yanufi-cream) 9%, transparent);translate:calc(var(--tx) * -1.25rem) calc(var(--ty) * -1rem);transition:translate .7s var(--ease-out-strong);font-size:2.5rem;line-height:1;position:absolute}.yanufi-pip--1{top:8%;left:44%;rotate:-14deg}.yanufi-pip--2{font-size:3.25rem;bottom:10%;left:52%;rotate:12deg}.yanufi-pip--3{font-size:2rem;top:46%;right:4%;rotate:20deg}.yanufi-pip--4{font-size:1.75rem;top:52%;left:38%;rotate:-8deg}.card--yanufi.is-live .yanufi-pip{animation:7s ease-in-out infinite alternate yanufi-float}.card--yanufi.is-live .yanufi-pip--2{animation-delay:-2s}.card--yanufi.is-live .yanufi-pip--3{animation-delay:-4s}.card--yanufi.is-live .yanufi-pip--4{animation-delay:-5.5s}@keyframes yanufi-float{to{transform:translateY(-.75rem)rotate(8deg)}}.card--yanufi .card__category{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:700}.card--yanufi .card__icon{box-shadow:0 0 0 1px oklch(100% 0 0/.14),0 .5rem 1rem -.5rem oklch(0% 0 0/.6)}.card--yanufi .card__name{text-shadow:0 .5rem 2.5rem oklch(0% 0 0/.35)}.card--yanufi .card__link{background:var(--yanufi-cream);color:var(--yanufi-field);box-shadow:0 .875rem 1.75rem -.875rem color-mix(in oklch, var(--gold) 80%, transparent);transition:background-color var(--dur-hover) ease, box-shadow .26s var(--ease-out-strong), translate .26s var(--ease-out-strong);border-radius:999px;margin-top:0;padding:0 1.4rem 0 1.5rem;text-decoration:none}.card--yanufi :is(.card__link,.store-badge):focus-visible{outline:2px solid var(--yanufi-cream);outline-offset:3px}@media (hover:hover) and (pointer:fine){.card--yanufi .card__link:hover{box-shadow:0 1.125rem 2rem -.875rem color-mix(in oklch, var(--gold) 95%, transparent);background:#fff6dc;translate:0 -2px}}.yanufi-race{max-width:20rem;margin-top:.875rem;margin-bottom:1rem}.yanufi-race__head{letter-spacing:.1em;text-transform:uppercase;color:var(--card-muted);justify-content:space-between;gap:1rem;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;display:flex}.yanufi-race__rows{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.yanufi-race__rows li{grid-template-columns:2.5rem 1fr 1.75rem;align-items:center;gap:.625rem;font-size:.75rem;line-height:1.15;display:grid}.yanufi-race__name{font-weight:600}.yanufi-race__bar{background:var(--yanufi-field);height:.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--yanufi-cream) 14%, transparent);border-radius:999px;position:relative;overflow:hidden}.yanufi-race__bar:before{content:"";width:calc(var(--p) * 1%);border-radius:inherit;background:linear-gradient(90deg, var(--yanufi-gradient-end), var(--yanufi-cream));transform-origin:0;position:absolute;inset:0}.yanufi-race__rows li:last-child .yanufi-race__bar:before{background:linear-gradient(90deg,#e9a06a,#e76f51)}.yanufi-race__rows li:last-child .yanufi-race__score{color:#f4a582}.yanufi-race__score{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.card--yanufi .card__media{perspective:1400px;clip-path:inset(calc(-1 * var(--rise) - 2rem) -3rem 0 -2rem round 0 0 var(--card-radius) 0)}.card--yanufi .card__media .device{transition:transform .7s var(--ease-out-strong)}.card--yanufi .card__media .device--front{transform:rotate(-2.5deg) rotateY(calc(var(--tx) * 10deg)) rotateX(calc(var(--ty) * -6deg));box-shadow:0 0 0 1px oklch(100% 0 0/.08) inset, 0 2.5rem 4rem -1.5rem oklch(5% .03 250/.8), 0 1rem 3rem -1rem color-mix(in oklch, var(--gold) 30%, transparent)}.card--yanufi .card__media .device--back{filter:brightness(.75);transform:rotate(4deg) translate3d(calc(var(--tx) * -.75rem), calc(var(--ty) * -.5rem), 0)}@media (width>=700px){.work .card--yanufi .card__media .device--front{width:min(58%,17rem);left:8%}.work .card--yanufi .card__media .device--back{width:min(48%,14rem);top:0;right:2%}}.yanufi-crown{z-index:2;color:var(--gold);filter:drop-shadow(0 .5rem .875rem oklch(10% .02 100/.6));rotate:10deg;translate:calc(var(--tx) * .75rem) calc(var(--ty) * .5rem);transition:translate .7s var(--ease-out-strong);pointer-events:none;justify-items:center;gap:.25rem;display:grid;position:absolute;bottom:2.5rem;right:5%}.yanufi-crown svg{width:clamp(3rem,9cqi,4.25rem);height:auto}.yanufi-crown span{background:var(--gold);color:var(--yanufi-field);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.6875rem;font-weight:800}.card--yanufi.is-live .device--front{animation:stark-rise .9s var(--ease-out-strong) both}.card--yanufi.is-live .device--back{animation:stark-rise .9s .12s var(--ease-out-strong) both}.card--yanufi.is-live .yanufi-race__bar:before{animation:yanufi-fill 1.2s var(--ease-out-strong) both}.card--yanufi.is-live .yanufi-crown{animation:.7s cubic-bezier(.34,1.56,.64,1) .6s both yanufi-drop}@keyframes yanufi-fill{0%{transform:scaleX(0)}}@keyframes yanufi-drop{0%{opacity:0;translate:0 -3rem;rotate:-20deg}to{opacity:1}}@media (width<=699px){.card--yanufi .card__media{clip-path:inset(calc(-1 * var(--rise) - 1rem) -4rem 0 -4rem)}.yanufi-crown{bottom:1rem;right:0}.yanufi-pip{opacity:.5;font-size:1.75rem}.yanufi-pip--1{top:6%;left:8%}.yanufi-pip--2{font-size:2rem;inset:30% 6% auto auto}.yanufi-pip--3{display:none}.yanufi-pip--4{font-size:1.25rem;top:24%;left:14%}}@media (prefers-reduced-motion:reduce){.card--yanufi.is-live :is(.device--front,.device--back,.yanufi-crown,.yanufi-glow,.yanufi-pip),.card--yanufi.is-live .yanufi-race__bar:before{animation:none}.card--yanufi .card__media .device,.yanufi-crown,.yanufi-glow,.yanufi-pip{transition:none}}.card--tastepad{--card-bg:var(--tastepad-porcelain);--card-text:var(--tastepad-ink);--card-muted:#60646d;--card-link:var(--tastepad-cobalt);--card-name:var(--tastepad-cobalt);--card-underline:color-mix(in oklch, var(--tastepad-cobalt) 35%, transparent);--card-underline-full:var(--tastepad-cobalt);--tx:0;--ty:0}.card--tastepad .device{aspect-ratio:1/2.17;border-radius:13.5%/6.2%}.card--tastepad .device__screen{border-radius:11.6%/5.35%}.card--tastepad .card__surface{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tastepad-cobalt) 18%, transparent), inset 0 1px 0 oklch(100% 0 0/.7)}.card--tastepad .card__shadow{box-shadow:0 2.5rem 5rem -2rem oklch(20% .04 260/.45), 0 1.5rem 4rem -2.5rem color-mix(in oklch, var(--tastepad-dill) 40%, transparent)}.tp-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--tastepad-dill) 22%, transparent), transparent);width:70%;translate:calc(var(--tx) * 3rem) calc(var(--ty) * 2rem);transition:translate .6s var(--ease-out-strong);border-radius:50%;position:absolute;top:-6%;right:-10%}.card--tastepad.is-live .tp-glow{animation:6s ease-in-out infinite stark-breathe}.tp-plate{aspect-ratio:1;background:radial-gradient(circle, transparent 54%, color-mix(in oklch, var(--tastepad-cobalt) 22%, transparent) 54.5% 56%, transparent 56.5%), radial-gradient(circle, var(--tastepad-paper,#fff) 0 62%, color-mix(in oklch, var(--tastepad-cobalt) 30%, transparent) 62.5% 64%, var(--tastepad-paper,#fff) 64.5%);width:46%;translate:calc(var(--tx) * -1.5rem) calc(var(--ty) * -1rem);transition:translate .7s var(--ease-out-strong);border-radius:50%;position:absolute;top:10%;right:4%;box-shadow:0 1.5rem 3rem -1.5rem oklch(20% .04 260/.35)}.tp-leaf{aspect-ratio:1;opacity:.55;width:1.25rem;translate:calc(var(--tx) * -1rem) calc(var(--ty) * -.75rem);transition:translate .7s var(--ease-out-strong);background:linear-gradient(135deg,#7fa66a,#4f7a45);border-radius:0 100%;position:absolute}.tp-leaf--1{top:8%;left:46%;rotate:-20deg}.tp-leaf--2{width:1.6rem;bottom:14%;right:6%;rotate:40deg}.tp-leaf--3{width:.9rem;top:56%;left:40%;rotate:110deg}.card--tastepad.is-live .tp-leaf{animation:7s ease-in-out infinite alternate yanufi-float}.card--tastepad.is-live .tp-leaf--2{animation-delay:-2.5s}.card--tastepad.is-live .tp-leaf--3{animation-delay:-5s}.card--tastepad .card__category{letter-spacing:.14em;text-transform:uppercase;color:var(--tastepad-dill);font-size:.75rem;font-weight:700}.card--tastepad .card__icon{box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 .5rem 1rem -.5rem oklch(20% .04 260/.4)}.card--tastepad .card__link{background:var(--tastepad-cobalt);color:#fff;box-shadow:0 .875rem 1.75rem -.875rem color-mix(in oklch, var(--tastepad-cobalt) 80%, transparent);transition:background-color var(--dur-hover) ease, box-shadow .26s var(--ease-out-strong), translate .26s var(--ease-out-strong);border-radius:999px;margin-top:0;padding:0 1.4rem 0 1.5rem;text-decoration:none}.card--tastepad .card__link:focus-visible{outline:2px solid var(--tastepad-cobalt);outline-offset:3px}@media (hover:hover) and (pointer:fine){.card--tastepad .card__link:hover{background:color-mix(in oklch, var(--tastepad-cobalt) 85%, black);translate:0 -2px}}.card--tastepad .card__media{perspective:1400px;clip-path:inset(calc(-1 * var(--rise) - 2rem) -3rem 0 -2rem round 0 0 var(--card-radius) 0)}.card--tastepad .card__media .device{transition:transform .7s var(--ease-out-strong)}.card--tastepad .card__media .device--front{transform:rotate(-2.5deg) rotateY(calc(var(--tx) * 10deg)) rotateX(calc(var(--ty) * -6deg));box-shadow:0 2.5rem 4rem -1.5rem oklch(20% .04 260/.5), 0 1rem 3rem -1rem color-mix(in oklch, var(--tastepad-cobalt) 25%, transparent)}.card--tastepad .card__media .device--back{transform:rotate(4deg) translate3d(calc(var(--tx) * -.75rem), calc(var(--ty) * -.5rem), 0)}@media (width>=700px){.work .card--tastepad .card__media .device--front{width:min(58%,17rem);left:8%}.work .card--tastepad .card__media .device--back{width:min(48%,14rem);top:0;right:2%}}.tp-score{z-index:2;aspect-ratio:1;text-align:center;background:var(--tastepad-dill);color:#fff;width:clamp(4.5rem,13cqi,5.75rem);box-shadow:inset 0 0 0 3px oklch(100% 0 0/.35), 0 .75rem 1.5rem -.5rem color-mix(in oklch, var(--tastepad-dill) 70%, black);rotate:10deg;translate:calc(var(--tx) * .75rem) calc(var(--ty) * .5rem);transition:translate .7s var(--ease-out-strong);pointer-events:none;border-radius:50%;place-content:center;display:grid;position:absolute;bottom:2.5rem;right:6%}.tp-score__value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1}.tp-score__label{letter-spacing:.14em;text-transform:uppercase;margin-top:.15rem;font-size:.5625rem;font-weight:700}.card--tastepad.is-live .device--front{animation:stark-rise .9s var(--ease-out-strong) both}.card--tastepad.is-live .device--back{animation:stark-rise .9s .12s var(--ease-out-strong) both}.card--tastepad.is-live .tp-meter__bar{animation:yanufi-fill 1.2s var(--ease-out-strong) both}.card--tastepad.is-live .tp-meter:nth-child(2) .tp-meter__bar{animation-delay:.12s}.card--tastepad.is-live .tp-meter:nth-child(3) .tp-meter__bar{animation-delay:.24s}.card--tastepad.is-live .tp-score{animation:.6s cubic-bezier(.34,1.56,.64,1) .7s both tp-pop}@keyframes tp-pop{0%{opacity:0;rotate:-30deg;scale:.3}to{opacity:1}}@media (width<=699px){.card--tastepad .card__media{clip-path:inset(calc(-1 * var(--rise) - 1rem) -4rem 0 -4rem)}.tp-plate,.tp-leaf,.card--tastepad .card__dev{display:none}}@media (prefers-reduced-motion:reduce){.card--tastepad.is-live :is(.device--front,.device--back,.tp-score,.tp-glow,.tp-leaf,.tp-meter__bar){animation:none}.card--tastepad .card__media .device,.tp-score,.tp-glow,.tp-plate,.tp-leaf{transition:none}}.tp-meters{gap:.25rem;max-width:20rem;margin:.875rem 0 1rem;padding:0;list-style:none;display:grid}.tp-meter{color:var(--card-muted);grid-template-columns:4rem 1fr 1.5rem;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;display:grid}.tp-meter__bar{transform-origin:0;background:linear-gradient(to right, var(--tastepad-dill) calc(var(--score) * 10%), color-mix(in oklch, var(--tastepad-ink) 12%, transparent) 0);height:.5rem;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 0 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 0 10%)}.tp-meter__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--tastepad-dill);font-weight:700}.apps .card{min-height:clamp(26rem,62svh,34rem)}@media (width<=1023px){.apps{--card-w:calc(100vw - 2 * var(--gutter) - 4rem)}.apps .card{min-height:29rem}.card__text{padding:2rem .5rem 2rem 2rem}.card__headline{margin-top:1.25rem}}@media (width<=699px){.apps{--card-radius:1.375rem;--stage-gap:.75rem;--rise:3rem;--card-w:calc(100vw - 2 * var(--gutter) - 1rem);padding-top:2rem}.index{margin-top:.75rem}.index__list{--icon:3.5rem;--overlap:-.375rem;padding-block:.75rem 2rem}.apps__title{font-size:clamp(1.25rem,5.4vw,1.625rem)}.apps .card{grid-template-rows:9.5rem auto;grid-template-columns:minmax(0,1fr);min-height:0}.card__media{clip-path:inset(calc(-1 * var(--rise) - 1rem) -4rem 0 -4rem);grid-area:1/1}.card__media .stark-mascot{width:3.25rem;right:6%}.card__media .device--front{width:40%;left:12%;top:calc(-1 * var(--rise))}.card__media .device--back{width:36%;left:auto;right:10%;top:calc(-1 * var(--rise) + 1.25rem);display:block}.card__media .device--front:only-child{width:38%;left:31%}.card__media .device{-webkit-mask-image:linear-gradient(#000 48%,#0000 76%);mask-image:linear-gradient(#000 48%,#0000 76%)}.card__media .yanufi-crown{gap:.125rem;bottom:.5rem;right:8%;rotate:14deg}.card__media .yanufi-crown svg{width:2.5rem}.card__media .yanufi-crown span{padding:.125rem .45rem;font-size:.5625rem}.card__media .nota-stamp{border-width:2px;padding:.3rem .55rem;bottom:.75rem;right:7%;scale:.8}.card__media .tp-score{width:3.5rem;bottom:.5rem;right:8%;rotate:14deg}.card__media .tp-score__value{font-size:1.05rem}.card__media .tp-score__label{letter-spacing:.1em;font-size:.4375rem}.card__text{grid-area:2/1;padding:1rem 1.125rem 1.125rem}.card__name{margin-top:.5rem;font-size:clamp(2rem,11cqi,2.5rem)}.card__headline{margin-top:.375rem;font-size:1.0625rem}.card__desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card__text{z-index:2;justify-content:flex-end;margin-top:-2.5rem;padding-top:0}.card__name{margin-top:.375rem}.card__headline{margin-top:.875rem}.card__desc{margin-top:.375rem}.card__role{display:none}.card__icon{width:1.75rem;height:1.75rem}.card__actions{flex-wrap:nowrap;gap:.5rem;margin-top:1rem}.card__actions .card__link{white-space:nowrap;min-height:2.75rem;padding-inline:1rem;font-size:.9375rem}.card__actions .store-badge img{height:2.75rem}.card__actions:has(.store-badge) .store-badge-wrap,.card__actions:has(.store-badge)>.store-badge{order:-1}.card__actions:has(.store-badge) .card__link{box-shadow:none;color:var(--card-text);text-underline-offset:.3em;text-decoration-line:underline;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);background:0 0;padding:0 .25rem}.curve.is-ready .curve__slide:not(.is-center) .card__text{opacity:0}.curve__slide .card__text{transition:opacity .3s}.card__detail{display:none}.card__role{padding-top:1rem}}.work{--tile:min(84vw, max(52rem, 34vw));--rise:clamp(2.5rem, 6svh, 3.5rem);--card-radius:1.75rem}.curve{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;min-height:34rem;margin-top:0;position:relative}.curve:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.curve.is-dragging{cursor:grabbing}.curve__track{inset:calc(var(--rise) + .5rem) 0 0;position:absolute}.curve__slide{width:var(--tile);will-change:transform;display:flex;position:absolute;top:0;left:50%}.curve .card{min-height:30rem}.curve img{-webkit-user-drag:none}.curve__slide .card{transition:filter .5s var(--ease-out-strong), transform .45s var(--ease-out-strong), box-shadow .45s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine){.curve.is-ready:not(.is-dragging) .curve__slide:hover{z-index:2}.curve.is-ready:not(.is-dragging) .curve__slide:hover .card{transform:translateY(-1.25rem)scale(1.07);box-shadow:0 3rem 5rem -1.5rem oklch(12% .03 250/.75)}.curve.is-ready:not(.is-dragging) .curve__slide:not(.is-center):hover .card{filter:brightness(.8)saturate(.95)}}.curve.is-ready .curve__slide:not(.is-center) .card{filter:brightness(.62)saturate(.85)}.curve.is-dragging .card__link{pointer-events:none}html:not(.js) .curve,.curve:not(.is-ready){cursor:auto;overflow-x:auto}html:not(.js) .curve__track,.curve:not(.is-ready) .curve__track{padding:var(--rise) var(--gutter) 2rem;gap:1.5rem;width:max-content;display:flex;position:static}html:not(.js) .curve__slide,.curve:not(.is-ready) .curve__slide{position:static}@media (width<=1023px){.curve .card{min-height:28rem}}@media (width<=699px){.work{--tile:min(calc(100vw - 2 * var(--gutter) - 3rem), 21rem);--rise:2rem;--card-radius:1.375rem}.curve{min-height:0}.curve .card{grid-template-rows:9.5rem auto;grid-template-columns:minmax(0,1fr);min-height:0}.curve.is-ready .curve__slide:not(.is-center) .card{filter:brightness(.8)saturate(.9)}.home-flow{flex-direction:column;display:flex}.home-flow>.tl{order:-1}}.curve-dots{display:none}@media (width<=699px){html.js .curve-dots{justify-content:center;gap:.5rem;padding-block:.25rem 1.5rem;display:flex}.curve-dots__dot{background:color-mix(in oklch, var(--cream) 30%, transparent);width:.4375rem;height:.4375rem;transition:width .3s var(--ease-out-strong), background-color .3s ease;border-radius:999px}.curve-dots__dot.is-active{background:var(--mark);width:1.25rem}}@media (prefers-reduced-motion:reduce){.curve__slide .card{transition:none}}.eyebrow{font-family:var(--font-grotesk);letter-spacing:.14em;text-transform:uppercase;color:var(--copper-dark);font-size:.75rem;font-weight:600;line-height:1}.contact{background:var(--surface-stage);color:var(--text-on-stage);color-scheme:dark;--focus:var(--focus-on-stage);padding-block:var(--space-3xl);text-align:center}.contact .eyebrow{color:var(--mark)}.contact__title{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:1.25rem auto 0;font-size:clamp(2.25rem,1.3rem + 3.6vw,4.5rem);font-weight:700;line-height:1}.contact__lead{font-family:var(--font-serif);font-style:italic;font-size:var(--step-lead);color:var(--text-on-stage-muted);margin:1.25rem auto 0}.contact__links{margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.contact__link{background:var(--cream);min-height:3.25rem;color:var(--navy);transition:transform var(--dur-press) var(--ease-out-strong), background-color var(--dur-hover) ease;border-radius:999px;align-items:center;gap:.75rem;padding:0 1.375rem;font-weight:600;text-decoration:none;display:inline-flex}.contact__label{letter-spacing:.1em;text-transform:uppercase;color:var(--copper-dark);font-size:.75rem}.contact__arrow{transition:transform .26s var(--ease-out-strong)}.contact__link:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.contact__link:hover{background:oklch(94% .025 82.76)}.contact__link:hover .contact__arrow{transform:translate(2px,-2px)}}.will-reveal{opacity:0;transition:opacity .7s var(--ease-out-strong), transform .7s var(--ease-out-strong);transform:translateY(18px)}.will-reveal.is-revealed{opacity:1;transform:none}.site-footer{background:var(--surface-page);color:var(--text-on-page);color-scheme:light;--focus:var(--focus-on-page);font-size:var(--step-small);font-weight:500;line-height:var(--lh-small)}.site-footer__inner{align-items:center;column-gap:var(--space-xl);row-gap:var(--space-xs);padding-block:var(--space-l) var(--space-xl);padding-bottom:max(var(--space-xl), calc(env(safe-area-inset-bottom) + var(--space-m)));flex-wrap:wrap;display:flex;position:relative}.site-footer__logo{border-radius:4px;margin-right:auto;display:block}.site-footer__svg{width:auto;height:2rem}.site-footer .link{min-height:var(--tap);align-items:center;display:inline-flex}.site-footer__social{gap:.45em}.site-footer__icon{flex:none}.site-footer__copy{color:var(--text-on-page-muted)}@media (width<=699px){.site-footer__inner{padding-block:var(--space-xl);flex-direction:column;align-items:flex-start}.site-footer__logo{margin-bottom:var(--space-s)}}.site-footer__inner:before{content:"";top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid color-mix(in oklch, var(--navy) 14%, transparent);position:absolute}.theme-nota{--app-bg:var(--nota-paper);--app-raised:var(--nota-raised);--app-text:var(--nota-ink);--app-muted:var(--nota-ink-2);--app-link:var(--nota-stamp);--app-underline:color-mix(in oklch, var(--nota-stamp) 35%, transparent);--app-underline-full:var(--nota-stamp);--app-rule:color-mix(in oklch, var(--nota-ink) 14%, transparent);--app-lh-boost:0}.theme-stark{--app-bg:var(--stark-bg);--app-raised:var(--stark-card);--app-text:var(--stark-navy);--app-muted:#5c687d;--app-link:var(--stark-navy);--app-underline:color-mix(in oklch, var(--stark-orange) 50%, transparent);--app-underline-full:var(--stark-orange);--app-rule:color-mix(in oklch, var(--stark-navy) 14%, transparent);--app-lh-boost:0;--app-accent:var(--stark-orange);--app-accent-ink:var(--stark-navy);--app-lead-font:var(--font-grotesk);--app-lead-weight:500}.theme-yanufi{--app-bg:var(--yanufi-bg);--app-raised:var(--yanufi-field);--app-text:var(--yanufi-cream);--app-muted:var(--yanufi-gradient-end);--app-link:var(--yanufi-cream);--app-underline:color-mix(in oklch, var(--yanufi-cream) 40%, transparent);--app-underline-full:var(--yanufi-cream);--app-rule:color-mix(in oklch, var(--yanufi-cream) 20%, transparent);--app-lh-boost:var(--lh-on-stage-boost)}.theme-tastepad{--app-bg:var(--tastepad-porcelain);--app-raised:var(--tastepad-paper);--app-text:var(--tastepad-ink);--app-muted:#60646d;--app-link:var(--tastepad-cobalt);--app-underline:color-mix(in oklch, var(--tastepad-cobalt) 35%, transparent);--app-underline-full:var(--tastepad-cobalt);--app-rule:color-mix(in oklch, var(--tastepad-ink) 14%, transparent);--app-lh-boost:0}.app-page{background:var(--app-bg);color:var(--app-text);--focus:var(--app-text);--underline-muted:var(--app-underline);--underline-full:var(--app-underline-full);line-height:calc(var(--lh-body) + var(--app-lh-boost));padding-bottom:var(--space-3xl)}.app-page[data-scheme=light]{color-scheme:light}.app-page .link{color:var(--app-link)}.app-intro{padding-block:clamp(2.5rem, 1.5rem + 4vw, 5rem) var(--space-xl)}.app-intro__id{align-items:center;gap:1rem;display:flex}.app-intro__icon{border-radius:22.5%;flex:none;width:4rem;height:4rem}.app-intro__name{font-size:var(--step-app-headline);font-weight:600;line-height:var(--lh-app-headline);letter-spacing:var(--track-app-headline)}.app-intro__category{font-size:var(--step-small);color:var(--app-muted);margin-top:.125rem;font-weight:500}.app-intro__title{font-size:clamp(2.25rem,1.18rem + 4.56vw,4.5rem);font-weight:700;line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:balance;max-width:15ch;margin-top:clamp(1.5rem,1rem + 2vw,2.5rem)}.app-intro__desc{margin-top:var(--space-m);max-width:34ch;font-size:var(--step-lead);line-height:calc(var(--lh-lead) + var(--app-lh-boost));color:var(--app-muted);text-wrap:pretty}.app-intro__download{margin-top:var(--space-xl)}.store-badge{transition:transform .26s var(--ease-out-strong);border-radius:9px;display:inline-block}@media (hover:hover) and (pointer:fine){.store-badge:hover{transform:scale(1.08)}}.store-badge:focus-visible{transform:scale(1.08)}.store-badge:active{transform:scale(.97)}.store-badge img{width:auto;height:3rem}.coming-soon{min-height:3rem;box-shadow:inset 0 0 0 1.5px var(--app-rule);font-size:var(--step-link);font-weight:600;line-height:var(--lh-link);border-radius:999px;align-items:center;padding-inline:1.25rem;display:inline-flex}.shots{--shots-inset:max(var(--gutter), (100vw - var(--content-max)) / 2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--shots-inset);padding:1rem var(--shots-inset) 1.75rem;scrollbar-width:thin;scrollbar-color:var(--app-rule) transparent;border-radius:4px;gap:clamp(1rem,.5rem + 1.5vw,1.75rem);display:flex;overflow-x:auto}.shots:focus-visible{outline-offset:-2px}.shots>li{scroll-snap-align:start;flex:none;width:clamp(12.5rem,9rem + 9vw,16rem)}.app-section{padding-top:var(--space-2xl);column-gap:var(--space-l);grid-template-columns:4rem minmax(0,1fr);display:grid}.app-section>:not(.app-section__num){grid-column:2}.app-section__num{font-size:var(--step-small);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--app-muted);border-top:1px solid var(--app-rule);grid-area:1/1/span 2;padding-top:.35rem;font-weight:600}.app-section__lead{margin-top:var(--space-s);max-width:36ch;font-family:var(--app-lead-font,var(--font-serif));font-weight:var(--app-lead-weight,400);text-wrap:pretty;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.45}@media (width<=699px){.app-section{grid-template-columns:minmax(0,1fr)}.app-section>*,.app-section>:not(.app-section__num){grid-column:1}.app-section__num{border-top:0;grid-row:auto;margin-bottom:.5rem;padding-top:0}}.app-back{min-height:var(--tap);margin-bottom:var(--space-l);font-size:var(--step-small);color:var(--app-muted);transition:color var(--dur-hover) ease;border-radius:6px;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.app-back span{transition:transform .26s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine){.app-back:hover{color:var(--app-text)}.app-back:hover span{transform:translate(-3px)}}.app-facts{margin:var(--space-2xl) 0 0;gap:var(--space-l);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-facts>div{padding-top:var(--space-s);border-top:1px solid var(--app-rule)}.app-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--app-muted);font-size:.75rem;font-weight:600}.app-facts dd{margin:.375rem 0 0;font-weight:500}@media (width<=699px){.app-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.shots--single{justify-content:center}.stack{margin-top:var(--space-m);flex-wrap:wrap;gap:.5rem;display:flex}.stack li{box-shadow:inset 0 0 0 1px var(--app-rule);font-size:var(--step-small);border-radius:999px;padding:.375rem .75rem;font-weight:500}.more{background:var(--surface-stage);color:var(--text-on-stage);color-scheme:dark;--focus:var(--focus-on-stage);padding-block:var(--space-3xl) 0}.more .eyebrow{color:var(--mark)}.more__next{margin-top:var(--space-l);padding-block:var(--space-xl);border-block:1px solid color-mix(in oklch, var(--cream) 14%, transparent);border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,.5rem + 2vw,2.5rem);text-decoration:none;display:grid}.more__next-icon{width:clamp(4rem,3rem + 3vw,6rem);height:auto;transition:transform .4s var(--ease-out-strong);border-radius:22.5%}.more__next-text{gap:.25rem;display:grid}.more__next-label{font-size:var(--step-small);color:var(--text-on-stage-muted)}.more__next-name{letter-spacing:-.045em;font-size:clamp(2.5rem,1.5rem + 4vw,5.5rem);font-weight:700;line-height:.95}.more__next-desc{color:var(--text-on-stage-muted)}.more__arrow{transition:transform .4s var(--ease-out-strong);font-size:clamp(1.5rem,1rem + 2vw,2.5rem)}@media (hover:hover) and (pointer:fine){.more__next:hover .more__next-icon{transform:scale(1.05)rotate(-2deg)}.more__next:hover .more__arrow{transform:translate(8px)}}.more__list{gap:var(--space-l);padding-block:var(--space-xl) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.more__item{min-height:var(--tap);border-radius:8px;align-items:center;gap:1rem;text-decoration:none;display:flex}.more__icon{opacity:.75;width:3.5rem;height:auto;transition:opacity var(--dur-hover) ease, transform .3s var(--ease-out-strong);border-radius:22.5%}.more__name{font-weight:600;display:block}.more__cat{font-size:var(--step-small);color:var(--text-on-stage-muted);display:block}@media (hover:hover) and (pointer:fine){.more__item:hover .more__icon{opacity:1;transform:translateY(-2px)}}@media (width<=699px){.more__next{grid-template-columns:auto minmax(0,1fr)}.more__arrow{display:none}.more__list{gap:var(--space-s);grid-template-columns:minmax(0,1fr)}}.app-section__title{font-size:var(--step-app-headline);font-weight:600;line-height:var(--lh-app-headline);letter-spacing:var(--track-app-headline)}.features{margin-top:var(--space-l);column-gap:clamp(1.5rem,1rem + 3vw,4rem);row-gap:var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr));max-width:60rem;display:grid}.features li{padding-top:var(--space-m);border-top:1px solid var(--app-rule)}.features h3{font-size:var(--step-body);font-weight:600;line-height:1.3}.features p{max-width:42ch;color:var(--app-muted);text-wrap:pretty;margin-top:.375rem}@media (width<=699px){.features{grid-template-columns:minmax(0,1fr)}}.support{gap:var(--space-xs);margin-top:var(--space-m);max-width:42rem;display:grid}.privacy{max-width:44rem;padding-block:clamp(2.5rem,1.5rem + 4vw,5rem) 0}.privacy__back{min-height:var(--tap);border-radius:6px;align-items:center;gap:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.privacy__back img{border-radius:22.5%;width:2rem;height:2rem}.privacy__title{margin-top:var(--space-l);letter-spacing:var(--track-display);font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:700;line-height:1.05}.privacy__placeholder{margin-top:var(--space-xl);padding:var(--space-l);border:1.5px dashed var(--app-rule);background:var(--app-raised);border-radius:12px}.privacy__placeholder strong{font-weight:600}.privacy__contact{margin-top:var(--space-l)}.privacy__dates{margin-top:var(--space-s);font-size:var(--step-small);color:var(--app-muted)}.privacy__body{margin-top:var(--space-xl);text-wrap:pretty}.privacy__body h2{margin-top:var(--space-xl);padding-top:var(--space-s);border-top:1px solid var(--app-rule);font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:700;line-height:1.2}.privacy__body h3{margin-top:var(--space-l);font-size:var(--step-body);font-weight:700}.privacy__body :is(p,ul){margin-top:var(--space-s)}.privacy__body p,.privacy__body li{color:var(--app-muted)}.privacy__body strong{color:var(--app-text);font-weight:600}.privacy__body ul{gap:.4rem;padding-left:1.25rem;list-style:outside;display:grid}.privacy__body li::marker{color:var(--accent,var(--app-link))}.privacy__body code{background:var(--app-raised);color:var(--app-text);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em;font-size:.875em}.privacy__body :is(ol,table){margin-top:var(--space-s)}.privacy__body ul ul{margin-top:.4rem}.privacy__body hr{margin-top:var(--space-l);border:0;border-top:1px solid var(--app-rule)}.privacy__body hr+h2{border-top:0}.privacy__body a{color:var(--app-link);text-decoration:underline;text-decoration-color:var(--app-underline);text-underline-offset:.2em}.privacy__body h2,.privacy__body h3{scroll-margin-top:6rem}.privacy__body table{border-collapse:collapse;max-width:100%;font-size:var(--step-small);display:block;overflow-x:auto}.privacy__body :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--app-rule);color:var(--app-muted);padding:.6rem .75rem}.privacy__body th{color:var(--app-text);white-space:nowrap;font-weight:700}.privacy__body td:first-child{min-width:9rem}@media (prefers-reduced-motion:reduce){.draw-mark .brand__logo :is(.curve-left,.curve-right,.dot){animation:none}.slide,.slide__dim{transition:none}.slide.is-active .card__text>*{animation:none}.index__tab .index__icon,.index__tab:hover .index__icon,.index__tab[aria-selected=true] .index__icon{transform:none}.index__tab{transition:none}.slide.is-fading,.slide--ghost.is-fading{transition:opacity var(--dur-crossfade) linear}}body[class*=theme-]>main{background:var(--app-bg)}.app-page{--accent:var(--app-accent,var(--app-link));--accent-ink:var(--app-accent-ink,var(--app-bg))}.app-hero{align-items:center;gap:var(--space-xl);padding-block:clamp(1.5rem, 1rem + 3vw, 4rem) var(--space-l);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.app-hero .app-intro__icon{width:3.5rem;height:3.5rem}.app-hero .app-intro__name{font-size:var(--step-body);letter-spacing:0;line-height:1.2}.app-hero__media{isolation:isolate;place-items:center;min-height:clamp(22rem,15rem + 25vw,36rem);display:grid;position:relative}.app-hero__blob{z-index:-1;background:radial-gradient(circle at 30% 25%, color-mix(in oklch, var(--accent) 70%, white) 0, transparent 55%), var(--accent);opacity:.9;border-radius:46% 54% 42% 58%/52% 44% 56% 48%;position:absolute;inset:12% 6% 4% 10%}.app-hero__device{box-shadow:0 2rem 4rem -2rem color-mix(in oklch, var(--app-text) 45%, transparent);grid-area:1/1}.app-hero__device--front{z-index:1;width:clamp(11rem,8rem + 12vw,18.75rem);transform:translate(8%)rotate(3deg)}.app-hero__device--back{opacity:.95;width:clamp(9rem,6.5rem + 10vw,15rem);transform:translate(-42%)translateY(6%)rotate(-6deg)}.app-hero__mascot{z-index:2;width:clamp(6.5rem,4rem + 9vw,12.5rem);height:auto;filter:drop-shadow(0 .75rem 1rem color-mix(in oklch, var(--app-text) 20%, transparent));position:absolute;bottom:-2%;left:-2%}@media (prefers-reduced-motion:no-preference){.app-hero__mascot{animation:mascot-in .9s var(--ease-out-strong) .25s both}@keyframes mascot-in{0%{opacity:0;transform:translateY(1.5rem)rotate(-8deg)}}}@media (width<=899px){.app-hero{grid-template-columns:minmax(0,1fr)}.app-hero__media{order:2}}.app-page .app-facts{margin-top:var(--space-l)}.highlights{gap:var(--space-s);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.highlights li{padding:var(--space-m);background:var(--app-raised);box-shadow:inset 0 0 0 1px var(--app-rule);border-radius:1rem;gap:.25rem;display:grid}.highlights li:first-child{background:var(--accent);color:var(--accent-ink);box-shadow:none}.highlights li:first-child .highlights__label{color:inherit;opacity:.8}.highlights__value{letter-spacing:-.02em;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:700;line-height:1.1}.highlights__label{font-size:var(--step-small);color:var(--app-muted)}.highlights li.is-todo,.is-todo-section .todo-note{box-shadow:none;outline:1.5px dashed var(--accent);outline-offset:-1.5px;background:0 0}.is-todo-section .todo-note{padding:var(--space-m);font-size:var(--step-body);color:var(--app-muted);border-radius:1rem}.feature-rows{margin-top:var(--space-xl);gap:clamp(2.5rem,1.5rem + 4vw,5rem);display:grid}.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.5rem,1rem + 4vw,5rem);display:grid}.feature-row__media{padding-block:var(--space-l);isolation:isolate;place-items:center;display:grid;position:relative}.feature-row__media:before{content:"";z-index:-1;background:color-mix(in oklch, var(--accent) 14%, var(--app-raised));border-radius:2rem;position:absolute;inset:0 12%}.feature-row__media .device{width:clamp(11rem,8rem + 8vw,16.25rem)}.feature-row:nth-child(2n) .feature-row__media{order:2}.feature-row__index{font-size:var(--step-small);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.feature-row h3{letter-spacing:-.025em;margin-top:.5rem;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);font-weight:700;line-height:1.1}.feature-row__text>p:last-child{margin-top:var(--space-s);max-width:38ch;font-size:var(--step-lead);color:var(--app-muted);text-wrap:pretty}@media (width<=699px){.feature-row{grid-template-columns:minmax(0,1fr)}.feature-row:nth-child(2n) .feature-row__media{order:0}}.app-gallery{padding-top:var(--space-2xl)}.feature-row__points{margin-top:var(--space-m);padding-top:var(--space-s);border-top:1px solid var(--app-rule);gap:.5rem;max-width:38ch;display:grid}.feature-row__points li{font-size:var(--step-small);align-items:baseline;gap:.75rem;font-weight:500;display:flex}.feature-row__points li:before{content:"";background:var(--accent);flex:none;width:.75rem;height:2px;transform:translateY(-.25em)}.app-moment{padding-top:var(--space-3xl)}.app-moment__inner{align-items:end;gap:var(--space-l);background:var(--app-raised);box-shadow:inset 0 0 0 1px var(--app-rule);border-radius:1.75rem;grid-template-columns:minmax(0,1fr) auto;padding:clamp(1.75rem,1rem + 3vw,3.5rem);display:grid;overflow:hidden}.app-moment__value{align-items:baseline;gap:.75rem;display:flex}.app-moment__num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(4rem,2.5rem + 6vw,7.5rem);font-weight:700;line-height:.9}.app-moment__unit{font-size:var(--step-small);color:var(--app-muted);font-weight:600}.app-moment__title{margin-top:var(--space-m);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);font-weight:700;line-height:1.1}.app-moment__text{margin-top:var(--space-s);max-width:40ch;font-size:var(--step-lead);color:var(--app-muted);text-wrap:pretty}.app-moment__mascot{width:clamp(8rem,4rem + 12vw,16rem);height:auto;margin-bottom:calc(-1*clamp(1.75rem,1rem + 3vw,3.5rem))}@media (width<=599px){.app-moment__inner{grid-template-columns:minmax(0,1fr)}.app-moment__mascot{justify-self:end}}.app-faq{margin-top:var(--space-l);border-top:1px solid var(--app-rule);max-width:48rem}.app-faq__item{border-bottom:1px solid var(--app-rule)}.app-faq__item summary{justify-content:space-between;align-items:center;gap:var(--space-m);min-height:3.5rem;padding-block:var(--space-s);cursor:pointer;border-radius:4px;font-weight:600;list-style:none;display:flex}.app-faq__item summary::-webkit-details-marker{display:none}.app-faq__toggle{flex:none;width:.875rem;height:.875rem;position:relative}.app-faq__toggle:before,.app-faq__toggle:after{content:"";background:var(--accent);height:2px;transition:transform .25s var(--ease-out-strong);margin-top:-1px;position:absolute;inset:50% 0 auto}.app-faq__toggle:after{transform:rotate(90deg)}.app-faq__item[open] .app-faq__toggle:after{transform:rotate(0)}.app-faq__item p{max-width:52ch;padding-bottom:var(--space-m);color:var(--app-muted);text-wrap:pretty}.app-gallery__title{font-size:var(--step-app-headline);margin-bottom:var(--space-s);font-weight:600}.app-cta{padding-top:var(--space-3xl)}.app-cta__inner{align-items:end;gap:var(--space-l);background:var(--app-text);color:var(--app-bg);border-radius:1.75rem;grid-template-columns:minmax(0,1fr) auto;padding:clamp(1.75rem,1rem + 3vw,3.5rem);display:grid;position:relative;overflow:hidden}.app-cta__inner:before{content:"";aspect-ratio:1;background:var(--accent);opacity:.9;border-radius:50%;width:60%;position:absolute;bottom:-40%;right:-10%}.app-cta__inner>*{position:relative}.app-cta__title{letter-spacing:var(--track-display);text-wrap:balance;max-width:16ch;font-size:clamp(1.75rem,1.2rem + 2.4vw,3.25rem);font-weight:700;line-height:1.05}.app-cta__sub{margin-top:var(--space-s);opacity:.75;max-width:34ch}.app-cta__action{margin-top:var(--space-l)}.app-cta__mascot{width:clamp(7rem,4rem + 10vw,15rem);height:auto;margin-bottom:calc(-1*clamp(1.75rem,1rem + 3vw,3.5rem))}@media (width<=599px){.app-cta__inner{grid-template-columns:minmax(0,1fr)}.app-cta__mascot{justify-self:end}}.app-meta{justify-content:space-between;align-items:center;gap:var(--space-s) var(--space-l);margin-top:var(--space-2xl);padding-top:var(--space-m);border-top:1px solid var(--app-rule);font-size:var(--step-small);color:var(--app-muted);flex-wrap:wrap;display:flex}.app-meta .stack{margin-top:0}.app-meta__links{gap:var(--space-m);flex-wrap:wrap;display:flex}.app-meta__links .link{min-height:var(--tap);align-items:center;display:inline-flex}