/* /hubungi-penjualan — public contact-sales form. Tokens only.
   SSR pages link page stylesheets in <head> BEFORE app.css / site.css (views/layout.js `links`), so every rule here is
   scoped with body.site-contact to win ties against the shared components it tweaks (.card, .result-card, .alert).
   Shared and not repeated here: .card, .field-group, .form-grid, .alert, .err, .hint, .btn, .result-card, .feature-icon. */
.site-contact .contact-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-lg);margin-top:var(--s-xl)}
@media (min-width:860px){.site-contact .contact-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s-xl);align-items:start}}
.site-contact .contact-card{margin-bottom:0;padding:var(--s-lg)}
.site-contact .contact-card .alert{margin-bottom:var(--s-base)}
.site-contact .contact-card .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.site-contact .cs-errors{margin:var(--s-xs) 0 0;padding-left:var(--s-lg)}
.site-contact .cs-privacy{margin:0 0 var(--s-base)}
.site-contact .contact-card .card-footer{border-top:0;padding-top:0;margin-top:var(--s-base)}
.site-contact .contact-card .cs-sent{margin:0 auto;padding:var(--s-lg) 0;border:0;background:none;box-shadow:none}

/* Honeypot: present in the DOM for bots, invisible and unreachable for people and assistive technology. */
.site-contact .cs-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

.site-contact .contact-aside{padding:var(--s-xs) 0}
.site-contact .cs-aside-title{margin:0 0 var(--s-base);font-size:18px;font-weight:600;color:var(--ink)}
.site-contact .cs-topics{display:flex;flex-direction:column;gap:var(--s-base);list-style:none;margin:0;padding:0}
.site-contact .cs-topics li{display:flex;align-items:flex-start;gap:var(--s-md)}
.site-contact .cs-topics .feature-icon{flex:none}
.site-contact .cs-topics b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.site-contact .cs-topics small{display:block;margin-top:var(--s-xs);font-size:14px;line-height:1.55;color:var(--muted)}
.site-contact .cs-alt{margin:var(--s-lg) 0 0;font-size:14px;color:var(--muted)}