/* v0.5: original landscape without overall blur + three separate glass feature cards. */
body.homepage .site-bg {
  position:fixed;inset:0;filter:none!important;opacity:1!important;
  background-image:linear-gradient(180deg,rgba(3,8,23,.03) 0%,rgba(5,10,24,.04) 51%,rgba(5,11,25,.13) 76%,rgba(4,9,21,.58) 100%),url('./orba-landscape-clear.webp');
  background-position:center center,center center;
  background-size:cover,cover;
  background-repeat:no-repeat;
}
body.homepage .site-wash{background:none!important;}
body.homepage .hero:before,body.homepage .phone-art:before{display:none!important;}
body.homepage .stars{opacity:.12;}
/* phones are displayed with their landscape visible, not a pasted rectangle with faded center */
body.homepage .phone-art{overflow:visible;}
body.homepage .phone-art img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 96%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 96%,transparent 100%)!important;}
/* Three independently framed, transparent glass tiles, in a single horizontal row on all sizes. */
body.homepage .feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(5px,1.4vw,14px)!important;width:min(980px,calc(100% - 24px))!important;}
body.homepage .feature,body.homepage .feature:last-child{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;grid-column:auto!important;grid-template-columns:none!important;
 min-width:0!important;height:clamp(70px,11.5dvh,119px)!important;min-height:0!important;
 padding:clamp(6px,1dvh,12px) clamp(4px,1vw,13px)!important;gap:3px!important;
 border:1px solid rgba(225,229,249,.31)!important;border-radius:clamp(10px,2vw,16px)!important;
 background:linear-gradient(145deg,rgba(41,54,85,.45),rgba(8,20,45,.51))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 5px 21px rgba(1,5,15,.16)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.homepage .feature-icon,body.homepage .feature:last-child .feature-icon,body.homepage .feature:nth-child(2) .feature-icon{height:clamp(22px,3.6dvh,41px)!important;width:clamp(22px,3.6dvh,41px)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
body.homepage .feature-icon svg{max-width:100%;max-height:100%;}
body.homepage .feature-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;max-width:100%!important;width:100%!important;}
body.homepage .feature h2,body.homepage .feature:last-child h2{font-size:clamp(10px,1.65dvh,15px)!important;font-weight:500!important;line-height:1.3!important;text-align:center!important;letter-spacing:.01em!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important;flex:0 0 auto!important;margin:0!important;}
body.homepage .feature p,body.homepage .feature:last-child p{display:block!important;font-size:clamp(8px,1.25dvh,11px)!important;line-height:1.35!important;color:#d1d8e7!important;text-align:center!important;white-space:normal!important;overflow:visible!important;flex:0 0 auto!important;margin:0!important;}
body.homepage .feature p br{display:none!important;}
body.homepage .section{padding:clamp(5px,.85dvh,11px) 0 clamp(7px,1.1dvh,14px)!important;}
body.homepage .site-footer{background:linear-gradient(180deg,rgba(3,9,24,.35),rgba(3,9,23,.69))!important;border-color:rgba(179,192,221,.25)!important;}
@media(max-width:730px){
 body.homepage .hero>.wrap{width:calc(100% - 12px)!important;}
 body.homepage .feature-grid{width:calc(100% - 22px)!important;gap:6px!important;}
 body.homepage .feature,body.homepage .feature:last-child{height:clamp(71px,11.5dvh,91px)!important;padding:6px 2px!important;gap:3px!important;}
 body.homepage .feature-icon,body.homepage .feature:last-child .feature-icon,body.homepage .feature:nth-child(2) .feature-icon{width:clamp(22px,3.5dvh,30px)!important;height:clamp(22px,3.5dvh,30px)!important;}
 body.homepage .feature h2,body.homepage .feature:last-child h2{font-size:clamp(9px,1.47dvh,12px)!important;line-height:1.23!important;}
 body.homepage .feature p,body.homepage .feature:last-child p{font-size:clamp(7px,1.1dvh,9.5px)!important;line-height:1.22!important;}
 body.homepage .section{padding:clamp(3px,.55dvh,6px) 0 clamp(5px,.8dvh,8px)!important;}
}
@media(max-width:360px){
 body.homepage .feature,body.homepage .feature:last-child{height:clamp(63px,10.8dvh,76px)!important;}
 body.homepage .feature p,body.homepage .feature:last-child p{display:none!important;}
 body.homepage .feature h2{font-size:clamp(9px,1.75dvh,11px)!important;}
}
@media(max-height:690px){
 body.homepage .feature,body.homepage .feature:last-child{height:65px!important;padding:3px 2px!important;gap:1px!important;}
 body.homepage .feature p{display:none!important;}
 body.homepage .section{padding:3px 0 5px!important;}
}

body.homepage .phone-art img{-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 7px 8px rgba(0,0,0,.36));}
body.homepage .phone-art{overflow:visible!important;}

@media(min-width:731px){body.homepage .site-bg{background-size:100% 100%,100% 100%;}}