.al-screen,.al-theme{--side:24px;--bg:#fbfbfb;--surface:#fff;--surface-2:#f4f4f5;--text:#1b1c1f;--muted:#8a8f98;--accent:#5e6ad2;--on-accent:#fff;--good:#3f9f6f;--watch:#e0a100;--high:#e5484d;--line:#e6e6e9;--divider:#0000000f;--wave:#b4b8c0;--ease:cubic-bezier(.2, .8, .2, 1)}.al-screen{background:var(--bg);width:402px;height:874px;color:var(--text);font-family:var(--font-inter), system-ui, sans-serif;border-radius:55px;font-size:14px;font-weight:400;line-height:20px;position:relative;overflow:hidden}.al-screen b,.al-screen small{font-size:inherit;font-weight:inherit}.al-glass{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#fff9;box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px 1px #fffffff2,0 0 0 .5px #0000000f,0 8px 24px #00000014}.al-card{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#fff9;border-radius:20px;box-shadow:inset 0 0 0 .5px #ffffffe6,0 0 0 .5px #0000000f,0 6px 20px #0000000f}.al-icon{background:currentColor;flex-shrink:0;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.al-status{width:402px;height:54px;display:block}.al-top{z-index:3;height:56px;padding:0 var(--side);justify-content:space-between;align-items:center;display:flex;position:relative}.al-round{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.al-logo{width:69px;height:26px;display:block}.al-home{inset:134px var(--side) auto;position:absolute}.al-home,.al-chat{transition:opacity .5s var(--ease), translate .6s var(--ease), top .6s var(--ease)}.al-chat{position:relative;top:0}.al-greet{letter-spacing:-.025em;white-space:nowrap;font-size:32px;font-weight:400;line-height:40px}.al-suggest{margin-top:var(--space-24)}.al-suggest li{color:var(--muted);align-items:center;gap:12px;display:flex}.al-suggest-icon{color:var(--text);flex-shrink:0;place-items:center;display:grid}.al-suggest-text{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.al-suggest-text b{color:var(--text)}.al-suggest{gap:var(--space-8);flex-direction:column;display:flex}.al-suggest li{padding:var(--space-16)}.al-suggest-icon{width:24px}.al-chat-view{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 10.07%,#000 17.16%);mask-image:linear-gradient(#0000 10.07%,#000 17.16%)}.al-chat{gap:var(--space-16);padding:126px var(--side) 0;flex-direction:column;display:flex}.al-msg-out{margin-bottom:var(--space-16);align-items:flex-end;gap:var(--space-4);flex-direction:column;display:flex}.al-bubble{max-width:80%;padding:12px var(--space-16) 12px 12px;flex-direction:column;gap:12px;display:flex}.al-bubble-voices{gap:var(--space-8);flex-wrap:wrap;display:flex}.al-voice-pill{padding:var(--space-6) 12px;background:#0000000a;border-radius:16px}.al-msg-in{flex-direction:column;gap:12px;display:flex}.al-vitals{grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.al-vitals li{gap:var(--space-4);padding:var(--space-16);box-shadow:inset 0 -1px 0 var(--divider), inset -1px 0 0 var(--divider);display:grid}.al-vitals li:nth-child(2n){box-shadow:inset 0 -1px 0 var(--divider)}.al-vitals li:nth-last-child(-n+2){box-shadow:inset -1px 0 0 var(--divider)}.al-vitals li:last-child{box-shadow:none}.al-vital-label{align-items:center;gap:var(--space-8);color:var(--muted);display:flex}.al-dot{background:var(--good);border-radius:50%;width:6px;height:6px}.al-dot[data-flag=watch]{background:var(--watch)}.al-dot[data-flag=high]{background:var(--high)}.al-vital-value{font-variant-numeric:tabular-nums}.al-vital-value small{color:var(--muted);margin-left:2px}.al-note{padding:var(--space-16)}.al-actions{gap:var(--space-8);grid-template-columns:1fr 1fr;width:50%;margin-left:auto;display:grid}.al-edit,.al-chart{height:40px;padding:0 var(--space-16);border-radius:20px;place-items:center;display:grid}.al-edit{background:#0000000d}.al-chart{background:var(--accent);color:var(--on-accent);transition:background-color .4s var(--ease)}.al-chart>span{align-items:center;gap:var(--space-4);transition:opacity .3s var(--ease), translate .4s var(--ease);grid-area:1/1;display:flex}.al-chart-done{opacity:0;translate:0 8px}.al-dock{z-index:3;left:var(--side);right:var(--side);gap:var(--space-8);flex-direction:column;display:flex;position:absolute;bottom:34px}.al-composer{border-radius:28px;flex-direction:column;gap:12px;padding:12px;display:flex}.al-composer-voices{max-height:160px;transition:max-height .5s var(--ease), opacity .3s var(--ease), margin .5s var(--ease)}.al-voice{color:var(--muted);align-items:center;gap:12px;display:flex}.al-play{width:28px;height:28px;color:var(--text);background:#0000000f;border-radius:50%;place-items:center;display:grid}.al-composer-voices{gap:var(--space-8);flex-direction:column;display:flex}.al-voice{min-height:44px;padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);background:#0000000a;border-radius:22px}.al-voice>.al-icon:last-child{margin-left:auto}.al-voice-body{white-space:pre;flex:1;min-width:0}.al-voice-body b{color:var(--text)}.al-voice-meta{color:var(--muted);font-variant-numeric:tabular-nums}.al-input{align-items:center;gap:var(--space-8);display:flex}.al-composer-text{flex:1;display:grid}.al-composer-text>span{transition:opacity .3s var(--ease);grid-area:1/1}.al-placeholder{color:var(--muted);opacity:0}.al-orb,.al-send{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.al-send{background:var(--accent);color:var(--on-accent);transition:opacity .3s var(--ease)}.al-screen:not([data-step="0"]) .al-home{opacity:0;translate:0 -24px}.al-screen[data-step="0"] .al-chat{opacity:0;translate:0 24px}.al-screen:not([data-step="0"]) .al-composer-voices{max-height:0;transition:max-height .65s var(--ease) .22s, margin .65s var(--ease) .22s;margin-top:-12px;overflow:hidden}.al-composer-voices .al-voice{transition:opacity .35s var(--ease), top .45s var(--ease);position:relative;top:0}.al-screen:not([data-step="0"]) .al-composer-voices .al-voice{opacity:0;top:10px}.al-screen:not([data-step="0"]) .al-composer-voices .al-voice:nth-child(2){transition-delay:60ms}.al-screen:not([data-step="0"]) .al-typed{opacity:0;transition-duration:.2s}.al-screen:not([data-step="0"]) .al-placeholder{opacity:1;transition-delay:.22s}.al-screen:not([data-step="0"]) .al-send{opacity:.35}.al-msg-in>*{opacity:0;transition:opacity .5s var(--ease), translate .6s var(--ease);translate:0 8px}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vitals{opacity:1;translate:0}.al-vitals li{--row:calc((var(--i) - mod(var(--i), 2)) / 2);--at:calc(.15s + var(--row) * .14s + mod(var(--i), 2) * 70ms)}.al-vitals li>*{color:#0000;transition:color .6s var(--ease), top .7s var(--ease);position:relative;top:6px}.al-vitals li .al-vital-value small{color:#0000;transition:color .6s var(--ease)}.al-vitals li .al-dot{transition:background-color .6s var(--ease);background:0 0}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vitals li>*{transition-delay:var(--at);top:0}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vital-label{color:var(--muted)}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vital-value{color:var(--text);transition-delay:calc(var(--at) + 90ms)}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vital-value small{color:var(--muted);transition-delay:calc(var(--at) + 90ms)}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vitals .al-dot{background:var(--good);transition-delay:var(--at)}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vitals .al-dot[data-flag=watch]{background:var(--watch)}.al-screen:is([data-step="2"],[data-step="3"],[data-step="4"]) .al-vitals .al-dot[data-flag=high]{background:var(--high)}.al-note p span{color:#0000;transition:color .16s linear}.al-screen:is([data-step="3"],[data-step="4"]) .al-note,.al-screen:is([data-step="3"],[data-step="4"]) .al-actions{opacity:1;translate:0}.al-screen:is([data-step="3"],[data-step="4"]) .al-note p span{color:var(--text);transition-delay:calc(var(--w) * 32ms)}.al-screen:is([data-step="3"],[data-step="4"]) .al-chat{top:-112px}.al-screen[data-step="4"] .al-chart{background:var(--good);animation:al-tap .45s var(--ease)}@keyframes al-tap{40%{scale:.94}}.al-screen[data-step="4"] .al-chart-idle{opacity:0;translate:0 -8px}.al-screen[data-step="4"] .al-chart-done{opacity:1;translate:0}.al-line{padding-left:12px;display:grid}.al-line>span{align-items:center;gap:var(--space-6);transition:opacity .3s var(--ease), translate .4s var(--ease);grid-area:1/1;display:flex}.al-line-patient{color:var(--muted)}.al-line-done{opacity:0;translate:0 8px}.al-line-done .al-icon{color:var(--good)}.al-screen[data-step="4"] .al-line-patient{opacity:0;transition-delay:.3s;translate:0 -8px}.al-screen[data-step="4"] .al-line-done{opacity:1;transition-delay:.3s;translate:0}
.reel{position:absolute;inset:0;overflow:hidden}.reel-stage{opacity:0;position:absolute;inset:0}.reel-phone{animation:reel-in var(--fade-in) both}@keyframes reel-in{0%{opacity:0;translate:0 var(--fade-rise)}}.reel-stage:not([data-fade]) .reel-phone{animation:none}@media (prefers-reduced-motion:reduce){.reel-phone{animation:none}}.reel-phone{height:calc((100cqh - 2 * var(--reel-margin)) * var(--reel-raster,2));aspect-ratio:993/2000;transform:translate(-50%, -50%) scale(calc(1 / var(--reel-raster,2)));position:absolute;top:50%;left:50%}.reel-screen{background:#fff;border-radius:15.1%/6.96%;width:86.71%;height:93.4%;position:absolute;top:3.3%;left:6.647%;overflow:hidden}.reel-bezel{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.altrix-reel-screen{isolation:isolate}.altrix-reel-screen>.al-screen{position:absolute;top:0;left:0}.al-screen.al-instant,.al-screen.al-instant *{transition:none!important}.altrix-reel-screen .al-card,.altrix-reel-screen .al-glass{-webkit-backdrop-filter:none;backdrop-filter:none}.reel-cursor{aspect-ratio:424/480;transform-origin:5.66% 5%;opacity:0;pointer-events:none;will-change:transform, opacity;background:url(/altrix/figma-cursor.svg) 50%/contain no-repeat;height:19cqh;position:absolute;top:0;left:0}.altrix-reel{background:linear-gradient(160deg,#f6f7fd 0%,#e8eaf6 100%)}
.cb-reel{background:linear-gradient(160deg,#f6f7f9 0%,#e3e5ea 100%)}.cb-screen{background:#fff}.cb-page{will-change:transform;background:50%/100% 100% no-repeat;position:absolute;inset:0}.cb-select{background-image:url(/coinbase/select.webp)}.cb-scan{background-image:url(/coinbase/scan.webp);transform:translate(100%)}.cb-press{inset-inline:0;opacity:0;background:#0a0b0d0d;height:6.5%;position:absolute;top:30.5%}.cb-license{width:var(--cb-license-w,min(100cqh, 100cqw - 2 * var(--reel-margin)));aspect-ratio:506/319;opacity:0;will-change:transform, opacity;background:url(/coinbase/license.webp) 50%/cover no-repeat;border-radius:3.5%/5.5%;position:absolute;top:50%;left:50%;box-shadow:0 1.5cqh 4cqh -1cqh #141e3c24}.cb-feed{aspect-ratio:506/319;opacity:0;background:url(/coinbase/license.webp) 50%/cover no-repeat;border-radius:3.5%/5.5%;width:65%;position:absolute;top:50.95%;left:17.44%;overflow:hidden;translate:0 -50%}.cb-sweep{inset-inline:0;opacity:0;background:linear-gradient(#0052ff00 0%,#0052ff29 55%,#5a96ff80 90%,#fffffff2 97%,#0052ff00 100%);height:30%;position:absolute;top:0}.cb-frame-done{fill:none;stroke:#0052ff;stroke-width:10px;opacity:0;width:87.87%;height:28.8%;position:absolute;top:35.6%;left:6.067%;overflow:visible}.cb-check{aspect-ratio:1;opacity:0;background:#0052ff;border-radius:50%;width:13%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #ffffffe6}.cb-check svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}
.dp-reel{background:linear-gradient(160deg,#f3f7fe 0%,#dfe8f9 100%)}.dp-screen{background:#141218}.dp-piece{background-repeat:no-repeat;position:absolute}.dp-card{opacity:0;will-change:transform, opacity;border-radius:3.7%/14.6%}
.project-card{width:var(--card-w);aspect-ratio:var(--card-ratio);border-radius:var(--card-radius);position:relative;overflow:hidden;container-type:size}