/* Geometric light, a typographic entrance and motion tied to interaction. */
.scroll-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--synkro-green);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none;box-shadow:0 0 14px #c7f40399}
.hero-identity{perspective:900px}
.hero-brand{background:none;-webkit-text-fill-color:initial;filter:none;perspective:900px}
.brand-letter{display:inline-block;background:linear-gradient(165deg,#fff 10%,#eff1e5 43%,#858e74 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;backface-visibility:hidden}
.brand-spark{display:inline-block;text-shadow:0 0 28px #c7f40355}
.hero-atmosphere{overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#c7f4030e,transparent 65%)}
.tech-grid{position:absolute;inset:-15% -5%;background-image:linear-gradient(#c7f4030c 1px,transparent 1px),linear-gradient(90deg,#c7f4030c 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 35%,#000 8%,transparent 66%);transform-origin:center;opacity:.8}
.tech-halo{position:absolute;left:50%;top:30%;width:min(72vw,860px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #c7f40318;border-radius:50%;box-shadow:0 0 100px #c7f40304,inset 0 0 100px #c7f40304}
.tech-halo:before,.tech-halo:after{content:'';position:absolute;border:1px solid #c7f40312;border-radius:50%;inset:10%}
.tech-halo:after{inset:24%;border-color:#c7f4030e}
.hero-pointer{position:absolute;inset:0;background:radial-gradient(450px circle at var(--pointer-x,50%) var(--pointer-y,35%),#c7f40312,transparent 75%);opacity:0;transition:opacity .7s}
.pointer-lit .hero-pointer{opacity:1}
.hero-signal{position:relative}.hero-signal span{transform-origin:right}.hero-signal span:last-child{transform:rotate(0);transform-origin:left;background:linear-gradient(90deg,#c7f40399,transparent)}
.hero-signal i{position:relative}.hero-signal i:before,.hero-signal i:after{content:'';position:absolute;inset:-10px;border:1px solid #c7f40388;border-radius:50%;opacity:0}
.tech-active .hero-signal i:before{animation:nfc-wave 1.7s .65s 2 ease-out}
.tech-active .hero-signal i:after{animation:nfc-wave 1.7s 1.1s 2 ease-out}
@keyframes nfc-wave{0%{opacity:0;transform:scale(.2)}20%{opacity:.7}100%{opacity:0;transform:scale(2.6)}}
.hero-identity:after{content:'';position:absolute;height:1px;width:100%;top:50%;background:linear-gradient(90deg,transparent,#d5ff2580,transparent);opacity:0;pointer-events:none}
.tech-active .hero-identity:after{animation:brand-scan 1.6s .1s ease-out both}
@keyframes brand-scan{0%{transform:translateY(-90px);opacity:0}20%{opacity:.6}80%{opacity:.3}100%{transform:translateY(110px);opacity:0}}
.use-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,50%),#c7f40312,transparent 75%);opacity:0;transition:opacity .4s}
.use-card.pointer-lit:before{opacity:1}
.use-card .card-top{border-bottom:1px solid #ffffff0b;padding-bottom:20px}
.steps:before{animation:none;transform:scaleX(var(--connection-progress,1));transform-origin:left}
.product-parallax{height:100%;width:100%;display:flex;align-items:center;justify-content:center;perspective:900px;position:relative;z-index:1}
.config-stage{position:relative;isolation:isolate}
.config-stage:before{content:'';position:absolute;width:75%;height:25%;bottom:6%;left:12.5%;border:1px solid #c7f40325;border-radius:50%;background:radial-gradient(ellipse,#c7f40309,transparent 65%);pointer-events:none}
.config-stage:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#c7f40308 1px,transparent 1px),linear-gradient(90deg,#c7f40308 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent 40%,#000 100%);pointer-events:none}
.config-visual{transition:border-color .4s,box-shadow .4s}
.config-visual.pointer-lit{border-color:#c7f40340;box-shadow:0 0 50px #c7f40308}
.config-stage #stand-photo{backface-visibility:hidden;transform-origin:center}
.model-option,.color-options label,.plate-options span,.view-controls button{transition:background .25s,border-color .25s,box-shadow .25s}
.model-option:has(input:checked){box-shadow:inset 3px 0 #c7f403}
.button.primary:hover{box-shadow:0 0 0 3px #c7f40314,0 8px 30px #c7f40322}
.action-preview.demo-pulse .preview-icon{animation:demo-signal .6s ease-out}
@keyframes demo-signal{0%{box-shadow:0 0 0 0 #c7f40370;transform:scale(.85)}70%{transform:scale(1.07)}100%{box-shadow:0 0 0 22px #c7f40300;transform:scale(1)}}
@media(max-width:600px){.tech-grid{background-size:48px 48px;opacity:.6}.tech-halo{width:115vw;top:25%}.hero-pointer{display:none}.steps:before{transform:scaleY(var(--connection-progress,1));transform-origin:top}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.tech-grid,.tech-halo,.brand-letter,.brand-spark,.hero-brand,.product-parallax,#stand-photo{transform:none!important;opacity:1!important}.tech-halo{transform:translate(-50%,-50%)!important}.hero-pointer{display:none}.hero-identity:after,.hero-signal i:before,.hero-signal i:after{display:none}.steps:before{transform:none!important}}

.motion-entering{transition:none!important}