body:has(.nf-main){background:var(--surface)}body:has(.nf-main) .nav-menu{background:var(--paper)}@media (hover:hover) and (pointer:fine){body:has(.nf-main) .nav-menu a:hover{background:var(--surface)}}.nf-main{padding-block:calc(var(--nav-h) + var(--s-7)) var(--s-7);text-align:center;--mark-h:clamp(120px, 14vw, 160px);flex:1 0 auto;place-items:center;display:grid}.nf-note{margin-top:var(--mark-h);color:var(--ink-2);text-wrap:balance;max-width:60ch;margin-inline:auto}.nf-h1{margin-top:var(--s-5);font-size:clamp(36px,5vw,56px)}.nf-lede{margin-top:14px;text-wrap:balance;margin-inline:auto}.nf-cta{margin-top:var(--s-6);justify-items:center;gap:10px;display:grid}.nf-cta-sub{color:var(--ink-2);font-size:14px}.nf-mark{display:inline-block}.nf-mark svg{height:var(--mark-h);width:auto;animation:nf-rise .72s var(--ease-out) 60ms both}.nf-tick{stroke-dasharray:1;stroke-dashoffset:1px;animation:.56s linear .52s both nf-draw}.nf-tick-b{animation-delay:.6s}.nf-empty{opacity:1;stroke-dasharray:1;stroke-dashoffset:1px;animation:.56s linear 1.18s both nf-draw}@keyframes nf-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes nf-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.nf-routes-head{margin-top:var(--s-7)}.nf-routes{gap:var(--s-3);margin-top:var(--s-4);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nf-routes li{animation:nf-rise var(--dur-enter) var(--ease-out) both;display:grid}.nf-routes li:first-child{animation-delay:.3s}.nf-routes li:nth-child(2){animation-delay:.36s}.nf-routes li:nth-child(3){animation-delay:.42s}.nf-route{align-items:center}.nf-route-ico{background:var(--lilac-soft);width:34px;height:34px;transition:background-color var(--dur-ui) ease;border-radius:10px;flex:none;place-items:center;display:grid}.nf-route-ico svg{width:17px;height:17px;stroke:var(--violet);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur-ui) ease}@media (hover:hover) and (pointer:fine){.nf-route:hover:before{opacity:1}.nf-route:hover .nf-route-ico{background:var(--violet)}.nf-route:hover .nf-route-ico svg{stroke:#fff}}@media (max-width:900px){.nf-routes{grid-template-columns:minmax(0,1fr)}.nf-main{padding-block:calc(var(--nav-h) + var(--s-6)) var(--s-6)}}@media (max-width:640px){.nf-h1{margin-top:var(--s-4)}}@media (prefers-reduced-motion:reduce){.nf-mark svg,.nf-tick,.nf-empty{animation:none}.nf-mark svg{opacity:1;transform:none}.nf-tick,.nf-empty{stroke-dashoffset:0;opacity:1}.nf-routes li{animation:none}}
