.notch-stage{--panel-left:calc(50% - var(--panel-w) / 2);--notch-in-panel:calc(var(--panel-w) / 2 - var(--notch-w) / 2 - var(--bar-extension) / 2);--bar-w:calc(var(--notch-w) + var(--bar-extension));height:var(--panel-h);width:100%;position:relative}.notch-menubar{height:var(--menubar-h);color:#ffffff8c;font-size:var(--text-app-body);background:#232428;font-weight:500;position:absolute;inset:0 0 auto}.notch-cutout{top:0;left:calc(50% - var(--notch-w) / 2 - var(--bar-extension) / 2);width:var(--notch-w);height:var(--notch-h);background:var(--color-panel);border-radius:0 0 var(--radius-pill) var(--radius-pill);z-index:3;pointer-events:none;position:absolute}.notch-shape{top:0;left:var(--panel-left);width:var(--panel-w);height:var(--panel-h);background:var(--color-panel);color:var(--color-panel-text);z-index:2;--bar-right:calc(var(--panel-w) - var(--notch-in-panel) - var(--bar-w));clip-path:inset(0 var(--bar-right) calc(var(--panel-h) - var(--notch-h)) var(--notch-in-panel) round 0 0 var(--radius-pill) var(--radius-pill));transition:clip-path var(--duration-smooth) var(--ease-smooth);line-height:1.25;position:absolute}.notch-stage.open .notch-shape{clip-path:inset(0 0 0 0 round 0 0 var(--radius-panel) var(--radius-panel))}.notch-ear{width:var(--radius-ear);height:var(--radius-ear);z-index:2;transition:left var(--duration-smooth) var(--ease-smooth), right var(--duration-smooth) var(--ease-smooth);position:absolute;top:0}.notch-ear.left{left:calc(var(--panel-left) + var(--notch-in-panel) - var(--radius-ear));background:radial-gradient(circle at 0 100%, transparent calc(var(--radius-ear) - .5px), var(--color-panel) var(--radius-ear))}.notch-ear.right{left:calc(var(--panel-left) + var(--notch-in-panel) + var(--bar-w));background:radial-gradient(circle at 100% 100%, transparent calc(var(--radius-ear) - .5px), var(--color-panel) var(--radius-ear))}.notch-stage.open .notch-ear.left{left:calc(var(--panel-left) - var(--radius-ear))}.notch-stage.open .notch-ear.right{left:calc(var(--panel-left) + var(--panel-w))}.notch-bar{top:0;left:var(--notch-in-panel);width:var(--bar-w);height:var(--notch-h);transition:opacity var(--duration-smooth) var(--ease-smooth), width var(--duration-smooth) var(--ease-smooth);cursor:pointer;color:inherit;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0 8px;display:flex;position:absolute}.notch-stage.open .notch-bar{opacity:0;pointer-events:none}.notch-panel{gap:var(--spacing-card-gap);padding:var(--spacing-card-gap);opacity:0;transition:opacity var(--duration-smooth) var(--ease-smooth), visibility 0s var(--duration-smooth);visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0}.notch-stage.open .notch-panel{opacity:1;visibility:visible;transition-delay:0s}.app-mark .mark-dot{fill:var(--color-mark-dots);transform-box:fill-box;transform-origin:50%}.app-mark .mark-dot:not(.lit){opacity:.12}@media (prefers-reduced-motion:no-preference){.app-mark.sweeping .mark-dot.lit{animation:mark-lit .27s var(--ease-smooth) both;animation-delay:calc(var(--row) * .1125s - 22.5ms)}.app-mark.sweeping .mark-dot:not(.lit){animation:mark-dim .27s var(--ease-smooth) both;animation-delay:calc(var(--row) * .1125s - 22.5ms)}}@keyframes mark-lit{0%,to{fill:var(--color-mark-dots);transform:scale(1)}50%{fill:#fff;transform:scale(1.25)}}@keyframes mark-dim{0%,to{opacity:.12}50%{opacity:.42}}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sale-row.new{animation:row-in var(--duration-smooth) var(--ease-smooth) both}@keyframes breathe{0%{opacity:1}to{opacity:.25}}.status-dot{animation:.9s ease-in-out infinite alternate breathe}@media (prefers-reduced-motion:reduce){.notch-shape,.notch-ear,.notch-bar,.notch-panel{transition:none}.status-dot{animation:none}}.notch-demo{zoom:var(--z,1);position:relative}@container (width<=1120px){.notch-demo{--z:.88}}@container (width<=980px){.notch-demo{--z:.78}}@container (width<=860px){.notch-demo{--z:.7}}@container (width<=760px){.notch-demo{--z:.62}}@container (width<=640px){.notch-demo{--z:.52}}@container (width<=520px){.notch-demo{--z:.44}}.ghost-cursor{z-index:5;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 2px #00000080);will-change:transform;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1),ease;position:absolute;top:0;left:0}.ghost-cursor>svg{transition:transform .12s var(--ease-smooth);transform:translate(-3px,-1px)}.ghost-cursor.shown{opacity:1}.ghost-cursor.down>svg{transform:translate(-3px,-1px)scale(.9)}@media (prefers-reduced-motion:reduce){.ghost-cursor{display:none}}.replica-cursor{z-index:4;filter:drop-shadow(0 1px 2px #00000080);transition:left .9s var(--ease-smooth), top .9s var(--ease-smooth);position:absolute;transform:translate(-3px,-1px)}.panel-only{aspect-ratio:828/260;width:100%;min-width:0;max-width:100%;line-height:1.25;overflow:hidden;container-type:inline-size}.panel-only-inner{transform-origin:0 0;width:828px;height:260px;transform:scale(calc(100cqw / 828px));position:relative}.panel-only-panel{color:#fff;background:#000;border-radius:20px;flex-direction:column;gap:8px;width:828px;height:260px;padding:8px;display:flex}.card-loop{width:var(--w,240px);zoom:1.3;max-width:100%;line-height:1.25}@media (width>=1100px){.card-loop{zoom:1.8}.card-loop[data-kind=today]{zoom:1.45}}.feature-visual{width:100%}@media (width>=768px){.feature-visual .app-replica,.feature-visual .panel-only{width:100%}}.card-loop-inner{width:var(--w,240px);height:200px;display:flex}.card-loop-inner>*{flex:1}.currency-flip{perspective:400px;transform-style:preserve-3d;display:grid;position:relative}.currency-flip>*{backface-visibility:hidden;transition:transform .6s var(--ease-smooth);grid-area:1/1}.currency-flip>:last-child{transform:rotateX(180deg)}.currency-flip[data-eur=true]>:first-child{transform:rotateX(-180deg)}.currency-flip[data-eur=true]>:last-child{transform:rotateX(0)}.app-replica{zoom:1.2}@media (width<=767px){.app-replica{zoom:.95}}