@layer components{.hero{background:radial-gradient(ellipse 90% 70% at 50% 30%,#1a0d33,#0a0a0a 55%,#050505);border-bottom:1px solid #1f1f1f}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 80%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:90%;height:90%;background:radial-gradient(circle,rgba(124,80,209,.4) 0%,rgba(90,45,176,.12) 35%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.hero-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary-light);box-shadow:0 0 12px #a880e8e6;flex-shrink:0}.hero-tri:before{content:"";position:absolute;left:32px;top:80px;bottom:80px;width:1px;background:linear-gradient(180deg,transparent,rgba(183,148,244,.45),transparent);pointer-events:none}@media(max-width:960px){.hero-tri:before{display:none}}.tri-chip:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#a880e866,#ffffff0d 50%,#a880e833);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phases{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(90,45,176,.05),transparent 60%),#fff}.phases:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(10,10,10,.04) 1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 80%);pointer-events:none}.phase-card{box-shadow:0 1px #ffffffe6 inset,0 30px 60px -20px #5a2db02e,0 0 0 1px var(--color-line)}.phase-card:hover{transform:translateY(-3px);box-shadow:0 1px #ffffffe6 inset,0 40px 80px -20px #5a2db047,0 0 0 1px #5a2db033}.phase-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(180deg,rgba(90,45,176,.4),transparent 35%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phase-steps-card{box-shadow:0 1px #ffffffe6 inset,0 30px 60px -20px #5a2db02e,0 0 0 1px var(--color-line)}.phase-steps-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(180deg,rgba(90,45,176,.35),transparent 30%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phase-section-dark{background:radial-gradient(ellipse 80% 70% at 50% 50%,#16101e,#0a0a0a 65%,#050505)}.phase-section-dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 80%);pointer-events:none}.phase-steps-card-dark{background:linear-gradient(180deg,#14111a,#0e0d12);box-shadow:0 1px #ffffff0a inset,0 40px 100px -20px #5a2db073,0 0 0 1px #ffffff0a}.phase-steps-card-dark:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,rgba(168,128,232,.45),rgba(255,255,255,.04) 35%,transparent 60%,rgba(168,128,232,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dia:before{content:"";position:absolute;top:10%;right:-10%;width:50%;height:70%;background:radial-gradient(circle,rgba(90,45,176,.08),transparent 70%);filter:blur(40px);pointer-events:none}.dia-grid{box-shadow:0 1px #ffffffe6 inset,0 30px 60px -20px #5a2db02e,0 0 0 1px var(--color-line)}.dia-grid:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(90deg,rgba(90,45,176,.35),transparent 50%,rgba(90,45,176,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dia-cell:after{content:"";position:absolute;top:50%;right:-10px;width:20px;height:20px;background:#fff;border-top:1px solid var(--color-line);border-right:1px solid var(--color-line);transform:translateY(-50%) rotate(45deg);z-index:2}.dia-cell:last-child:after{display:none}@media(max-width:820px){.dia-cell:after{display:none}}.portfolio:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(10,10,10,.04) 1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 80%);pointer-events:none}.pf-cols{box-shadow:0 1px #ffffffe6 inset,0 30px 60px -20px #5a2db02e,0 0 0 1px var(--color-line)}.pf-li:before{content:"";flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:var(--color-primary);opacity:.6}}