:root{--hue:27;--sat:69%;--white:#fff;--purple-primary:var(--wraith-purple);--purple-glow:var(--wraith-purple-glow);--purple-border:var(--wraith-purple-border);--border-color:var(--wraith-border);--background-dark:var(--wraith-bg-elevated);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.card-grid{gap:.5em;max-width:54em;padding:.75em;font-size:clamp(1rem,.9rem + .5vw,1.5rem);display:grid}.magic-bento-card{aspect-ratio:4/3;border:1px solid var(--border-color);background:var(--background-dark);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200px;padding:1.25em;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{box-shadow:0 8px 25px rgba(var(--wraith-shadow-rgb), .15);transform:translateY(-2px)}.magic-bento-card__header,.magic-bento-card__content{z-index:1;color:var(--card-foreground);display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;gap:.75em}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:1;--clamp-desc:2}.magic-bento-card__title{margin:0 0 .25em;font-size:16px;font-weight:400}.magic-bento-card__description{opacity:.9;font-size:12px;line-height:1.2}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-area:span 2/span 2}.magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2}.magic-bento-card:nth-child(6){grid-area:3/4}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--wraith-purple-rgb), calc(var(--glow-intensity) * .8)) 0%, rgba(var(--wraith-purple-rgb), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:6px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px rgba(var(--wraith-shadow-rgb), .4), 0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--wraith-purple-rgb), .2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 4px 20px rgba(var(--wraith-shadow-rgb), .2), 0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}
.hero-parallax{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.hero-parallax{transition:none;transform:none}}
.home-loop{padding:2rem 1.5rem 6rem}.home-loop__heading{text-align:center;max-width:38rem;margin:0 auto 3.5rem}.home-loop__label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--wraith-highlight);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.6875rem;display:flex}.home-loop__title{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.75rem;font-weight:600}@media (min-width:640px){.home-loop__title{font-size:2.25rem}}.home-loop__body{color:var(--muted-foreground)}.home-loop__flow{flex-direction:column;align-items:stretch;gap:1.5rem;max-width:72rem;margin:0 auto;display:flex}@media (min-width:900px){.home-loop__flow{flex-direction:row;align-items:center}}.home-loop__step-wrap{flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}@media (min-width:900px){.home-loop__step-wrap{flex-direction:row}}.home-loop__step{border:1px solid var(--wraith-border);background:var(--wraith-bg-elevated);text-align:left;border-radius:18px;width:100%;padding:1.75rem 1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative}.home-loop__step:hover{border-color:var(--wraith-purple-border,#8400ffcc);box-shadow:0 0 30px var(--wraith-purple-glow);transform:translateY(-2px)}.home-loop__step-index{font-family:var(--font-mono);letter-spacing:.15em;color:var(--wraith-highlight);margin-bottom:.5rem;font-size:.6875rem;display:block}.home-loop__step-label{margin-bottom:.4rem;font-size:1.125rem}.home-loop__step-body{color:var(--muted-foreground);font-size:.8125rem;line-height:1.55}.home-loop__arrow{color:var(--wraith-highlight);opacity:.35;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;animation:2s ease-in-out infinite home-loop-pulse;display:flex;transform:rotate(90deg)}@media (min-width:900px){.home-loop__arrow{transform:none}}@keyframes home-loop-pulse{0%,to{opacity:.25;text-shadow:none}50%{opacity:1;text-shadow:0 0 12px rgba(var(--wraith-purple-rgb), .9)}}@media (prefers-reduced-motion:reduce){.home-loop__arrow{opacity:.6;animation:none}}