:root{--paper:#d9dcda}
body{background:#d9dcda}
.site-header{width:min(1500px,calc(100% - 56px));height:82px;padding:0 22px;border-bottom-color:rgba(7,23,36,.13);background:rgba(216,220,217,.72);backdrop-filter:blur(16px)}
.brand-mark:before,.brand-mark:after{background:#d9dcda}
.hero{position:relative;isolation:isolate;width:min(1500px,calc(100% - 56px));min-height:auto;margin:0 auto;padding:68px 28px 82px;grid-template-columns:.82fr 1.18fr;gap:48px;overflow:visible}
.hero:before{content:"";position:absolute;z-index:-2;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:
  radial-gradient(circle at 12% 18%,rgba(255,255,255,.34),transparent 28%),
  radial-gradient(circle at 82% 30%,rgba(73,126,68,.17),transparent 27%),
  linear-gradient(126deg,#cbd0cd 0%,#dfe2df 47%,#c8cfca 100%);border-bottom:1px solid rgba(7,23,36,.13)}
.hero:after{content:"";position:absolute;z-index:-1;right:-5vw;top:0;width:44vw;height:100%;background:linear-gradient(145deg,rgba(5,31,45,.13),transparent 55%);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,30% 55%)}
.hero-copy{padding:34px 0}
.hero h1{font-size:clamp(62px,6vw,96px)}
.hero .lead{max-width:610px;color:#48585f}
.secondary{background:rgba(231,234,231,.72);border-color:#aeb9b2}
.secondary:hover{background:#edf0ed}
.trust{color:#46574f}
.hero-image{min-height:520px;height:520px;border-radius:20px;overflow:hidden;background:#c8ccca;box-shadow:0 26px 60px rgba(13,32,39,.18),0 0 0 1px rgba(7,23,36,.1)}
.hero-image:before{display:none}
.hero-image img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:68% center;filter:none;mix-blend-mode:normal;transform:scale(1.03)}
.cloud-badge{right:18px;top:18px;background:#e9ece9}
.features-section,.benefits-section{background:#dfe2df}
@media(max-width:1050px){
  .site-header,.hero{width:min(100% - 32px,920px)}
  .hero{padding:56px 18px 70px;grid-template-columns:1fr;gap:30px}
  .hero-copy{padding:12px 0}
  .hero-image{height:500px;min-height:500px}
  .hero-image img{width:100%;object-position:64% center}
}
@media(max-width:650px){
  .site-header{width:100%;height:70px;padding:0 16px}
  .hero{width:100%;padding:45px 16px 44px}
  .hero h1{font-size:54px}
  .hero-image{height:320px;min-height:320px;border-radius:14px}
  .hero-image img{width:100%;object-position:65% center;transform:scale(1.05)}
  .cloud-badge{right:10px;top:10px}
}