.public-page-hero{background:radial-gradient(circle at 18% 22%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 24rem), linear-gradient(180deg, #ffffff04, transparent), color-mix(in oklch, var(--background) 94%, black)}.public-page-grid{background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.public-surface{border:1px solid color-mix(in oklch, var(--border) 84%, transparent);background:linear-gradient(145deg, #ffffff0b, transparent 48%), color-mix(in oklch, var(--card) 94%, black);box-shadow:0 24px 80px #0003}.public-surface:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border))}.public-icon-shell{background:linear-gradient(145deg, color-mix(in oklch, var(--primary) 22%, transparent), color-mix(in oklch, var(--primary) 6%, transparent));box-shadow:inset 0 1px #ffffff14}.public-cta{background:radial-gradient(circle at 88% 18%, color-mix(in oklch, var(--primary) 18%, transparent), transparent 25rem), linear-gradient(135deg, color-mix(in oklch, var(--card) 88%, black), color-mix(in oklch, var(--background) 92%, black));box-shadow:0 32px 100px #00000040}.public-step-line:before{content:"";background:linear-gradient(var(--primary), transparent);width:1px;position:absolute;top:2rem;bottom:-2rem;left:1.5rem}.public-step-line:last-child:before{display:none}@media (prefers-reduced-motion:reduce){.public-surface{transition:none}}