.hero{min-height:100svh;padding-top:calc(var(--nav-h) + 2rem);isolation:isolate;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.hero__stage{z-index:-1;position:absolute;inset:0}.hero__shade{pointer-events:none;background:linear-gradient(90deg,#07090ceb 0%,#07090c99 45%,#07090c26 100%),linear-gradient(#07090c00 62%,#07090c 100%),radial-gradient(at 70%,#2aa8ff1a,#0000 60%);position:absolute;inset:0}.hero__grid{pointer-events:none;opacity:.35;background-image:linear-gradient(#eef2f60d 1px,#0000 1px),linear-gradient(90deg,#eef2f60d 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 70%);mask-image:linear-gradient(90deg,#000 0%,#0000 70%)}.hero__in{opacity:0}.hero .wrap{max-width:none;padding-inline:var(--edge)}.hero__content{pointer-events:none;align-self:center;gap:1.6rem;padding-bottom:clamp(2.5rem,7vh,4.5rem);display:grid}.hero__content>*{max-width:min(50rem,58%)}.hero__title{white-space:nowrap;max-width:none;font-size:clamp(2.4rem,6vw,6rem)}.hero__lead{color:#eef2f6b8;max-width:36rem}.hero__actions{pointer-events:auto;flex-wrap:wrap;gap:.9rem;margin-top:.4rem;display:flex}.hero__foot{pointer-events:none;gap:1.4rem;padding-bottom:2rem;display:grid}.hero__kpis{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);list-style:none;display:grid}.hero__kpi{gap:.35rem;padding:1.3rem 1.4rem 0 0;display:grid}.hero__kpi+.hero__kpi{border-left:1px solid var(--line);padding-left:1.4rem}.hero__kpi strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(1.35rem,2.3vw,2rem);font-weight:700}.hero__kpi span{font-size:var(--fs-sm);color:var(--muted);line-height:1.4}.hero__hint{font-size:var(--fs-3xs);letter-spacing:.1em;text-transform:uppercase;color:#eef2f680;align-items:center;gap:.6em;display:inline-flex}@media (max-width:860px){.hero__content>*{max-width:100%}.hero__title{font-size:min(2.5rem,8.6vw)}.hero__kpis{grid-template-columns:1fr 1fr}.hero__kpi:nth-child(3){border-left:0;padding-left:0}.hero__kpi:nth-child(n+3){border-top:1px solid var(--line);margin-top:1.3rem}.hero__shade{background:linear-gradient(#07090c59 0%,#07090c8c 40%,#07090c 95%)}}
.how__grid{grid-template-columns:1fr 1.2fr;gap:clamp(2rem,6vw,7rem);display:grid}.how__head{top:calc(var(--nav-h) + 3rem);align-self:start;gap:1.4rem;display:grid;position:sticky}.how__steps{gap:clamp(3rem,7vw,5.5rem);padding:1rem 0 1rem 4.5rem;list-style:none;display:grid;position:relative}.how__spine{background:var(--line);width:1px;position:absolute;top:1.2rem;bottom:1.2rem;left:22px}.how__spine-fill{background:var(--accent);transform-origin:top;position:absolute;inset:0}.how__step{opacity:.35;transition:opacity .6s var(--ease-out);gap:.7rem;display:grid;position:relative}.how__step.is-on{opacity:1}.how__node{background:var(--bg);width:45px;height:45px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;transition:background .5s,color .5s,box-shadow .5s;display:grid;position:absolute;top:-.2rem;left:-4.5rem}.how__step.is-on .how__node{background:var(--accent);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 18%, transparent)}.how__n{font-size:var(--fs-2xs);letter-spacing:.14em;color:var(--accent)}.how__step h3{font-size:clamp(1.6rem,2.6vw,2.3rem)}.how__step p{max-width:34rem;color:var(--muted)}@media (max-width:900px){.how__grid{grid-template-columns:1fr}.how__head{position:relative;top:auto}}@media (max-width:600px){.how.section{padding:4rem 0}.how__grid{gap:2rem}.how__head{gap:.8rem}.how__steps{gap:2rem;padding:.5rem 0 .5rem 3.25rem}.how__spine{top:.8rem;bottom:.8rem;left:17px}.how__node{width:35px;height:35px;top:-.1rem;left:-3.25rem}.how__node svg{width:15px;height:15px}.how__step.is-on .how__node{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.how__step{gap:.35rem}.how__step h3{font-size:var(--fs-xl)}.how__step p{font-size:var(--fs-md);line-height:1.5}}