/* The sculpted mark is the first letter of the wordmark. */
body:has(#main) .logo{gap:0;align-items:center}
body:has(#main) .header .brand-icon{width:32px;height:32px;margin-right:-1px;transform:translateY(-1px)}
body:has(#main) .header .logo-word{font-size:25px;line-height:1;letter-spacing:-1.2px;font-weight:600}
body:has(#main) .header .logo-domain{font-size:11px;letter-spacing:-.35px;margin-left:1px}
body:has(#main) .footer .brand-icon{width:42px;height:42px;margin-right:-1px;transform:translateY(-1px)}
body:has(#main) .footer .logo-word{font-size:33px;line-height:1;letter-spacing:-1.8px;font-weight:600}
body:has(#main) .footer .logo-domain{font-size:13px;letter-spacing:-.4px;margin-left:1px}
body:has(#portal-root) .brand{gap:0;align-items:center;letter-spacing:0}
body:has(#portal-root) .brand-mark{width:32px;height:32px;margin-right:-1px;transform:translateY(-1px)}
body:has(#portal-root) .brand>span.brand-word{font:600 25px/1 Geologica,sans-serif;letter-spacing:-1.2px;align-self:auto;margin:0;display:inline}
body:has(#portal-root) .brand .brand-word>span.brand-domain{font:500 11px/1 Geologica,sans-serif;letter-spacing:-.35px;align-self:auto;margin:0 0 0 1px;display:inline}
.feature-parsing{left:11%;top:44%;--float-rotate:1.5deg}
.feature-parsing .feature-inner{animation-duration:6.6s;animation-delay:-2.2s}
.feature-inviting{right:9%;bottom:10%;--float-rotate:-1.5deg}
.feature-inviting .feature-inner{animation-duration:6s;animation-delay:-4.1s}
.feature-inviting svg{stroke:#cba795}
body:has(#main) .start-section.motion-surface{
  transform:perspective(1800px) translate3d(var(--hover-x,0px),calc(var(--enter-y,0px) + var(--hover-y,0px)),var(--hover-z,0px)) rotateX(calc(var(--enter-rx,0deg) + var(--hover-rx,0deg))) rotateY(var(--hover-ry,0deg));
  transform-origin:50% 50%;transition:border-color .35s,box-shadow .35s;
}
body:has(#main) .start-section.is-hovered{border-color:#8bb3c14a;box-shadow:0 22px 50px #03081025}
@media(max-width:760px){
  body:has(#main) .header .logo{gap:0}
  body:has(#main) .header .brand-icon{width:28px;height:28px}
  body:has(#main) .header .logo-word{font-size:22px}
  body:has(#main) .header .logo-domain{font-size:10px}
  .feature-parsing{left:auto;right:7%;top:var(--feature-mobile-start,39%)}
  .feature-audience{top:calc(var(--feature-mobile-start,39%) + 50px)}
  .feature-content{top:calc(var(--feature-mobile-start,39%) + 82px)}
  .feature-inviting{right:auto;left:7%;top:calc(var(--feature-mobile-start,39%) + 114px);bottom:auto}
  body:has(#main) .start-section.motion-surface{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){body:has(#main) .start-section.motion-surface{transform:none;transition:none}}