.dot-grid.svelte-igyby8{--dot-color: var(--color-accent);--hx: 50%;--hy: 50%;position:relative;pointer-events:none;background-image:radial-gradient(circle at center,rgb(var(--dot-color) / .75) .9px,transparent 1.4px),radial-gradient(circle closest-side at var(--hx) var(--hy),rgb(var(--dot-color) / .4) 0%,rgb(var(--dot-color) / .16) 35%,transparent 95%);background-size:12px 12px,100% 100%;background-position:center,center;background-repeat:repeat,no-repeat;-webkit-mask-image:radial-gradient(circle closest-side at var(--hx) var(--hy),rgb(0 0 0 / 1) 0%,rgb(0 0 0 / .6) 40%,rgb(0 0 0 / .22) 75%,transparent 100%);mask-image:radial-gradient(circle closest-side at var(--hx) var(--hy),rgb(0 0 0 / 1) 0%,rgb(0 0 0 / .6) 40%,rgb(0 0 0 / .22) 75%,transparent 100%)}.hotspot-center.svelte-igyby8{--hx: 50%;--hy: 50%}.dot-grid.sm.svelte-igyby8{width:400px;height:320px}.dot-grid.md.svelte-igyby8{width:640px;height:480px}.dot-grid.lg.svelte-igyby8{width:960px;height:720px}.dot-grid[data-color=primary].svelte-igyby8{--dot-color: var(--color-primary)}.dot-grid[data-color=cyan].svelte-igyby8{--dot-color: var(--color-cyan)}.dot-grid[data-color=magenta].svelte-igyby8{--dot-color: var(--color-magenta)}.dot-grid[data-color=purple].svelte-igyby8{--dot-color: var(--color-purple)}.dot-grid[data-color=blue].svelte-igyby8{--dot-color: var(--color-blue)}.dot-grid[data-color=teal].svelte-igyby8{--dot-color: var(--color-teal)}.zs-g3s8y4{position:absolute;left:5rem;right:0}.hero-frame-shell.svelte-y7f71y{--frame-accent: var(--color-accent);position:relative;display:inline-flex;isolation:isolate}.hero-dot-grid.svelte-y7f71y:before{content:"";position:absolute;background:radial-gradient(circle at center,rgb(var(--frame-accent) / .55) 0% transparent 72%,rgb(var(--frame-accent) / .55) 100% transparent 0%);filter:blur(40px);pointer-events:none;opacity:1}.hero-frame-shell.svelte-y7f71y:hover:before{opacity:1.15;filter:blur(46px)}.hero-frame.svelte-y7f71y{--cut: clamp(60px, 9%, 96px);--r: 18px;--border-w: 1.5px;position:relative;width:100%;max-width:600px;aspect-ratio:1.28 / 1;isolation:isolate;padding:var(--border-w);background:rgb(var(--frame-accent) / .65);clip-path:polygon(0 var(--r),calc(var(--r) * .0192) calc(var(--r) * .8049),calc(var(--r) * .0761) calc(var(--r) * .6173),calc(var(--r) * .1685) calc(var(--r) * .4444),calc(var(--r) * .2929) calc(var(--r) * .2929),calc(var(--r) * .4444) calc(var(--r) * .1685),calc(var(--r) * .6173) calc(var(--r) * .0761),calc(var(--r) * .8049) calc(var(--r) * .0192),var(--r) 0,calc(100% - var(--r)) 0,calc(100% - var(--r) * .8049) calc(var(--r) * .0192),calc(100% - var(--r) * .6173) calc(var(--r) * .0761),calc(100% - var(--r) * .4444) calc(var(--r) * .1685),calc(100% - var(--r) * .2929) calc(var(--r) * .2929),calc(100% - var(--r) * .1685) calc(var(--r) * .4444),calc(100% - var(--r) * .0761) calc(var(--r) * .6173),calc(100% - var(--r) * .0192) calc(var(--r) * .8049),100% var(--r),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--r) 100%,calc(var(--r) * .8049) calc(100% - var(--r) * .0192),calc(var(--r) * .6173) calc(100% - var(--r) * .0761),calc(var(--r) * .4444) calc(100% - var(--r) * .1685),calc(var(--r) * .2929) calc(100% - var(--r) * .2929),calc(var(--r) * .1685) calc(100% - var(--r) * .4444),calc(var(--r) * .0761) calc(100% - var(--r) * .6173),calc(var(--r) * .0192) calc(100% - var(--r) * .8049),0 calc(100% - var(--r)));transform:perspective(1400px) rotateY(-6deg) rotateX(1.5deg);transform-origin:center center;transform-style:preserve-3d;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)) drop-shadow(0 18px 36px rgba(0,0,0,.4));transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1)}.hero-frame-shell.svelte-y7f71y:hover .hero-frame:where(.svelte-y7f71y){transform:perspective(1400px) rotateY(-3deg) rotateX(.8deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.6)) drop-shadow(0 24px 48px rgba(0,0,0,.45))}.hero-frame-inner.svelte-y7f71y{position:relative;width:100%;height:100%;overflow:hidden;background:rgb(var(--frame-accent) / .05);clip-path:polygon(0 var(--r),calc(var(--r) * .0192) calc(var(--r) * .8049),calc(var(--r) * .0761) calc(var(--r) * .6173),calc(var(--r) * .1685) calc(var(--r) * .4444),calc(var(--r) * .2929) calc(var(--r) * .2929),calc(var(--r) * .4444) calc(var(--r) * .1685),calc(var(--r) * .6173) calc(var(--r) * .0761),calc(var(--r) * .8049) calc(var(--r) * .0192),var(--r) 0,calc(100% - var(--r)) 0,calc(100% - var(--r) * .8049) calc(var(--r) * .0192),calc(100% - var(--r) * .6173) calc(var(--r) * .0761),calc(100% - var(--r) * .4444) calc(var(--r) * .1685),calc(100% - var(--r) * .2929) calc(var(--r) * .2929),calc(100% - var(--r) * .1685) calc(var(--r) * .4444),calc(100% - var(--r) * .0761) calc(var(--r) * .6173),calc(100% - var(--r) * .0192) calc(var(--r) * .8049),100% var(--r),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--r) 100%,calc(var(--r) * .8049) calc(100% - var(--r) * .0192),calc(var(--r) * .6173) calc(100% - var(--r) * .0761),calc(var(--r) * .4444) calc(100% - var(--r) * .1685),calc(var(--r) * .2929) calc(100% - var(--r) * .2929),calc(var(--r) * .1685) calc(100% - var(--r) * .4444),calc(var(--r) * .0761) calc(100% - var(--r) * .6173),calc(var(--r) * .0192) calc(100% - var(--r) * .8049),0 calc(100% - var(--r)));box-shadow:inset 0 0 22px rgb(var(--frame-accent) / .32),inset 0 0 56px -8px rgb(var(--frame-accent) / .18),inset 0 -28px 56px -22px #0000008c}.hero-frame-inner.svelte-y7f71y .hero-image,.hero-frame-inner.svelte-y7f71y picture{display:block;width:100%;height:100%}.hero-frame-inner.svelte-y7f71y .hero-image,.hero-frame-inner.svelte-y7f71y img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.05) brightness(.92)}.corner-marker.svelte-y7f71y{position:absolute;z-index:4;width:18px;height:18px;pointer-events:none}.corner-marker.svelte-y7f71y:before,.corner-marker.svelte-y7f71y:after{content:"";position:absolute;background:rgb(var(--frame-accent) / .95);box-shadow:0 0 8px rgb(var(--frame-accent) / .7)}.corner-marker.svelte-y7f71y:before{width:18px;height:1px;top:8px;left:0}.corner-marker.svelte-y7f71y:after{width:1px;height:18px;top:0;left:8px}.corner-marker--top.svelte-y7f71y{top:22px;left:28px}.corner-marker--bottom.svelte-y7f71y{right:calc(var(--cut) + 16px);bottom:18px}[data-theme=modern] .hero-frame.svelte-y7f71y{background:linear-gradient(135deg,#581993,#cc3d73 22%,#db308e,#ec37af,#b535c9)}[data-theme=modern] .hero-frame-shell.svelte-y7f71y:before{background:radial-gradient(ellipse 55% 50% at 82% 22%,rgb(236 55 175 / .65) 0%,rgb(219 48 142 / .3) 38%,transparent 72%),radial-gradient(ellipse 50% 55% at 92% 78%,rgb(181 53 201 / .6) 0%,rgb(181 53 201 / .25) 40%,transparent 72%),radial-gradient(ellipse 38% 60% at 100% 50%,rgb(219 48 142 / .38) 0%,transparent 60%),radial-gradient(ellipse 22% 35% at 8% 50%,rgb(88 25 147 / .12) 0%,transparent 65%)}[data-theme=modern] .hero-frame-inner.svelte-y7f71y{background:#14062099;box-shadow:inset 0 0 26px #db308e38,inset 0 0 60px -10px #b535c92e,inset 0 -28px 56px -22px #0000008c}@media(max-width:960px){.hero-frame.svelte-y7f71y{max-width:480px}}@media(max-width:640px){.hero-frame.svelte-y7f71y{--cut: 22px;--r: 12px;aspect-ratio:1.1 / 1}.corner-marker--top.svelte-y7f71y{top:18px;left:22px}}@media(prefers-reduced-motion:reduce){.hero-frame.svelte-y7f71y{transition:none}.hero-frame.svelte-y7f71y:hover{transform:perspective(1400px) rotateY(-6deg) rotateX(1.5deg)}}.zs-vh7bnd{font-size:1.25rem;line-height:1.75rem;font-stretch:expanded;text-transform:uppercase}.hero.svelte-1x47w64{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden;z-index:1;margin-top:-100px;padding-top:100px}.hero-mesh.svelte-1x47w64{position:absolute;display:none;inset:0;background:radial-gradient(ellipse at 25% 50%,rgb(var(--color-primary) / .06) 0%,transparent 55%),radial-gradient(ellipse at 75% 30%,rgb(var(--color-accent) / .04) 0%,transparent 50%);pointer-events:none}.hero-inner.svelte-1x47w64{position:relative;z-index:2;padding:clamp(80px,12vw,140px) 0}.hero-inner.has-image.svelte-1x47w64{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,88px);align-items:center}.hero-content.svelte-1x47w64{max-width:780px}.hero-visual.svelte-1x47w64{--frame-accent: var(--color-accent);position:relative;display:flex;justify-content:flex-end;align-items:center;min-width:0;isolation:isolate}.hero-visual.svelte-1x47w64:before{content:"";position:absolute;inset:clamp(-60px,-6%,-24px);z-index:-1;background:radial-gradient(ellipse 38% 35% at 75% 25%,rgb(var(--frame-accent) / .32) 0%,rgb(var(--frame-accent) / .12) 40%,transparent 70%),radial-gradient(ellipse 30% 28% at 85% 85%,rgb(var(--frame-accent) / .22) 0%,transparent 65%);filter:blur(32px);pointer-events:none;opacity:.9}@media(prefers-reduced-motion:reduce){.hero-visual.svelte-1x47w64:before{animation:none}}.hero-badge.svelte-1x47w64{color:rgb(var(--color-primary));letter-spacing:.18em;font-weight:600;text-shadow:0 0 18px rgb(var(--color-primary) / .35)}.hero-fade.svelte-1x47w64{opacity:1}.hero-content.svelte-1x47w64.visible .hero-fade:where(.svelte-1x47w64){opacity:1;transform:translateY(0)}.hero-title.svelte-1x47w64{font-family:var(--font-display);font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--text);margin:20px 0 24px}.hero-subtitle.svelte-1x47w64{font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.7;color:var(--text-dim);max-width:620px}.hero-actions.svelte-1x47w64{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap}@media(max-width:960px){.hero-inner.has-image.svelte-1x47w64{grid-template-columns:1fr;gap:48px}.hero-visual.svelte-1x47w64{justify-content:center}}@media(max-width:640px){.hero.svelte-1x47w64{min-height:70vh}.hero-actions.svelte-1x47w64{flex-direction:column}.hero-actions.svelte-1x47w64 .zs-button{width:100%;text-align:center;justify-content:center}}