.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(3rem,7vw,5.5rem) clamp(3rem,7vw,6rem)}.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.5;-webkit-mask-image:radial-gradient(70% 55% at 50% 0%,#000 20%,transparent 78%);mask-image:radial-gradient(70% 55% at 50% 0%,#000 20%,transparent 78%)}.hero__blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;animation:pt-drift 16s var(--ease) infinite}.hero__blob--a{width:38rem;height:32rem;top:-14rem;left:-10rem;background:radial-gradient(circle,rgba(85,48,255,.42),transparent 68%)}.hero__blob--b{width:34rem;height:28rem;top:-8rem;right:-8rem;background:radial-gradient(circle,rgba(102,166,255,.45),transparent 68%);animation-duration:20s;animation-direction:reverse}.hero__inner{text-align:center;display:flex;flex-direction:column;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4375rem .9375rem;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--sh-xs);font-size:.8125rem;font-weight:600;color:var(--ink-700);margin-bottom:1.5rem}.hero__badge svg{color:var(--brand-600)}.hero h1{max-width:24ch}.hero__lede{margin-top:1.375rem;font-size:clamp(1.0625rem,1rem + .35vw,1.1875rem);color:var(--ink-600);max-width:60ch}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.875rem;margin-top:2rem}.hero__note{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.875rem;font-weight:500;color:var(--ink-500)}.hero__note svg{color:var(--ok-600)}.hero__dot{width:4px;height:4px;border-radius:50%;background:var(--line-strong);margin-inline:.375rem}.hero__shot{position:relative;width:100%;max-width:62rem;margin:clamp(2.75rem,6vw,4.5rem) auto 0}.hero__frame{border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--sh-lg);animation:pt-float 9s var(--ease) infinite}.hero__chrome{display:flex;align-items:center;gap:.4375rem;padding:.75rem 1rem;background:var(--surface-muted);border-bottom:1px solid var(--line)}.hero__chrome span{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.hero__chrome span:first-child{background:#ffb4ab}.hero__chrome span:nth-child(2){background:#ffdf9e}.hero__chrome span:nth-child(3){background:#a8e6bf}.hero__url{margin-left:.75rem;font-size:.75rem;font-weight:500;color:var(--ink-500)}.hero__frame img{width:100%;display:block}.hero__chip{position:absolute;display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:var(--r-md);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--sh-md);text-align:left;animation:pt-float 7s var(--ease) infinite}.hero__chip strong{display:block;font-size:.8125rem;line-height:1.3}.hero__chip small{font-size:.6875rem;color:var(--ink-500)}.hero__chip-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--brand-50);color:var(--brand-600);flex-shrink:0}.hero__chip--1{top:12%;left:-3.5rem;animation-delay:-1s}.hero__chip--2{top:56%;right:-3.5rem;animation-delay:-3.5s}.hero__chip--3{bottom:-1.25rem;left:12%;animation-delay:-5s}@media (max-width: 1180px){.hero__chip--1{left:-1rem}.hero__chip--2{right:-1rem}}@media (max-width: 860px){.hero__chip{display:none}.hero__frame{animation:none}}@media (max-width: 620px){.hero__note{flex-direction:column;gap:.375rem}.hero__dot{display:none}}