/* HyperDAF Core — Homepage Hero Styles */
/* Location: /assets/css/home-hero.css */

.hdaf-home-hero{padding:18px 0 14px;background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);border-top:1px solid #E2E8F0;overflow:hidden}
.hdaf-home-hero .hdaf-container{overflow:hidden}
.hdaf-home-hero__slider{position:relative;overflow:hidden;width:100%}
.hdaf-home-hero__track{display:flex;width:100%;transition:transform .55s ease;will-change:transform}
.hdaf-home-hero__slide{flex:0 0 100%;min-width:100%;max-width:100%;width:100%}
.hdaf-home-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,650px);gap:34px;align-items:center;width:100%}
.hdaf-home-hero__content{min-width:0;padding:6px 0}
.hdaf-home-hero__eyebrow{display:block;margin:0 0 12px;color:#64748B;font-size:15px;font-weight:500;line-height:1.5}
.hdaf-home-hero__eyebrow strong{color:#16A34A;font-weight:700}
.hdaf-home-hero__title{max-width:760px;margin:0 0 14px;line-height:1.08;font-weight:800;letter-spacing:-.03em}
.hdaf-home-hero__title-line,.hdaf-home-hero__title-accent{display:block;font-size:35px}
.hdaf-home-hero__title-line{color:#0F172A}
.hdaf-home-hero__title-accent{color:#16A34A}
.hdaf-home-hero__desc{max-width:620px;margin:0 0 20px;font-size:16px;line-height:1.68;color:#334155}
.hdaf-home-search{display:flex;align-items:center;max-width:580px;overflow:hidden;border:1px solid #D8E1EA;border-radius:12px;background:#FFFFFF;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.hdaf-home-search__input{flex:1;min-width:0;height:54px;padding:0 18px;border:0;outline:0;background:transparent;font-size:15px;color:#0F172A}
.hdaf-home-search__input::placeholder{color:#94A3B8}
.hdaf-home-search__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:118px;height:54px;padding:0 24px;border:0;background:#2563EB;color:#FFFFFF;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}
.hdaf-home-search__btn:hover{background:#1D4ED8}

.hdaf-home-hero__visual{position:relative;min-width:0;z-index:2;transform:translateY(-40px)}
.hdaf-home-hero__visual-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:620px;margin-left:auto}

/* Transparent PNG laptop */
.hdaf-home-hero__laptop{position:relative;width:100%;max-width:620px;margin-left:auto;aspect-ratio:834/518;background:url("../images/laptop for hero visual.png") center center/100% 100% no-repeat;z-index:3}
.hdaf-home-hero__laptop-top,.hdaf-home-hero__laptop-camera,.hdaf-home-hero__laptop-base{display:none!important}

/* Screen area inside uploaded PNG */
.hdaf-home-hero__laptop-screen{position:absolute;top:47px;left:62px;right:62px;bottom:66px;overflow:hidden;border-radius:8px;background:transparent;z-index:1}

/* Visual image behind laptop front, reduced to stay fully inside screen */
.hdaf-home-hero__visual-image,.hdaf-home-hero__visual-fallback{position:absolute;top:25px;right:25px;bottom:25px;left:25px;width:calc(100% - 50px);height:calc(100% - 50px);margin:auto;border-radius:8px;z-index:1;box-shadow:none;border:0;outline:0}
.hdaf-home-hero__visual-image{display:block;object-fit:contain;object-position:center center;background:transparent}
.hdaf-home-hero__visual-fallback{display:flex;align-items:flex-end;justify-content:center;padding:24px;background:radial-gradient(circle at top right,#FFFFFF 0%,#F1F5F9 100%);overflow:hidden}

/* Keep laptop front layer above screen content */
.hdaf-home-hero__laptop:after{content:"";position:absolute;inset:0;background:url("../images/laptop for hero visual.png") center center/100% 100% no-repeat;pointer-events:none;z-index:2}

.hdaf-home-hero__cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.72)}
.hdaf-home-hero__cloud--one{top:28px;left:26px;width:110px;height:36px}
.hdaf-home-hero__cloud--two{top:54px;right:42px;width:126px;height:40px}
.hdaf-home-hero__cloud--three{bottom:48px;left:64px;width:96px;height:32px}
.hdaf-home-hero__device-stage{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:520px;margin:0 auto}
.hdaf-home-hero__device-monitor{position:relative;flex:0 1 390px;height:236px;padding:12px 12px 16px;border:6px solid #D8E1EA;border-bottom-width:12px;border-radius:18px;background:#FFFFFF}
.hdaf-home-hero__device-monitor:after{content:"";position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);width:108px;height:14px;border-radius:999px;background:#CBD5E1}
.hdaf-home-hero__device-screen{height:100%;border-radius:12px;background:linear-gradient(180deg,#CFE4FB 0%,#EEF5FC 100%);overflow:hidden}
.hdaf-home-hero__screen-top{display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;background:#F8FAFC;border-bottom:1px solid #E2E8F0}
.hdaf-home-hero__screen-top span{width:7px;height:7px;border-radius:50%;background:#CBD5E1}
.hdaf-home-hero__screen-body{display:grid;grid-template-columns:92px 1fr;gap:10px;height:calc(100% - 24px);padding:12px}
.hdaf-home-hero__screen-sidebar{border-radius:10px;background:#E8F0F8}
.hdaf-home-hero__screen-content{display:flex;flex-direction:column;gap:8px}
.hdaf-home-hero__bar{height:10px;border-radius:999px;background:#A9C8E9}
.hdaf-home-hero__bar--sm{width:38%}
.hdaf-home-hero__bar--md{width:58%}
.hdaf-home-hero__bar--lg{width:84%}
.hdaf-home-hero__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
.hdaf-home-hero__mini-card{height:62px;border-radius:12px;background:#FFFFFF;border:1px solid #DCE5EE}
.hdaf-home-hero__device-phone{position:absolute;bottom:14px;width:66px;height:136px;padding:7px;border:4px solid #D8E1EA;border-radius:20px;background:#FFFFFF}
.hdaf-home-hero__device-phone--left{left:4px}
.hdaf-home-hero__device-phone--right{right:4px}
.hdaf-home-hero__device-phone-screen{height:100%;border-radius:12px;background:linear-gradient(180deg,#D9E9F8 0%,#F3F8FC 100%);overflow:hidden}
.hdaf-home-hero__device-phone-screen:before,.hdaf-home-hero__device-phone-screen:after{content:"";display:block;margin:10px auto 0;border-radius:999px;background:#ABC8E5}
.hdaf-home-hero__device-phone-screen:before{width:72%;height:8px}
.hdaf-home-hero__device-phone-screen:after{width:58%;height:36px;border-radius:10px}
.hdaf-home-hero__leaf{position:absolute;z-index:1;width:72px;height:72px;border-radius:20px;background:linear-gradient(180deg,#DCFCE7 0%,#BBF7D0 100%);opacity:.7}
.hdaf-home-hero__leaf--left{left:-2px;bottom:18px;transform:rotate(-18deg)}
.hdaf-home-hero__leaf--right{right:2px;bottom:26px;transform:rotate(16deg)}

.hdaf-home-hero__features{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;width:100%;margin:22px 0 0;padding:16px 18px;list-style:none;border:1px solid #E2E8F0;border-radius:18px;background:#FFFFFF}
.hdaf-home-hero__features li{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;font-size:14px;font-weight:600;color:#334155;white-space:nowrap}
.hdaf-home-hero__features svg,.hdaf-home-hero__features i,.hdaf-home-hero__features .hdaf-home-hero__icon{flex:0 0 18px;width:18px;height:18px;color:#16A34A}

.hdaf-home-hero__controls,.hdaf-home-hero__dots,.hdaf-home-hero__dot{display:none!important}

@media (max-width:1279px){
.hdaf-home-hero__grid{grid-template-columns:minmax(0,1fr) minmax(430px,570px);gap:26px}
.hdaf-home-hero__title-line,.hdaf-home-hero__title-accent{font-size:35px}
.hdaf-home-hero__visual{transform:translateY(-28px)}
.hdaf-home-hero__visual-card,.hdaf-home-hero__laptop{max-width:570px}
.hdaf-home-hero__laptop-screen{top:44px;left:56px;right:56px;bottom:60px}
.hdaf-home-hero__visual-image,.hdaf-home-hero__visual-fallback{top:22px;right:22px;bottom:22px;left:22px;width:calc(100% - 44px);height:calc(100% - 44px)}
.hdaf-home-hero__features{gap:12px 16px;padding:14px 16px;flex-wrap:wrap;justify-content:center}
.hdaf-home-hero__features li{font-size:13px}
}

@media (max-width:1024px){
.hdaf-home-hero{padding:16px 0 12px}
.hdaf-home-hero__grid{grid-template-columns:1fr;gap:28px}
.hdaf-home-hero__content{padding:0}
.hdaf-home-hero__title{max-width:760px}
.hdaf-home-hero__desc,.hdaf-home-search{max-width:none}
.hdaf-home-hero__visual{transform:translateY(-18px)}
.hdaf-home-hero__visual-card,.hdaf-home-hero__laptop{max-width:620px;margin:0 auto}
.hdaf-home-hero__laptop-screen{top:47px;left:62px;right:62px;bottom:66px}
.hdaf-home-hero__visual-image,.hdaf-home-hero__visual-fallback{top:24px;right:24px;bottom:24px;left:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
.hdaf-home-hero__features{margin-top:18px;justify-content:center}
}

@media (max-width:767px){
.hdaf-home-hero{padding:14px 0 10px}
.hdaf-home-hero__eyebrow{margin-bottom:8px;font-size:14px}
.hdaf-home-hero__title{max-width:none;margin-bottom:10px}
.hdaf-home-hero__title-line,.hdaf-home-hero__title-accent{font-size:24px;line-height:1.12}
.hdaf-home-hero__desc{margin-bottom:14px;font-size:15px}
.hdaf-home-search{flex-direction:column;align-items:stretch;max-width:none;border-radius:14px}
.hdaf-home-search__input{height:48px}
.hdaf-home-search__btn{width:100%;min-width:0;height:46px}
.hdaf-home-hero__visual{transform:none}
.hdaf-home-hero__laptop{max-width:100%}
.hdaf-home-hero__laptop-screen{top:34px;left:46px;right:46px;bottom:48px}
.hdaf-home-hero__visual-image,.hdaf-home-hero__visual-fallback{top:16px;right:16px;bottom:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);border-radius:6px}
.hdaf-home-hero__visual-fallback{padding:16px}
.hdaf-home-hero__device-monitor{flex-basis:100%;height:170px;padding:10px 10px 12px;border-width:5px;border-bottom-width:9px}
.hdaf-home-hero__device-monitor:after{bottom:-18px;width:84px;height:10px}
.hdaf-home-hero__screen-body{grid-template-columns:68px 1fr;gap:8px;padding:8px}
.hdaf-home-hero__mini-card{height:44px;border-radius:10px}
.hdaf-home-hero__device-phone{display:none}
.hdaf-home-hero__cloud--one,.hdaf-home-hero__cloud--two,.hdaf-home-hero__cloud--three{transform:scale(.72)}
.hdaf-home-hero__features{flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;padding:14px}
.hdaf-home-hero__features li{justify-content:flex-start;font-size:13px;white-space:normal}
}