/* Public pages only: Builder styles and controls keep their own layout. */
.public-site .skip-link{position:fixed;left:16px;top:12px;z-index:200;padding:10px 16px;border-radius:8px;background:#ffc560;color:#17110a;font-weight:700;transform:translateY(-180%)}
.public-site .skip-link:focus{transform:translateY(0)}
.public-site .public-header{position:sticky;top:0;z-index:80;background:rgba(10,14,17,.94);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}
.public-site .public-nav{width:min(calc(100% - 44px),1180px);height:72px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:28px}
.public-site .public-nav .brand{display:flex;align-items:center;gap:10px;margin-right:auto;flex-shrink:0;font-size:19px;font-weight:780;letter-spacing:-.03em}
.public-site .public-nav .brand img{display:block;width:36px;height:36px}
.public-site .public-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:550;color:#b4bec4}
.public-site .public-links a{white-space:nowrap;padding:8px 0}
.public-site .public-links a:hover,.public-site .public-links a[aria-current="page"]{color:#ffc560}
.public-site .public-builder{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:42px;padding:0 18px;border:1px solid #f7b94c;border-radius:10px;background:#f0a62b;color:#17110a;font-size:13px;font-weight:750;white-space:nowrap;box-shadow:none}
.public-site .public-builder:hover{background:#ffc560}
.public-site .hexSiteMenu{flex-shrink:0;margin:0;padding:0;border:0}
.public-site .hexSiteMenu>summary{position:relative;min-height:42px;padding:0 12px;font-size:13px;border:1px solid rgba(148,163,184,.28);border-radius:10px}
.public-site .hexSiteMenu>summary:after{top:50%;right:auto;left:13px;content:"";font-size:0}
.public-site .hexSiteMenu[open]>summary{border-color:#f0a62b}
.public-site .hexSiteMenuPanel{top:49px}
.public-site .hexSiteMenuPanel a:hover,.public-site .hexSiteMenuPanel a[aria-current="page"]{background:rgba(240,166,43,.12)}
.public-site .public-footer{padding:38px 0;border-top:1px solid rgba(255,255,255,.09);font-size:12px;color:#9aa7af}
.public-site .public-footer-inner{width:min(calc(100% - 44px),1180px);margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.public-site .public-footer-links{display:flex;gap:14px 22px;flex-wrap:wrap}
.public-site .public-footer-links a:hover{color:#ffc560}
.public-site .public-footer-links .support-link{color:#ffc560}
.public-site :is(a,button,input,select,summary,video):focus-visible{outline:2px solid #ffc560;outline-offset:4px}
.public-site :is(section,div)[id]{scroll-margin-top:96px}
.public-site .faq p a,.public-site .prose p a,.public-site .guide-content p a{color:#dbe3e7;text-decoration:underline;text-decoration-color:rgba(240,166,43,.6);text-underline-offset:3px}
.public-site .faq p a:hover,.public-site .prose p a:hover,.public-site .guide-content p a:hover{color:#ffc560}
.public-site .builder-showcase-shell{padding:64px 0 88px}
.public-site .builder-showcase{display:block}
.public-site .builder-showcase-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:56px;align-items:end;margin-bottom:28px}
.public-site .builder-showcase-copy{max-width:680px}
.public-site .builder-showcase-copy h2{font-size:clamp(34px,4.2vw,54px);line-height:1.06}
.public-site .builder-showcase-description p{margin:0;color:#aebac1;font-size:16px;line-height:1.65}
.public-site .builder-showcase-description .builder-showcase-link{margin-top:16px}
.public-site .cards.four-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:901px){.public-site .hexSiteMenu{display:none}}
@media(max-width:900px){
  .public-site .public-links{display:none}
  .public-site .public-nav{gap:12px}
  .public-site .hexSiteMenu{display:block}
  .public-site .builder-showcase-intro{grid-template-columns:1fr;gap:18px}
  .public-site .builder-showcase-description{max-width:680px}
  .public-site .cards.four-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .public-site .public-nav,.public-site .public-footer-inner{width:calc(100% - 28px)}
  .public-site .public-nav{height:64px;gap:9px}
  .public-site .public-nav .brand{font-size:17px;gap:7px}
  .public-site .public-nav .brand img{width:30px;height:30px}
  .public-site .public-builder{padding:0 12px;font-size:12px;min-height:40px}
  .public-site .hexSiteMenu>summary{width:38px;min-height:40px;padding:0;font-size:0}
  .public-site .hexSiteMenu>summary:after{left:10px}
  .public-site .hexSiteMenuPanel{top:70px}
  .public-site .builder-showcase-shell{padding:38px 0 56px}
  .public-site .public-footer-inner{flex-direction:column;gap:18px}
  .public-site .public-footer-links{gap:12px 18px}
}
@media(max-width:380px){.public-site .public-nav{gap:6px}.public-site .public-builder{padding:0 8px}.public-site .public-nav .brand{font-size:16px}}
@media(max-width:560px){.public-site .cards.four-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html:has(.public-site){scroll-behavior:auto}.public-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}