.landing{--paper:#fbf7f1;--ink:#1a2430;--accent:#0d9488;--amber:#f59e0b;--rose:#e11d48;--surface:color-mix(in oklch, var(--paper) 96%, var(--ink));--card:color-mix(in oklch, var(--paper) 88%, white);--ink-2:color-mix(in oklch, var(--ink) 82%, var(--paper));--muted:color-mix(in oklch, var(--ink) 60%, var(--paper));--rule:color-mix(in oklch, var(--ink) 14%, var(--paper));--rule-strong:color-mix(in oklch, var(--ink) 30%, var(--paper));--accent-deep:color-mix(in oklch, var(--accent) 70%, var(--ink));--accent-hover:color-mix(in oklch, var(--accent-deep) 90%, black);--accent-bright:color-mix(in oklch, var(--accent) 55%, white);--accent-soft:color-mix(in oklch, var(--accent) 12%, var(--paper));--amber-soft:color-mix(in oklch, var(--amber) 22%, var(--paper));--rose-deep:color-mix(in oklch, var(--rose) 72%, var(--ink));--rose-soft:color-mix(in oklch, var(--rose) 10%, var(--paper));--focus:var(--accent);--text-display:clamp(2.5rem, 5.5vw + 1rem, 4.5rem);--text-h2:clamp(1.7rem, 2.2vw + 1.1rem, 2.6rem);--text-h3:clamp(1.2rem, 1.2vw + .95rem, 1.5rem);--text-lead:clamp(1.05rem, .9vw + .9rem, 1.3rem);--text-small:.875rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-s:8px;--radius-m:12px;--radius-pill:999px;--shadow-lift:0 14px 34px -18px oklch(28% .03 220/.3);--ease:cubic-bezier(.22, 1, .36, 1);--dur-1:.14s;--dur-2:.18s;--z-sticky:200;background:var(--paper);color:var(--ink);padding-bottom:calc(4.25rem + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-weight:400;overflow-x:clip}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing h1,.landing h2,.landing h3{overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.35}.landing p{margin:0}.landing ul,.landing ol{margin:0;padding:0;list-style:none}.landing a{color:inherit}.landing figure{margin:0}.landing svg{display:block}.landing ::selection{background:var(--amber-soft)}.landing :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-s)}.landing .skip-link{inset-inline-start:1rem;z-index:300;background:var(--ink);color:var(--paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-s);transition:top var(--dur-1) var(--ease);text-decoration:none;position:absolute;top:-4rem}.landing .skip-link:focus{top:1rem}.landing .btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-s);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);border:1px solid #0000;font-family:inherit;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.landing .btn:active{transform:translateY(1px)}.landing .btn--primary{background:var(--accent-deep);color:var(--paper)}.landing .btn--primary:hover{background:var(--accent-hover)}.landing .btn--ghost{color:var(--ink);border-color:var(--rule-strong);background:0 0}.landing .btn--ghost:hover{background:var(--surface);border-color:var(--ink-2)}.landing .btn--sm{min-height:40px;padding:var(--space-2xs) var(--space-md);font-size:.9375rem;font-weight:600}.landing .text-link{color:var(--accent-deep);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklch, var(--accent-deep) 45%, transparent);text-decoration-color:color-mix(in oklch, var(--accent-deep) 45%, transparent);transition:text-decoration-color var(--dur-1) var(--ease)}.landing .text-link:hover{-webkit-text-decoration-color:var(--accent-deep);text-decoration-color:var(--accent-deep)}.landing .site-header{border-block-end:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing .header__inner{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;display:flex}.landing .wordmark{align-items:center;gap:var(--space-xs);font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.landing .wordmark__mark{background:var(--accent);border-radius:4px;width:12px;height:12px}.landing .header__nav{align-items:center;gap:var(--space-md);display:flex}.landing .nav-link{color:var(--ink-2);padding:var(--space-xs) 0;transition:color var(--dur-1) var(--ease);font-size:.9375rem;font-weight:500;text-decoration:none}.landing .nav-link:hover{color:var(--ink)}.landing .hero{padding-block:clamp(2.5rem,8vw,5.5rem) clamp(2.5rem,6vw,4.5rem)}.landing .hero__grid{gap:var(--space-2xl);display:grid}.landing .hero h1{font-size:clamp(1.9rem,2.6vw + 1rem,2.2rem);line-height:1.22}.landing .hero .lead{margin-top:var(--space-lg);font-size:var(--text-lead);color:var(--ink-2);max-width:44ch}.landing .hero__actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.landing .hero__devices{align-items:center;gap:var(--space-md);margin:var(--space-md) 0 0;color:var(--muted);padding:0;list-style:none;display:flex}.landing .hero__devices li{display:flex}.landing .hero__devices li:last-child svg{width:26px;height:26px}.landing .hero__devices li:hover{color:var(--ink-2)}.landing .hero__art{padding-block:var(--space-sm);justify-content:center;display:flex}.landing .receipt{background:var(--card);border-radius:var(--radius-s) var(--radius-s) 0 0;width:min(100%,300px);padding:var(--space-lg) var(--space-md) var(--space-xl);font-variant-numeric:tabular-nums;filter:drop-shadow(0 16px 26px oklch(28% .03 220/.16));transform:rotate(-1.2deg);-webkit-mask:linear-gradient(#000,#000) 0 0/100% calc(100% - 11px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 90deg) 0 100%/22px 11px repeat-x;mask:linear-gradient(#000,#000) 0 0/100% calc(100% - 11px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 90deg) 0 100%/22px 11px repeat-x}.landing .receipt__brand{text-align:center;font-size:1.05rem;font-weight:800;display:block}.landing .receipt__sub{text-align:center;color:var(--muted);margin-top:2px;font-size:.75rem;display:block}.landing .receipt__rule{border:0;border-top:1px dashed var(--rule-strong);margin-block:var(--space-md)}.landing .receipt__lines{gap:var(--space-xs);color:var(--ink-2);font-size:.875rem;display:grid}.landing .receipt__lines li{justify-content:space-between;gap:var(--space-sm);display:flex}.landing .receipt__total{justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--rule-strong);font-weight:800;display:flex}.landing .receipt__coupon{margin-top:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border:1px dashed var(--accent);border-radius:var(--radius-s);color:var(--accent-deep);text-align:center;font-size:.8125rem}.landing .receipt__status{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--ink-2);font-size:.8125rem;display:flex}.landing .receipt__status svg{flex:none}.landing .receipt__status--ok{color:var(--accent-deep)}.landing .dot{border-radius:50%;flex:none;width:8px;height:8px}.landing .dot--rose{background:var(--rose)}.landing .receipt__barcode{margin:var(--space-lg) auto 0;background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px, var(--ink) 5px 6px, transparent 6px 10px, var(--ink) 10px 13px, transparent 13px 15px, var(--ink) 15px 16px, transparent 16px 20px);width:68%;height:34px}.landing .story{padding-block:var(--space-2xl) var(--space-3xl)}.landing .section-head{max-width:40ch}.landing .section-head h2{font-size:var(--text-h2)}.landing .section-head p{margin-top:var(--space-sm);color:var(--muted);font-size:var(--text-lead)}.landing .stages{margin-top:var(--space-2xl);gap:0;display:grid}.landing .stage{gap:var(--space-sm) var(--space-lg);padding-block:var(--space-xl);border-top:1px solid var(--rule);grid-template-columns:auto 1fr;display:grid}.landing .stage:last-child{border-bottom:1px solid var(--rule)}.landing .stage__num{color:var(--accent);min-width:2.6rem;font-size:1.9rem;font-weight:800;line-height:1}.landing .stage__body{gap:var(--space-lg);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.landing .stage__text{flex:17rem}.landing .stage__text h3{font-size:var(--text-h3)}.landing .stage__text p{margin-top:var(--space-sm);color:var(--ink-2);max-width:52ch}.landing .stage__art{flex:0 18rem;min-width:15rem}@media (width>=40rem){.landing .stage:nth-child(2n) .stage__body{flex-direction:row-reverse}}.landing .status-chip{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--rule-strong);background:var(--card);white-space:nowrap;font-size:.9375rem;font-weight:600;display:inline-flex}.landing .status-chip--off{color:var(--ink)}.landing .status-chip--on{border-color:color-mix(in oklch, var(--accent) 45%, var(--paper));background:var(--accent-soft);color:var(--accent-deep)}.landing .offline-flow{gap:var(--space-sm);justify-items:start;display:grid}.landing .offline-flow__arrow{color:var(--muted);margin-inline-start:1.25rem}.landing .mini-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-m);padding:var(--space-md);box-shadow:var(--shadow-lift);font-variant-numeric:tabular-nums}.landing .stock__row,.landing .ledger__row{align-items:baseline;gap:var(--space-sm);padding-block:var(--space-2xs);font-size:.9375rem;display:flex}.landing .stock__fill,.landing .ledger__fill{border-bottom:1px dotted var(--rule-strong);flex:1;min-width:1rem}.landing .neg{color:var(--rose-deep);font-weight:700}.landing .pos{color:var(--accent-deep);font-weight:700}.landing .stock__note,.landing .ledger__sms{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--rule);color:var(--accent-deep);font-size:.875rem;font-weight:600;display:flex}.landing .wheel-art{align-items:center;gap:var(--space-lg);display:flex}.landing .wheel{aspect-ratio:1;background:conic-gradient(var(--accent) 0 45deg, var(--card) 45deg 90deg, color-mix(in oklch, var(--amber) 72%, var(--paper)) 90deg 135deg, var(--card) 135deg 180deg, var(--accent) 180deg 225deg, var(--card) 225deg 270deg, color-mix(in oklch, var(--amber) 72%, var(--paper)) 270deg 315deg, var(--card) 315deg 360deg);border:4px solid var(--ink);width:clamp(150px,38vw,200px);transition:transform var(--dur-2) var(--ease);border-radius:50%;flex:none;position:relative}@media (hover:hover) and (pointer:fine){.landing .wheel:hover{transform:rotate(48deg)}}.landing .wheel__pin{border-inline:9px solid #0000;border-block-start:15px solid var(--ink);width:0;height:0;position:absolute;top:-13px;left:50%;translate:-50%}.landing .wheel__hub{aspect-ratio:1;background:var(--card);border:3px solid var(--ink);border-radius:50%;width:30%;margin:auto;position:absolute;inset:0}.landing .coupon-stub{padding:var(--space-sm) var(--space-md);border:1px dashed var(--amber);border-radius:var(--radius-s);background:var(--amber-soft);font-size:.9375rem;font-weight:700}.landing .storefront__bar{align-items:center;gap:var(--space-xs);color:var(--ink-2);padding-bottom:var(--space-sm);border-bottom:1px solid var(--rule);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:700;display:flex}.landing .storefront__bar svg{color:var(--accent-deep)}.landing .storefront__grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));display:grid}.landing .prod-tile{border:1px solid var(--rule);border-radius:var(--radius-s);padding:var(--space-sm);background:var(--paper);font-size:.8125rem}.landing .prod-tile__swatch{background:var(--surface);height:44px;margin-bottom:var(--space-xs);border-radius:6px}.landing .prod-tile__name{font-weight:600}.landing .prod-tile__meta{justify-content:space-between;align-items:center;gap:var(--space-xs);color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;display:flex}.landing .prod-tile__add{color:var(--accent-deep);border:1px solid color-mix(in oklch, var(--accent) 40%, var(--paper));border-radius:var(--radius-pill);padding:2px 10px;font-size:.75rem;font-weight:700}.landing .platform{gap:var(--space-sm);flex-wrap:wrap;display:flex}.landing .org-switch{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--rule-strong);background:var(--card);white-space:nowrap;font-size:.9375rem;font-weight:600;display:inline-flex}.landing .cta-final{margin-block:var(--space-2xl) 0;background:var(--ink);color:var(--paper);padding-block:var(--space-3xl)}.landing .cta-final h2{font-size:var(--text-h2);max-width:16ch;line-height:1.22}.landing .cta-final p{margin-top:var(--space-md);color:color-mix(in oklch, var(--paper) 72%, var(--ink));max-width:44ch}.landing .cta-final__link{align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);color:var(--paper);border-bottom:3px solid var(--accent-bright);transition:border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);white-space:nowrap;padding-bottom:4px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.landing .cta-final__link:hover{border-color:var(--paper)}.landing .cta-final__login{margin-inline-start:var(--space-md);font-size:1rem}.landing .cta-final .text-link{color:var(--accent-bright);-webkit-text-decoration-color:color-mix(in oklch, var(--accent-bright) 45%, transparent);text-decoration-color:color-mix(in oklch, var(--accent-bright) 45%, transparent)}.landing .cta-final .text-link:hover{-webkit-text-decoration-color:var(--accent-bright);text-decoration-color:var(--accent-bright)}.landing .cta-final :focus-visible{outline-color:var(--accent-bright)}.landing .site-footer{padding-block:var(--space-xl) var(--space-2xl)}.landing .footer__inner{align-items:baseline;gap:var(--space-md) var(--space-xl);flex-wrap:wrap;display:flex}.landing .footer__tag{color:var(--muted);flex:14rem;font-size:.9375rem}.landing .footer__links{gap:var(--space-md);font-size:.9375rem;display:flex}.landing .footer__links a{color:var(--ink-2)}.landing .footer__credit{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--rule);font-size:var(--text-small);color:var(--muted);font-variant-numeric:tabular-nums}.landing .sticky-cta{inset-inline:0;z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-md);min-height:4.25rem;padding:var(--space-sm) clamp(1rem, 4.5vw, 3rem) calc(var(--space-sm) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rule);transition:transform var(--dur-2) var(--ease), opacity var(--dur-2) var(--ease);display:flex;position:fixed;bottom:0}.landing .sticky-cta.is-hidden{opacity:0;transform:translateY(110%)}.landing .sticky-cta__text{color:var(--ink-2);min-width:0;font-size:.9375rem;font-weight:600}.landing .sticky-cta .btn{flex:none}@media (width>=40rem){.landing .hero__grid{align-items:center;gap:var(--space-3xl);grid-template-columns:1.35fr .65fr}.landing .hero__art{padding-block:var(--space-xl);justify-content:flex-start}}@media (width>=64rem){.landing .hero h1{white-space:nowrap}}.landing .container{max-width:66rem;margin-inline:auto;padding-inline:clamp(1rem,4.5vw,3rem)}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
