@layer astryx-theme{.cairn-avatar{vertical-align:middle;flex:none;line-height:0;display:inline-block}.cairn-avatar>svg{width:100%;height:100%;display:block;overflow:visible}.cairn-avatar .cn-st{transform-box:view-box;transform-origin:0 0}.cairn-avatar .cn-eye{transform-box:fill-box;transform-origin:50%}.cairn-avatar[data-animate=on] .cn-st{--cn-a:calc(.26deg + var(--cn-i,0) * .1deg);animation:cn-sway calc(var(--cn-s,6.4s) / 2) cubic-bezier(.45, 0, .55, 1) infinite alternate;animation-delay:calc(var(--cn-d,0s) - var(--cn-i,0) * .45s)}.cairn-avatar[data-animate=on] .cn-eye{animation:var(--cn-k,cn-blink) var(--cn-b,5.2s) cubic-bezier(.4, 0, .2, 1) infinite;animation-delay:var(--cn-d,0s)}@keyframes cn-sway{0%{transform:translate(calc(var(--cn-x) * 1px), calc(var(--cn-y) * 1px)) rotate(calc(var(--cn-a) * -1)) translate(calc(var(--cn-x) * -1px), calc(var(--cn-y) * -1px))}to{transform:translate(calc(var(--cn-x) * 1px), calc(var(--cn-y) * 1px)) rotate(var(--cn-a)) translate(calc(var(--cn-x) * -1px), calc(var(--cn-y) * -1px))}}@keyframes cn-blink{0%,95%,98%,to{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}@keyframes cn-blink2{0%,91%,94%,95%,98%,to{transform:scaleY(1)}92.5%,96.5%{transform:scaleY(.08)}}@media (prefers-reduced-motion:reduce){.cairn-avatar .cn-st,.cairn-avatar .cn-eye{animation:none!important;transform:none!important}}}
@layer astryx-theme{.showcase{align-items:start;gap:calc(var(--spacing-12) * 1.5);grid-template-columns:minmax(0,1fr) auto;display:grid}.showcase-hero-band{padding-block:clamp(var(--spacing-8), 5svh, var(--spacing-12)) var(--spacing-10);--glyph-ink:color-mix(in oklab, var(--color-usdc) 55%, var(--color-background-body));--glyph-core:var(--color-usdc);isolation:isolate;position:relative}:root[data-theme=dark] .showcase-hero-band{--glyph-ink:var(--color-text-blue);--glyph-core:var(--color-text-primary)}.showcase-hero-band>.showcase-hero{z-index:1;position:relative}.glyph-field.showcase-hero-glyphs{opacity:.7;-webkit-mask-image:radial-gradient(36% 46% at 25%,#0000 55%,#000 100%),radial-gradient(22% 42% at 72% 78%,#0000 62%,#000 100%),linear-gradient(#0000,#000 10% 72%,#0000);mask-image:radial-gradient(36% 46% at 25%,#0000 55%,#000 100%),radial-gradient(22% 42% at 72% 78%,#0000 62%,#000 100%),linear-gradient(#0000,#000 10% 72%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.showcase.showcase-hero{align-items:start;row-gap:var(--spacing-8);grid-template-rows:auto 1fr;grid-template-areas:"title stage""actions stage"}.showcase-hero>.showcase-title{max-inline-size:34rem;grid-area:title;padding-block-start:calc(var(--spacing-12) * 2)}.showcase-hero-line{max-inline-size:30rem}.showcase-hero>.home-actions-hero{grid-area:actions;align-self:start;margin-block-start:0}.showcase-hero>.showcase-hero-stage{grid-area:stage}.showcase-hero-stage>.showcase-dots{margin-block-start:var(--spacing-1)}.showcase-dot{all:unset;inline-size:var(--spacing-6);block-size:var(--spacing-6);border-radius:var(--radius-full);cursor:pointer;place-items:center;display:inline-grid}.showcase-dot-mark{inline-size:var(--spacing-2);block-size:var(--spacing-2);border-radius:var(--radius-full);background:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.showcase-dot[aria-current] .showcase-dot-mark{background:var(--color-text-primary);transform:scale(1.25)}@media (hover:hover) and (pointer:fine){.showcase-dot:hover .showcase-dot-mark{background:var(--color-text-secondary)}}.showcase-dot:active .showcase-dot-mark{transform:scale(.97)}.showcase-dot:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.showcase-pause{color:var(--color-text-tertiary);margin-inline-start:var(--spacing-2)}@media (max-width:1023px){.showcase.showcase-hero{row-gap:var(--spacing-6);grid-template-rows:none;grid-template-areas:"title""actions""stage"}.showcase-hero>.showcase-title{padding-block-start:0}.glyph-field.showcase-hero-glyphs{-webkit-mask-image:linear-gradient(#0000 0 34%,#000 52% 82%,#0000);mask-image:linear-gradient(#0000 0 34%,#000 52% 82%,#0000)}}.showcase-phone{--phone-safe:.84;block-size:min(40rem,100svh - 8rem);overflow:clip;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}.showcase-phone .phone{inline-size:27rem}@media (max-width:1023px){.showcase{gap:var(--spacing-8);grid-template-columns:minmax(0,1fr)}.showcase-phone{block-size:min(36rem,150vw)}.showcase-phone .phone{inline-size:min(25rem,92vw)}}.phone{--phone-ink:color-mix(in oklab, var(--color-circle-navy) 78%, var(--color-circle-blue));aspect-ratio:426/898;inline-size:min(19.5rem,82vw);font-family:var(--font-family-body);color:var(--color-text-primary);margin:0;display:block;position:relative;container-type:inline-size}:root[data-theme=dark] .showcase-phone{--phone-safe:.68;-webkit-mask-image:linear-gradient(#000 68%,#000000fe 71.2%,#000000f7 74.4%,#000000e3 77.6%,#000000be 80.8%,#00000080 84%,#00000041 87.2%,#0000001c 90.4%,#00000008 93.6%,#00000001 96.8%,#0000 100%);mask-image:linear-gradient(#000 68%,#000000fe 71.2%,#000000f7 74.4%,#000000e3 77.6%,#000000be 80.8%,#00000080 84%,#00000041 87.2%,#0000001c 90.4%,#00000008 93.6%,#00000001 96.8%,#0000 100%)}.phone *{box-sizing:border-box}.phone-device{--pt:calc(100cqi / 426);padding:calc(12 * var(--pt));border-radius:calc(74 * var(--pt));background:var(--phone-ink);box-shadow:inset 0 0 0 calc(1.2 * var(--pt)) color-mix(in oklab, var(--color-on-dark) 16%, transparent), 0 calc(40 * var(--pt)) calc(80 * var(--pt)) calc(-30 * var(--pt)) color-mix(in oklab, var(--phone-ink) 35%, transparent);display:block;position:absolute;inset:0}.phone-screen{--color-background-body:var(--color-on-dark);--color-background-ground:var(--color-circle-cream);--color-background-card:var(--color-on-dark);--color-background-muted:var(--color-circle-cream);--color-text-primary:var(--color-circle-navy);--color-text-secondary:color-mix(in oklab, var(--color-circle-navy) 66%, var(--color-on-dark));--color-text-tertiary:color-mix(in oklab, var(--color-circle-navy) 45%, var(--color-on-dark));--color-border:color-mix(in oklab, var(--color-circle-navy) 12%, transparent);--color-usdc:var(--color-circle-blue);--color-text-blue:var(--color-circle-blue);--phone-glass:color-mix(in oklab, var(--color-on-dark) 28%, transparent);--phone-glass-blur:blur(calc(26 * var(--pt))) saturate(1.5) brightness(1.55);--phone-glass-rim:color-mix(in oklab, var(--color-circle-navy) 10%, transparent);border-radius:calc(62 * var(--pt));background:linear-gradient(to bottom, var(--color-on-dark) 30%, color-mix(in oklab, var(--color-circle-navy) 9%, var(--color-on-dark)) 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;block-size:100%;color:var(--color-text-primary);font-size:calc(17 * var(--pt));line-height:1.32;display:block;position:relative;overflow:hidden}:root[data-theme=dark] .phone-screen{background:linear-gradient(to bottom, var(--color-on-dark) 30%, color-mix(in oklab, var(--color-circle-navy) 9%, var(--color-on-dark)) 70%, color-mix(in oklab, var(--color-circle-navy) 22%, var(--color-on-dark)) 100%)}.phone-screen svg{display:block}.phone-status{z-index:9;block-size:calc(54 * var(--pt));color:var(--color-text-primary);display:block;position:absolute;inset:0 0 auto}.phone-time{inline-size:calc(64 * var(--pt));text-align:center;font-size:calc(17 * var(--pt));font-weight:var(--font-weight-medium);position:absolute;inset-block-start:calc(18 * var(--pt));inset-inline-start:calc(36 * var(--pt))}.phone-island{inline-size:calc(125 * var(--pt));block-size:calc(37 * var(--pt));border-radius:calc(19 * var(--pt));background:var(--phone-ink);margin-inline-start:calc(-62.5 * var(--pt));position:absolute;inset-block-start:calc(11 * var(--pt));inset-inline-start:50%}.phone-status-icons{align-items:center;gap:calc(6 * var(--pt));display:flex;position:absolute;inset-block-start:calc(23 * var(--pt));inset-inline-end:calc(30 * var(--pt))}.phone-signal{align-items:flex-end;gap:calc(1.5 * var(--pt));block-size:calc(12 * var(--pt));display:flex}.phone-signal i{inline-size:calc(3 * var(--pt));border-radius:calc(1 * var(--pt));background:currentColor;display:block}.phone-signal i:first-child{block-size:35%}.phone-signal i:nth-child(2){block-size:55%}.phone-signal i:nth-child(3){block-size:77%}.phone-signal i:nth-child(4){block-size:100%}.phone-wifi{inline-size:calc(17 * var(--pt));fill:currentColor}.phone-battery{inline-size:calc(26 * var(--pt));block-size:calc(13 * var(--pt));padding:calc(1.5 * var(--pt));border-radius:calc(4.2 * var(--pt));box-shadow:inset 0 0 0 calc(1 * var(--pt)) color-mix(in oklab, currentColor 35%, transparent);display:block;position:relative}.phone-battery:after{content:"";inline-size:calc(1.6 * var(--pt));block-size:calc(5 * var(--pt));border-radius:0 calc(1 * var(--pt)) calc(1 * var(--pt)) 0;background:color-mix(in oklab, currentColor 40%, transparent);position:absolute;inset-block-start:calc(4 * var(--pt));inset-inline-end:calc(-3 * var(--pt))}.phone-battery>span{border-radius:calc(2.6 * var(--pt));background:currentColor;block-size:100%;inline-size:82%;display:block}.phone-home{z-index:9;inline-size:calc(139 * var(--pt));block-size:calc(5 * var(--pt));border-radius:calc(3 * var(--pt));background:var(--color-text-primary);margin-inline-start:calc(-69.5 * var(--pt));position:absolute;inset-block-end:calc(8 * var(--pt));inset-inline-start:50%}.phone-glass{background:var(--phone-glass);-webkit-backdrop-filter:var(--phone-glass-blur);backdrop-filter:var(--phone-glass-blur);box-shadow:inset 0 0 0 calc(.6 * var(--pt)) var(--phone-glass-rim), 0 calc(4 * var(--pt)) calc(16 * var(--pt)) color-mix(in oklab, var(--phone-ink) 8%, transparent)}.phone-screen:before{content:"";z-index:2;block-size:calc(150 * var(--pt));background:linear-gradient(to bottom, var(--color-background-body) 50%, transparent);pointer-events:none;position:absolute;inset:0 0 auto}.phone-head{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;inset-block-start:calc(50 * var(--pt));inset-inline:0}.phone-cairn{inline-size:calc(64 * var(--pt))!important;block-size:calc(64 * var(--pt))!important}.phone-pill{padding:calc(6 * var(--pt)) calc(16 * var(--pt)) calc(7 * var(--pt));border-radius:calc(20 * var(--pt));flex-direction:column;align-items:center;margin-block-start:calc(-6 * var(--pt));display:flex}.phone-name{font-size:calc(16 * var(--pt));font-weight:var(--font-weight-medium);line-height:1.3}.phone-state{color:var(--color-text-secondary);font-size:calc(13.5 * var(--pt));white-space:nowrap;line-height:1.3}.phone-thread-area{inset:0 calc(16 * var(--pt)) calc(100 * var(--pt));flex-direction:column;padding-block-start:calc(170 * var(--pt));display:flex;position:absolute;overflow:hidden}.phone-thread{gap:calc(10 * var(--pt));transition:transform .48s var(--motion-ease-release,cubic-bezier(.22, 1, .36, 1));flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.phone-thread{transition:none}}.phone-row{display:flex}.phone-me{justify-content:flex-end;padding-block-start:calc(16 * var(--pt))}.phone-bubble{max-inline-size:calc(312 * var(--pt));padding:calc(11 * var(--pt)) calc(17 * var(--pt)) calc(12 * var(--pt));border-radius:calc(23 * var(--pt));letter-spacing:-.01em;text-wrap:pretty;display:inline-block;position:relative}.phone-bubble-me{background:var(--color-text-primary);color:var(--color-background-body)}.phone-bubble-agent{background:var(--color-background-ground);align-self:flex-start}.phone-service{align-items:center;gap:calc(5 * var(--pt));margin-block:calc(-2 * var(--pt));padding:calc(2 * var(--pt)) calc(9 * var(--pt)) calc(2 * var(--pt)) calc(3 * var(--pt));border-radius:var(--radius-full);background:var(--color-background-body);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-primary);font-weight:var(--font-weight-medium);vertical-align:middle;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.phone-service:after{content:"";inset:calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-0-5));position:absolute}.phone-service>.service-mark{border-radius:var(--radius-full);inline-size:calc(19 * var(--pt))!important;block-size:calc(19 * var(--pt))!important}.phone-service:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.phone-service:hover{background:color-mix(in oklab, var(--color-usdc) 8%, var(--color-background-body));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-usdc) 45%, transparent)}}.phone-service:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.phone-reaction{inline-size:calc(28 * var(--pt));block-size:calc(28 * var(--pt));background:var(--color-background-ground);box-shadow:0 0 0 calc(2.5 * var(--pt)) var(--color-background-body);color:var(--color-text-primary);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:calc(-12 * var(--pt));inset-inline-start:calc(-10 * var(--pt))}.phone-reaction svg{block-size:52%;inline-size:52%}.phone-dots{gap:calc(5 * var(--pt));padding:calc(15 * var(--pt)) calc(17 * var(--pt));border-radius:calc(23 * var(--pt));background:var(--color-background-ground);align-self:flex-start;display:flex}.phone-dots i{inline-size:calc(8 * var(--pt));block-size:calc(8 * var(--pt));background:var(--color-text-secondary);border-radius:50%;display:block}.phone-answer{flex-direction:column;align-items:flex-start;display:flex}.phone-receipt{align-items:center;gap:calc(6 * var(--pt));padding:calc(7 * var(--pt)) 0 0 calc(6 * var(--pt));color:var(--color-text-secondary);font-size:calc(14 * var(--pt));line-height:1.3;display:flex}.phone-receipt svg{inline-size:calc(15 * var(--pt));block-size:calc(15 * var(--pt));flex:none}.phone-x402{inline-size:calc(29 * var(--pt));block-size:calc(11 * var(--pt));opacity:.75;background:currentColor;flex:none;margin-inline-start:calc(1 * var(--pt));-webkit-mask:url(/assets/x402.svg) 50%/contain no-repeat;mask:url(/assets/x402.svg) 50%/contain no-repeat}.track{align-items:center;gap:calc(12 * var(--pt));inline-size:calc(330 * var(--pt));padding:calc(10 * var(--pt));border-radius:calc(22 * var(--pt));background:var(--color-background-card);box-shadow:inset 0 0 0 calc(.8 * var(--pt)) var(--color-border), 0 calc(4 * var(--pt)) calc(18 * var(--pt)) color-mix(in oklab, var(--phone-ink) 8%, transparent);grid-template-columns:auto minmax(0,1fr) auto;margin-block-start:calc(8 * var(--pt));display:grid}.track-cover{inline-size:calc(64 * var(--pt));block-size:calc(64 * var(--pt));border-radius:calc(14 * var(--pt));background:radial-gradient(circle at 30% 25%, color-mix(in oklab, var(--color-usdc) 70%, transparent), transparent 60%), linear-gradient(140deg, var(--color-usdc), color-mix(in oklab, var(--color-usdc) 35%, var(--phone-ink)));color:var(--color-on-dark);place-items:center;display:grid}.track-cover svg{block-size:42%;inline-size:42%}.track-body{flex-direction:column;min-inline-size:0;display:flex}.track-title{font-size:calc(16 * var(--pt));font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.track-meta{color:var(--color-text-secondary);font-size:calc(13 * var(--pt));line-height:1.3}.track-wave{align-items:center;gap:calc(2 * var(--pt));block-size:calc(18 * var(--pt));margin-block-start:calc(6 * var(--pt));display:flex}.track-wave i{border-radius:calc(2 * var(--pt));background:var(--color-text-secondary);opacity:.55;transform-origin:50%;flex:1 1 0;block-size:100%;display:block;transform:scaleY(.4)}.track-wave i:nth-child(7n+1){transform:scaleY(.35)}.track-wave i:nth-child(7n+2){transform:scaleY(.7)}.track-wave i:nth-child(7n+3){transform:scaleY(.5)}.track-wave i:nth-child(7n+4){transform:scaleY(.95)}.track-wave i:nth-child(7n+5){transform:scaleY(.6)}.track-wave i:nth-child(7n+6){transform:scaleY(.8)}.track-wave i:nth-child(7n){transform:scaleY(.45)}.track-progress{block-size:calc(3 * var(--pt));border-radius:calc(2 * var(--pt));background:var(--color-border);margin-block-start:calc(6 * var(--pt));display:block;overflow:hidden}.track-progress-fill{background:var(--color-usdc);transform-origin:0;block-size:100%;display:block;transform:scaleX(.04)}.track-play{inline-size:calc(44 * var(--pt));block-size:calc(44 * var(--pt));background:var(--color-text-primary);color:var(--color-background-body);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard);border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.track-play svg{block-size:42%;inline-size:42%}.track-play:active{transform:scale(.97)}.track-play:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:calc(2 * var(--pt))}.track[data-playing] .track-wave i{background:var(--color-usdc);opacity:1}@keyframes track-progress{0%{transform:scaleX(.04)}to{transform:scaleX(1)}}@keyframes track-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:no-preference){.track-progress-fill{animation:161s linear both paused track-progress}.track[data-playing] .track-progress-fill{animation-play-state:running}.track[data-playing] .track-wave i{animation:track-bar .9s var(--motion-ease-morph) infinite}.track[data-playing] .track-wave i:nth-child(3n+1){animation-duration:1.1s;animation-delay:-200ms}.track[data-playing] .track-wave i:nth-child(3n+2){animation-duration:.76s;animation-delay:-420ms}}.phone-composer{inset-inline:calc(16 * var(--pt));z-index:3;align-items:center;gap:calc(12 * var(--pt));block-size:calc(50 * var(--pt));padding-inline:calc(14 * var(--pt));border-radius:calc(25 * var(--pt));display:flex;position:absolute;inset-block-end:calc(30 * var(--pt))}.phone-composer svg{inline-size:calc(22 * var(--pt));block-size:calc(22 * var(--pt));flex:none}.phone-placeholder{color:var(--color-text-secondary);flex:1}@keyframes phone-part-in{0%{opacity:0;transform:translateY(calc(10 * var(--pt))) scale(.98)}}@keyframes phone-dot{0%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(calc(-3 * var(--pt)))}}@keyframes phone-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:no-preference){.phone-part{animation:phone-part-in var(--motion-duration-base) var(--motion-ease-enter) both}.phone-dots i{animation:phone-dot 1.1s var(--motion-ease-morph) infinite}.phone-dots i:nth-child(2){animation-delay:.16s}.phone-dots i:nth-child(3){animation-delay:.32s}.phone-reaction{animation:phone-pop var(--motion-duration-quick) var(--motion-ease-release) both;transform-origin:50%}.phone-state{animation:phone-part-in var(--duration-enter) var(--ease-enter) both}.showcase-phone[data-playing=false] .phone *{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.phone *{transition:none!important}}}