:root{scroll-padding-top:101px}
.nav .wrap{height:94px}
.brand{width:82px;height:86px}
.brand img{width:133px;height:133px}
.btn.copy{background:#edf1ff;color:#26378e}
.btn.copy:hover{background:#e0e7ff}
.hero{background:radial-gradient(ellipse at 76% 47%,#152748 0%,#10152c 40%,#080b19 77%)}
.hero-mesh{position:absolute;z-index:-3;inset:0;background:radial-gradient(ellipse at 85% 45%,#2b4ac36b,transparent 43%),radial-gradient(ellipse at 68% 70%,#674de84d,transparent 40%),linear-gradient(#92aaff12 1px,transparent 1px),linear-gradient(90deg,#92aaff12 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px;mask-image:linear-gradient(110deg,transparent 12%,#000 70%)}
.hero:after{background:linear-gradient(90deg,#090b1bf5,#090b1b96 39%,transparent 75%)}
.workflow-note{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:19px;color:#cad5ee;font-size:14px}
.workflow-note p{margin:0}.workflow-note a{color:#d0ddff;font-weight:750;white-space:nowrap}
@media(max-width:600px){:root{scroll-padding-top:79px}.nav .wrap{height:72px}.brand{width:65px;height:68px}.brand img{width:105px;height:105px}.hero:after{background:linear-gradient(180deg,#090b1bf5,#090b1b80 52%,transparent 85%)}.hero-mesh{mask-image:linear-gradient(180deg,transparent 22%,#000 85%)}}
@media(max-width:600px){.walk-intro{grid-template-columns:1fr;gap:13px}}