/* public/css/landing.css: the trysmartstorage.com landing page */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#211C17;background:#EFE7D8;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:#C75D43}
a:hover{color:#A94A33}
.disp{font-family:'Bricolage Grotesque',sans-serif}
::selection{background:#E8B23C;color:#211C17}
[x-cloak]{display:none!important}
@keyframes ssWave{0%,100%{height:8px}50%{height:30px}}
@keyframes ssPulse{0%{box-shadow:0 0 0 0 rgba(44,110,99,.5)}70%{box-shadow:0 0 0 9px rgba(44,110,99,0)}100%{box-shadow:0 0 0 0 rgba(44,110,99,0)}}

.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.wrap-md{max-width:1080px;margin:0 auto;padding:0 28px}
.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#C75D43}
.chip{padding:7px 11px;border-radius:8px;background:#fff;border:1.5px solid #211C17;font-size:13px;font-weight:700}
.pill{font-size:13.5px;font-weight:700;background:#FBF7EF;border:1.5px solid #211C17;border-radius:100px;padding:6px 13px}
.field{width:100%;padding:13px 14px;border:1.5px solid #211C17;border-radius:10px;background:#fff;font-family:inherit;font-size:15px;color:#211C17;font-weight:500}
.field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.field-error{font-size:13px;font-weight:700;color:#A94A33}
.range{width:100%;accent-color:#C75D43;cursor:pointer}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.shown{opacity:1;transform:none}
.honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:960px){
  [data-hero-grid],[data-explorer],[data-split]{grid-template-columns:1fr!important;gap:40px!important}
  [data-book],[data-founder]{grid-template-columns:1fr!important;gap:32px!important}
  [data-tabs]{flex-direction:row!important;flex-wrap:wrap!important}
  [data-tabs]>button{flex:1 1 30%!important}
  [data-hide-md]{display:none!important}
}
@media (max-width:620px){
  section{padding-top:72px!important;padding-bottom:72px!important}
  .wrap,.wrap-md{padding:0 16px}
  [data-hide-sm]{display:none!important}
  [data-tabs]>button{flex:1 1 45%!important}
  [data-stages]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-mini-grid]{grid-template-columns:1fr!important}
  [data-cmp-row]{grid-template-columns:1fr!important}
  [data-sticky]{display:flex!important}
  [data-nw]{white-space:normal!important}
  [data-founder]{padding:24px!important}
  footer{padding-bottom:96px!important}
}