*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:70px}.surfrank-logo-wrapper{display:flex;align-items:center;gap:2px}.surfrank-logo{display:block;height:auto;object-fit:contain}.surfrank-logo-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap}.navbar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--mantine-breakpoint-lg,75em);z-index:1000;transition:top .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.navbar--transparent{background-color:transparent;max-width:100%}.navbar--solid{top:10px;border-radius:16px;background-color:rgba(255,255,255,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);border-color:rgba(255,255,255,.45)}a.navbar-link,span.navbar-link{font-size:14px;transition:color .2s ease}a.navbar-link:hover,span.navbar-link:hover{color:#0E918C}.navbar-resource-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:2px}.navbar--hidden{visibility:hidden;pointer-events:none}.navbar-burger{display:none!important}@media (max-width:48em){.navbar-actions,.navbar-links{display:none!important}.navbar-burger{display:flex!important}.navbar--solid{max-width:calc(100% - 16px);border-radius:14px}}