:root{--motion-fast:.12s;--motion-standard:.18s;--motion-emphasized:.24s;--motion-slow:.32s;--motion-loop:1.28s;--ease:cubic-bezier(.2, 0, 0, 1);--ease-spring:var(--ease);--radius-xl:calc(var(--radius-sheet) + var(--space-2));--radius-lg:calc(var(--radius-sheet) + var(--space-1));--glow-faint:color-mix(in srgb, var(--color-accent) 8%, transparent);--glow-soft:color-mix(in srgb, var(--color-accent) 14%, transparent);--glow:color-mix(in srgb, var(--color-accent) 24%, transparent);--glow-strong:color-mix(in srgb, var(--color-accent) 40%, transparent);--edge:color-mix(in srgb, var(--color-accent) 16%, var(--color-outline-subtle));--shade:color-mix(in srgb, var(--color-scrim) 22%, transparent);--shade-deep:color-mix(in srgb, var(--color-scrim) 45%, transparent);--elevation:0 1px 2px var(--shade), 0 18px 40px -24px var(--shade-deep);--elevation-hover:0 1px 2px var(--shade), 0 28px 56px -28px var(--shade-deep), 0 0 0 1px var(--glow);--glass:color-mix(in srgb, var(--color-surface) 84%, transparent);--phone-body:var(--color-primary);--phone-edge:color-mix(in srgb, var(--color-primary) 70%, var(--color-accent))}@supports (transition-timing-function:linear(0, 1)){:root{--ease-spring:linear(0, .059 5%, .199 10%, .371 15%, .546 20%, .702 25%, .829 30%, .926 35%, .993 40%, 1.035 45%, 1.056 50%, 1.063 55%, 1.061 60%, 1.052 65%, 1.041 70%, 1.03 75%, 1.02 80%, 1.012 85%, 1.005 90%, 1.001 95%, 1)}}@media (prefers-color-scheme:dark){:root{--glass:color-mix(in srgb, var(--color-surface) 86%, transparent);--phone-body:var(--color-surface-subtle);--phone-edge:var(--color-outline-subtle)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;max-width:none;padding-inline:max(var(--gutter), calc((100% - var(--content-max)) / 2 + var(--gutter)));background:var(--color-background);align-items:center}@media (height>=36em){.site-header{position:sticky;top:0}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:color-mix(in srgb, var(--color-background) 82%, transparent);backdrop-filter:blur(16px)saturate(150%)}}@supports (animation-timeline:scroll()){.site-header{animation:linear both header-lift scroll();animation-range:0 6rem}}@keyframes header-lift{to{box-shadow:0 10px 30px -22px var(--shade-deep);border-bottom-color:var(--edge)}}.site-header{flex-wrap:wrap;container:site-header/inline-size}html:has(.site-header:not(.share-header)){scroll-padding-top:calc(var(--space-16) + var(--space-4))}.site-header .language{flex:none}@container site-header (width<30rem){.language__summary{min-width:var(--touch-target);justify-content:center;padding-inline:0}.language__current{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.language__chevron{display:none}}@container site-header (width<13rem){.brand{min-width:var(--touch-target);justify-content:center}.brand__name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-header .language__summary{border-color:var(--color-outline-subtle);border-radius:var(--radius-full);padding-inline:var(--space-3) var(--space-4);transition:border-color var(--motion-standard) var(--ease), background-color var(--motion-standard) var(--ease)}.site-header .language__summary:hover,.site-header .language__menu[open] .language__summary{border-color:var(--color-outline);background:var(--glow-faint)}.site-header .language__list{border-radius:var(--radius-lg);box-shadow:var(--elevation)}.brand{align-items:center;gap:var(--space-2);min-height:var(--touch-target);border-radius:var(--radius-control);color:var(--color-on-background);font:var(--type-title-large);flex:none;text-decoration:none;display:inline-flex}.brand__mark{width:2rem;height:2rem;transition:transform var(--motion-slow) var(--ease-spring);flex:none}.brand__tile{fill:var(--color-primary)}.brand__cart{stroke:var(--color-on-primary);transition:transform var(--motion-slow) var(--ease-spring)}.brand__wheel{fill:var(--color-on-primary);transition:transform var(--motion-slow) var(--ease-spring)}.brand__spark{fill:var(--color-accent);transform-origin:24.5px 7.5px;transition:transform var(--motion-slow) var(--ease-spring)}.brand:hover .brand__mark{transform:rotate(-6deg)scale(1.06)}.brand:hover .brand__cart,.brand:hover .brand__wheel{transform:translate(1.5px)}.brand:hover .brand__spark{transform:scale(1.35)}.site-links{gap:0 var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-links a{min-height:var(--touch-target);align-items:center;display:inline-flex}.badges{gap:var(--space-3);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-5) var(--space-2) var(--space-4);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation);color:var(--color-on-surface);transition:transform var(--motion-standard) var(--ease-spring), box-shadow var(--motion-standard) var(--ease), border-color var(--motion-standard) var(--ease);text-decoration:none;display:inline-flex}.badge__icon{width:1.5rem;height:1.5rem;color:var(--color-accent);flex:none}.badge__text{text-align:start;display:grid}.badge__caption{color:var(--color-on-surface-muted);font:var(--type-label-medium);letter-spacing:.04em;text-transform:uppercase}.badge__store{font:var(--type-title-medium);font-weight:600}.badge--soon{background:var(--color-surface-subtle);box-shadow:none;cursor:default;border-color:#0000}.badge--link{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.badge--link .badge__icon,.badge__arrow{color:currentColor}.badge__arrow{width:1.125rem;height:1.125rem;transition:transform var(--motion-standard) var(--ease-spring)}.badge--link:hover{box-shadow:var(--elevation-hover);transform:translateY(-2px)}.badge--link:hover .badge__arrow{transform:translate(2px,-2px)}.badge--link:active{transform:scale(.97)}.badges--large{justify-content:center}.badges--large .badge{min-width:min(100%,13rem);min-height:4rem;padding-inline:var(--space-5) var(--space-6)}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.landing-nav{justify-content:flex-end;align-items:center;gap:var(--space-4);flex:1 1 0;min-width:min-content;display:flex}.landing-nav__anchors{margin-inline-end:auto;padding-inline-start:var(--space-2);display:none}@container site-header (width>=60rem){.landing-nav__anchors{display:block}}.landing-nav__list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.landing-nav__link{min-height:var(--touch-target);padding:0 var(--space-2);border-radius:var(--radius-full);color:var(--color-on-surface-muted);font:var(--type-label-large);white-space:nowrap;transition:color var(--motion-standard) var(--ease), background-color var(--motion-standard) var(--ease);align-items:center;text-decoration:none;display:inline-flex;position:relative}.landing-nav__link:hover{background:var(--glow-faint);color:var(--color-on-background)}.cta-button{min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 8px 20px -12px var(--shade-deep), 0 0 0 1px var(--glow);color:var(--color-on-primary);font:var(--type-label-large);white-space:nowrap;isolation:isolate;transition:transform var(--motion-standard) var(--ease-spring), box-shadow var(--motion-standard) var(--ease);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.cta-button:after{content:"";z-index:-1;background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--color-accent) 55%, transparent) 50%, transparent 70%);position:absolute;inset:0;transform:translate(-120%)}.cta-button:hover,.cta-button:focus-visible{box-shadow:0 12px 28px -12px var(--shade-deep), 0 0 0 1px var(--glow-strong), 0 0 24px -4px var(--glow)}.motion-ok .cta-button:hover:after,.motion-ok .cta-button:focus-visible:after{animation:shimmer calc(3 * var(--motion-emphasized)) var(--ease) 1}.cta-button:active{transform:scale(.97)}.cta-button--soon{min-width:min-content;box-shadow:inset 0 0 0 var(--border-hairline) var(--color-outline);color:var(--color-on-background);text-align:center;text-wrap:balance;white-space:normal;background:0 0;flex-shrink:1}.cta-button--soon:hover,.cta-button--soon:focus-visible{background:var(--glow-faint);box-shadow:inset 0 0 0 var(--border-hairline) var(--color-on-background)}.cta-button--soon:after{content:none}@keyframes shimmer{to{transform:translate(120%)}}@media (width<=26em){.site-header:has(.landing-nav){column-gap:var(--space-2)}}@container site-header (width<30rem){.landing-nav .cta-button{padding-inline:var(--space-3)}}@container site-header (width<20.5rem){.site-header:has(.landing-nav) .brand{min-width:var(--touch-target);justify-content:center}.site-header:has(.landing-nav) .brand__name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-main:has(>.landing){max-width:var(--content-max);padding-top:var(--space-6)}.landing{gap:var(--space-16);display:grid;container:landing/inline-size}@media (width>=52em){.landing{gap:calc(var(--space-16) + var(--space-8))}}.landing h2,.landing h3{hyphens:auto;margin:0}.landing ul,.landing ol{margin:0;padding:0;list-style:none}.landing p{margin:0}.section{gap:var(--space-6);min-width:0;display:grid}.section>*,.hero>*{min-width:0}.section__head{gap:var(--space-3);max-width:var(--text-column);display:grid}.section__title{font:var(--type-headline-large);letter-spacing:-.01em}@media (width>=52em){.section__title{font-size:2rem;line-height:2.5rem}}.section__lead{color:var(--color-on-surface-muted);font:var(--type-body-large)}.eyebrow{color:var(--color-on-surface-muted);font:var(--type-label-large);letter-spacing:.04em;text-transform:uppercase}.note{color:var(--color-on-surface-muted);font:var(--type-body-medium)}.card__title{font:var(--type-title-large)}.card__body{color:var(--color-on-surface-muted)}[data-reveal]{--reveal:opacity var(--motion-slow) var(--ease) var(--reveal-delay,0s), translate var(--motion-slow) var(--ease) var(--reveal-delay,0s);transition:var(--reveal)}.motion-ok .is-pending{opacity:0;translate:0 16px}@media print{.motion-ok .is-pending{opacity:1;translate:none}}.hero{align-items:center;gap:var(--space-10) var(--space-8);padding-block:var(--space-4) var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));display:grid;position:relative;container:hero/inline-size}.hero__visual:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent), radial-gradient(closest-side at 30% 80%, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent);pointer-events:none;position:absolute;inset:-12% 0}.hero__text{justify-items:start;gap:var(--space-5);display:grid}.hero__title{font:var(--type-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.12}.gradient-text{color:var(--color-on-background)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.gradient-text{background-image:linear-gradient(100deg, var(--color-primary) 0%, var(--color-primary) 30%, var(--color-accent) 50%, var(--color-primary) 72%, var(--color-primary) 100%);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.motion-ok .gradient-text{animation:gradient-sweep var(--motion-loop) var(--ease) 3 alternate-reverse both}}@keyframes gradient-sweep{0%{background-position:0 0}to{background-position:100% 0}}.hero__lead{max-width:34rem;color:var(--color-on-surface-muted);font:var(--type-body-large);font-size:1.125rem;line-height:1.75rem}.hero__platforms{color:var(--color-on-surface-muted);font:var(--type-body-medium)}.hero__visual{perspective:1200px;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid;position:relative;container:hero-visual/inline-size}.hero__stage{max-width:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform var(--motion-slow) var(--ease-spring);position:relative}.hero__stage.is-tilting{transition:transform var(--motion-standard) var(--ease)}.motion-ok .hero__stage .phone{animation:float-in calc(3 * var(--motion-emphasized)) var(--ease) both}@keyframes float-in{0%{opacity:0;translate:0 24px}}.hero__chip{--chip-room:calc((100cqi - 100%) / 2 + .5rem + var(--chip-gap,0px));align-items:center;gap:var(--space-1);width:max-content;min-width:min-content;max-width:var(--chip-room);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-lg);background:var(--glass);box-shadow:var(--elevation);color:var(--color-on-surface);font:var(--type-label-large);transform:translate3d(calc(var(--shift-x,0) * 18px), calc(var(--shift-y,0) * 18px), 48px);transition:transform var(--motion-slow) var(--ease-spring);display:none;position:absolute}@container hero-visual (width>=32rem){.hero__chip{display:inline-flex}}@container hero (width>=60rem){.hero__chip{display:inline-flex}.hero__chip--buy,.hero__chip--do{--chip-gap:var(--space-8)}}.hero__chip .icon{border-radius:var(--radius-full);background:var(--color-accent);width:1.125rem;height:1.125rem;color:var(--color-on-accent);flex:none;padding:2px}.hero__chip--buy{top:16%;inset-inline-end:calc(100% - .5rem)}.hero__chip--take{top:44%;inset-inline-start:calc(100% - .5rem)}.hero__chip--do{bottom:16%;inset-inline-end:calc(100% - .5rem)}.motion-ok .hero__chip{animation:chip-in var(--motion-slow) var(--ease-spring) both}.motion-ok .hero__chip--buy{animation-delay:.36s}.motion-ok .hero__chip--take{animation-delay:.48s}.motion-ok .hero__chip--do{animation-delay:.6s}@keyframes chip-in{0%{opacity:0;scale:.8}}.phone{background:var(--phone-body);width:16rem;max-width:100%;box-shadow:inset 0 0 0 1px var(--phone-edge), 0 2px 4px var(--shade), 0 40px 70px -36px var(--shade-deep), 0 24px 80px -40px var(--glow-strong);border-radius:2.5rem;padding:.5rem;position:relative}.phone--hero{width:17.5rem}.phone--thumb{border-radius:1.5rem;width:9rem;padding:.3rem}.phone:before{content:"";inset-inline-end:-3px;background:var(--phone-body);border-radius:0 3px 3px 0;width:3px;height:14%;position:absolute;top:22%}.phone:after{content:"";border-radius:var(--radius-full);background:var(--phone-body);width:.6rem;height:.6rem;position:absolute;top:1.05rem;left:50%;translate:-50%}.phone--thumb:after{width:.35rem;height:.35rem;top:.55rem}.phone__screen{background:var(--color-surface);border-radius:2rem;display:block;overflow:hidden}.phone--thumb .phone__screen{border-radius:1.2rem}.phone__screen img{width:100%;height:auto;display:block}.bento{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@container landing (width>=37rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__card--wide{grid-column:span 2}}@container landing (width>=60rem){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}}.bento__card{gap:var(--space-3);min-width:0;padding:var(--space-6);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--elevation);isolation:isolate;transition:var(--reveal), transform var(--motion-standard) var(--ease-spring), box-shadow var(--motion-standard) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.bento__card:before,.bento__card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--motion-standard) var(--ease);position:absolute;inset:0}.bento__card:before{z-index:-1;background:radial-gradient(22rem circle at var(--spot-x,50%) var(--spot-y,0%), var(--glow-soft), transparent 65%)}.bento__card:after{background:radial-gradient(14rem circle at var(--spot-x,50%) var(--spot-y,0%), var(--glow-strong), transparent 70%);-webkit-mask-composite:xor;padding:1px;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}.bento__card:hover{box-shadow:var(--elevation-hover);transform:translateY(-4px)}.bento__card:hover:before,.bento__card:hover:after,.bento__card:focus-within:after{opacity:1}.bento__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.bento__icon{border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-sheet);background:var(--color-accent-container);width:2.75rem;height:2.75rem;color:var(--color-on-accent-container);transition:transform var(--motion-slow) var(--ease-spring);place-items:center;display:inline-grid}.bento__card:hover .bento__icon{transform:translateY(-2px)rotate(-8deg)scale(1.08)}.ai-badge{padding:2px var(--space-2);border:var(--border-hairline) solid var(--color-accent);border-radius:var(--radius-compact);color:var(--color-accent);font:var(--type-label-medium);letter-spacing:.04em}.widget{padding-top:var(--space-2);margin-top:auto}.widget__caption{margin-top:var(--space-2);color:var(--color-on-surface-muted);font:var(--type-label-medium)}.chat{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-subtle);font:var(--type-body-medium);display:grid}.chat__bubble{max-width:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sheet)}.chat__bubble--me{background:var(--color-primary);color:var(--color-on-primary);border-end-end-radius:var(--radius-compact);justify-self:end}.chat__bubble--rinka{background:var(--color-surface);color:var(--color-on-surface);border-end-start-radius:var(--radius-compact);justify-self:start}.chat__typing{display:none}.chat__bubble--rinka,.chat__typing{grid-area:2/1}.chat__action{color:var(--color-accent);font:var(--type-label-large);justify-self:start}.motion-ok .chat__bubble--me{animation:pop-in var(--motion-slow) var(--ease-spring) both paused}.motion-ok .chat__typing{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sheet);background:var(--color-surface);justify-self:start;gap:4px;animation:.96s linear .4s both paused typing-window;display:flex}.motion-ok .chat__typing span{border-radius:var(--radius-full);background:var(--color-on-surface-muted);width:6px;height:6px;animation:typing-dot calc(2 * var(--motion-slow)) var(--ease) .4s 2 alternate both paused}.motion-ok .chat__typing span:nth-child(2){animation-delay:.52s}.motion-ok .chat__typing span:nth-child(3){animation-delay:.64s}.motion-ok .chat__bubble--rinka{animation:pop-in var(--motion-slow) var(--ease-spring) 1.36s both paused}.motion-ok .chat__action{animation:pop-in var(--motion-slow) var(--ease-spring) 1.6s both paused}.motion-ok .is-inview .chat *,.motion-ok .is-inview .chat{animation-play-state:running}@keyframes pop-in{0%{opacity:0;translate:0 8px;scale:.96}}@keyframes typing-window{0%{opacity:0}10%,90%{opacity:1}to{opacity:0}}@keyframes typing-dot{to{opacity:.4;translate:0 -3px}}.ticks{gap:var(--space-2);display:grid}.tick{justify-content:space-between;align-items:center;column-gap:var(--space-2);border:var(--border-hairline) solid var(--color-outline-subtle);border-radius:var(--radius-sheet);background:var(--color-background);flex-wrap:wrap;padding-inline-end:var(--space-3);display:flex}.tick__button{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sheet);color:var(--color-on-surface);font:var(--type-body-medium);text-align:start;cursor:pointer;background:0 0;border:0;flex:9rem;display:flex}.tick__button:disabled{cursor:default}.tick__button:disabled .tick__box,.switch:disabled .switch__track{opacity:.55}.tick__box{border:var(--border-focus) solid var(--color-outline);border-radius:var(--radius-control);color:#0000;width:1.5rem;height:1.5rem;transition:background-color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), transform var(--motion-slow) var(--ease-spring);flex:none;place-items:center;display:inline-grid}.tick__box .icon{stroke-width:2.6px;width:1rem;height:1rem}.tick__button[aria-pressed=true] .tick__box{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.tick__button:not(:disabled):active .tick__box{transform:scale(.85)}.tick__name{overflow-wrap:anywhere;hyphens:auto;min-width:0;transition:color var(--motion-fast) var(--ease)}.tick__button[aria-pressed=true] .tick__name{color:var(--color-on-surface-muted);text-decoration:line-through}.tick__kind{margin-block:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-compact);background:var(--color-surface-subtle);color:var(--color-on-surface-muted);font:var(--type-label-medium);flex:none;margin-inline-start:auto}.offline{gap:var(--space-3);display:grid}.switch{align-items:center;gap:var(--space-3);max-width:100%;min-height:var(--touch-target);padding:0 var(--space-3) 0 var(--space-1);border-radius:var(--radius-full);color:var(--color-on-surface);font:var(--type-label-large);cursor:pointer;background:0 0;border:0;flex-wrap:wrap;justify-self:start;display:inline-flex}.switch:disabled{cursor:default}.switch__track{border-radius:var(--radius-full);background:var(--color-outline);width:2.75rem;height:1.5rem;transition:background-color var(--motion-standard) var(--ease);position:relative}.switch__thumb{border-radius:var(--radius-full);background:var(--color-surface);width:1.125rem;height:1.125rem;box-shadow:0 1px 2px var(--shade-deep);transition:transform var(--motion-slow) var(--ease-spring);position:absolute;top:3px;left:3px}.switch[aria-pressed=true] .switch__track{background:var(--color-accent)}.switch[aria-pressed=true] .switch__thumb{transform:translate(1.25rem)}.offline__status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sheet);background:var(--color-surface-subtle);font:var(--type-body-medium);display:flex}.offline__icon{width:1.25rem;height:1.25rem;color:var(--color-accent);flex:none}.offline__icon--off,.offline:has(.switch[aria-pressed=false]) .offline__icon--on{display:none}.offline:has(.switch[aria-pressed=false]) .offline__icon--off{display:block}.store-demo{gap:var(--space-3);display:grid}.store-demo__bar{border-radius:var(--radius-full);background:var(--color-surface-subtle);height:6px;display:block;overflow:hidden}.store-demo__fill{border-radius:inherit;background:var(--color-accent);transform-origin:0;height:100%;display:block;transform:scaleX(.5)}.store-demo__rows{gap:var(--space-2);display:grid}.store-demo__row{align-items:center;gap:var(--space-2);display:flex}.store-demo__box{border:var(--border-focus) solid var(--color-outline);border-radius:var(--radius-compact);color:#0000;place-items:center;width:1.125rem;height:1.125rem;display:inline-grid}.store-demo__box .icon{stroke-width:3px;width:.75rem;height:.75rem}.store-demo__row--1 .store-demo__box,.store-demo__row--2 .store-demo__box{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.store-demo__line{border-radius:var(--radius-full);background:var(--color-surface-subtle);flex:0 70%;height:8px}.store-demo__row--2 .store-demo__line{flex-basis:55%}.store-demo__row--3 .store-demo__line{flex-basis:80%}.store-demo__row--4 .store-demo__line{flex-basis:45%}.motion-ok .store-demo__fill{animation:fill-grow calc(3 * var(--motion-slow)) var(--ease) .2s both paused}.motion-ok .store-demo__row--1 .store-demo__box,.motion-ok .store-demo__row--2 .store-demo__box{animation:tick-on var(--motion-slow) var(--ease-spring) both paused}.motion-ok .store-demo__row--1 .store-demo__box{animation-delay:.3s}.motion-ok .store-demo__row--2 .store-demo__box{animation-delay:.7s}.motion-ok .is-inview .store-demo *{animation-play-state:running}@keyframes fill-grow{0%{transform:scaleX(0)}}@keyframes tick-on{0%{opacity:0;scale:.6}}.export__tabs{gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1);border-radius:calc(var(--touch-target) / 2 + var(--space-1));background:var(--color-surface-subtle);flex-wrap:wrap;display:flex}.export__tabs[hidden]{display:none}.export__tab{min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--color-on-surface-muted);font:var(--type-label-large);cursor:pointer;transition:background-color var(--motion-standard) var(--ease), color var(--motion-standard) var(--ease);background:0 0;border:0;flex:auto}.export__tab[aria-selected=true]{background:var(--color-surface);box-shadow:0 1px 3px var(--shade);color:var(--color-on-surface)}.export__tab:hover{color:var(--color-on-surface)}.export__preview{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sheet);background:var(--color-background);border:var(--border-hairline) solid var(--color-outline-subtle);color:var(--color-on-surface);font:var(--type-body-medium);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;overflow:auto}.export__preview code{font:inherit}.motion-ok .export__preview:not([hidden]){animation:fade-in var(--motion-standard) var(--ease)}@keyframes fade-in{0%{opacity:0}}.sync{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-2);display:flex;position:relative}.sync__phone{z-index:1;gap:var(--space-2);padding:var(--space-3);border:var(--border-hairline) solid var(--color-outline-subtle);border-radius:var(--radius-sheet);background:var(--color-background);flex:0 9rem;display:grid;position:relative}.sync__row{align-items:center;gap:var(--space-2);display:flex}.sync__box{border:var(--border-focus) solid var(--color-outline);border-radius:var(--radius-compact);flex:none;place-items:center;width:1rem;height:1rem;display:inline-grid}.sync__row:not(.sync__row--muted) .sync__box{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.sync__box .icon{stroke-width:3px;width:.7rem;height:.7rem}.sync__line{border-radius:var(--radius-full);background:var(--color-surface-subtle);flex:1;height:7px}.sync__link{border-top:var(--border-focus) dashed var(--edge);height:0;position:absolute;top:50%;left:15%;right:15%}.sync__dot{border-radius:var(--radius-full);background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--glow);opacity:0;position:absolute;top:-5px;left:0}.motion-ok .sync__phone--1 .sync__row:not(.sync__row--muted) .sync__box{animation:tick-on var(--motion-slow) var(--ease-spring) .2s both paused}.motion-ok .sync__phone--2 .sync__row:not(.sync__row--muted) .sync__box{animation:tick-on var(--motion-slow) var(--ease-spring) 1.2s both paused}.motion-ok .sync__dot{animation:travel calc(3 * var(--motion-slow)) var(--ease) .4s both paused}.motion-ok .is-inview .sync *{animation-play-state:running}@keyframes travel{0%{opacity:0;left:0}20%,80%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.scan{padding:var(--space-2) 0;justify-items:center;display:grid;position:relative;overflow:hidden}.scan__receipt{gap:var(--space-2);width:min(100%,9rem);padding:var(--space-4) var(--space-3);border:var(--border-hairline) solid var(--color-outline-subtle);border-radius:var(--radius-compact);background:var(--color-background);display:grid}.scan__line{border-radius:var(--radius-full);background:var(--color-surface-subtle);height:6px}.scan__line--1{background:var(--color-outline-subtle);width:60%}.scan__line--2,.scan__line--4{width:90%}.scan__line--3{width:75%}.scan__line--5{background:var(--glow);justify-self:end;width:40%}.scan__beam{top:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);width:min(80%,11rem);height:2px;box-shadow:0 0 12px 2px var(--glow-strong);opacity:0;position:absolute;left:50%;translate:-50%}.motion-ok .scan__beam{animation:scan-pass var(--motion-loop) var(--ease) .3s 2 alternate both paused}.motion-ok .is-inview .scan__beam{animation-play-state:running}@keyframes scan-pass{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(6.5rem)}}.bars{gap:var(--space-3);display:grid}.bars__row{gap:var(--space-1);display:grid}.bars__name{align-items:center;gap:var(--space-1) var(--space-2);font:var(--type-label-large);flex-wrap:wrap;display:flex}.bars__tag{padding:0 var(--space-1);border:var(--border-hairline) solid var(--color-outline-subtle);border-radius:var(--radius-compact);color:var(--color-on-surface-muted);font:var(--type-label-medium)}.bars__track{border-radius:var(--radius-full);background:var(--color-surface-subtle);height:10px;display:block;overflow:hidden}.bars__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));transform-origin:0;height:100%;display:block}.bars__fill--dinner{transform:scaleX(.4)}.motion-ok .bars__fill{animation:fill-grow calc(3 * var(--motion-slow)) var(--ease-spring) .2s both paused}.motion-ok .bars__fill--dinner{animation-delay:.36s}.motion-ok .is-inview .bars__fill{animation-play-state:running}.walk{gap:var(--space-6);display:grid}.walk__tabs{counter-reset:walk;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));display:grid}.walk__tabs[hidden]{display:none}.walk__tab{counter-increment:walk;align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-4);border:var(--border-hairline) solid var(--color-outline-subtle);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-on-surface-muted);font:var(--type-label-large);text-align:start;cursor:pointer;transition:border-color var(--motion-standard) var(--ease), color var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease), transform var(--motion-standard) var(--ease-spring);display:flex}.walk__tab:hover{border-color:var(--glow-strong);color:var(--color-on-surface)}.walk__tab:active{transform:scale(.98)}.walk__tab[aria-selected=true]{border-color:var(--color-accent);box-shadow:var(--elevation), 0 0 0 3px var(--glow-faint);color:var(--color-on-surface)}.walk__tab:before,.walk__title:before{content:counter(walk);content:counter(walk) / "";border-radius:var(--radius-full);background:var(--color-surface-subtle);width:2rem;height:2rem;color:var(--color-on-surface);font:var(--type-label-large);font-variant-numeric:tabular-nums;transition:background-color var(--motion-standard) var(--ease), color var(--motion-standard) var(--ease);flex:none;place-items:center;display:inline-grid}.walk__tab[aria-selected=true]:before{background:var(--color-accent);color:var(--color-on-accent)}.walk__panels{gap:var(--space-10);counter-reset:walk;display:grid}.walk.is-tabs .walk__step{display:contents}.walk.is-tabs .walk__panels{gap:0}.walk.is-tabs .walk__panel{transition:opacity var(--motion-emphasized) var(--ease), visibility 0s linear 0s;grid-area:1/1}.walk.is-tabs .walk__panel.is-inactive{opacity:0;visibility:hidden;transition:opacity var(--motion-emphasized) var(--ease), visibility 0s linear var(--motion-emphasized)}.walk__panel.is-entering{animation:panel-in var(--motion-emphasized) var(--ease) both}@keyframes panel-in{0%{opacity:0;translate:var(--enter-from,24px) 0}}.walk__panel{counter-increment:walk;align-content:start;align-items:center;gap:var(--space-8);padding:var(--space-6);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-xl);background:radial-gradient(circle at 85% 30%, var(--glow-soft), transparent 55%), var(--color-surface);box-shadow:var(--elevation);grid-template-columns:minmax(0,1fr);display:grid;position:relative}@container landing (width>=45rem){.walk__panel{padding:var(--space-10);grid-template-columns:minmax(0,1fr) auto;align-content:center}}.walk__panel:focus-visible{outline-offset:4px}.walk__text{align-content:start;gap:var(--space-4);max-width:30rem;display:grid}.walk__title{align-items:center;gap:var(--space-3);font:var(--type-headline-medium);display:flex}.walk.is-tabs .walk__title:before{content:none}.walk__body{color:var(--color-on-surface-muted);font:var(--type-body-large)}.walk__notes{gap:var(--space-2);font:var(--type-body-medium);display:grid}.walk__notes li{border-inline-start:var(--border-focus) solid var(--glow-strong);padding-inline-start:var(--space-4)}.walk__notes li:last-child{color:var(--color-on-surface-muted)}.walk__device{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.scenarios{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));display:grid}.scenario{gap:var(--space-5);padding:var(--space-5) var(--space-5) 0;border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--elevation);transition:var(--reveal), transform var(--motion-standard) var(--ease-spring), box-shadow var(--motion-standard) var(--ease);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.scenario:hover{box-shadow:var(--elevation-hover);transform:translateY(-4px)}@media (width<=30em){.scenario{grid-template-columns:minmax(0,1fr)}.scenario__peek{order:1;justify-self:center}}.scenario__peek{align-self:end;height:13rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.scenario__peek .phone{transition:transform var(--motion-slow) var(--ease-spring)}.scenario:hover .scenario__peek .phone{transform:translateY(-10px)rotate(-2deg)}.scenario__text{align-content:start;gap:var(--space-3);padding-bottom:var(--space-5);display:grid}.tags{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.tag{padding:2px var(--space-2);border-radius:var(--radius-compact);background:var(--color-accent-container);color:var(--color-on-accent-container);font:var(--type-label-medium)}.privacy{align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-6);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-xl);background:radial-gradient(circle at 0% 0%, var(--glow-faint), transparent 50%), var(--color-primary-container);color:var(--color-on-primary-container);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}@media (width>=48em){.privacy{padding:var(--space-12)}}.privacy__text{gap:var(--space-6);display:grid}.points{gap:var(--space-4);display:grid}.point{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.point__icon{border-radius:var(--radius-control);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-accent);place-items:center;display:inline-grid}.point__icon .icon{width:1.25rem;height:1.25rem}.privacy__link a{min-height:var(--touch-target);font:var(--type-label-large);align-items:center;display:inline-flex}.privacy__device{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.plans{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.plan-card{align-content:start;gap:var(--space-4);padding:var(--space-6);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--elevation);transition:var(--reveal), transform var(--motion-standard) var(--ease-spring), box-shadow var(--motion-standard) var(--ease);display:grid}.plan-card:hover{box-shadow:var(--elevation-hover);transform:translateY(-4px)}.plan-card__head{align-items:baseline;column-gap:var(--space-2);flex-wrap:wrap;display:flex}.plan-card__name{font:var(--type-headline-medium)}.plan-card__price{color:var(--color-on-surface-muted);font:var(--type-title-medium);margin:0}.plan{margin:0;display:grid}.plan__row{gap:var(--space-1);padding-block:var(--space-3);border-top:var(--border-hairline) solid var(--color-outline-subtle);display:grid}.plan dt{color:var(--color-on-surface-muted);font:var(--type-body-medium)}.plan dd{align-items:center;gap:var(--space-1);margin:0;font-weight:600;display:flex}.plan__check{width:1.125rem;height:1.125rem;color:var(--color-accent)}.faq{gap:var(--space-3);max-width:var(--text-column);display:grid}.faq__item{border:var(--border-hairline) solid var(--color-outline-subtle);border-radius:var(--radius-lg);background:var(--color-surface);transition:var(--reveal), border-color var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease)}.faq__item:hover{border-color:var(--glow-strong)}.faq__item[open]{border-color:var(--edge);box-shadow:var(--elevation)}.faq__question{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font:var(--type-title-medium);cursor:pointer;list-style:none;display:flex}.faq__question::-webkit-details-marker{display:none}.faq__chevron{width:1.25rem;height:1.25rem;color:var(--color-accent);transition:transform var(--motion-slow) var(--ease-spring);flex:none}.faq__item[open] .faq__chevron{transform:rotate(180deg)}.faq__answer{padding:0 var(--space-5) var(--space-5);color:var(--color-on-surface-muted)}@supports (interpolate-size:allow-keywords){.faq{interpolate-size:allow-keywords}.faq__item::details-content{block-size:0;transition:block-size var(--motion-slow) var(--ease-spring), content-visibility var(--motion-slow) allow-discrete;overflow:clip}.faq__item[open]::details-content{block-size:auto}}.cta{justify-items:center;gap:var(--space-5);padding:var(--space-12) var(--space-6);border:var(--border-hairline) solid var(--edge);border-radius:var(--radius-xl);background:var(--color-surface);text-align:center;isolation:isolate;display:grid;position:relative;overflow:hidden}@media (width>=48em){.cta{padding:var(--space-16) var(--space-12)}}.cta__glow{z-index:-1;background:radial-gradient(40% 70% at 20% 100%, var(--glow), transparent), radial-gradient(45% 80% at 85% 0%, var(--glow-soft), transparent), radial-gradient(60% 60% at 50% 50%, color-mix(in srgb, var(--color-primary) 5%, transparent), transparent);pointer-events:none;position:absolute;inset:0}.motion-ok .cta:not(.is-pending) .cta__glow{animation:glow-in calc(3 * var(--motion-slow)) var(--ease) both}@keyframes glow-in{0%{opacity:0;scale:.9}}.cta__title{font:var(--type-headline-large);letter-spacing:-.01em;font-size:clamp(1.625rem,1.2rem + 1.6vw,2.25rem);line-height:1.2}.cta__text{max-width:32rem;color:var(--color-on-surface-muted)}.qr-list{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.qr{justify-items:center;gap:var(--space-2);max-width:12rem;display:grid}.qr__code{border-radius:var(--radius-sheet);background:var(--color-surface);width:10rem;height:10rem;color:var(--color-on-surface)}@media (prefers-color-scheme:dark){.qr__code{background:var(--color-on-background);color:var(--color-background)}}.qr__caption{color:var(--color-on-surface-muted);font:var(--type-body-medium)}.landing-footer{gap:var(--space-2);display:grid}.landing-footer p{margin:0}.landing-footer a{min-height:var(--touch-target);align-items:center;display:inline-flex}.landing-footer__brand{color:var(--color-on-surface);font:var(--type-title-medium)}