.plate{position:relative;container:plate/inline-size}.plate-frame{--plate-r:var(--radius);aspect-ratio:4/3;border-radius:var(--plate-r);isolation:isolate;background:var(--bg-3);box-shadow:0 30px 60px -30px #000000e6, 0 0 0 1px var(--line);position:relative;overflow:hidden}@container plate (width>=500px){.plate-frame{--plate-r:var(--radius-lg);box-shadow:0 50px 120px -50px #000000e6, 0 0 0 1px var(--line)}}.plate-stage{--lx:89.6%;--ly:60%;--lr:clamp(34px, 10.5cqi, 74px);transform-origin:60%;position:absolute;inset:0}.plate-base,.plate-lens img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.plate-base{filter:saturate(.45)brightness(.58)contrast(1.12)}.plate-stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 95% at 70% 55%,#0000 35%,#04070ab8),linear-gradient(#0000 58%,#04070a99);position:absolute;inset:0}.plate-ov{z-index:2;isolation:isolate;pointer-events:none;position:absolute;inset:0}.plate-ov__svg{width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.plate-ov__svg line,.plate-ov__svg polyline,.plate-ov__svg circle{fill:none;stroke:var(--accent);stroke-width:1.25px;vector-effect:non-scaling-stroke}.plate-ov__svg .plate-ov__axis{stroke:#e9f2f299;stroke-dasharray:22 7 3 7}.plate-ov__dim line{stroke:#e9f2f280}.plate-ov__dim .plate-ov__tick{stroke:var(--text);stroke-width:1.5px}.plate-ov__leader{stroke-opacity:.85}.plate-ov__svg .plate-ov__pin{fill:var(--accent);stroke:none}.plate-ov__reticle circle:first-child{stroke-opacity:.55}.plate-ov__ring{aspect-ratio:1;border:1px dashed #5ef2d699;border-radius:50%;width:14%;animation:30s linear infinite paused spin;position:absolute;top:60%;left:92.17%;translate:-50% -50%}.plate-ov__tag{z-index:1;border-radius:var(--radius-pill);border:1px solid var(--line-2);font-family:var(--font-mono);font-size:clamp(var(--fs-2xs), .55rem + .3cqi, var(--fs-xs));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--text);background:#04070abd;padding:.3em .7em;line-height:1.2;position:absolute}.plate-ov__tag--len{letter-spacing:.05em;font-style:italic;top:9.6%;left:52.3%;translate:-50% -50%}.plate-ov__tag--axis{color:var(--text-2);top:31.5%;left:22%;translate:-50% -50%;rotate:15.2deg}.plate-ov__tag--hsk{color:var(--accent);border-color:#5ef2d680;top:17.8%;left:82.5%;translate:calc(-100% - 6px) -50%}.plate-lens{z-index:2;clip-path:circle(var(--lr) at var(--lx) var(--ly));position:absolute;inset:0}.plate-lens img{transform-origin:var(--lx) var(--ly);filter:saturate(1.08)contrast(1.04);transform:scale(2)}.plate-lens-ring{z-index:3;left:var(--lx);top:var(--ly);width:calc(var(--lr) * 2);height:calc(var(--lr) * 2);border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #5ef2d6bf,0 0 36px #5ef2d638,inset 0 0 24px #04070a73}.plate-lens-ring:before,.plate-lens-ring:after{content:"";background:var(--accent);position:absolute;top:50%;left:50%;translate:-50% -50%}.plate-lens-ring:before{width:calc(100% + 22px);height:1px;-webkit-mask:linear-gradient(90deg,#000 0 10px,#0000 10px calc(100% - 10px),#000 calc(100% - 10px));mask:linear-gradient(90deg,#000 0 10px,#0000 10px calc(100% - 10px),#000 calc(100% - 10px))}.plate-lens-ring:after{width:1px;height:calc(100% + 22px);-webkit-mask:linear-gradient(#000 0 10px,#0000 10px calc(100% - 10px),#000 calc(100% - 10px));mask:linear-gradient(#000 0 10px,#0000 10px calc(100% - 10px),#000 calc(100% - 10px))}.plate-lens-ring__mag{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--accent);position:absolute;top:100%;left:50%;translate:-50% 10px}.plate.is-interactive{cursor:crosshair}.has-cursor .plate.is-interactive{cursor:none}.plate-hud{pointer-events:none;position:absolute;inset:0}.plate-hud__edge{z-index:8;border-radius:var(--plate-r);-webkit-mask-composite:xor;opacity:.75;padding:1px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.plate-hud__edge>span{aspect-ratio:1;background:conic-gradient(transparent 0 50%, #5ef2d6 62%, #6aa8ff 70%, #b78cff 77%, #ff9a6a 84%, #f2d64b 89%, transparent 96%);width:130%;animation:12s linear infinite paused spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.plate.is-live .plate-hud__edge>span,.plate.is-live .plate-ov__ring{animation-play-state:running}.plate-hud>.ticks{z-index:8;inset:10px}.plate-hud__fig{z-index:7;background:var(--bg-2);color:var(--text);text-transform:uppercase;position:absolute;top:10px;left:10px}.plate-hud__coords{z-index:7;font-size:var(--fs-xs);letter-spacing:.1em;color:var(--text-2);font-variant-numeric:tabular-nums;display:none;position:absolute;top:18px;right:20px}.plate-readout{z-index:7;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;gap:.2rem;padding:.55rem .75rem;display:grid;position:absolute;bottom:10px;left:10px}.plate-readout.pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060b0f9e}.plate-readout__name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:-.01em;text-transform:none;color:var(--text);margin-bottom:.15rem;display:none}.plate-readout__row{color:var(--muted);justify-content:space-between;align-items:center;gap:.9rem;display:flex}.plate-readout__v{color:var(--text);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.06em;align-items:center;gap:.5em;display:inline-flex}.plate-readout__v .dot-live{flex:none}.plate-readout__rpm{font-size:inherit;letter-spacing:inherit;padding:.15em .65em}.plate-ov__tag--axis,.plate-lens-ring__mag{display:none}@container plate (width>=500px){.plate-ov__tag--axis,.plate-lens-ring__mag{display:block}.plate-hud__fig{top:16px;left:16px}.plate-hud__coords{display:block;top:13px;right:26px}.plate-readout{border-radius:var(--radius);min-width:15.5rem;font-size:var(--fs-xs);gap:.4rem;padding:.9rem 1.1rem .95rem;bottom:14px;left:14px}.plate-readout__name{display:block}.plate-readout__row{gap:1.5rem}}@container plate (width>=640px){.plate-hud__coords{top:18px;right:20px}}.js .plate-frame{clip-path:inset(0 0 100% 0 round var(--plate-r))}.js .plate-stage{transform:scale(1.14)}.js .plate :is(.plate-ov__svg,.plate-ov__ring,.plate-ov__tag,.plate-hud__fig,.plate-hud__coords,.plate-readout,.plate-lens,.plate-lens-ring){opacity:0}.js .plate.is-in .plate-frame{clip-path:inset(0 0 0 0 round var(--plate-r));transition:clip-path 1.5s var(--ease-out) .1s}.js .plate.is-in .plate-stage{transition:transform 2.2s var(--ease-out);transform:none}.js .plate.is-in :is(.plate-ov__svg,.plate-ov__ring,.plate-ov__tag,.plate-hud__fig,.plate-hud__coords){opacity:1;transition:opacity 1.2s var(--ease-out) .9s}.js .plate.is-in :is(.plate-lens,.plate-lens-ring){opacity:1;transition:opacity .9s var(--ease-out) 1.3s}.js .plate.is-in .plate-readout{opacity:1;transition:opacity 1s var(--ease-out) 1.1s}@media (prefers-reduced-motion:reduce){.plate-hud__edge>span,.plate-ov__ring{animation:none}.js .plate-frame{clip-path:none!important}.js .plate-stage{transform:none!important}.js .plate :is(.plate-ov__svg,.plate-ov__ring,.plate-ov__tag,.plate-hud__fig,.plate-hud__coords,.plate-readout,.plate-lens,.plate-lens-ring){opacity:1!important}}.plate-cta__plate[hidden]{display:block}.plate-cta__plate{width:min(100%,36rem)}@media (min-width:1024px){.footer-cta.plate-cta{--cta-fs:min(var(--fs-3xl), 7.6vw, 7.6rem);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);column-gap:clamp(2.5rem,1rem + 3vw,5rem)}.plate-cta>.label{grid-area:1/1}.plate-cta>.footer-cta__title{font-size:var(--cta-fs);grid-area:2/1}.plate-cta>.footer-cta__row{grid-area:3/1;align-self:end}.plate-cta .footer-cta__phone{font-size:min(var(--fs-xl), 3.6vw);line-height:1.2}.plate-cta .footer-cta__mail{font-size:min(var(--fs-lg), 2.4vw);line-height:1.25}.plate-cta>.plate-cta__plate{width:100%;margin-top:calc(var(--cta-fs) * .125);grid-area:2/2/4}}
