@keyframes portfolio-stack-node-drift{0%,to{transform:translate(0,0)}50%{transform:translate(4px,-6px)}}@keyframes portfolio-stack-request-breathe{0%,to{opacity:.38}50%{opacity:.52}}@keyframes portfolio-stack-request-sheen{to{stroke-dashoffset:-1px}}@keyframes portfolio-stack-dash-march-integration{to{stroke-dashoffset:-1px}}[data-portfolio-stack-constellation] [data-portfolio-stack-node-drift]{opacity:1;animation:portfolio-stack-node-drift var(--stack-drift-duration,7s) ease-in-out infinite;animation-delay:var(--stack-drift-delay,0s)}[data-portfolio-stack-constellation] [data-portfolio-stack-path]{stroke-dasharray:1;stroke-dashoffset:0;opacity:.34}[data-portfolio-stack-constellation] [data-portfolio-stack-path-kind=request]{opacity:.38}[data-portfolio-stack-constellation] [data-portfolio-stack-path-kind=integration]{stroke-dasharray:.06 .05}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path][data-line-phase=hidden]{stroke-dashoffset:1px;opacity:0}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path][data-line-phase=visible]{opacity:.32;transition:opacity .45s ease-out}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path-kind=integration][data-line-phase=drawn],[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path-kind=integration][data-line-phase=flow]{stroke-dasharray:1;stroke-dashoffset:0;opacity:.34;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1),opacity .45s ease-out}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path-kind=request][data-line-phase=drawn],[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path-kind=request][data-line-phase=flow]{stroke-dasharray:1;stroke-dashoffset:0;opacity:.4;transition:stroke-dashoffset .5s cubic-bezier(.22,1,.36,1),opacity .3s ease-out}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path-kind=request][data-line-phase=flow]{animation:2.1s ease-in-out infinite portfolio-stack-request-breathe}[data-portfolio-stack-constellation] [data-portfolio-stack-path-sheen]{stroke-dasharray:.04 .96;stroke-dashoffset:0;opacity:.45;pointer-events:none;animation:1.7s ease-in-out infinite portfolio-stack-request-sheen}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path-kind=integration][data-line-phase=flow]{stroke-dasharray:.06 .05;stroke-dashoffset:0;opacity:.34;animation:2.4s linear infinite portfolio-stack-dash-march-integration}@media (prefers-reduced-motion:reduce){[data-portfolio-stack-constellation] [data-portfolio-stack-node-drift],[data-portfolio-stack-constellation] [data-portfolio-stack-path],[data-portfolio-stack-constellation] [data-portfolio-stack-path-sheen]{animation:none}[data-portfolio-stack-constellation][data-active=true] [data-portfolio-stack-path][data-line-phase=hidden]{stroke-dashoffset:0;opacity:.35}}
@keyframes portfolio-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes portfolio-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes portfolio-shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes portfolio-pulse-ring{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.04)}}@keyframes portfolio-scroll-hint{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}[data-portfolio-marquee]{animation:42s linear infinite portfolio-marquee}[data-portfolio-marquee][data-paused=true]{animation-play-state:paused}[data-portfolio-float]{animation:7s ease-in-out infinite portfolio-float}[data-portfolio-shimmer]{background-size:200%;animation:6s linear infinite portfolio-shimmer}[data-portfolio-pulse-ring]{animation:5s ease-in-out infinite portfolio-pulse-ring}[data-portfolio-scroll-hint]{animation:2.2s ease-in-out infinite portfolio-scroll-hint}[data-portfolio-card-tilt]{--portfolio-card-glow:#2222220e;transform-style:preserve-3d;backface-visibility:hidden;transition:box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s ease-out}@supports (color:lab(0% 0 0)){[data-portfolio-card-tilt]{--portfolio-card-glow:lab(13% 0 0/.055)}}.dark [data-portfolio-card-tilt]{--portfolio-card-glow:#e4e4e412}@supports (color:lab(0% 0 0)){.dark [data-portfolio-card-tilt]{--portfolio-card-glow:lab(90.72% .0000298023 -.0000119209/.07)}}[data-portfolio-card-glow]{pointer-events:none;z-index:0;border-radius:inherit;opacity:0;background:radial-gradient(ellipse 120% 90% at var(--mouse-x,50%) var(--mouse-y,50%), var(--portfolio-card-glow) 0%, transparent 72%);transition:opacity .5s ease-out;position:absolute;inset:0}.group:hover [data-portfolio-card-glow]{opacity:1}[data-portfolio-build-stack] [data-stack-logo]{opacity:.88}.dark [data-portfolio-build-stack] [data-stack-logo]{filter:invert();opacity:.92}[data-portfolio-stack-mobile-grid] [data-stack-logo],.dark [data-portfolio-stack-mobile-grid] [data-stack-logo]{opacity:1}@media (prefers-reduced-motion:reduce){[data-portfolio-marquee],[data-portfolio-float],[data-portfolio-shimmer],[data-portfolio-pulse-ring],[data-portfolio-scroll-hint],[data-portfolio-card-tilt]{transform:none}}
@keyframes portfolio-changelog-spine-draw{0%{opacity:.35;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes portfolio-changelog-spine-pulse{0%{opacity:0;top:.5rem}12%{opacity:.85}88%{opacity:.85}to{opacity:0;top:calc(100% - .5rem)}}@keyframes portfolio-changelog-node-pop{0%{opacity:0;transform:translate(-50%)scale(.35)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes portfolio-changelog-card-glow{0%{opacity:0}to{opacity:1}}.portfolio-changelog-timeline{--changelog-rail-x:.65rem;position:relative}.portfolio-changelog-spine{display:none}.portfolio-changelog-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.portfolio-changelog-timeline{padding-left:2.25rem}.portfolio-changelog-spine{top:.75rem;bottom:.75rem;left:var(--changelog-rail-x);pointer-events:none;width:2px;display:block;position:absolute;transform:translate(-50%)}.portfolio-changelog-spine-line{background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--foreground) 28%, transparent) 12%, color-mix(in oklch, var(--foreground) 28%, transparent) 88%, transparent);transform-origin:top;border-radius:999px;position:absolute;inset:0;transform:scaleY(0)}.portfolio-changelog-timeline[data-active=true] .portfolio-changelog-spine-line{animation:1.35s cubic-bezier(.22,1,.36,1) forwards portfolio-changelog-spine-draw}.portfolio-changelog-timeline[data-reduced-motion=true] .portfolio-changelog-spine-line{animation:none;transform:scaleY(1)}.portfolio-changelog-spine-pulse{background:color-mix(in oklch, var(--foreground) 70%, transparent);width:.35rem;height:.35rem;box-shadow:0 0 12px color-mix(in oklch, var(--foreground) 35%, transparent);opacity:0;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.portfolio-changelog-timeline[data-active=true]:not([data-reduced-motion=true]) .portfolio-changelog-spine-pulse{animation:2.8s ease-in-out .4s infinite portfolio-changelog-spine-pulse}.portfolio-changelog-list{gap:1.25rem}}.portfolio-changelog-reveal{min-width:0;list-style:none;display:block}.portfolio-changelog-entry{list-style:none;display:block;position:relative}.portfolio-changelog-node{display:none}@media (min-width:768px){.portfolio-changelog-node{left:calc(-2.25rem + var(--changelog-rail-x));z-index:2;border:1px solid color-mix(in oklch, var(--foreground) 32%, transparent);background:var(--background);width:.55rem;height:.55rem;box-shadow:0 0 0 4px color-mix(in oklch, var(--background) 90%, transparent);opacity:0;border-radius:999px;display:block;position:absolute;top:1.45rem;transform:translate(-50%)scale(.35)}.portfolio-changelog-timeline[data-active=true] .portfolio-changelog-node{animation:.55s cubic-bezier(.22,1,.36,1) both portfolio-changelog-node-pop;animation-delay:calc(var(--entry-i,0) * .11s + .18s)}.portfolio-changelog-timeline[data-reduced-motion=true] .portfolio-changelog-node{opacity:1;animation:none;transform:translate(-50%)scale(1)}.portfolio-changelog-entry[data-kind=launch] .portfolio-changelog-node{border-color:color-mix(in oklch, var(--foreground) 58%, transparent);background:color-mix(in oklch, var(--foreground) 14%, var(--background));box-shadow:0 0 0 4px color-mix(in oklch, var(--background) 90%, transparent), 0 0 14px color-mix(in oklch, var(--foreground) 18%, transparent)}}.portfolio-changelog-card{border:1px solid color-mix(in oklch, var(--border) 68%, transparent);background:color-mix(in oklch, var(--card) 48%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:1.15rem 1.2rem;transition:border-color .3s,background-color .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;overflow:hidden}.portfolio-changelog-card:before{content:"";background:radial-gradient(ellipse at center, color-mix(in oklch, var(--foreground) 7%, transparent), transparent 70%);opacity:0;pointer-events:none;width:55%;transition:opacity .4s;position:absolute;inset:-40% auto -40% -30%}.portfolio-changelog-entry:hover .portfolio-changelog-card{border-color:color-mix(in oklch, var(--foreground) 16%, var(--border));background:color-mix(in oklch, var(--card) 72%, transparent);box-shadow:0 14px 40px -24px color-mix(in oklch, var(--foreground) 35%, transparent);transform:translateY(-3px)}.portfolio-changelog-entry:hover .portfolio-changelog-card:before{opacity:1}.portfolio-changelog-timeline[data-reduced-motion=true] .portfolio-changelog-entry:hover .portfolio-changelog-card{transform:none}.portfolio-changelog-kind{letter-spacing:.12em;text-transform:uppercase;font-size:.625rem;font-weight:600}.portfolio-changelog-entry[data-kind=launch] .portfolio-changelog-kind{color:var(--foreground)}.portfolio-changelog-entry[data-kind=ship] .portfolio-changelog-kind{color:color-mix(in oklch, var(--foreground) 75%, var(--muted-foreground))}.portfolio-changelog-entry[data-kind=craft] .portfolio-changelog-kind,.portfolio-changelog-entry[data-kind=platform] .portfolio-changelog-kind{color:var(--muted-foreground)}.portfolio-changelog-link{transition:color .2s}.portfolio-changelog-link:hover{color:color-mix(in oklch, var(--foreground) 82%, transparent);text-decoration:underline}.portfolio-changelog-link-icon{transition:transform .25s cubic-bezier(.22,1,.36,1)}.portfolio-changelog-link:hover .portfolio-changelog-link-icon{transform:translate(2px,-2px)}
[data-portfolio-depth-bg]{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}[data-portfolio-depth-glow]{width:min(70vw,42rem);height:min(70vw,42rem);left:var(--portfolio-glow-x,48%);top:var(--portfolio-glow-y,28%);filter:blur(8px);opacity:.9;background:radial-gradient(circle,#aeaeae38 0%,#cecece14 42%,#0000 70%);background:radial-gradient(circle,lab(71% 0 0/.22) 0%,lab(82.6% .0000298023 -.0000119209/.08) 42%,#0000 70%);border-radius:9999px;transition:left .4s ease-out,top .4s ease-out;position:absolute;translate:-50% -50%}.dark [data-portfolio-depth-glow]{background:radial-gradient(circle,#3a3a3a66 0%,#29292926 45%,#0000 72%);background:radial-gradient(circle,lab(24.6% 0 0/.4) 0%,lab(16.48% 0 0/.15) 45%,#0000 72%)}[data-portfolio-depth-grid]{opacity:.55;background-image:linear-gradient(#7171710f 1px,#0000 1px),linear-gradient(90deg,#7171710f 1px,#0000 1px);background-image:linear-gradient(lab(47.8% 0 .0000119209/.06) 1px,#0000 1px),linear-gradient(90deg,lab(47.8% 0 .0000119209/.06) 1px,#0000 1px);background-size:48px 48px;animation:28s linear infinite portfolio-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 60% at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(75% 60% at 50% 20%,#000 20%,#0000 75%)}@keyframes portfolio-grid-drift{0%{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}.dark [data-portfolio-depth-grid]{opacity:.35;background-image:linear-gradient(#aeaeae12 1px,#0000 1px),linear-gradient(90deg,#aeaeae12 1px,#0000 1px);background-image:linear-gradient(lab(71% 0 0/.07) 1px,#0000 1px),linear-gradient(90deg,lab(71% 0 0/.07) 1px,#0000 1px)}[data-portfolio-depth-bg][data-motion=off] [data-portfolio-depth-glow]{transition:none;top:28%;left:48%}@media (prefers-reduced-motion:reduce){[data-portfolio-depth-glow]{transition:none}[data-portfolio-depth-grid]{animation:none}}
.portfolio-hero-ctas{flex-direction:column;gap:.625rem;padding-top:.35rem;display:flex}@media (min-width:640px){.portfolio-hero-ctas{flex-direction:row;align-items:stretch;gap:.75rem}}.portfolio-hero-cta{min-height:3.35rem;color:var(--foreground);border-radius:1rem;align-items:center;gap:.875rem;padding:.65rem 1rem .65rem .85rem;text-decoration:none;transition:transform .22s,border-color .22s,background-color .22s,box-shadow .22s;display:flex;position:relative}.portfolio-hero-cta:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.portfolio-hero-cta:hover{transform:translateY(-2px)}}.portfolio-hero-cta--primary{border:1px solid color-mix(in oklch, #0f766e 28%, var(--border));background:linear-gradient(145deg, color-mix(in oklch, #0f766e 14%, var(--card)) 0%, color-mix(in oklch, var(--card) 92%, var(--background)) 55%, var(--card) 100%);box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 8%, transparent), 0 14px 36px -18px #0f766e73;flex:1.2;overflow:hidden}@supports (color:lab(0% 0 0)){.portfolio-hero-cta--primary{box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 8%, transparent), 0 14px 36px -18px lab(44.2887% -29.6141 -3.79756/.45)}}.portfolio-hero-cta--primary:after{content:"";background:linear-gradient(105deg, transparent 42%, color-mix(in oklch, var(--foreground) 12%, transparent) 50%, transparent 58%);opacity:.35;pointer-events:none;position:absolute;inset:-40% -20%}@media (prefers-reduced-motion:no-preference){.portfolio-hero-cta--primary:after{animation:5.5s ease-in-out infinite portfolio-hero-cta-shine}}.portfolio-hero-cta--primary:hover{border-color:color-mix(in oklch, #0f766e 55%, var(--border));box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 10%, transparent), 0 18px 44px -14px #0f766e8c}@supports (color:lab(0% 0 0)){.portfolio-hero-cta--primary:hover{box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 10%, transparent), 0 18px 44px -14px lab(44.2887% -29.6141 -3.79756/.55)}}.portfolio-hero-cta-badge{border:1px solid color-mix(in oklch, #0f766e 35%, var(--border));background:color-mix(in oklch, var(--background) 70%, transparent);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, #0f766e 75%, var(--foreground));border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.625rem;font-weight:600;display:inline-flex}.portfolio-hero-cta-badge-dot{background:#0f766e;border-radius:9999px;width:.35rem;height:.35rem;box-shadow:0 0 0 3px #0f766e40;box-shadow:0 0 0 3px lab(44.2887% -29.6141 -3.79756/.25)}@media (prefers-reduced-motion:no-preference){.portfolio-hero-cta-badge-dot{animation:2.4s ease-in-out infinite portfolio-hero-cta-pulse}}.portfolio-hero-cta-copy{text-align:left;flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.portfolio-hero-cta-label{letter-spacing:-.01em;font-size:.9375rem;font-weight:600;line-height:1.25}@media (min-width:640px){.portfolio-hero-cta-label{font-size:1rem}}.portfolio-hero-cta-hint{color:var(--muted-foreground);font-size:.75rem;line-height:1.3}.portfolio-hero-cta-icon{border:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:color-mix(in oklch, var(--background) 55%, transparent);width:2.25rem;height:2.25rem;color:var(--foreground);border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portfolio-hero-cta-icon svg{width:1.05rem;height:1.05rem}@media (prefers-reduced-motion:no-preference){.portfolio-hero-cta--primary:hover .portfolio-hero-cta-icon svg{transition:transform .22s;transform:translateY(2px)}}.portfolio-hero-cta--secondary{border:1px dashed color-mix(in oklch, var(--border) 95%, transparent);background:color-mix(in oklch, var(--card) 35%, transparent);flex:1}.portfolio-hero-cta--secondary:hover{border-style:solid;border-color:color-mix(in oklch, var(--foreground) 18%, var(--border));background:color-mix(in oklch, var(--accent) 55%, var(--card))}.portfolio-hero-cta--secondary .portfolio-hero-cta-icon{border-style:dashed}.portfolio-hero-cta--secondary:hover .portfolio-hero-cta-icon{border-style:solid}@media (prefers-reduced-motion:no-preference){.portfolio-hero-cta--secondary:hover .portfolio-hero-cta-icon svg{transition:transform .22s;transform:translate(2px,-2px)}}@keyframes portfolio-hero-cta-shine{0%,to{opacity:.2;transform:translate(-30%)rotate(8deg)}50%{opacity:.45;transform:translate(30%)rotate(8deg)}}@keyframes portfolio-hero-cta-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.portfolio-hero-cta--primary:after,.portfolio-hero-cta-badge-dot{animation:none}}
@keyframes portfolio-live-draw-line{to{stroke-dashoffset:0}}.portfolio-live-manifest{border:1px solid color-mix(in oklch, var(--border) 78%, transparent);background:radial-gradient(ellipse 80% 55% at 12% -20%, color-mix(in oklch, var(--foreground) 5%, transparent), transparent 55%), color-mix(in oklch, var(--card) 42%, transparent);border-radius:1rem;gap:1.35rem;padding:1.15rem 1.15rem 1.05rem;display:grid}@media (min-width:768px){.portfolio-live-manifest{grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);align-items:end;gap:1.75rem 2rem}}.portfolio-live-manifest-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.portfolio-live-manifest-count-row{align-items:flex-end;gap:.65rem;margin-top:.55rem;display:flex}.portfolio-live-manifest-count{font-family:var(--font-heading), var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.05em;color:color-mix(in oklch, var(--foreground) 88%, var(--muted-foreground));font-size:clamp(2.75rem,6vw,3.35rem);font-weight:500;line-height:.95}.portfolio-live-manifest-title{font-family:var(--font-heading), var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;color:var(--foreground);font-size:1.05rem;font-weight:500}.portfolio-live-manifest-sub{color:var(--muted-foreground);margin-top:.15rem;font-size:.75rem}.portfolio-live-manifest-tagline{color:var(--muted-foreground);margin-top:.85rem;font-size:.8125rem;line-height:1.55}.portfolio-live-manifest-stage{--portfolio-live-beacon-gap:.5rem;min-width:0}.portfolio-live-manifest-connector{display:none}.portfolio-live-manifest-beacons{gap:var(--portfolio-live-beacon-gap);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.portfolio-live-manifest-stage{--portfolio-live-beacon-gap:.55rem}.portfolio-live-manifest-connector{gap:var(--portfolio-live-beacon-gap);grid-template-columns:repeat(3,minmax(0,1fr));height:.55rem;margin-bottom:.35rem;display:grid;position:relative}.portfolio-live-manifest-connector:before{content:"";top:50%;left:calc((100% - 2 * var(--portfolio-live-beacon-gap)) / 6);right:calc((100% - 2 * var(--portfolio-live-beacon-gap)) / 6);background:linear-gradient(90deg, color-mix(in oklch, var(--foreground) 8%, transparent), color-mix(in oklch, var(--foreground) 28%, transparent) 50%, color-mix(in oklch, var(--foreground) 8%, transparent));height:1px;position:absolute;transform:translateY(-50%)}.portfolio-live-manifest-connector-node{z-index:1;border:1px solid color-mix(in oklch, var(--foreground) 35%, transparent);background:var(--background);width:.45rem;height:.45rem;box-shadow:0 0 0 3px color-mix(in oklch, var(--background) 90%, transparent);border-radius:999px;place-self:center;position:relative}.portfolio-live-manifest-beacons{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-live-beacon-reveal{min-width:0;height:100%;list-style:none;display:block}.portfolio-live-beacon-item{height:100%;list-style:none}.portfolio-live-beacon{border:1px solid color-mix(in oklch, var(--border) 72%, transparent);background:color-mix(in oklch, var(--background) 55%, transparent);height:100%;color:inherit;border-radius:.7rem;flex-direction:column;gap:.35rem;padding:.65rem .7rem .6rem;text-decoration:none;transition:border-color .25s,background-color .25s,transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.portfolio-live-beacon:after{content:"";background:var(--foreground);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 0 0;transform:scaleX(0)}.portfolio-live-beacon:hover{border-color:color-mix(in oklch, var(--foreground) 18%, var(--border));background:color-mix(in oklch, var(--accent) 40%, transparent);transform:translateY(-2px)}.portfolio-live-beacon:hover:after{transform:scaleX(1)}.portfolio-live-beacon:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.portfolio-live-beacon-wave{width:100%;height:1.35rem;color:color-mix(in oklch, var(--foreground) 38%, transparent)}.portfolio-live-beacon:hover .portfolio-live-beacon-wave{color:color-mix(in oklch, var(--foreground) 62%, transparent)}.portfolio-live-telemetry-path{stroke-dasharray:100;stroke-dashoffset:100px}.portfolio-live-telemetry-path[data-play=true]{animation:1.8s cubic-bezier(.45,0,.2,1) forwards portfolio-live-draw-line;animation-delay:calc(var(--glyph-i,0) * .12s + .2s)}.portfolio-live-manifest[data-reduced-motion=true] .portfolio-live-telemetry-path{stroke-dashoffset:0;animation:none}.portfolio-live-beacon-index{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--muted-foreground);font-size:.625rem}.portfolio-live-beacon-name{letter-spacing:-.01em;color:var(--foreground);font-size:.9rem;font-weight:600}.portfolio-live-beacon-host{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted-foreground);font-size:.6875rem;overflow:hidden}.portfolio-live-beacon-foot{border-top:1px solid color-mix(in oklch, var(--border) 55%, transparent);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.15rem;padding-top:.4rem;display:flex}.portfolio-live-beacon-status{color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.portfolio-live-beacon-arrow{color:var(--muted-foreground);font-size:.75rem;transition:transform .25s,color .25s}.portfolio-live-beacon:hover .portfolio-live-beacon-arrow{color:var(--foreground);transform:translate(2px,-2px)}
.project-card-preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--preview-scale:.74;flex-shrink:0;width:100%;height:16.5rem;position:relative;overflow:hidden;container-type:inline-size}@media (min-width:640px){.project-card-preview{height:17.25rem}}.project-card-preview--compliance-tracker{--preview-scale:.76}.project-card-preview--scopewise{--preview-scale:.64}.project-card-preview--invoices{--preview-scale:.8}.project-card-preview--saas-starter{--preview-scale:.84}.project-card-preview-scene{pointer-events:none;position:absolute;inset:0}.project-card-preview-depth,.project-card-preview-glow,.project-card-preview-grid-near,.project-card-preview-grid-far{position:absolute;inset:0}.project-card-preview-glow{opacity:1}.project-card-preview--compliance-tracker .project-card-preview-glow{background:radial-gradient(90% 70% at 50% -10%,#006d6d1a,#0000 68%);background:radial-gradient(90% 70% at 50% -10%,lab(40.9378% -39.3271 -11.636/.1),#0000 68%)}.project-card-preview--scopewise .project-card-preview-glow{background:radial-gradient(72% 52% at 72% 18%,#8362ed1f,#0000 68%),radial-gradient(48% 38% at 88% 8%,#6284ce0f,#0000 72%);background:radial-gradient(72% 52% at 72% 18%,lab(50.5162% 38.8222 -66.8722/.12),#0000 68%),radial-gradient(48% 38% at 88% 8%,lab(54.9822% 4.38535 -43.0312/.06),#0000 72%)}.project-card-preview--invoices .project-card-preview-glow{background:radial-gradient(80% 60% at 30% 20%,#019f681f,#0000 70%);background:radial-gradient(80% 60% at 30% 20%,lab(57.7608% -46.9025 18.3994/.12),#0000 70%)}.project-card-preview-stage{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;height:100%;padding:.875rem 1.25rem;display:flex;position:relative}.project-preview-mock-scale{width:17.5rem;max-width:100%;transform:scale(var(--preview-scale));transform-origin:50%;flex-shrink:0}@container (max-width:320px){.project-card-preview{--preview-scale:.66}.project-card-preview--scopewise{--preview-scale:.6}}.project-card-preview--compliance-tracker .project-card-preview-depth{background-color:#f7fafe;background-color:lab(98.2554% -.662416 -2.14628)}.project-card-preview--compliance-tracker .project-card-preview-grid-near{background-image:linear-gradient(90deg,#5b646f0f 1px,#0000 1px),linear-gradient(#5b646f0f 1px,#0000 1px);background-image:linear-gradient(90deg,lab(41.9742% -2.00994 -7.05371/.06) 1px,#0000 1px),linear-gradient(lab(41.9742% -2.00994 -7.05371/.06) 1px,#0000 1px);background-size:24px 24px}.project-card-preview--compliance-tracker .project-card-preview-grid-far{opacity:.42;background-image:linear-gradient(90deg,#5b646f0b 1px,#0000 1px),linear-gradient(#5b646f0b 1px,#0000 1px);background-image:linear-gradient(90deg,lab(41.9742% -2.00994 -7.05371/.045) 1px,#0000 1px),linear-gradient(lab(41.9742% -2.00994 -7.05371/.045) 1px,#0000 1px);background-position:12px 12px;background-size:48px 48px}.project-card-preview--compliance-tracker .project-preview-ct-mock{box-sizing:border-box;color:#141b24;color:lab(9.47796% -1.69584 -6.93499);background-color:#fff;background-color:lab(99.997% -.443935 -1.43229);border:1px solid #d0d8e1;border:1px solid lab(86.0659% -1.60885 -5.33966);border-radius:.85rem;width:100%;padding:.85rem;box-shadow:0 14px 36px -14px #2a3c4f59;box-shadow:0 14px 36px -14px lab(24.5005% -3.09053 -13.7813/.35)}.project-card-preview--compliance-tracker [data-marketing-mock-header]{justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.65rem;display:flex}.project-card-preview--compliance-tracker [data-marketing-mock-title]{margin:0;font-size:.72rem;font-weight:600;line-height:1.25}.project-card-preview--compliance-tracker [data-marketing-mock-subtitle]{color:#535f6c;color:lab(39.643% -2.42136 -8.77803);margin:.15rem 0 0;font-size:.62rem;line-height:1.25}.project-card-preview--compliance-tracker [data-marketing-mock-progress]{flex-shrink:0;width:2.35rem;height:2.35rem;position:relative}.project-card-preview--compliance-tracker [data-marketing-mock-progress] svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.project-card-preview--compliance-tracker [data-marketing-mock-progress-track]{stroke:#ebf1f7;stroke:lab(94.7716% -1.09154 -3.57003)}.project-card-preview--compliance-tracker [data-marketing-mock-progress-fill]{stroke:#006d6d;stroke:lab(40.9378% -39.3271 -11.636)}.project-card-preview--compliance-tracker [data-marketing-mock-progress-label]{justify-content:center;align-items:center;font-size:.58rem;font-weight:700;display:flex;position:absolute;inset:0}.project-card-preview--compliance-tracker [data-marketing-mock-divider]{background-color:#d0d8e1;background-color:lab(86.0659% -1.60885 -5.33966);width:100%;height:1px;margin:0 0 .55rem;display:block}.project-card-preview--compliance-tracker [data-marketing-mock-list]{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.project-card-preview--compliance-tracker [data-marketing-mock-item]{background-color:#ebf1f7;background-color:lab(94.7716% -1.09154 -3.57003);border:1px solid #d0d8e1;border:1px solid lab(86.0659% -1.60885 -5.33966);border-radius:.45rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .55rem;font-size:.62rem;display:flex}.project-card-preview--compliance-tracker [data-marketing-mock-item][data-active=true]{border-color:#7facc1;border-color:lab(67.7318% -11.8334 -15.8058);box-shadow:0 0 0 1px #006d6d40;box-shadow:0 0 0 1px lab(40.9378% -39.3271 -11.636/.25)}.project-card-preview--compliance-tracker [data-marketing-mock-item-title]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.project-card-preview--compliance-tracker [data-marketing-mock-status]{white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.15rem .45rem;font-size:.55rem;font-weight:600;line-height:1.25}.project-card-preview--compliance-tracker [data-marketing-mock-status=due-soon]{color:#b67700;color:lab(55.6388% 23.5032 96.5963);background-color:#b6770026;background-color:lab(55.6388% 23.5032 96.5963/.15)}.project-card-preview--compliance-tracker [data-marketing-mock-status=primary]{color:#006d6d;color:lab(40.9378% -39.3271 -11.636);background-color:#006d6d1f;background-color:lab(40.9378% -39.3271 -11.636/.12)}.project-card-preview--compliance-tracker [data-marketing-mock-next]{background-color:#ebf1f7;background-color:lab(94.7716% -1.09154 -3.57003);border-radius:.45rem;margin-top:.55rem;padding:.45rem .55rem}.project-card-preview--compliance-tracker [data-marketing-mock-next-label]{letter-spacing:.05em;text-transform:uppercase;color:#535f6c;color:lab(39.643% -2.42136 -8.77803);margin:0;font-size:.52rem;font-weight:600}.project-card-preview--compliance-tracker [data-marketing-mock-next-title]{margin:.12rem 0 0;font-size:.62rem;font-weight:500;line-height:1.35}.project-card-preview--compliance-tracker [data-marketing-mock-button]{color:#f5fefe;color:lab(98.9475% -3.26028 -1.01411);background-color:#006d6d;background-color:lab(40.9378% -39.3271 -11.636);border-radius:.35rem;margin-top:.35rem;padding:.2rem .45rem;font-size:.55rem;font-weight:500;display:inline-flex}.project-card-preview--scopewise .project-card-preview-depth{background:radial-gradient(circle at 100% 0,#e9d5ff 0%,#f8fafc 40%,#eef2ff 100%)}.project-card-preview--scopewise .project-card-preview-grid-near{background-image:linear-gradient(90deg,#716e8812 1px,#0000 1px),linear-gradient(#716e8812 1px,#0000 1px);background-image:linear-gradient(90deg,lab(47.383% 5.39917 -13.9031/.07) 1px,#0000 1px),linear-gradient(lab(47.383% 5.39917 -13.9031/.07) 1px,#0000 1px);background-size:24px 24px}.project-card-preview--scopewise .project-card-preview-grid-far{opacity:.42;background-image:linear-gradient(90deg,#716e880d 1px,#0000 1px),linear-gradient(#716e880d 1px,#0000 1px);background-image:linear-gradient(90deg,lab(47.383% 5.39917 -13.9031/.05) 1px,#0000 1px),linear-gradient(lab(47.383% 5.39917 -13.9031/.05) 1px,#0000 1px);background-position:12px 12px;background-size:48px 48px}.project-card-preview--scopewise .project-preview-sw-mock{box-sizing:border-box;background-color:#fff;background-color:lab(99.9023% 1.32382 -3.50218);border:1px solid #d7d3f0;border:1px solid lab(85.6677% 5.58183 -13.8327);border-radius:.85rem;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #59419b59,0 0 0 1px #a699de14;box-shadow:0 18px 40px -18px lab(34.0825% 27.4415 -46.2622/.35),0 0 0 1px lab(66.3359% 15.8894 -33.7622/.08)}.project-card-preview--scopewise [data-proposal-mock-rail]{inset-block:0;background:linear-gradient(#8254ee,#59aaf8);background:linear-gradient(lab(47.6227% 46.4638 -72.4771),lab(66.978% -7.00608 -47.4265));width:4px;position:absolute;left:0}.project-card-preview--scopewise [data-proposal-mock-header]{border-bottom:1px dashed #d7d4ea;border-bottom:1px dashed lab(85.7761% 4.11707 -10.414);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem .85rem .55rem 1rem;display:flex}.project-card-preview--scopewise [data-proposal-mock-kicker]{letter-spacing:.14em;text-transform:uppercase;color:#635f79;color:lab(41.5657% 5.86508 -13.6917);margin:0;font-size:.55rem;font-weight:600}.project-card-preview--scopewise [data-proposal-mock-client]{letter-spacing:-.02em;color:#201c31;color:lab(11.3469% 6.5904 -13.4358);margin:.25rem 0 0;font-size:.82rem;font-weight:700;line-height:1.2}.project-card-preview--scopewise [data-proposal-mock-status=drafting]{letter-spacing:.04em;text-transform:uppercase;color:#2c6194;color:lab(39.2678% -4.51233 -33.7996);background-color:#3275b424;background-color:lab(47.2838% -4.9921 -40.4988/.14);border-radius:9999px;flex-shrink:0;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.project-card-preview--scopewise [data-proposal-mock-body]{flex-direction:column;gap:.4rem;padding:.55rem .85rem .5rem 1rem;display:flex}.project-card-preview--scopewise [data-proposal-mock-row]{background-color:#f7f5ff;background-color:lab(96.9523% 2.00191 -5.24238);border:1px solid #dedbee;border:1px solid lab(88.1491% 3.39895 -8.69756);border-radius:.45rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.38rem .55rem;font-size:.62rem;display:flex}.project-card-preview--scopewise [data-proposal-mock-row][data-active=true]{border-color:#a696e9;border-color:lab(66.0406% 19.7712 -40.3073);box-shadow:0 0 0 1px #815ae459;box-shadow:0 0 0 1px lab(48.1099% 40.6966 -65.9686/.35)}.project-card-preview--scopewise [data-proposal-mock-row-label]{color:#332f46;color:lab(20.6559% 6.23921 -13.5437);font-weight:600}.project-card-preview--scopewise [data-proposal-mock-row-meta]{color:#69657f;color:lab(43.8877% 5.83971 -13.7032);white-space:nowrap;font-weight:500}.project-card-preview--scopewise [data-proposal-mock-footer]{background:linear-gradient(135deg,#815ae41f,#488acb14);background:linear-gradient(135deg,lab(48.1099% 40.6966 -65.9686/.12),lab(55.4574% -6.04308 -40.6575/.08));border-radius:.45rem;margin:0 .85rem .65rem 1rem;padding:.45rem .55rem}.project-card-preview--scopewise [data-proposal-mock-footer-label]{letter-spacing:.1em;text-transform:uppercase;color:#645b8d;color:lab(41.0232% 13.0678 -26.9027);margin:0;font-size:.52rem;font-weight:700}.project-card-preview--scopewise [data-proposal-mock-footer-title]{color:#332e4a;color:lab(20.5128% 8.12773 -16.8255);margin:.2rem 0 0;font-size:.6rem;font-weight:600;line-height:1.35}.project-card-preview--invoices .project-card-preview-depth{background-color:#f7fbf9;background-color:lab(98.3416% -1.91838 .763094)}.project-card-preview--invoices .project-card-preview-grid-near{background-image:linear-gradient(90deg,#527d6512 1px,#0000 1px),linear-gradient(#527d6512 1px,#0000 1px);background-image:linear-gradient(90deg,lab(48.6029% -19.5611 7.73559/.07) 1px,#0000 1px),linear-gradient(lab(48.6029% -19.5611 7.73559/.07) 1px,#0000 1px);background-size:24px 24px}.project-card-preview--invoices .project-preview-inv-hero{justify-content:space-between;align-items:center;gap:.65rem;width:100%;padding:.35rem .15rem;display:flex}.project-card-preview--invoices .project-preview-inv-copy{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.project-card-preview--invoices .project-preview-inv-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#3b7759;color:lab(45.3832% -26.336 10.3848);font-size:.5rem;font-weight:700}.project-card-preview--invoices .project-preview-inv-title-line{background:#202c25;background:lab(16.7492% -6.4712 2.56492);border-radius:9999px;width:92%;height:.45rem}.project-card-preview--invoices .project-preview-inv-title-line--accent{background:linear-gradient(90deg,#007e50,#c79e41);background:linear-gradient(90deg,lab(46.1492% -47.4634 18.5549),lab(67.7105% 8.4388 52.926));width:72%}.project-card-preview--invoices .project-preview-inv-desc-line{background:#dae9e0;background:lab(90.9913% -6.41191 2.54854);border-radius:9999px;width:100%;height:.32rem}.project-card-preview--invoices .project-preview-inv-desc-line--short{width:78%}.project-card-preview--invoices .project-preview-inv-slip{background-color:#fffffff2;border:1px solid #cddcd3cc;border-radius:.75rem;flex-shrink:0;width:7.25rem;position:relative;overflow:hidden;box-shadow:0 12px 28px -10px #0f172a24}.project-card-preview--invoices .project-preview-inv-slip-rail{inset-block:0;background:linear-gradient(#10b981,#fbbf24);width:4px;position:absolute;left:0}.project-card-preview--invoices .project-preview-inv-slip-head{border-bottom:1px dashed #d3e2d9;border-bottom:1px dashed lab(88.6713% -6.41248 2.54869);padding:.5rem .55rem .45rem .75rem}.project-card-preview--invoices .project-preview-inv-slip-head>p:first-child{letter-spacing:.14em;text-transform:uppercase;color:#5a6f63;color:lab(44.7247% -9.68137 3.84034);margin:0;font-size:.48rem;font-weight:600}.project-card-preview--invoices .project-preview-inv-client{color:#202c25;color:lab(16.7492% -6.4712 2.56492);margin:.2rem 0 0;font-size:.58rem;font-weight:700;line-height:1.2}.project-card-preview--invoices .project-preview-inv-slip-status-row{margin-top:.35rem;display:flex}.project-card-preview--invoices .project-preview-inv-pill{text-transform:uppercase;letter-spacing:.06em;color:#005d3a;color:lab(34.0325% -33.611 13.1728);background-color:#10b9811f;border-radius:9999px;padding:.12rem .4rem;font-size:.45rem;font-weight:600}.project-card-preview--invoices .project-preview-inv-slip-body{flex-direction:column;gap:.35rem;padding:.45rem .55rem .55rem .75rem;font-size:.5rem;display:flex}.project-card-preview--invoices .project-preview-inv-line,.project-card-preview--invoices .project-preview-inv-total{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.project-card-preview--invoices .project-preview-inv-line-label{color:#4f6358;color:lab(40.0844% -9.69018 3.84278)}.project-card-preview--invoices .project-preview-inv-line-value{color:#202c25;color:lab(16.7492% -6.4712 2.56492);font-weight:600}.project-card-preview--invoices .project-preview-inv-total{border-top:1px dashed #d3e2d9;border-top:1px dashed lab(88.6713% -6.41248 2.54869);margin-top:.1rem;padding-top:.35rem}.project-card-preview--invoices .project-preview-inv-line-value--total{color:#007245;color:lab(41.5033% -47.7771 18.6417)}.project-card-preview--saas-starter .project-card-preview-depth{background:linear-gradient(165deg,#09090b 0%,#27272a 55%,#3f3f46 100%)}.project-card-preview--saas-starter .project-card-preview-grid-near{opacity:.35;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:20px 20px}.project-card-preview--saas-starter .project-preview-kit-shell{background:#09090beb;border:1px solid #ffffff1a;border-radius:.65rem;width:100%;overflow:hidden;box-shadow:0 16px 40px -16px #0000008c}.project-card-preview--saas-starter .project-preview-kit-chrome{background:#18181bf2;border-bottom:1px solid #ffffff0f;align-items:center;gap:5px;padding:.4rem .55rem;display:flex}.project-card-preview--saas-starter .project-preview-kit-chrome span{background:#ffffff38;border-radius:9999px;width:6px;height:6px}.project-card-preview--saas-starter .project-preview-kit-chrome span:first-child{background:#f87171}.project-card-preview--saas-starter .project-preview-kit-chrome span:nth-child(2){background:#fbbf24}.project-card-preview--saas-starter .project-preview-kit-chrome span:nth-child(3){background:#4ade80}.project-card-preview--saas-starter .project-preview-kit-url{background:#ffffff14;border-radius:4px;flex:1;height:.45rem;margin-left:.35rem}.project-card-preview--saas-starter .project-preview-kit{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%;padding:.5rem;display:grid}.project-card-preview--saas-starter .project-preview-kit-tile{background-color:#18181bd9;border:1px solid #ffffff1f;border-radius:.55rem;padding:.45rem .55rem}.project-card-preview--saas-starter .project-preview-kit-title{color:#fafafa;font-size:.65rem;font-weight:600;display:block}.project-card-preview--saas-starter .project-preview-kit-sub{color:#a1a1aa;margin-top:.15rem;font-size:.55rem;display:block}@media (prefers-reduced-motion:no-preference){.project-card-preview .project-preview-mock-scale{transition:transform .28s cubic-bezier(.22,1,.36,1)}.group:hover .project-card-preview .project-preview-mock-scale{transform:scale(calc(var(--preview-scale) * 1.02))}}