@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/PlusJakartaSans-Regular.woff2") format("woff2")}@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-style:normal;font-display:swap;src:url("/fonts/PlusJakartaSans-Bold.woff2") format("woff2")}@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-style:normal;font-display:swap;src:url("/fonts/PlusJakartaSans-ExtraBold.woff2") format("woff2")}:root{--font: "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--background: #F7F8F4;--stage: #EEF0EA;--surface: #FFFFFF;--line: #E3E6DE;--toggle-off: #889083;--text: #2A211B;--text2: #5E544C;--text-disabled: #9B9189;--tab-idle: #726960;--primary: #2F6B4F;--primary-pressed: #24543E;--on-primary: #FFFFFF;--primary-text: #2F6B4F;--primary-soft: #DCEBE2;--on-primary-soft: #24543E;--today-text: #A8321F;--today-fill: #FBE4DE;--soon-text: #83540C;--soon-fill: #F8EBD3;--fresh-text: #2F6B4F;--fresh-fill: #DCEBE2;--destructive: #A8321F;--toast: #2A211B;--on-toast: #FFFFFF;--on-gold: #3A2A0E;--scrim: #1C16126B;--glass-top: #FCFCF9DB;--glass-bottom: #F6F7F2BD;--glass-border: #FFFFFFCC;--tab-lens: #2F6B4F1F;--radius-chip: 12px;--radius-field: 16px;--radius-row: 20px;--radius-card: 22px;--radius-panel: 24px;--radius-stage: 28px;--radius-sheet: 30px;--gradient-gold: linear-gradient(135deg,#F7D58B 0%,#E3AE4E 100%);--gradient-pro: radial-gradient(120% 120% at 0 0,#2F6B4F 0%,#1F4636 60%,#15301F 100%)}@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: .3s}:root{--ink: #1E1712;--cream-2: #FBF7F1;--accent: #E8552F;--gold: #E3AE4E;--gold-soft: #F7D58B;--shadow-1: 0 1px 2px rgba(42,33,27,.05),0 8px 24px rgba(42,33,27,.06);--shadow-2: 0 2px 6px rgba(42,33,27,.06),0 24px 60px rgba(42,33,27,.12);--shadow-3: 0 30px 80px -20px rgba(31,70,54,.45),0 12px 30px -12px rgba(42,33,27,.3);--ease-out: cubic-bezier(.2,.9,.3,1);--ease-spring: cubic-bezier(.2,1.3,.4,1);--header-h: 76px;--tint-susu: #E9F0F7;--tint-yogurt: #FBE7EC;--tint-roti: #F6E9D6;--tint-sayur: #E3F0E2;--tint-telur: #F4EFE6;--tint-lauk: #EEF0EA;--tint-buah: #FBE4DE;--tint-saus: #FBE4DE;interpolate-size: allow-keywords}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 16px);overflow-x: clip;overscroll-behavior-x: none}body{margin: 0;font-family: var(--font);font-size: 17px;line-height: 1.6;color: var(--text);background: var(--background);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip;overscroll-behavior-x: none}img,svg{display: block;max-width: 100%}img{height: auto}a{color: var(--primary-text);text-underline-offset: .18em;text-decoration-thickness: .08em}a:hover{text-decoration-thickness: .14em}h1,h2,h3,h4{font-weight: 800;letter-spacing: -.025em;line-height: 1.12;margin: 0;text-wrap: balance}p{margin: 0;text-wrap: pretty}ul,ol{margin: 0;padding: 0}button{font: inherit;color: inherit;cursor: pointer}:focus-visible{outline: 3px solid var(--primary);outline-offset: 3px;border-radius: 8px}::selection{background: var(--primary-soft);color: var(--on-primary-soft)}.i{width: 1.1em;height: 1.1em;flex: none}.wrap{width: min(1200px,100% - 40px);margin-inline: auto}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--primary);color: var(--on-primary);padding: 10px 16px;border-radius: 12px;font-weight: 700}.skip:focus{top: 12px}.draft-banner{position: relative;z-index: 60;margin: 0;padding: 8px 20px;background: var(--soon-fill);color: var(--soon-text);font-size: 14px;font-weight: 700;text-align: center}mark.todo{background: #FFE89A;color: #5A3A00;padding: 0 .3em;border-radius: 6px;font-weight: 800}.btn{--bg: var(--primary);--fg: var(--on-primary);display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 52px;padding: 0 24px;border-radius: 999px;border: 0;background: var(--bg);color: var(--fg);font-weight: 700;font-size: 16px;text-decoration: none;transition: transform .25s var(--ease-spring),box-shadow .25s,background .2s;box-shadow: 0 10px 24px -12px rgba(47,107,79,.7)}.btn:hover{transform: translateY(-2px);background: var(--primary-pressed)}.btn:active{transform: scale(.97)}.btn--small{min-height: 40px;padding: 0 16px;font-size: 14.5px}.btn--ghost{--bg: var(--surface);--fg: var(--text);box-shadow: inset 0 0 0 1.5px var(--line),var(--shadow-1)}.btn--ghost:hover{background: var(--surface);box-shadow: inset 0 0 0 1.5px var(--primary),var(--shadow-1)}.btn .i{transition: transform .25s var(--ease-spring)}.btn:hover .i{transform: translateX(3px)}.store{display: inline-flex;align-items: center;gap: 12px;min-height: 56px;padding: 0 24px 0 20px;border-radius: 18px;background: var(--ink);color: #fff;font-weight: 700;font-size: 16px;text-decoration: none;position: relative;box-shadow: 0 14px 30px -14px rgba(30,23,18,.8);transition: transform .3s var(--ease-spring),box-shadow .3s;translate: var(--mx,0) var(--my,0)}.store:hover{transform: translateY(-2px);box-shadow: 0 20px 40px -16px rgba(30,23,18,.9)}.store__logo{width: 22px;height: 26px}.store--soon{cursor: default}.store--soon::after{content: "";position: absolute;inset: -1px;border-radius: inherit;padding: 1.5px;pointer-events: none;background: conic-gradient(from var(--spin,0deg),transparent 0 70%,var(--gold-soft) 85%,transparent 100%);mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation: spin 4s linear infinite}@property --spin{syntax: "<angle>";inherits: false;initial-value: 0deg}@keyframes spin{to{--spin: 360deg}}.badge-pro{display: inline-flex;align-items: center;padding: 3px 10px;border-radius: 999px;background: var(--gradient-gold);color: var(--on-gold);font-size: 11.5px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase;vertical-align: middle}.pill{display: inline-flex;align-items: center;gap: 10px;padding: 7px 14px 7px 10px;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-1);font-size: 14px;font-weight: 700;color: var(--text2)}.pill__dot{width: 9px;height: 9px;border-radius: 50%;background: var(--primary);box-shadow: 0 0 0 0 rgba(47,107,79,.5);animation: ping 2s infinite}@keyframes ping{70%{box-shadow: 0 0 0 9px rgba(47,107,79,0)}100%{box-shadow: 0 0 0 0 rgba(47,107,79,0)}}.top{position: sticky;top: 0;z-index: 50;padding: 12px 0;margin-bottom: calc(-1 * var(--header-h));pointer-events: none}.top__inner{pointer-events: auto;width: min(1200px,100% - 24px);margin-inline: auto;display: flex;align-items: center;gap: 16px;min-height: 56px;padding: 8px 8px 8px 16px;border-radius: 999px;border: 1px solid transparent;transition: background .3s,box-shadow .3s,border-color .3s,backdrop-filter .3s}.top--scrolled .top__inner{background: linear-gradient(180deg,var(--glass-top),var(--glass-bottom));border-color: var(--glass-border);box-shadow: 0 18px 40px -16px rgba(42,33,27,.25);backdrop-filter: blur(18px) saturate(1.6);-webkit-backdrop-filter: blur(18px) saturate(1.6)}.brand{display: inline-flex;align-items: center;gap: 10px;color: var(--text);text-decoration: none;font-weight: 800;font-size: 21px;letter-spacing: -.03em}.brand img{transition: transform .5s var(--ease-spring)}.brand:hover img{transform: rotate(-12deg) scale(1.08)}.nav{display: flex;gap: 4px;margin-inline: auto}.nav a{padding: 8px 14px;border-radius: 999px;color: var(--text2);font-weight: 700;font-size: 15px;text-decoration: none;transition: background .2s,color .2s}.nav a:hover,.nav a[aria-current]{background: var(--ink-soft,rgba(42,33,27,.06));color: var(--text)}.top__end{display: flex;align-items: center;gap: 8px;margin-left: auto}.nav + .top__end{margin-left: 0}.flag{width: 22px;height: 15px;flex: none;border-radius: 3px;box-shadow: 0 0 0 1px rgba(42,33,27,.12)}.langs{position: relative}.langs summary{list-style: none;display: flex;align-items: center;gap: 7px;height: 40px;padding: 0 10px 0 12px;border-radius: 999px;cursor: pointer;background: var(--surface);box-shadow: inset 0 0 0 1.5px var(--line);font-size: 13.5px;font-weight: 800;color: var(--text)}.langs summary::-webkit-details-marker{display: none}.langs summary:hover{box-shadow: inset 0 0 0 1.5px var(--primary)}.langs__chev{width: 14px;height: 14px;rotate: 90deg;color: var(--text2);transition: rotate .3s var(--ease-spring)}.langs[open] .langs__chev{rotate: -90deg}.langs__panel{position: absolute;right: 0;top: calc(100% + 10px);min-width: 220px;display: grid;padding: 6px;border-radius: 18px;background: var(--surface);box-shadow: var(--shadow-2),inset 0 0 0 1px var(--line);animation: pop .3s var(--ease-spring);z-index: 60}.langs__panel a,.menu__langs a,.foot__langs a{display: flex;align-items: center;gap: 10px;text-decoration: none}.langs__panel a{padding: 10px 12px;border-radius: 12px;color: var(--text);font-weight: 700;font-size: 15px}.langs__panel a:hover{background: var(--stage)}.langs__panel a[aria-current]{background: var(--primary-soft);color: var(--on-primary-soft)}.langs__tick{margin-left: auto;width: 16px;height: 16px}.menu__head{margin: 8px 14px 2px;font-size: 12px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--text2)}.menu__langs{display: grid}.menu__langs a{padding: 10px 14px;border-radius: 14px;color: var(--text);font-weight: 700}.menu__langs a[aria-current]{background: var(--primary-soft)}.menu__langs .langs__tick{width: 16px;height: 16px}.foot__langs .langs__tick{display: none}.foot__langs .flag{box-shadow: 0 0 0 1px rgba(255,255,255,.2)}.menu{display: none;position: relative}.menu summary{list-style: none;display: grid;place-content: center;gap: 5px;width: 44px;height: 44px;border-radius: 50%;background: var(--surface);box-shadow: inset 0 0 0 1.5px var(--line);cursor: pointer}.menu summary::-webkit-details-marker{display: none}.menu summary span{display: block;width: 18px;height: 2px;border-radius: 2px;background: var(--text);transition: transform .3s var(--ease-out)}.menu[open] summary span:first-child{transform: translateY(3.5px) rotate(45deg)}.menu[open] summary span:last-child{transform: translateY(-3.5px) rotate(-45deg)}.menu__panel{position: absolute;right: 0;top: calc(100% + 10px);width: min(280px,100vw - 32px);display: grid;padding: 8px;background: var(--surface);border-radius: 22px;box-shadow: var(--shadow-2),inset 0 0 0 1px var(--line);animation: pop .35s var(--ease-spring)}.menu__panel a{padding: 12px 14px;border-radius: 14px;color: var(--text);font-weight: 700;text-decoration: none}.menu__panel a:hover,.menu__panel a[aria-current]{background: var(--stage)}@keyframes pop{from{opacity: 0;transform: translateY(-6px) scale(.96)}}@media (max-width: 900px){.nav{display: none}.menu{display: block}.top__end,.nav + .top__end{margin-left: auto}.top__end .langs{display: none}}@media (max-width: 360px){.top__end .btn--small{padding: 0 12px;font-size: 13.5px}.brand span{display: none}}.hero{position: relative;padding: calc(var(--header-h) + 48px) 0 24px}.aurora{position: absolute;inset: 0 0 -45%;z-index: -1;pointer-events: none;overflow: hidden;-webkit-mask-image: linear-gradient(#000 55%,transparent);mask-image: linear-gradient(#000 55%,transparent)}.aurora i{position: absolute;border-radius: 50%;filter: blur(70px);opacity: .55;animation: drift 18s ease-in-out infinite alternate}.aurora i:nth-child(1){width: 46vw;height: 46vw;left: -12vw;top: -14vw;background: var(--primary-soft)}.aurora i:nth-child(2){width: 34vw;height: 34vw;right: -6vw;top: 4vw;background: #FBE1C8;animation-delay: -6s}.aurora i:nth-child(3){width: 30vw;height: 30vw;left: 38vw;bottom: -14vw;background: #F7E6B8;opacity: .4;animation-delay: -12s}@keyframes drift{to{transform: translate(4vw,3vw) scale(1.12)}}.hero__inner{display: grid;grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);gap: 40px;align-items: center}.hero__copy{position: relative;z-index: 2}.display{font-size: clamp(2.9rem,1.5rem + 5.4vw,6rem);line-height: .98;letter-spacing: -.05em;margin: 22px 0 22px}html[lang="id"] .display{font-size: clamp(2.6rem,1.3rem + 4.4vw,5rem)}.circled{position: relative;display: inline-block;white-space: nowrap;margin-inline: .14em .04em}.circled svg{position: absolute;left: -9%;top: -16%;width: 118%;max-width: none;height: 136%;overflow: visible;pointer-events: none}.circled path{fill: none;stroke: var(--accent);stroke-width: 7;stroke-linecap: round;vector-effect: non-scaling-stroke;stroke-dasharray: 1;stroke-dashoffset: 1;animation: draw 1.3s .55s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset: 0}}.hero__lead{font-size: clamp(18px,1rem + .4vw,21px);color: var(--text2);max-width: 34ch}.hero__actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 30px}.hero__facts{list-style: none;display: flex;flex-wrap: wrap;gap: 8px 20px;margin-top: 26px;font-size: 15px;font-weight: 700;color: var(--text2)}.hero__facts li{display: flex;align-items: center;gap: 6px}.hero__facts .i{color: var(--primary)}.hero__copy>*{animation: rise .8s var(--ease-out) both}.hero__copy>:nth-child(2){animation-delay: .08s}.hero__copy>:nth-child(3){animation-delay: .16s}.hero__copy>:nth-child(4){animation-delay: .24s}.hero__copy>:nth-child(5){animation-delay: .32s}@keyframes rise{from{opacity: 0;transform: translateY(22px)}}.hero__stage{position: relative;min-height: 640px;perspective: 1400px}.hero__keepy{position: absolute;left: -7%;bottom: 30px;width: 64%;z-index: 3;animation: rise 1s .25s var(--ease-out) both;pointer-events: none}.hero__keepy img{position: relative;width: 100%;filter: drop-shadow(0 30px 30px rgba(42,33,27,.22));translate: calc(var(--ry,0) * -1px) calc(var(--rx,0) * 1px);transition: translate .4s var(--ease-out);animation: bob 6s ease-in-out infinite}.hero__halo{position: absolute;inset: 8% 6% 2%;border-radius: 50%;background: radial-gradient(closest-side,rgba(251,225,200,.95),rgba(220,235,226,.6) 60%,transparent)}.phone{--w: 300px;position: relative;width: var(--w);padding: 10px;border-radius: 52px;background: #15120F;box-shadow: inset 0 0 0 1.5px #3A332D,inset 0 0 0 4px #0B0907,var(--shadow-3);font-size: calc(var(--w) / 23)}.phone::before{content: "";position: absolute;right: -3px;top: 23%;width: 3px;height: 12%;border-radius: 0 3px 3px 0;background: #2A241F}.phone__screen{position: relative;aspect-ratio: 9 / 19.4;border-radius: 42px;overflow: hidden;background: var(--background);line-height: 1.3}.phone--hero{position: absolute;right: 2%;top: 0;z-index: 2;rotate: 3deg;transform: rotateX(calc(var(--rx,0) * 1deg)) rotateY(calc(var(--ry,0) * 1deg));transition: transform .5s var(--ease-out);animation: rise 1s .1s var(--ease-out) both}.ph-status{display: flex;justify-content: space-between;align-items: center;padding: 1.1em 1.9em .4em;font-weight: 800;font-size: 1.05em;position: relative}.ph-island{position: absolute;left: 50%;top: .75em;translate: -50% 0;width: 6.8em;height: 1.95em;border-radius: 1em;background: #000}.ph-sys{display: flex;gap: .25em;align-items: flex-end}.ph-sys i{width: .3em;border-radius: 1px;background: var(--text)}.ph-sys i:nth-child(1){height: .5em}.ph-sys i:nth-child(2){height: .75em}.ph-sys i:nth-child(3){height: 1em}.ph-top{display: flex;justify-content: space-between;align-items: center;padding: .5em 1.1em}.ph-kitchen{display: inline-flex;align-items: center;gap: .4em;padding: .45em .8em;border-radius: 999px;background: var(--surface);font-weight: 800;font-size: .95em;box-shadow: var(--shadow-1)}.ph-round{display: grid;place-items: center;width: 2.4em;height: 2.4em;border-radius: 50%;background: var(--surface);box-shadow: var(--shadow-1)}.ph-stage{position: relative;display: flex;align-items: flex-end;gap: .5em;margin: .4em 1.1em .7em;padding: .6em .8em 0;min-height: 6.4em;border-radius: 1.5em;background: linear-gradient(180deg,var(--stage) 62%,#E6D6BF 62%,#E6D6BF 100%)}.ph-hamster{width: 5.6em;height: auto;margin-bottom: -.2em;transition: transform .4s var(--ease-spring)}.ph-hamster.is-hop{animation: hop .6s var(--ease-spring)}@keyframes hop{40%{transform: translateY(-.9em) rotate(-6deg)}}.ph-bubble{position: absolute;left: 6.6em;top: .8em;right: .8em;padding: .55em .8em;border-radius: 1em 1em 1em .3em;background: var(--surface);font-weight: 700;font-size: .95em;box-shadow: var(--shadow-1)}.ph-bubble.is-new{animation: pop .4s var(--ease-spring)}.ph-card{margin: 0 1.1em;padding: .9em .9em .4em;border-radius: 1.4em;background: var(--surface);box-shadow: var(--shadow-1)}.ph-card__head{display: flex;justify-content: space-between;align-items: center;font-size: 1.02em;margin-bottom: .3em}.ph-card__head span{color: var(--primary-text);font-weight: 700;font-size: .85em}.ph-rows{list-style: none}.ph-row{display: flex;align-items: center;gap: .7em;padding: .55em 0;border-top: 1px solid var(--line);max-height: 4.4em}.ph-row:first-child{border-top: 0}.ph-ico{display: grid;place-items: center;width: 2.5em;height: 2.5em;border-radius: .75em;flex: none;background: var(--stage);color: var(--primary)}.ph-ico svg{width: 1.9em;height: 1.9em}.ph-ico .i{width: 1.3em;height: 1.3em}.ph-ico--susu{background: var(--tint-susu)}.ph-ico--yogurt{background: var(--tint-yogurt)}.ph-ico--roti{background: var(--tint-roti)}.ph-ico--sayur{background: var(--tint-sayur)}.ph-ico--telur{background: var(--tint-telur)}.ph-ico--lauk{background: var(--tint-lauk)}.ph-row__text{display: grid;flex: 1;min-width: 0;font-size: .95em}.ph-row__text b{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-row__text>span{display: flex;align-items: center;gap: .4em;color: var(--text2);font-size: .85em}.tag{display: inline-block;padding: .15em .55em;border-radius: 999px;font-style: normal;font-weight: 800;font-size: .82em;white-space: nowrap}.tag--today{background: var(--today-fill);color: var(--today-text)}.tag--soon{background: var(--soon-fill);color: var(--soon-text)}.tag--fresh{background: var(--fresh-fill);color: var(--fresh-text)}.ph-check{position: relative;display: grid;place-items: center;width: 2.3em;height: 2.3em;border-radius: 50%;padding: 0;flex: none;border: 1.5px solid var(--line);background: var(--surface);color: var(--text2);transition: background .2s,color .2s,border-color .2s,transform .2s var(--ease-spring)}.ph-check .i{width: 1.1em;height: 1.1em}.ph-check:hover{border-color: var(--primary);color: var(--primary);transform: scale(1.08)}.ph-check::after{content: "";position: absolute;inset: -6px;border-radius: 50%;border: 2px solid var(--primary);opacity: 0}.phone--hero:not(.is-touched) .ph-row:first-child .ph-check::after{animation: ring 1.8s 2.4s infinite}@keyframes ring{0%{opacity: .8;transform: scale(.8)}100%{opacity: 0;transform: scale(1.5)}}.ph-row.is-eaten .ph-check{background: var(--primary);border-color: var(--primary);color: #fff}.ph-row.is-eaten{animation: rowOut .6s .35s var(--ease-out) forwards;overflow: hidden}.ph-row.is-eaten b{text-decoration: line-through;text-decoration-color: var(--primary)}@keyframes rowOut{to{max-height: 0;padding-block: 0;opacity: 0;transform: translateX(30%);border-color: transparent}}.ph-reset{display: block;width: 100%;margin: .4em 0 .6em;padding: .7em;border: 0;border-radius: 999px;background: var(--primary-soft);color: var(--on-primary-soft);font-weight: 800;font-size: .95em}.ph-reset[hidden]{display: none}.ph-tabbar{position: absolute;left: .9em;right: .9em;bottom: 1.1em;display: flex;align-items: center;gap: .3em;padding: .35em;border-radius: 999px;background: linear-gradient(180deg,var(--glass-top),var(--glass-bottom));box-shadow: var(--shadow-2),inset 0 0 0 1px var(--glass-border);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);font-size: .8em;font-weight: 700;color: var(--tab-idle)}.ph-tabbar>span:not(.ph-fab){display: grid;justify-items: center;gap: .1em;padding: .35em .7em;border-radius: 999px}.ph-tabbar .is-on{background: var(--tab-lens);color: var(--primary)}.ph-fab{margin-left: auto;display: grid;place-items: center;width: 3.6em;height: 3.6em;border-radius: 50%;background: var(--primary);color: #fff;box-shadow: 0 10px 20px -8px var(--primary)}.ph-fab .i{width: 1.6em;height: 1.6em}.float{position: absolute;z-index: 3;display: flex;align-items: center;gap: 10px;padding: 12px 16px 12px 12px;border-radius: 22px;background: rgba(255,255,255,.86);backdrop-filter: blur(16px) saturate(1.5);-webkit-backdrop-filter: blur(16px) saturate(1.5);box-shadow: var(--shadow-2),inset 0 0 0 1px rgba(255,255,255,.9);font-size: 14px;line-height: 1.35;animation: rise .9s var(--ease-out) both,bob 6s ease-in-out infinite}.float p{display: grid}.float strong small{font-weight: 600;color: var(--text2);margin-left: 6px}.float--notif{right: -4%;top: 64%;max-width: 250px;animation-delay: .9s,0s}.float--count{left: 4%;bottom: 0;animation-delay: 1.1s,-3s}.float--count b{font-size: 34px;line-height: 1;color: var(--primary);letter-spacing: -.04em;min-width: 1ch}.float--count b.is-bump{animation: bump .5s var(--ease-spring)}.float--count span{font-weight: 700;color: var(--text2);font-size: 13px}@keyframes bob{50%{translate: 0 -8px}}@keyframes bump{40%{transform: scale(1.45);color: var(--accent)}}.try-hint{position: absolute;z-index: 4;right: calc(2% + 296px);top: 236px;display: grid;justify-items: end;font-weight: 800;font-size: 15px;color: var(--primary);rotate: -6deg;animation: rise .8s 1.6s var(--ease-out) both;padding: 6px 12px 0;border-radius: 14px;background: rgba(255,255,255,.88);box-shadow: var(--shadow-1)}.try-hint svg{width: 70px;order: 2;overflow: visible;margin: 2px -4px -26px 0}.try-hint path{fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.hero__stage:has(.is-touched) .try-hint{opacity: 0;transition: opacity .4s}.confetti{position: absolute;z-index: 10;width: 9px;height: 13px;border-radius: 2px;pointer-events: none;animation: burst 1s var(--ease-out) forwards}@keyframes burst{0%{transform: translate(0,0) rotate(0);opacity: 1}100%{transform: translate(var(--dx),var(--dy)) rotate(var(--rot));opacity: 0}}@media (max-width: 1020px){.hero__inner{grid-template-columns: 1fr}.hero__copy{text-align: center;display: grid;justify-items: center}.hero__lead{margin-inline: auto}.hero__actions,.hero__facts{justify-content: center}.hero__stage{width: min(560px,100%);margin: 20px auto 0;min-height: 600px}}@media (max-width: 560px){.hero{padding-top: calc(var(--header-h) + 28px)}.hero__stage{min-height: 560px}.phone--hero{--w: 262px;right: 0}.hero__keepy{width: 62%;left: -4%;bottom: 70px}.float--notif{display: none}.float--count{left: auto;right: 4px;bottom: 6px}.try-hint{right: 212px;top: 150px;font-size: 14px}.try-hint svg{width: 60px}}.section{padding: clamp(72px,10vw,140px) 0 0}.section__head{max-width: 760px;margin: 0 auto clamp(36px,5vw,64px);text-align: center}.section__head h2{font-size: clamp(2.1rem,1.3rem + 3vw,3.6rem);letter-spacing: -.04em}.section__intro{margin-top: 18px;font-size: 19px;color: var(--text2)}@supports (animation-timeline: view()){.reveal{animation: rise linear both;animation-timeline: view();animation-range: entry 5% cover 28%}}.story__grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 56px}.story__sticky{position: sticky;top: calc(var(--header-h) + 4vh);height: fit-content;display: grid;justify-items: center;gap: 20px}.story__sticky::before{content: "";position: absolute;inset: 8% 4% 12%;z-index: -1;border-radius: 50%;background: radial-gradient(closest-side,var(--primary-soft),transparent);filter: blur(10px)}.phone--story{--w: min(320px,74vw)}.phone--story .phone__screen::after{content: "";position: absolute;z-index: 5;left: 50%;top: .75em;translate: -50% 0;width: 6.8em;height: 1.95em;border-radius: 1em;background: #000}.scr .ph-tabbar{bottom: 1.1em}.story__dots{display: flex;gap: 8px}.story__dots i{width: 8px;height: 8px;border-radius: 99px;background: var(--line);transition: width .4s var(--ease-out),background .3s}.story__dots i.is-on{width: 28px;background: var(--primary)}.story__steps{list-style: none}.step{min-height: 72vh;display: flex;flex-direction: column;justify-content: center;gap: 14px;transition: opacity .5s;max-width: 470px}.is-live .step:not(.is-active){opacity: .3}.step__num{font-size: 64px;font-weight: 800;line-height: 1;letter-spacing: -.05em;color: transparent;-webkit-text-stroke: 1.5px var(--primary);transition: color .4s}.step.is-active .step__num{color: var(--primary-soft)}.step h3{font-size: clamp(1.8rem,1.2rem + 1.6vw,2.6rem);letter-spacing: -.035em}.step p{font-size: 18.5px;color: var(--text2)}.step .step__note{display: flex;gap: 10px;align-items: flex-start;padding: 12px 16px;border-radius: 16px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);font-size: 15.5px}.step__note .i{color: var(--primary);margin-top: 3px}.scr{position: absolute;inset: 0;opacity: 0;visibility: hidden;transition: opacity .5s,visibility 0s .5s,transform .5s var(--ease-out);transform: scale(1.03)}.scr.is-active{opacity: 1;visibility: visible;transform: none;transition: opacity .5s,visibility 0s,transform .5s var(--ease-out)}.scr--cam{background: radial-gradient(120% 80% at 50% 40%,#2C332E,var(--camera-background,#1B1F1C));color: #fff}.cam-pill{position: absolute;left: 50%;top: 3.6em;translate: -50% 0;display: flex;align-items: center;gap: .45em;padding: .5em .9em;border-radius: 999px;background: rgba(20,24,21,.78);font-weight: 700;font-size: .95em;white-space: nowrap;backdrop-filter: blur(8px)}.pack{position: absolute;left: 50%;top: 42%;translate: -50% -50%;rotate: -4deg;border-radius: 1em;box-shadow: 0 2em 3em -1em rgba(0,0,0,.6)}.pack--milk{width: 12em;padding: 1.2em 1.2em 1em;display: grid;gap: .6em;justify-items: center;background: linear-gradient(160deg,#FFFFFF,#E4EDF5);color: #1B3B5E}.pack__brand{font-weight: 800;letter-spacing: .1em;font-size: 1.05em}.pack__bars{width: 9em;height: 4.4em;background: repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 5px,transparent 5px 8px,#111 8px 11px,transparent 11px 12px)}.pack__num{font-family: ui-monospace,Menlo,monospace;font-size: .75em;color: #111;letter-spacing: .08em}.pack--cheese{width: 14em;height: 9em;background: linear-gradient(150deg,#F6CF5A,#E7A93A);display: grid;place-items: center;rotate: 3deg}.dots{font-family: ui-monospace,Menlo,monospace;font-weight: 800;font-size: 1.35em;line-height: 1.25;text-align: center;letter-spacing: .1em;color: transparent;background: radial-gradient(circle,#2B1D09 46%,transparent 52%) 0 0 / 3.2px 3.2px;-webkit-background-clip: text;background-clip: text}.frame{position: absolute;left: 50%;top: 42%;translate: -50% -50%;width: 14em;height: 9em}.frame i{position: absolute;width: 2em;height: 2em;border: .3em solid #8FE3B5}.frame i:nth-child(1){left: 0;top: 0;border-right: 0;border-bottom: 0;border-top-left-radius: .9em}.frame i:nth-child(2){right: 0;top: 0;border-left: 0;border-bottom: 0;border-top-right-radius: .9em}.frame i:nth-child(3){left: 0;bottom: 0;border-right: 0;border-top: 0;border-bottom-left-radius: .9em}.frame i:nth-child(4){right: 0;bottom: 0;border-left: 0;border-top: 0;border-bottom-right-radius: .9em}.is-active .frame{animation: lock .9s .2s var(--ease-spring) both}@keyframes lock{from{transform: scale(1.25);opacity: 0}}.frame--date{width: 16em;height: 10.5em}.beam{position: absolute;left: calc(50% - 6em);width: 12em;height: 2px;top: 34%;background: #FF5A4E;box-shadow: 0 0 12px 2px rgba(255,90,78,.8);border-radius: 2px}.is-active .beam{animation: beam 1.4s ease-in-out 2 alternate both}@keyframes beam{from{top: 32%}to{top: 52%}}.cam-card{position: absolute;left: 1em;right: 1em;bottom: 2.4em;display: flex;align-items: center;gap: .7em;padding: .9em;border-radius: 1.4em;background: var(--camera-card,#FAF8F4F0);color: var(--text);box-shadow: 0 1em 2em rgba(0,0,0,.4)}.cam-card p{display: grid;flex: 1;font-size: .95em}.cam-card p span{color: var(--text2);font-size: .85em}.cam-card .ok{width: 1.8em;height: 1.8em;padding: .3em;border-radius: 50%;background: var(--primary);color: #fff}.is-active .cam-card{animation: slideUp .7s 1.5s var(--ease-spring) both}.scr--date.is-active .cam-card{animation-delay: 1.1s}.phase{position: absolute;inset: 0}.phase--b{opacity: 0}.scr--barcode.is-active .phase--a{animation: phaseA 9s infinite}.scr--barcode.is-active .phase--b{animation: phaseB 9s infinite}.scr--barcode.is-active .phase--a .cam-card{animation: cardA 9s var(--ease-spring) infinite}.scr--barcode.is-active .phase--b .cam-card{animation: cardB 9s var(--ease-spring) infinite}.scr--barcode.is-active .phase--a .beam{animation: beam 1.4s ease-in-out 2 alternate both}@keyframes phaseA{0%,46%{opacity: 1}50%,96%{opacity: 0}100%{opacity: 1}}@keyframes phaseB{0%,46%{opacity: 0}50%,96%{opacity: 1}100%{opacity: 0}}@keyframes cardA{0%,15%{transform: translateY(140%)}21%,46%{transform: none}50%,100%{transform: translateY(140%)}}@keyframes cardB{0%,66%{transform: translateY(140%)}72%,95%{transform: none}100%{transform: translateY(140%)}}.pack--front{width: 10.5em;height: 12.5em;display: grid;place-items: center;align-content: center;gap: 1em;rotate: 3deg;background: linear-gradient(160deg,#FFF4F6,#F7CAD5)}.pack--front svg{width: 6.5em;height: 6.5em}.pack__lines{display: grid;gap: .45em;justify-items: center}.pack__lines i{display: block;height: .55em;width: 6.5em;border-radius: 1em;background: rgba(140,52,74,.35)}.pack__lines i:nth-child(2){width: 4.5em}.pack__lines i:nth-child(3){width: 3em;background: rgba(140,52,74,.2)}.frame--front{width: 13em;height: 15em}.frame--front i{border-color: #F7D58B}.ai-sweep{position: absolute;left: 50%;top: 42%;translate: -50% -50%;width: 13em;height: 15em;border-radius: 1em;pointer-events: none;background: linear-gradient(180deg,transparent 0 40%,rgba(247,213,139,.55) 50%,transparent 60% 100%) 0 0 / 100% 300% no-repeat;opacity: 0}.scr--barcode.is-active .ai-sweep{animation: sweep 9s linear infinite}@keyframes sweep{0%,52%{opacity: 0;background-position: 0 100%}54%{opacity: 1}66%{opacity: 1;background-position: 0 0}68%,100%{opacity: 0;background-position: 0 0}}.ok--ai{background: var(--gradient-gold) !important;color: var(--on-gold) !important}.ph-ico--yogurt{background: var(--tint-yogurt)}@keyframes slideUp{from{transform: translateY(140%)}}.scr--date.is-active .dots{animation: scanText 1s .3s steps(8) both}@keyframes scanText{from{clip-path: inset(0 100% 0 0)}}.scr--list{padding: 3.6em 1.1em 1em}.scr__title{font-size: 1.9em;font-weight: 800;letter-spacing: -.03em}.scr__chips{display: flex;gap: .4em;margin: .7em 0 .9em;font-size: .82em;font-weight: 700}.scr__chips span{padding: .4em .75em;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);white-space: nowrap}.scr__chips .is-on{background: var(--text);color: #fff;box-shadow: none}.scr__group{font-size: .82em;font-weight: 800;color: var(--text2);margin: .5em 0 .3em}.scr--list .ph-rows{padding: 0 .8em;border-radius: 1.2em;background: var(--surface);box-shadow: var(--shadow-1)}.scr--list .ph-row{animation: none}.scr--list.is-active .ph-row{animation: rise .5s var(--ease-out) both}.scr--list.is-active li:nth-child(2){animation-delay: .08s}.scr--list.is-active li:nth-child(3){animation-delay: .16s}.scr--lock{display: grid;align-content: start;justify-items: center;padding-top: 5.5em;color: #fff;background: radial-gradient(90% 60% at 70% 10%,rgba(247,213,139,.55),transparent 60%),var(--gradient-pro)}.lock__date{font-weight: 700;font-size: 1.05em;opacity: .9}.lock__time{font-size: 5.4em;font-weight: 800;letter-spacing: -.04em;line-height: 1}.lock__notif{margin-top: 3em;width: calc(100% - 2em);display: flex;gap: .7em;align-items: center;padding: .9em;border-radius: 1.5em;background: rgba(255,255,255,.22);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: inset 0 0 0 1px rgba(255,255,255,.3)}.lock__notif img{border-radius: .55em;background: #fff}.lock__notif p{display: grid;font-size: .92em}.lock__notif small{font-weight: 600;opacity: .8;margin-left: .4em}.scr--lock.is-active .lock__notif{animation: drop .8s .5s var(--ease-spring) both}@keyframes drop{from{transform: translateY(-3em) scale(.9);opacity: 0}}.scr--recap{padding: 3.4em 1.4em 1.2em;color: #fff;background: var(--gradient-pro);display: flex;flex-direction: column}.recap__bars{display: flex;gap: .3em;margin-bottom: 1em}.recap__bars i{flex: 1;height: .25em;border-radius: 1em;background: rgba(255,255,255,.3)}.recap__bars i:nth-child(-n+4){background: #fff}.recap__eyebrow{font-weight: 700;font-size: .9em;opacity: .85}.recap__label{margin-top: 1.6em;font-size: 1.1em;font-weight: 700}.recap__big{font-size: 7.5em;font-weight: 800;line-height: 1;letter-spacing: -.05em}.scr--recap.is-active .recap__big{animation: pop .8s .2s var(--ease-spring) both}.recap__text{font-size: 1.1em;font-weight: 600}.recap__badge{align-self: flex-start;margin-top: .9em;padding: .35em .8em;border-radius: 999px;background: rgba(247,213,139,.2);color: var(--gold-soft);font-weight: 800;font-size: .85em}.recap__card{margin-top: auto;display: flex;gap: .6em;align-items: center;padding: .8em;border-radius: 1.2em;background: var(--cream,#FFF2E8);color: var(--text)}.recap__card p{display: grid;font-size: .9em}.recap__card span{color: var(--text2);font-size: .85em}@media (max-width: 860px){.story__grid{grid-template-columns: 1fr;gap: 28px}.story__sticky{position: relative;top: 0}.phone--story{--w: min(230px,60vw)}.story__sticky::before{inset: 0}.story__steps{display: grid;grid-auto-flow: column;grid-auto-columns: min(84%,380px);gap: 14px;overflow-x: auto;scroll-snap-type: x mandatory;padding: 4px 20px 16px;margin-inline: -20px;scrollbar-width: none}.story__steps::-webkit-scrollbar{display: none}.step{min-height: 0;scroll-snap-align: center;padding: 22px;border-radius: 24px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-1);justify-content: flex-start}.is-live .step:not(.is-active){opacity: .55}.step__num{font-size: 40px}.step p{font-size: 16.5px}}.bento{display: grid;gap: 16px;grid-template-columns: repeat(3,minmax(0,1fr));grid-template-areas: "places places shop" "widget sync shop" "calendar pick heads"}.tile{position: relative;overflow: hidden;isolation: isolate;padding: 28px;border-radius: 30px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-1);display: flex;flex-direction: column;gap: 10px;transition: transform .4s var(--ease-out),box-shadow .4s}.tile:hover{transform: translateY(-4px);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-2)}.tile::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: 0;transition: opacity .4s;background: radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(47,107,79,.1),transparent 60%)}.tile:hover::before{opacity: 1}.tile h3{font-size: 23px;letter-spacing: -.03em}.tile p{color: var(--text2);font-size: 16px}.tile__icon{width: 46px;height: 46px;padding: 11px;border-radius: 16px;background: var(--primary-soft);color: var(--primary);margin-bottom: 8px}.tile .badge-pro{position: absolute;right: 22px;top: 22px}.tile--places{grid-area: places}.tile--shop{grid-area: shop;padding: 0;min-height: 520px;background: radial-gradient(90% 70% at 50% 35%,#FFF3E4,#F6DCC2)}.tile--widget{grid-area: widget;background: linear-gradient(160deg,#fff,var(--cream-2))}.tile--sync{grid-area: sync}.tile--calendar{grid-area: calendar}.tile--pick{grid-area: pick}.tile--heads{grid-area: heads;background: var(--gradient-pro);color: #fff}.tile--heads h3{color: #fff}.tile--heads p{color: rgba(255,255,255,.78)}.tile--heads .tile__icon{background: rgba(255,255,255,.14);color: #fff}.chips{display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto;padding-top: 12px}.chips span{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px 5px 5px;border-radius: 999px;background: var(--background);box-shadow: inset 0 0 0 1px var(--line);font-weight: 700;font-size: 14px;transition: transform .4s var(--ease-spring)}.chips svg{width: 28px;height: 28px;border-radius: 50%;background: var(--surface)}.tile--pick:hover .chips span:nth-child(odd){transform: translateY(-4px) rotate(-2deg)}.tile--pick:hover .chips span:nth-child(even){transform: translateY(-2px) rotate(2deg)}.heads{display: grid;gap: 8px;margin-top: auto;padding-top: 12px}.heads span{display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 16px;background: rgba(255,255,255,.12);box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);font-weight: 700;font-size: 14.5px;transition: transform .4s var(--ease-spring)}.heads .i{color: var(--gold-soft)}.heads em{margin-left: auto;font-style: normal;font-size: 12.5px;color: var(--gold-soft)}.tile--heads:hover .heads span:first-child{transform: translateX(6px)}.places{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px;margin-top: 14px}.places span{display: grid;gap: 4px;padding: 14px;border-radius: 18px;background: var(--background);font-weight: 800;font-size: 15px;transition: transform .4s var(--ease-spring)}.places .i{width: 34px;height: 34px;padding: 7px;border-radius: 11px;background: var(--primary-soft);color: var(--primary);margin-bottom: 4px}.places small{font-weight: 600;color: var(--text2);font-size: 13px}.tile--places:hover .places span:nth-child(odd){transform: translateY(-5px) rotate(-2deg)}.tile--places:hover .places span:nth-child(even){transform: translateY(-3px) rotate(2deg)}.tile__keepy{position: absolute;left: 50%;top: 6%;width: min(88%,380px);translate: -50% 0;z-index: -1;filter: drop-shadow(0 24px 24px rgba(42,33,27,.2));transition: transform .8s var(--ease-spring)}.tile--shop:hover .tile__keepy{transform: translateY(-8px) rotate(-3deg)}.tile--sync{padding-right: 150px}.tile__peek{position: absolute;right: -14px;bottom: -18px;width: 170px;filter: drop-shadow(0 16px 18px rgba(42,33,27,.2));transition: transform .6s var(--ease-spring)}.tile--sync:hover .tile__peek{transform: translateY(-10px) rotate(4deg)}.tile__over{margin: auto 16px 16px;padding: 18px 20px;border-radius: 22px;background: rgba(255,255,255,.82);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);display: grid;gap: 4px}.widget{margin-top: auto;align-self: flex-start;width: 190px;padding: 14px 16px;border-radius: 26px;background: var(--surface);box-shadow: var(--shadow-2),inset 0 0 0 1px var(--line);display: grid;gap: 6px;font-size: 14px;font-weight: 700;rotate: -3deg;transition: rotate .5s var(--ease-spring)}.tile--widget:hover .widget{rotate: 2deg}.widget p{display: flex;align-items: center;gap: 8px;color: var(--text);font-size: 14px}.widget em{margin-left: auto;font-style: normal;font-size: 12px;color: var(--text2)}.widget__head{font-weight: 800;color: var(--primary) !important}.dot{width: 9px;height: 9px;border-radius: 50%;flex: none}.dot--today{background: var(--today-text)}.dot--soon{background: #D99A2B}.dot--fresh{background: var(--fresh-text)}.mini-cal{display: grid;grid-template-columns: repeat(7,1fr);gap: 6px;margin-top: auto;padding-top: 12px}.mini-cal i{aspect-ratio: 1;border-radius: 8px;background: var(--background)}.mini-cal .is-today{background: var(--today-fill);box-shadow: inset 0 0 0 2px var(--today-text)}.mini-cal .is-soon{background: var(--soon-fill)}.mini-cal .is-fresh{background: var(--fresh-fill)}.tile--calendar:hover .mini-cal i{animation: pop .4s var(--ease-spring) both}.tile--calendar:hover .mini-cal i:nth-child(odd){animation-delay: .05s}@media (max-width: 960px){.bento{grid-template-columns: repeat(2,minmax(0,1fr));grid-template-areas: "places places" "shop widget" "shop sync" "calendar pick" "heads heads"}}@media (max-width: 620px){.bento{grid-template-columns: 1fr;grid-template-areas: "places" "shop" "widget" "sync" "calendar" "pick" "heads"}.tile--shop{min-height: 420px}.places{grid-template-columns: repeat(2,1fr)}}.flow{position: relative;overflow: hidden;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 48px;align-items: center;padding: clamp(32px,5vw,64px);border-radius: 40px;background: var(--gradient-pro);color: #fff;box-shadow: var(--shadow-3)}.flow::before{content: "";position: absolute;width: 520px;height: 520px;right: -160px;top: -200px;border-radius: 50%;background: radial-gradient(closest-side,rgba(247,213,139,.22),transparent);pointer-events: none}.flow h2{font-size: clamp(2rem,1.3rem + 2.6vw,3.3rem);letter-spacing: -.04em}.flow__copy>p{margin-top: 16px;font-size: 18px;color: rgba(255,255,255,.82)}.flow a{color: var(--gold-soft)}.flow__small{font-size: 15px !important;color: rgba(255,255,255,.7) !important}.switch{display: flex;align-items: center;gap: 14px;margin: 28px 0 24px;padding: 14px 18px 14px 14px;border: 0;border-radius: 22px;background: rgba(255,255,255,.1);color: #fff;text-align: left;box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);transition: background .3s}.switch:hover{background: rgba(255,255,255,.15)}.switch__track{position: relative;width: 54px;height: 32px;border-radius: 99px;background: var(--toggle-off);flex: none;transition: background .3s}.switch__knob{position: absolute;left: 3px;top: 3px;width: 26px;height: 26px;border-radius: 50%;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,.25);transition: transform .35s var(--ease-spring)}.switch[aria-checked="true"] .switch__track{background: #4CAF7D}.switch[aria-checked="true"] .switch__knob{transform: translateX(22px)}.switch__label{display: grid;font-weight: 800;font-size: 17px}.switch__label small{font-weight: 600;font-size: 14px;color: rgba(255,255,255,.7)}.flow__map{display: grid;justify-items: center}.node{width: 100%;padding: 18px 20px;border-radius: 24px;background: rgba(255,255,255,.08);box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);backdrop-filter: blur(6px);transition: opacity .4s,box-shadow .4s,background .4s}.node__title{display: flex;align-items: center;gap: 10px;font-weight: 800;font-size: 17px;margin-bottom: 8px}.node__title .i{width: 32px;height: 32px;padding: 7px;border-radius: 11px;background: rgba(255,255,255,.14)}.node ul{list-style: none;display: flex;flex-wrap: wrap;gap: 6px}.node li{padding: 4px 10px;border-radius: 999px;background: rgba(255,255,255,.1);font-size: 13.5px;font-weight: 600;color: rgba(255,255,255,.88)}.node--phone{background: #fff;color: var(--text);box-shadow: 0 20px 40px -20px rgba(0,0,0,.5)}.node--phone .node__title .i{background: var(--primary-soft);color: var(--primary)}.node--phone li{background: var(--primary-soft);color: var(--on-primary-soft)}.wire{position: relative;height: 64px;width: 100%;display: flex;align-items: center;justify-content: center}.wire::before{content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 3px;translate: -50% 0;border-radius: 3px;background: repeating-linear-gradient(180deg,var(--gold-soft) 0 6px,transparent 6px 14px);background-size: 3px 14px;animation: flowDown .7s linear infinite}.wire span{position: relative;z-index: 1;padding: 4px 12px;border-radius: 999px;background: #1F4636;box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);font-size: 13px;font-weight: 700;color: rgba(255,255,255,.9);white-space: nowrap}@keyframes flowDown{to{background-position: 0 14px}}.wire--ai::before{background: repeating-linear-gradient(180deg,rgba(255,255,255,.25) 0 6px,transparent 6px 14px);animation: none}.node--ai{opacity: .45}.flow.is-on .wire--ai::before{background: repeating-linear-gradient(180deg,#8FE3B5 0 6px,transparent 6px 14px);animation: flowDown .5s linear infinite}.flow.is-on .wire--ai span{color: #8FE3B5}.flow.is-on .node--ai{opacity: 1;box-shadow: inset 0 0 0 1px rgba(143,227,181,.6),0 0 40px -6px rgba(143,227,181,.5)}.flow.is-on .node--ai li:last-child{background: rgba(247,213,139,.2);color: var(--gold-soft)}@media (max-width: 900px){.flow{grid-template-columns: 1fr;border-radius: 30px}}@media (max-width: 420px){.wire span{white-space: normal;text-align: center}}.period{position: relative;display: flex;width: fit-content;margin: 0 auto 28px;padding: 5px;border-radius: 999px;background: var(--stage);box-shadow: inset 0 0 0 1px var(--line)}.period[hidden]{display: none}.period button{position: relative;z-index: 1;display: flex;align-items: center;gap: 8px;padding: 10px 20px;border: 0;border-radius: 999px;background: none;font-weight: 800;color: var(--text2);transition: color .3s}.period button[aria-pressed="true"]{color: var(--text)}.period em{font-style: normal;font-size: 12px;padding: 2px 8px;border-radius: 99px;background: var(--gradient-gold);color: var(--on-gold)}.period__glider{position: absolute;top: 5px;bottom: 5px;left: 5px;width: var(--gw,50%);translate: var(--gx,0) 0;border-radius: 999px;background: var(--surface);box-shadow: var(--shadow-1);transition: translate .45s var(--ease-spring),width .45s var(--ease-spring)}.plans{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;max-width: 980px;margin-inline: auto;align-items: stretch}.plan{position: relative;padding: 34px;border-radius: 32px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-1)}.plan__name{display: flex;align-items: center;gap: 10px;font-weight: 800;font-size: 18px}.plan__price{margin-top: 14px;font-size: clamp(2.6rem,2rem + 2vw,3.6rem);font-weight: 800;letter-spacing: -.05em;line-height: 1}.plan__was{display: block;width: fit-content;margin-bottom: 6px;font-size: 22px;font-weight: 700;letter-spacing: -.02em;color: rgba(255,255,255,.55);text-decoration-thickness: 2px;text-decoration-color: var(--gold-soft)}.plan__price small{font-size: 17px;font-weight: 700;letter-spacing: 0;color: var(--text2)}.plan__sub{margin-top: 10px;color: var(--text2);min-height: 3.2em}.plan .ticks{margin-top: 22px}.plan__fine{margin-top: 18px;font-size: 14px;color: var(--text2)}.plan--pro{background: var(--gradient-pro);color: #fff;box-shadow: var(--shadow-3);overflow: hidden}.plan--pro::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%) -100% 0 / 250% 100% no-repeat;animation: shine 5s 1.5s ease-in-out infinite}@keyframes shine{30%,100%{background-position: 200% 0}}.plan--pro .plan__price small,.plan--pro .plan__sub,.plan--pro .plan__fine{color: rgba(255,255,255,.78)}.plan--pro .ticks li::before{background-color: var(--gold-soft);color: var(--on-gold)}.plan [data-show="yearly"]{display: none}.plan[data-period="yearly"] [data-show="yearly"]{display: block;animation: pop .4s var(--ease-spring)}.plan[data-period="yearly"] [data-show="monthly"]{display: none}.plan[data-period="monthly"] [data-show="monthly"]{animation: pop .4s var(--ease-spring)}.plans__note{margin-top: 20px;text-align: center;font-size: 14px;color: var(--text2)}@media (max-width: 760px){.plans{grid-template-columns: 1fr}.plan{padding: 28px}}.ticks{list-style: none;display: grid;gap: 12px}.ticks li{position: relative;padding-left: 34px}.ticks li::before{content: "";position: absolute;left: 0;top: .15em;width: 22px;height: 22px;border-radius: 50%;background: var(--primary-soft);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%232F6B4F' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size: 15px;background-position: center;background-repeat: no-repeat}.plan--pro .ticks li::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%233A2A0E' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.qa{border-radius: 22px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);transition: box-shadow .3s}.qa + .qa{margin-top: 10px}.qa[open]{box-shadow: inset 0 0 0 1.5px var(--primary),var(--shadow-1)}.qa summary{list-style: none;display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 20px 22px;font-weight: 800;font-size: 17.5px;cursor: pointer}.qa summary::-webkit-details-marker{display: none}.qa summary::after{content: "";flex: none;width: 30px;height: 30px;border-radius: 50%;background: var(--stage);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' fill='none' stroke='%232A211B' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");background-size: 16px;background-position: center;background-repeat: no-repeat;transition: rotate .35s var(--ease-spring),background-color .3s}.qa[open] summary::after{rotate: 45deg;background-color: var(--primary-soft)}.qa>:not(summary){padding: 0 22px;color: var(--text2)}.qa>:not(summary):last-child{padding-bottom: 20px}.qa>p + p{margin-top: 10px}.qa ul,.qa ol{padding-left: 42px;color: var(--text2)}.qa li + li{margin-top: 4px}.qa::details-content{block-size: 0;overflow: clip;transition: block-size .4s var(--ease-out),content-visibility .4s allow-discrete}.qa[open]::details-content{block-size: auto}.faq-peek__list{max-width: 820px;margin-inline: auto}.faq-peek__more{text-align: center;margin-top: 26px}.finale{position: relative;display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);align-items: stretch;overflow: hidden;border-radius: 40px;background: linear-gradient(135deg,#FFF6EC,#FBE9D6 55%,#F6DCC2);box-shadow: inset 0 0 0 1px rgba(42,33,27,.06)}.finale__copy{padding: clamp(32px,6vw,80px);display: grid;align-content: center;justify-items: start;gap: 18px}.finale h2{font-size: clamp(2.4rem,1.4rem + 4vw,4.8rem);letter-spacing: -.05em;line-height: .98}.finale h2 span{display: block;color: var(--primary)}.finale__copy>p{font-size: 19px;color: var(--text2)}.finale .store{margin-top: 8px}.finale__small{font-size: 15px !important}.finale__art{position: relative;min-height: 420px}.finale__art img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 30%}.finale__line{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.finale__line path{fill: none;stroke: #13804F;stroke-width: 5;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: 1;transition: stroke-dashoffset 1.6s var(--ease-out) .2s}.finale__line.is-drawn path{stroke-dashoffset: 0}@media (max-width: 820px){.finale{grid-template-columns: 1fr}.finale__art{min-height: 0;aspect-ratio: 4 / 5;order: -1}.finale__art img{object-position: 50% 25%}.finale__line{display: none}}.foot{margin-top: clamp(80px,10vw,140px);background: var(--ink);color: #EFE7DE;overflow: hidden}.foot__inner{width: min(1200px,100% - 40px);margin-inline: auto;padding: 64px 0 24px;display: grid;grid-template-columns: 1.2fr 2fr;gap: 40px}.foot .brand{color: #fff}.foot__brand p{margin-top: 12px;color: rgba(239,231,222,.7)}.foot__mail{display: inline-block;margin-top: 18px;font-size: clamp(20px,1rem + 1vw,26px);font-weight: 800;color: #fff;text-decoration: none;background: linear-gradient(var(--gold-soft),var(--gold-soft)) 0 100% / 0 2px no-repeat;transition: background-size .4s var(--ease-out)}.foot__mail:hover{background-size: 100% 2px}.foot__cols{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px}.foot__cols div{display: grid;gap: 10px;align-content: start}.foot__head{font-size: 12.5px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;color: rgba(239,231,222,.5)}.foot__cols a{color: #EFE7DE;text-decoration: none;font-weight: 600}.foot__cols a:hover{color: var(--gold-soft)}.foot__mark{position: relative;display: flex;justify-content: center;margin-top: 10px;user-select: none}.foot__mark span{font-size: clamp(7rem,26vw,22rem);font-weight: 800;letter-spacing: -.07em;line-height: .78;padding-bottom: .04em;background: linear-gradient(180deg,rgba(239,231,222,.16),rgba(239,231,222,.02));-webkit-background-clip: text;background-clip: text;color: transparent}.foot__mark img{position: absolute;left: 50%;top: -.4em;width: clamp(90px,13vw,150px);translate: 30% 0;animation: bob 5s ease-in-out infinite}.foot__note{width: min(1200px,100% - 40px);margin: 0 auto;padding: 16px 0 28px;border-top: 1px solid rgba(239,231,222,.12);font-size: 14px;color: rgba(239,231,222,.55)}@media (max-width: 760px){.foot__inner{grid-template-columns: 1fr}.foot__cols{grid-template-columns: repeat(2,1fr)}}.page--prose main{padding: calc(var(--header-h) + 40px) 0 0}.progress{position: fixed;top: 0;left: 0;right: 0;z-index: 70;height: 3px;background: var(--primary);transform-origin: 0 50%;transform: scaleX(0)}@supports (animation-timeline: scroll()){.progress{animation: grow linear both;animation-timeline: scroll(root)}@keyframes grow{to{transform: scaleX(1)}}}.doc{width: min(1200px,100% - 40px);margin-inline: auto;display: grid;grid-template-columns: 260px minmax(0,1fr);gap: 56px;align-items: start}.doc .prose{width: auto;margin: 0}.toc{position: sticky;top: calc(var(--header-h) + 24px);max-height: calc(100vh - var(--header-h) - 48px);overflow: auto;padding: 18px;border-radius: 22px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);font-size: 14.5px}.toc__title{font-weight: 800;font-size: 12.5px;letter-spacing: .1em;text-transform: uppercase;color: var(--text2);margin-bottom: 8px;list-style: none;cursor: pointer}.toc__title::-webkit-details-marker{display: none}.toc:not([open]) .toc__title{margin: 0}.toc ol{list-style: none;display: grid;gap: 2px}.toc a{display: block;padding: 6px 10px;border-radius: 10px;color: var(--text2);text-decoration: none;font-weight: 600;line-height: 1.35;transition: background .2s,color .2s}.toc a:hover{background: var(--stage);color: var(--text)}.toc a[aria-current]{background: var(--primary-soft);color: var(--on-primary-soft);font-weight: 800}@media (max-width: 960px){.doc{grid-template-columns: 1fr;gap: 24px}.toc{position: static;max-height: none;padding: 14px 18px}.toc ol{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));margin-top: 6px}.toc__title{display: flex;justify-content: space-between;align-items: center}.toc__title::after{content: "+";font-size: 20px;line-height: 1;transition: rotate .3s var(--ease-spring)}.toc[open] .toc__title::after{rotate: 45deg}}.prose{width: min(800px,100% - 40px);margin-inline: auto;position: relative}.prose>h1{font-size: clamp(2.6rem,1.6rem + 3.6vw,4.4rem);letter-spacing: -.05em;line-height: 1;margin-bottom: 20px}.prose h2{font-size: clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing: -.03em;margin: 56px 0 16px;padding-top: 8px}.prose h3{font-size: 20px;margin: 32px 0 10px}.prose p,.prose ul,.prose ol{margin: 0 0 16px}.prose ul,.prose ol{padding-left: 24px}.prose li + li{margin-top: 6px}.prose li::marker{color: var(--primary)}.prose strong{font-weight: 800}.prose .lead{font-size: 20px;color: var(--text2)}.prose .meta{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 28px}.prose .meta span{padding: 6px 12px;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);font-size: 14px;font-weight: 700;color: var(--text2)}.prose blockquote{margin: 0 0 24px;padding: 18px 22px;border-radius: 20px;background: var(--soon-fill);color: var(--soon-text)}.prose blockquote p:last-child{margin: 0}.prose code{font-size: .9em;padding: .1em .4em;border-radius: 6px;background: var(--stage)}.prose hr{border: 0;height: 1px;background: var(--line);margin: 40px 0}.prose__hamster{position: absolute;right: 0;top: -10px;width: 120px;animation: bob 5s ease-in-out infinite}.table{overflow-x: auto;margin: 0 0 24px;border-radius: 20px;box-shadow: inset 0 0 0 1px var(--line);background: var(--surface)}.table table{border-collapse: collapse;width: 100%;font-size: 15px;line-height: 1.5}.table th,.table td{text-align: left;vertical-align: top;padding: 14px 16px;border-bottom: 1px solid var(--line)}.table th{font-size: 13px;letter-spacing: .06em;text-transform: uppercase;color: var(--text2);background: var(--background)}.table tr:last-child td{border-bottom: 0}@media (max-width: 720px){.table{background: none;box-shadow: none;overflow: visible}.table table,.table tbody,.table tr,.table td{display: block;width: 100%}.table thead{display: none}.table tr{margin-bottom: 12px;padding: 6px 0;border-radius: 18px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.table td{border: 0;padding: 8px 16px}.table td:first-child{font-size: 16px;font-weight: 700;color: var(--text)}}.prose .summary-cards{padding-left: 0}.summary-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 12px;margin: 8px 0 32px;padding: 0;list-style: none}.summary-cards li{padding: 18px;border-radius: 20px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);font-size: 15.5px;color: var(--text2)}.summary-cards li::marker{content: none}.summary-cards b{display: block;color: var(--text);font-size: 16.5px;margin-bottom: 4px}.help-hero{text-align: center;padding: 0 0 8px}.help-hero img{margin: 0 auto 8px;width: 120px;animation: bob 5s ease-in-out infinite}.help-hero h1{margin-bottom: 12px;font-size: clamp(2.4rem,1.6rem + 3vw,3.8rem);letter-spacing: -.05em}.faq .lead{margin-inline: auto;max-width: 40ch}.faq-tools{margin: 28px 0 12px;display: grid;gap: 12px}.search{display: flex;align-items: center;gap: 12px;padding: 0 18px;min-height: 60px;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1.5px var(--line),var(--shadow-2)}.search[hidden]{display: none}.search:focus-within{box-shadow: inset 0 0 0 2px var(--primary),var(--shadow-2)}.search .i{color: var(--text2);width: 22px;height: 22px}.search input{flex: 1;min-width: 0;border: 0;outline: 0;background: none;font: inherit;font-size: 17px;color: var(--text)}.jump{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;padding: 2px}@media (max-width: 720px){.jump{flex-wrap: nowrap;justify-content: flex-start;overflow-x: auto;scrollbar-width: none}}.jump a{flex: none;padding: 8px 14px;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);color: var(--text);font-weight: 700;font-size: 14.5px;text-decoration: none}.jump a:hover{box-shadow: inset 0 0 0 1.5px var(--primary)}.faq-empty{text-align: center;padding: 24px;color: var(--text2)}.faq h2{display: flex;align-items: center;gap: 12px;margin-top: 48px}.faq h2 .i{width: 40px;height: 40px;padding: 9px;border-radius: 14px;background: var(--primary-soft);color: var(--primary)}.faq h2[hidden]{display: none}.qa[hidden]{display: none}.contact{margin-top: 64px;display: flex;gap: 24px;align-items: center;padding: 32px;border-radius: 32px;background: var(--gradient-pro);color: #fff;box-shadow: var(--shadow-3)}.contact img{width: 110px;flex: none}.contact h2{margin: 0 0 8px;color: #fff}.contact p{color: rgba(255,255,255,.82);margin-bottom: 14px}.contact__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;margin: 0 !important}.contact__actions span{font-weight: 700;color: var(--gold-soft)}.contact .btn{--bg: #fff;--fg: var(--primary-pressed)}@media (max-width: 620px){.contact{flex-direction: column;text-align: center}.contact__actions{justify-content: center}.prose__hamster{display: none}}.page--center main{min-height: 70vh;display: grid;place-items: center;padding: calc(var(--header-h) + 40px) 20px 0}.center{width: min(560px,100%);text-align: center;display: grid;justify-items: center;gap: 12px}.center img{animation: bob 5s ease-in-out infinite}.center h1{font-size: clamp(2rem,1.4rem + 2vw,2.8rem);letter-spacing: -.04em}.center h2{font-size: 24px}.center p{color: var(--text2);margin-top: 8px}.center hr{width: 100%;border: 0;height: 1px;background: var(--line);margin: 28px 0}.center .store,.center .btn{margin-top: 12px}.code{font-family: ui-monospace,Menlo,monospace;font-weight: 800;padding: 3px 10px;border-radius: 8px;background: var(--primary-soft);color: var(--on-primary-soft);letter-spacing: .1em}.lang-hint{position: fixed;left: 50%;bottom: 20px;translate: -50% 0;z-index: 80;display: flex;align-items: center;gap: 14px;flex-wrap: wrap;width: max-content;max-width: calc(100% - 32px);padding: 10px 10px 10px 18px;border-radius: 999px;background: var(--ink);color: #fff;box-shadow: var(--shadow-2);font-size: 14.5px;animation: rise .5s var(--ease-out)}.lang-hint a{color: var(--gold-soft);font-weight: 800}.lang-hint button{width: 32px;height: 32px;border: 0;border-radius: 50%;background: rgba(255,255,255,.12);color: #fff}:root{--serif: Charter,"Bitstream Charter","Sitka Text","Iowan Old Style",Cambria,Georgia,serif}.wrap-narrow{width: min(880px,100% - 40px);margin-inline: auto}.chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 11px;border-radius: 999px;font-size: 12.5px;font-weight: 800;letter-spacing: .02em;background: var(--primary-soft);color: var(--on-primary-soft)}.chip--dates{background: #E9F0F7;color: #234A6E}.chip--storing{background: var(--primary-soft);color: var(--on-primary-soft)}.chip--waste{background: var(--soon-fill);color: var(--soon-text)}.chip--keepy{background: #FBE4DE;color: #8C3420}.cover{position: relative;container-type: inline-size;aspect-ratio: 3 / 2;overflow: hidden;border-radius: inherit;background: var(--stage)}.cover img{width: 100%;height: 100%;object-fit: cover;transition: scale .8s var(--ease-out)}.cover--codes{background: radial-gradient(120% 90% at 50% 40%,#2C332E,#141815);display: grid;place-items: center}.cv-pack{display: grid;gap: 3cqi;place-items: center;padding: 6cqi 8cqi;border-radius: 3cqi;background: linear-gradient(150deg,#F6CF5A,#E7A93A);rotate: -4deg;box-shadow: 0 4cqi 8cqi -2cqi rgba(0,0,0,.6)}.cv-dots{font-family: ui-monospace,Menlo,monospace;font-weight: 800;font-size: 7cqi;letter-spacing: .1em;color: transparent;background: radial-gradient(circle,#2B1D09 46%,transparent 52%) 0 0 / .55cqi .55cqi;-webkit-background-clip: text;background-clip: text}.cv-dots--small{font-size: 3.6cqi}.cv-frame{position: absolute;inset: 22% 18%}.cv-frame i{position: absolute;width: 7cqi;height: 7cqi;border: 1.1cqi solid #8FE3B5}.cv-frame i:nth-child(1){left: 0;top: 0;border-right: 0;border-bottom: 0;border-top-left-radius: 3cqi}.cv-frame i:nth-child(2){right: 0;top: 0;border-left: 0;border-bottom: 0;border-top-right-radius: 3cqi}.cv-frame i:nth-child(3){left: 0;bottom: 0;border-right: 0;border-top: 0;border-bottom-left-radius: 3cqi}.cv-frame i:nth-child(4){right: 0;bottom: 0;border-left: 0;border-top: 0;border-bottom-right-radius: 3cqi}.cv-beam{position: absolute;left: 20%;right: 20%;top: 45%;height: .5cqi;background: #FF5A4E;box-shadow: 0 0 3cqi .5cqi rgba(255,90,78,.7)}.cover--labels{background: linear-gradient(135deg,#FFF6EC,#FBE9D6);display: grid;place-items: center}.cv-label{position: absolute;display: grid;padding: 3cqi 5cqi;border-radius: 2cqi;font-weight: 800;font-size: 6cqi;letter-spacing: -.02em;box-shadow: 0 3cqi 6cqi -2cqi rgba(42,33,27,.35)}.cv-label small{font-size: 2.6cqi;letter-spacing: .14em}.cv-label--a{left: 12%;top: 22%;rotate: -6deg;background: #fff;color: var(--primary)}.cv-label--b{right: 12%;bottom: 20%;rotate: 5deg;background: var(--today-text);color: #fff}.cover--fridge{background: linear-gradient(180deg,#EAF2F7,#D8E6EE);display: grid;place-items: center}.cv-fridge{width: 56%;height: 78%;display: grid;grid-template-rows: 1fr 1fr 1fr;gap: 2cqi;padding: 3cqi;border-radius: 3cqi;background: #fff;box-shadow: inset 0 0 0 .5cqi #CFDDE6,0 3cqi 6cqi -3cqi rgba(31,70,54,.35)}.cv-shelf{display: flex;align-items: flex-end;justify-content: center;gap: 2cqi;border-bottom: .6cqi solid #CFDDE6}.cv-shelf--drawer{border: 0;border-radius: 2cqi;background: #EEF5F0;align-items: center}.cv-food{width: 9cqi;height: 9cqi}.cv-arrow{position: absolute;bottom: 6%;padding: 1.4cqi 3cqi;border-radius: 99px;background: var(--primary);color: #fff;font-weight: 800;font-size: 2.8cqi;letter-spacing: .1em}.cover--start{background: var(--gradient-pro);display: flex;align-items: center;justify-content: center;gap: 4cqi}.cv-hamster{width: 32cqi}.cv-phone{width: 20cqi;aspect-ratio: 9 / 18;border-radius: 3.5cqi;background: var(--background);border: 1.2cqi solid #15120F;display: grid;align-content: start;gap: 1.6cqi;padding: 5cqi 2cqi}.cv-phone span{height: 3.2cqi;border-radius: 1cqi;background: #fff;box-shadow: inset 0 0 0 .3cqi var(--line)}.cover--plain{display: flex;align-items: center;justify-content: center;gap: 3cqi}.cover--plain .cv-food{width: 18cqi;height: 18cqi}.gcards{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));gap: 22px}.gcards--three{grid-template-columns: repeat(3,minmax(0,1fr))}@media (max-width: 900px){.gcards--three{grid-template-columns: repeat(auto-fill,minmax(min(260px,100%),1fr))}}.prose .guides-peek{width: auto;padding-top: 72px}.prose .guides-peek h2{display: block;margin: 0;padding: 0;text-align: center}.prose .guides-peek .gcard__body>*,.prose .guides-peek .section__head>*{margin-top: 0;margin-bottom: 0}.prose .guides-peek .section__intro{margin-top: 14px}.prose .guides-peek .gcard h3{font-size: 18px}.prose .guides-peek .gcard__dek{-webkit-line-clamp: 2;font-size: 15px}.gcard{display: flex;flex-direction: column;overflow: hidden;border-radius: 28px;background: var(--surface);color: var(--text);text-decoration: none;box-shadow: inset 0 0 0 1px var(--line),var(--shadow-1);transition: transform .45s var(--ease-out),box-shadow .45s}.gcard:hover{transform: translateY(-5px);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-2)}.gcard:hover .cover img{scale: 1.05}.gcard__cover{border-radius: 28px 28px 0 0;overflow: hidden}.gcard__body{display: grid;gap: 10px;align-content: start;padding: 20px 22px 24px}.gcard__body>.chip{justify-self: start}.gcard h3{font-size: 21px;letter-spacing: -.025em;line-height: 1.22}.gcard__dek{color: var(--text2);font-size: 15.5px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.gcard__meta{font-size: 13.5px;font-weight: 700;color: var(--text2)}.gcard--big{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);align-items: center;border-radius: 36px}.gcard--big .gcard__cover{border-radius: 36px 0 0 36px;height: 100%}.gcard--big .cover{height: 100%;aspect-ratio: auto;min-height: 360px}.gcard--big .gcard__body{padding: clamp(24px,4vw,48px);gap: 14px}.gcard--big h3{font-size: clamp(1.8rem,1.2rem + 1.8vw,2.6rem);letter-spacing: -.04em;line-height: 1.08}.gcard--big .gcard__dek{font-size: 18px;-webkit-line-clamp: 4}@media (max-width: 820px){.gcard--big{grid-template-columns: 1fr}.gcard--big .gcard__cover{border-radius: 36px 36px 0 0}.gcard--big .cover{min-height: 0;aspect-ratio: 3 / 2}}.page--guides main,.page--releases main{padding-top: calc(var(--header-h) + 40px)}.ghero{position: relative;text-align: center;padding: 30px 0 36px}.ghero .aurora{inset: -120px 0 0}.page--guides main{overflow-x: clip}.ghero h1{font-size: clamp(2.8rem,1.6rem + 5vw,5.4rem);letter-spacing: -.055em;line-height: .98}.ghero__dek{max-width: 46ch;margin: 18px auto 0;font-size: clamp(17px,1rem + .4vw,20px);color: var(--text2)}.gtools{display: grid;gap: 14px;justify-items: center;margin-top: 30px}.gtools .search{width: min(560px,100%)}.gchips{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.gchips[hidden]{display: none}.gchips button{display: inline-flex;align-items: center;gap: 8px;padding: 9px 16px;border: 0;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);font-weight: 800;font-size: 14.5px;color: var(--text2);transition: background .2s,color .2s,box-shadow .2s}.gchips button small{font-size: 12px;padding: 1px 7px;border-radius: 99px;background: var(--stage);color: var(--text2)}.gchips button[aria-pressed="true"]{background: var(--text);color: #fff;box-shadow: none}.gchips button[aria-pressed="true"] small{background: rgba(255,255,255,.18);color: #fff}.gfeatured{margin-bottom: 26px}.gcard[hidden]{display: none}.gempty{text-align: center;padding: 40px 0;color: var(--text2)}.gfoot{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 16px;margin-top: 48px}.gfoot__card{display: flex;align-items: center;gap: 16px;padding: 22px 24px;border-radius: 24px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);color: var(--text);text-decoration: none;transition: box-shadow .3s,transform .3s var(--ease-out)}.gfoot__card:hover{transform: translateY(-3px);box-shadow: inset 0 0 0 1.5px var(--primary),var(--shadow-1)}.gfoot__card>.i:first-child{width: 44px;height: 44px;padding: 11px;border-radius: 14px;background: var(--primary-soft);color: var(--primary)}.gfoot__card span{display: grid;flex: 1;color: var(--text2);font-size: 14.5px;word-break: break-word}.gfoot__card b{color: var(--text);font-size: 17px}.page--guide main{padding-top: calc(var(--header-h) + 34px);overflow-x: clip}.guide__head{width: min(760px,100% - 40px);margin-inline: auto}.crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font-size: 14px;font-weight: 700;color: var(--text2)}.crumbs a{color: var(--text2);text-decoration: none}.crumbs a:hover{color: var(--primary)}.crumbs a:last-child{color: var(--primary-text)}.guide__head h1{margin: 18px 0 16px;font-size: clamp(2.3rem,1.4rem + 3.6vw,3.9rem);letter-spacing: -.045em;line-height: 1.04}.guide__dek{font-family: var(--serif);font-size: clamp(19px,1rem + .6vw,23px);line-height: 1.5;color: var(--text2)}.byline{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;margin-top: 26px;padding: 16px 0;border-block: 1px solid var(--line)}.byline__avatar{width: 44px;height: 44px;border-radius: 50%;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);padding: 4px}.byline p{display: grid;flex: 1;min-width: 200px;font-size: 14px;line-height: 1.45;color: var(--text2)}.byline b{color: var(--text);font-size: 15.5px}.share{display: flex;gap: 6px}.share__btn{display: grid;place-items: center;width: 40px;height: 40px;border: 0;border-radius: 50%;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);color: var(--text2);transition: color .2s,box-shadow .2s,transform .25s var(--ease-spring)}.share__btn:hover{color: var(--primary);box-shadow: inset 0 0 0 1.5px var(--primary);transform: translateY(-2px)}.share__btn .i{width: 18px;height: 18px}.share__btn[hidden]{display: none}.share__btn.is-done{background: var(--primary);color: #fff;box-shadow: none}.guide__cover{width: min(1120px,100% - 40px);margin: 36px auto 0;border-radius: 34px;overflow: hidden;box-shadow: var(--shadow-3)}.guide__cover .cover{aspect-ratio: 2 / 1}@media (max-width: 700px){.guide__cover{width: 100%;border-radius: 0}.guide__cover .cover{aspect-ratio: 3 / 2}}.guide__grid{width: min(1120px,100% - 40px);margin: 48px auto 0;display: grid;grid-template-columns: 220px minmax(0,700px);gap: 64px;justify-content: center}.guide__side .toc{position: sticky;top: calc(var(--header-h) + 24px)}@media (max-width: 1060px){.guide__grid{grid-template-columns: minmax(0,700px);gap: 24px}.guide__side .toc{position: static}}.answer{position: relative;margin-bottom: 36px;padding: 24px 26px;border-radius: 24px;background: linear-gradient(135deg,var(--primary-soft),#EEF6F1);box-shadow: inset 0 0 0 1px rgba(47,107,79,.18)}.answer__label{display: flex;align-items: center;gap: 8px;font-weight: 800;font-size: 13px;letter-spacing: .1em;text-transform: uppercase;color: var(--primary-text);margin-bottom: 8px}.answer p:last-child{font-family: var(--serif);font-size: 20px;line-height: 1.6;color: var(--text)}.guide__text{font-family: var(--serif);font-size: 20px;line-height: 1.75;color: #2E2620}.guide__text>* + *{margin-top: 1.1em}.guide__text>p:first-child::first-letter{float: left;font-family: var(--font);font-weight: 800;font-size: 3.5em;line-height: .86;margin: .06em .1em 0 0;color: var(--primary)}.guide__text h2,.guide__text h3{font-family: var(--font);position: relative}.guide__text h2{font-size: clamp(1.6rem,1.2rem + 1vw,2.05rem);letter-spacing: -.035em;margin-top: 2.2em}.guide__text h3{font-size: 1.15em;letter-spacing: -.02em;margin-top: 1.8em}.h-anchor{position: absolute;left: -1.1em;padding-right: .3em;color: var(--line);text-decoration: none;opacity: 0;transition: opacity .2s}h2:hover>.h-anchor,h3:hover>.h-anchor{opacity: 1;color: var(--primary)}.guide__text a{color: var(--primary-text);text-decoration-color: rgba(47,107,79,.35)}.guide__text a:hover{text-decoration-color: var(--primary)}.guide__text strong{font-weight: 700;color: var(--text)}.guide__text ul,.guide__text ol{padding-left: 1.3em}.guide__text li + li{margin-top: .45em}.guide__text li::marker{color: var(--primary);font-family: var(--font);font-weight: 800}.guide__text blockquote{margin-inline: 0;padding: 4px 0 4px 24px;border-left: 4px solid var(--primary);font-style: italic;font-size: 1.1em;color: var(--text)}.guide__text hr{border: 0;text-align: center;margin: 2.4em 0}.guide__text hr::before{content: "· · ·";letter-spacing: .6em;color: var(--text2);font-size: 22px}.guide__text .table{font-family: var(--font);margin-block: 1.6em}.guide__text .table table{font-size: 15.5px}.guide__text code{font-size: .82em;padding: .12em .4em;border-radius: 6px;background: var(--stage);font-family: ui-monospace,Menlo,monospace}.guide__text figure{margin: 2em 0}.guide__text figcaption{margin-top: 10px;font-family: var(--font);font-size: 14px;color: var(--text2);text-align: center}.guide__text img{border-radius: 20px}@media (max-width: 620px){.guide__text,.answer p:last-child{font-size: 18.5px}.h-anchor{display: none}}.cite{font-family: var(--font);font-size: .62em;vertical-align: super;line-height: 0}.cite a{position: relative;display: inline-grid;place-items: center;min-width: 1.6em;height: 1.6em;margin-left: 2px;padding: 0 .3em;border-radius: 99px;background: var(--primary-soft);color: var(--on-primary-soft) !important;font-weight: 800;text-decoration: none}.cite a::after{content: attr(data-tip);position: absolute;left: 50%;bottom: calc(100% + 10px);translate: -50% 6px;width: max-content;max-width: min(320px,80vw);padding: 10px 12px;border-radius: 12px;background: var(--ink);color: #fff;font-size: 13px;font-weight: 600;line-height: 1.4;white-space: normal;text-align: left;opacity: 0;pointer-events: none;transition: opacity .2s,translate .2s;z-index: 10}.cite a:hover::after,.cite a:focus-visible::after{opacity: 1;translate: -50% 0}@media (hover: none){.cite a::after{display: none}}.callout{font-family: var(--font);margin-block: 1.8em;padding: 20px 22px 20px 58px;border-radius: 20px;position: relative;font-size: 16.5px;line-height: 1.6;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.callout::before{content: "";position: absolute;left: 20px;top: 20px;width: 24px;height: 24px;border-radius: 50%;background-size: 14px;background-position: center;background-repeat: no-repeat}.callout>* + *{margin-top: .6em}.callout__title{font-weight: 800;color: var(--text)}.callout ul{padding-left: 1.2em}.callout--tip{background: #EEF6F1;box-shadow: inset 0 0 0 1px rgba(47,107,79,.2)}.callout--tip::before{background-color: var(--primary);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 00-3.5 10.9V16h7v-2.1A6 6 0 0012 3z' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.callout--note{background: #EEF3F8;box-shadow: inset 0 0 0 1px rgba(35,74,110,.18)}.callout--note::before{background-color: #234A6E;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 11v6M12 7.5v.5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}.callout--warn{background: var(--today-fill);box-shadow: inset 0 0 0 1px rgba(168,50,31,.2)}.callout--warn::before{background-color: var(--today-text);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v6M12 16.5v.5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}.callout--keepy{padding-left: 22px;background: var(--gradient-pro);color: rgba(255,255,255,.88);box-shadow: var(--shadow-2)}.callout--keepy::before{display: none}.callout--keepy .callout__title{color: #fff}.callout--keepy a{color: var(--gold-soft) !important}.specimens{font-family: var(--font);display: grid;grid-template-columns: repeat(auto-fill,minmax(min(240px,100%),1fr));gap: 12px;margin-block: 1.8em !important}.specimen{display: grid;gap: 10px;padding: 14px;border-radius: 18px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.specimen__print{display: grid;place-items: center;min-height: 84px;padding: 12px;border-radius: 12px;background: linear-gradient(150deg,#F6CF5A,#E7A93A)}.specimen__print--white{background: linear-gradient(160deg,#fff,#E4EDF5);box-shadow: inset 0 0 0 1px var(--line)}.specimen__print--can{background: linear-gradient(160deg,#D9DEE2,#A9B2B9)}.specimen__print span{font-family: ui-monospace,Menlo,monospace;font-weight: 800;font-size: 19px;letter-spacing: .08em;text-align: center;line-height: 1.3;color: transparent;background: radial-gradient(circle,#241708 46%,transparent 52%) 0 0 / 2.6px 2.6px;-webkit-background-clip: text;background-clip: text}.specimen__print--white span,.specimen__print--can span{background-image: radial-gradient(circle,#10243A 46%,transparent 52%)}.specimen p{font-size: 14.5px;line-height: 1.45;color: var(--text2);margin: 0 !important}.specimen b{color: var(--text);display: block;font-size: 15px}.guide__faq{margin-top: 56px;font-family: var(--font)}.guide__faq h2{font-size: clamp(1.6rem,1.2rem + 1vw,2.05rem);letter-spacing: -.035em;margin-bottom: 18px}.cta-card{display: flex;gap: 22px;align-items: center;margin-top: 56px;padding: 28px;border-radius: 30px;background: var(--gradient-pro);color: rgba(255,255,255,.85);box-shadow: var(--shadow-3);font-family: var(--font)}.cta-card img{width: 96px;flex: none;animation: bob 5s ease-in-out infinite}.cta-card__title{font-size: 23px;font-weight: 800;letter-spacing: -.03em;color: #fff;margin-bottom: 6px}.cta-card__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 20px;margin-top: 16px}.cta-card__actions>a:last-child{display: inline-flex;align-items: center;gap: 6px;color: var(--gold-soft);font-weight: 800;text-decoration: none}@media (max-width: 620px){.cta-card{flex-direction: column;text-align: center}.cta-card__actions{justify-content: center}}.sources{margin-top: 56px;padding-top: 28px;border-top: 1px solid var(--line);font-family: var(--font)}.sources h2{font-size: 20px;letter-spacing: -.02em;margin-bottom: 14px}.sources ol{padding-left: 1.6em;display: grid;gap: 10px;font-size: 15px;line-height: 1.5;color: var(--text2)}.sources li::marker{font-weight: 800;color: var(--primary)}.sources li:target{background: #FFF6C9;border-radius: 8px;box-shadow: 0 0 0 6px #FFF6C9}.sources a{color: var(--primary-text);word-break: break-word}.reviewed{display: flex;gap: 10px;align-items: flex-start;margin-top: 22px;padding: 14px 16px;border-radius: 16px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);font-size: 14px;color: var(--text2)}.reviewed .i{color: var(--primary);margin-top: 2px}.guide__end{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;margin-top: 40px;padding: 18px 0;border-block: 1px solid var(--line);font-family: var(--font);font-weight: 800}.guide__twin{margin-left: auto;display: inline-flex;align-items: center;gap: 8px;color: var(--primary-text);text-decoration: none}.more{margin-top: 80px}.more__head{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 22px}.more__head h2{font-size: clamp(1.7rem,1.2rem + 1.4vw,2.3rem);letter-spacing: -.04em}.selshare{position: absolute;z-index: 60;display: flex;gap: 2px;padding: 5px;border-radius: 14px;background: var(--ink);box-shadow: var(--shadow-2);translate: -50% calc(-100% - 10px);animation: pop .2s var(--ease-spring)}.selshare[hidden]{display: none}.selshare button,.selshare a{display: inline-flex;align-items: center;gap: 6px;padding: 8px 10px;border: 0;border-radius: 10px;background: none;color: #fff;font-weight: 700;font-size: 13.5px;text-decoration: none}.selshare button:hover,.selshare a:hover{background: rgba(255,255,255,.12)}.selshare .i{width: 16px;height: 16px}.rhero{text-align: center;padding: 24px 0 40px}.rhero h1{font-size: clamp(2.8rem,1.6rem + 5vw,5rem);letter-spacing: -.055em;line-height: 1}.rhero__dek{margin-top: 16px;font-size: 19px;color: var(--text2)}.rhero__actions{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 12px;margin-top: 26px}.rhero__actions .btn .i{width: 18px;height: 18px}.releases{list-style: none;position: relative;padding: 0}.releases::before{content: "";position: absolute;left: 125px;top: 10px;bottom: 10px;width: 2px;background: var(--line)}.release{display: grid;grid-template-columns: 110px minmax(0,1fr);gap: 32px;padding-bottom: 40px}.release__meta{position: sticky;top: calc(var(--header-h) + 24px);height: fit-content;display: grid;gap: 6px;justify-items: end;text-align: right;font-size: 13.5px;font-weight: 700;color: var(--text2)}.release__meta::after{content: "";position: absolute;right: -22px;top: 12px;width: 14px;height: 14px;border-radius: 50%;background: var(--primary);box-shadow: 0 0 0 5px var(--background),0 0 0 7px var(--primary-soft)}.release__ver{font-size: 30px;font-weight: 800;letter-spacing: -.04em;color: var(--text);text-decoration: none}.badge-soon{padding: 3px 10px;border-radius: 99px;background: var(--gradient-gold);color: var(--on-gold);font-size: 11.5px;font-weight: 800;letter-spacing: .04em;text-transform: uppercase}.release__body{padding: 28px 30px;border-radius: 28px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-1)}.release__body h2{font-size: clamp(1.6rem,1.2rem + 1.2vw,2.2rem);letter-spacing: -.04em}.release__summary{margin-top: 8px;font-size: 18px;color: var(--text2)}.changes__head{display: inline-flex;margin: 24px 0 12px;padding: 3px 11px;border-radius: 99px;font-size: 12.5px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase}.changes__head--new{background: var(--primary-soft);color: var(--on-primary-soft)}.changes__head--improved{background: #E9F0F7;color: #234A6E}.changes__head--fixed{background: var(--soon-fill);color: var(--soon-text)}.changes{list-style: none;padding: 0;display: grid;gap: 12px}.changes li{position: relative;padding-left: 26px;line-height: 1.55;color: var(--text2)}.changes li::before{content: "";position: absolute;left: 4px;top: .6em;width: 8px;height: 8px;border-radius: 50%;background: var(--primary)}.changes b,.changes strong{color: var(--text)}.rnext{margin-top: 24px;padding: 32px;border-radius: 30px;background: var(--gradient-pro);color: rgba(255,255,255,.85);box-shadow: var(--shadow-3)}.rnext h2{color: #fff;font-size: clamp(1.6rem,1.2rem + 1.2vw,2.2rem);letter-spacing: -.04em}.rnext__note{margin-top: 6px;font-size: 15px;color: rgba(255,255,255,.7)}.rnext ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 12px;margin-top: 20px}.rnext li{display: grid;gap: 4px;padding: 18px;border-radius: 20px;background: rgba(255,255,255,.09);box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);font-size: 15px}.rnext b{color: #fff;font-size: 16.5px}@media (max-width: 640px){.releases::before{display: none}.release{grid-template-columns: 1fr;gap: 12px}.release__meta{position: static;justify-items: start;text-align: left;grid-auto-flow: column;justify-content: start;align-items: center;gap: 10px}.release__meta::after{display: none}.release__body{padding: 22px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;animation-delay: 0s !important;transition-duration: .01ms !important;scroll-behavior: auto !important}.reveal{animation: none !important}.finale__line path{transition: none;stroke-dashoffset: 0}.circled path{stroke-dashoffset: 0}}