.demo{min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;padding:clamp(24px,3.2vw,44px) var(--pad)}.demo__inner{max-width:1180px;margin:0 auto;display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.demo__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.demo__aside{display:flex}.demo__panel{flex:1 1 auto}}.demo__title{margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:500;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.demo__lede{margin:12px 0 0;max-width:34rem;font-size:1.0625rem;line-height:1.5;color:var(--ink-2)}.demo__form{margin-top:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:899px){.field-row{grid-template-columns:1fr}}.field__label{margin-bottom:7px;font-size:.8125rem;line-height:1.35;letter-spacing:-.005em;color:var(--ink-2)}.field__wrap{position:relative;display:flex}.field__input{width:100%;padding:12px 14px;border:1px solid var(--hairline);border-radius:8px;background:var(--white,#fff);font-family:var(--sans);font-size:1rem;line-height:1.45;letter-spacing:-.01em;color:var(--ink);transition:border-color .18s var(--ease-out)}.field__input:focus{outline:none;border-color:var(--ink)}.field__input:disabled{opacity:.55}.field__input::placeholder{color:var(--ink-3)}.field__textarea{resize:none;min-height:76px}.field__wrap .field__input{padding-right:42px}.field__select{appearance:none;-webkit-appearance:none;cursor:pointer}.field__select:invalid,.field__select[data-empty="1"]{color:var(--ink-3)}.field__icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;width:18px;height:18px;pointer-events:none;color:var(--ink-3)}.field__icon svg{width:100%;height:100%}.field__icon--chevron{width:16px;height:16px}.field__note{margin:6px 0 0;font-size:.75rem;line-height:1.4;color:#b4231d;opacity:0;height:0;overflow:hidden;transition:opacity .16s var(--ease-out)}.field__note[data-on="1"]{opacity:1;height:auto}.demo__error{margin:0;font-size:.8125rem;color:#b4231d;opacity:0;height:0;overflow:hidden}.demo__error[data-on="1"]{opacity:1;height:auto}.demo__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.demo__submit{align-self:flex-start;margin-top:6px}.demo__submit:disabled{cursor:not-allowed}.demo__submit:disabled .btn__fill{opacity:.32}.demo__done{margin-top:clamp(28px,3.4vw,40px);padding:24px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface)}.demo__done-title{margin:0;font-size:1.25rem;font-weight:500;letter-spacing:-.02em;color:var(--ink)}.demo__done-copy{margin:8px 0 0;font-size:.9375rem;line-height:1.55;color:var(--ink-2)}.demo__done-copy a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.demo__panel{position:relative;overflow:hidden;border-radius:15px;background:#120f17;min-height:clamp(360px,46vw,560px);display:flex;flex-direction:column}.demo__ground{position:absolute;inset:0;width:100%;height:100%;display:block}.demo__ground.grainient{z-index:0}.demo__matrix{z-index:1}.demo__metal{position:relative;z-index:2;flex:1 1 auto;min-height:0}.demo__metal canvas{display:block;width:100%;height:100%}.demo__strip{position:relative;z-index:3;flex:none;margin-top:auto;border-top:1px solid rgba(255,255,255,.14);background:#0000006b;padding:clamp(16px,2.2vw,22px) 0 clamp(18px,2.4vw,24px)}.demo__proof{margin:0 0 clamp(12px,1.6vw,16px);padding-inline:clamp(20px,2.6vw,30px);text-align:center;font-size:.8125rem;line-height:1.5;letter-spacing:.01em;color:#ffffff9e}.demo__track{display:flex;width:max-content;animation:demoMarquee 42s linear infinite;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 52px,#000 calc(100% - 52px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 52px,#000 calc(100% - 52px),transparent 100%)}.demo__run{display:flex;align-items:center;gap:clamp(26px,3.4vw,44px);padding-right:clamp(26px,3.4vw,44px)}@keyframes demoMarquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.demo__panel:hover .demo__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.demo__track{animation:none;-webkit-mask-image:none;mask-image:none;width:100%;overflow:hidden}.demo__run:nth-child(2){display:none}}.demo__mark{--mark-scale:.4;display:flex;align-items:center;justify-content:center;flex:none;width:calc(var(--cap-w) * var(--mark-scale) * 1px);height:calc(76px * var(--mark-scale))}.demo__mark img{display:block;width:100%;height:100%;object-fit:contain;max-width:calc(var(--cap-w) * var(--mark-scale) * 1px);max-height:calc(var(--cap-h) * var(--mark-scale) * 1px);transform:translateY(var(--ny,0));filter:brightness(0) invert(1);opacity:.78;pointer-events:none}@media(max-width:899px){.demo__panel{min-height:clamp(330px,78vw,440px)}}