/* HumanoSys shared inner-page system */
:root{
  --hp-accent:#f4c62f;
  --hp-accent-rgb:244,198,47;
  --hp-cyan:#2ec8c9;
  --hp-blue:#4b83ff;
  --hp-coral:#ff6b5d;
  --hp-violet:#9b6cff;
}

/* Demo modal: keep native option list readable in dark mode. */
.hs-demo-form .form-select{color-scheme:dark;background-color:#0d0f12;color:#fff}
.hs-demo-form .form-select option{background:#111318!important;color:#f4f1e9!important}
.hs-demo-form .form-select option:checked{background:#292d34!important;color:#fff!important}

.hs-page{--page-accent:var(--hp-accent);--page-accent-rgb:var(--hp-accent-rgb);position:relative;background:#090b0f;color:#f5f1e9;overflow:hidden}
.hs-page--cyan{--page-accent:var(--hp-cyan);--page-accent-rgb:46,200,201}
.hs-page--blue{--page-accent:var(--hp-blue);--page-accent-rgb:75,131,255}
.hs-page--violet{--page-accent:var(--hp-violet);--page-accent-rgb:155,108,255}
.hs-page--coral{--page-accent:var(--hp-coral);--page-accent-rgb:255,107,93}

.hs-page-hero{position:relative;min-height:86svh;display:grid;align-items:center;padding:132px 0 92px;overflow:hidden;background:linear-gradient(145deg,#080a0e 0%,#0d1118 54%,#08090c 100%)}
.hs-page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 38%,rgba(var(--page-accent-rgb),.13),transparent 26%),radial-gradient(circle at 18% 84%,rgba(75,131,255,.06),transparent 30%);pointer-events:none}
.hs-page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.4) 64%,transparent);pointer-events:none}
.hs-page-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.84fr) minmax(500px,1.16fr);gap:clamp(54px,7vw,108px);align-items:center}
.hs-page-hero__copy{max-width:650px}
.hs-page-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:#8f9298;font-size:.64rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.hs-page-eyebrow::before{content:"";width:28px;height:1px;background:var(--page-accent);box-shadow:0 0 18px rgba(var(--page-accent-rgb),.35)}
.hs-page-hero h1{max-width:720px;margin:0 0 27px;color:#f7f3eb;font-size:clamp(3.2rem,5vw,5.8rem);line-height:.94;font-weight:575;letter-spacing:-.067em;text-wrap:balance}
.hs-page-hero h1 em{color:var(--page-accent);font-style:normal}
.hs-page-lead{max-width:610px;margin:0 0 32px;color:#a4a6aa;font-size:1rem;line-height:1.78}
.hs-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}

.hs-page-visual{position:relative;min-height:560px;perspective:1300px;isolation:isolate}
.hs-page-visual__glow{position:absolute;inset:7% -4% 4%;border-radius:44%;background:radial-gradient(circle,rgba(var(--page-accent-rgb),.18),rgba(var(--page-accent-rgb),.035) 44%,transparent 70%);filter:blur(40px);animation:hpGlow 7s ease-in-out infinite}
.hs-page-visual__frame{position:absolute;inset:9% 2% 8% 4%;overflow:hidden;margin:0;background:#0e1218;border:1px solid rgba(255,255,255,.13);box-shadow:0 42px 110px rgba(0,0,0,.5),0 0 80px rgba(var(--page-accent-rgb),.06);clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,4% 100%,0 93%)}
.hs-page-visual__frame::after{content:"";position:absolute;inset:0;border-top:1px solid rgba(var(--page-accent-rgb),.45);background:linear-gradient(90deg,rgba(7,9,12,.34),transparent 35%),linear-gradient(0deg,rgba(7,9,12,.48),transparent 36%);pointer-events:none}
.hs-page-visual__frame>img{width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.76) contrast(1.04);transform:scale(1.015);animation:hpImageDrift 12s ease-in-out infinite alternate}
.hs-page-visual__meta{position:absolute;z-index:3;left:22px;right:22px;top:19px;display:flex;justify-content:space-between;gap:18px;color:#b3b1ab;font-size:.6rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase}
.hs-page-visual__meta span:last-child{color:var(--page-accent)}
.hs-page-visual__scan{position:absolute;z-index:4;left:7%;right:5%;top:15%;height:1px;background:linear-gradient(90deg,transparent,var(--page-accent),#fff,var(--page-accent),transparent);opacity:.34;filter:drop-shadow(0 0 8px var(--page-accent));animation:hpScan 7s ease-in-out infinite}
.hs-page-visual__chip{position:absolute;z-index:5;right:-1%;bottom:4%;width:36%;padding:14px 15px;border:1px solid rgba(255,255,255,.11);background:rgba(10,13,18,.78);backdrop-filter:blur(14px);box-shadow:0 22px 58px rgba(0,0,0,.36)}
.hs-page-visual__chip span{display:block;color:var(--page-accent);font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hs-page-visual__chip strong{display:block;margin-top:7px;color:#fff;font-size:.88rem;line-height:1.3}

.hs-page-strip{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:#0c0f14}
.hs-page-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.hs-page-strip article{min-height:112px;padding:25px 26px;border-right:1px solid rgba(255,255,255,.08)}
.hs-page-strip article:last-child{border-right:0}
.hs-page-strip span{display:block;color:var(--page-accent);font-size:.59rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hs-page-strip strong{display:block;margin-top:9px;color:#e8e4dc;font-size:.86rem;font-weight:650;line-height:1.45}

.hs-page-section{position:relative;padding:clamp(105px,9vw,150px) 0;overflow:hidden}
.hs-page-section--light{background:linear-gradient(180deg,#f3f0e8,#ece7dd);color:#15181e}
.hs-page-section--dark{background:linear-gradient(145deg,#090c11,#0e1219);color:#f5f1e9}
.hs-page-section--ink{background:#11151c;color:#f5f1e9}
.hs-page-section__head{display:grid;grid-template-columns:.58fr 1.42fr;gap:60px;align-items:start;margin-bottom:68px}
.hs-page-section__index{display:flex;align-items:center;gap:12px;color:#767b80;font-size:.64rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase}
.hs-page-section__index span{color:var(--page-accent)}
.hs-page-section__head h2{max-width:900px;margin:0 0 19px;font-size:clamp(2.6rem,4.5vw,5rem);line-height:.94;font-weight:590;letter-spacing:-.06em;text-wrap:balance}
.hs-page-section--light .hs-page-section__head h2{color:#14171c}
.hs-page-section__head p{max-width:700px;margin:0;color:#6c706e;line-height:1.78}
.hs-page-section--dark .hs-page-section__head p,.hs-page-section--ink .hs-page-section__head p{color:#9ca0a5}

.hs-module-editorial{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(17,20,26,.14)}
.hs-module-editorial--dark{border-color:rgba(255,255,255,.1)}
.hs-module-entry{position:relative;min-height:430px;display:flex;flex-direction:column;padding:0 26px 28px;border-right:1px solid rgba(17,20,26,.12);overflow:hidden;background:rgba(255,255,255,.03);transition:background .35s ease,transform .35s ease}
.hs-module-editorial--dark .hs-module-entry{border-color:rgba(255,255,255,.09)}
.hs-module-entry:nth-child(3n){border-right:0}
.hs-module-entry__media{position:relative;height:185px;margin:0 -26px 28px;overflow:hidden;background:#11161e}
.hs-module-entry__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,11,15,.42),transparent 48%)}
.hs-module-entry__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.8);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.hs-module-entry:hover{transform:translateY(-5px);background:rgba(var(--page-accent-rgb),.045)}
.hs-module-entry:hover .hs-module-entry__media img{transform:scale(1.045);filter:saturate(.95) brightness(.84)}
.hs-module-entry__index{display:flex;justify-content:space-between;gap:18px;color:#84898d;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hs-module-entry__index i{width:22px;height:1px;margin-top:8px;background:var(--page-accent)}
.hs-module-entry h3{margin:22px 0 11px;color:#181b21;font-size:1.6rem;font-weight:650;letter-spacing:-.045em}
.hs-module-editorial--dark .hs-module-entry h3{color:#fff}
.hs-module-entry p{margin:0 0 24px;color:#676b69;font-size:.86rem;line-height:1.7}
.hs-module-editorial--dark .hs-module-entry p{color:#95999e}
.hs-module-entry button,.hs-module-entry a.hs-module-link{margin-top:auto;align-self:flex-start;padding:0;border:0;background:none;color:#23272d;font-size:.72rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase}
.hs-module-editorial--dark .hs-module-entry button,.hs-module-editorial--dark .hs-module-entry a.hs-module-link{color:#e5e1da}
.hs-module-entry button span,.hs-module-entry a.hs-module-link span{display:inline-block;margin-left:8px;color:var(--page-accent);transition:transform .25s ease}
.hs-module-entry button:hover span,.hs-module-entry a.hs-module-link:hover span{transform:translate(4px,-2px)}

.hs-feature-rows{border-top:1px solid rgba(17,20,26,.14)}
.hs-feature-row{display:grid;grid-template-columns:58px .72fr 1.28fr;gap:30px;align-items:start;min-height:128px;padding:29px 0;border-bottom:1px solid rgba(17,20,26,.12)}
.hs-feature-row>span{color:var(--page-accent);font-size:.62rem;font-weight:800}
.hs-feature-row h3{margin:0;color:#171a20;font-size:1.3rem;font-weight:650}
.hs-feature-row p{max-width:760px;margin:0;color:#666b68;line-height:1.72}

.hs-product-modal{position:fixed;inset:0;z-index:2600;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(4,6,9,.78);backdrop-filter:blur(14px)}
.hs-product-modal.show{display:flex}
.hs-product-modal__panel{position:relative;width:min(1040px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.12);background:#0e1218;color:#f5f1e9;box-shadow:0 50px 140px rgba(0,0,0,.62);animation:hpModalIn .45s cubic-bezier(.2,.8,.2,1)}
.hs-product-modal__close{position:absolute;right:18px;top:18px;z-index:4;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);background:rgba(8,11,15,.7);color:#fff;font-size:1.2rem}
.hs-product-modal__hero{position:relative;height:300px;overflow:hidden}
.hs-product-modal__hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.62)}
.hs-product-modal__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e1218 0%,rgba(14,18,24,.18) 58%,rgba(8,10,14,.24))}
.hs-product-modal__title{position:absolute;z-index:2;left:34px;right:80px;bottom:28px}
.hs-product-modal__title span{color:var(--page-accent);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hs-product-modal__title h2{margin:9px 0 4px;color:#fff;font-size:clamp(2rem,4vw,3.8rem);line-height:.95}
.hs-product-modal__title p{margin:0;color:#aaaeb2}
.hs-product-modal__body{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;padding:36px}
.hs-product-modal__body h3{margin:0 0 13px;color:#fff;font-size:1.1rem}
.hs-product-modal__body p{color:#a6aaae;line-height:1.75}
.hs-product-modal__body ul{list-style:none;margin:0;padding:0}
.hs-product-modal__body li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#c1c3c5;font-size:.84rem;line-height:1.55}
.hs-product-modal__body li::before{content:"";position:absolute;left:0;top:18px;width:5px;height:5px;border-radius:50%;background:var(--page-accent);box-shadow:0 0 12px rgba(var(--page-accent-rgb),.5)}
.hs-product-modal__aside img{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.09);background:#0b0e13}

.hs-page-cta{position:relative;padding:100px 0;background:var(--page-accent);color:#11151a;overflow:hidden}
.hs-page-cta::after{content:"HUMANOSYS";position:absolute;right:-2%;bottom:-18%;font:800 clamp(5rem,15vw,13rem)/1 Manrope;color:rgba(12,15,19,.055);letter-spacing:-.08em}
.hs-page-cta__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}
.hs-page-cta h2{max-width:850px;margin:0;font-size:clamp(2.5rem,4.8vw,5rem);line-height:.95;letter-spacing:-.06em;color:#11151a}
.hs-page-cta p{margin:0 0 25px;color:rgba(17,21,26,.7);line-height:1.7}
.hs-page-cta .hs-btn{background:#11151a!important;border-color:#11151a!important;color:#fff!important}

.hs-offcanvas-dark{background:#10141a!important;color:#f4f1e9!important;border-left:1px solid rgba(255,255,255,.1)!important}
.hs-offcanvas-dark .offcanvas-header{border-bottom:1px solid rgba(255,255,255,.09);background:#0b0e13;color:#fff}
.hs-offcanvas-dark .offcanvas-body{color:#a8acb0}
.hs-offcanvas-dark h5,.hs-offcanvas-dark h6{color:#fff}
.hs-offcanvas-dark h6{margin-top:25px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--page-accent)}
.hs-offcanvas-dark ul{list-style:none;padding:0}
.hs-offcanvas-dark li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}

@keyframes hpGlow{50%{transform:scale(1.05);opacity:.78}}
@keyframes hpImageDrift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.05) translate3d(-1.2%,.8%,0)}}
@keyframes hpScan{0%,100%{transform:translateY(0);opacity:.12}50%{transform:translateY(390px);opacity:.42}}
@keyframes hpModalIn{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:1050px){
 .hs-page-hero__grid{grid-template-columns:1fr;gap:54px}.hs-page-hero__copy{max-width:760px}.hs-page-visual{max-width:800px;width:100%;margin:auto}.hs-module-editorial{grid-template-columns:repeat(2,1fr)}.hs-module-entry:nth-child(3n){border-right:1px solid rgba(17,20,26,.12)}.hs-module-entry:nth-child(2n){border-right:0}.hs-page-cta__grid{grid-template-columns:1fr}
}
@media(max-width:720px){
 .hs-page-hero{min-height:auto;padding:115px 0 70px}.hs-page-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}.hs-page-visual{min-height:400px}.hs-page-visual__frame{inset:5% 0 12%}.hs-page-visual__chip{right:0;width:55%}.hs-page-strip__grid{grid-template-columns:1fr 1fr}.hs-page-strip article:nth-child(2n){border-right:0}.hs-page-section__head{grid-template-columns:1fr;gap:18px}.hs-module-editorial{grid-template-columns:1fr}.hs-module-entry,.hs-module-entry:nth-child(n){border-right:0}.hs-feature-row{grid-template-columns:44px 1fr}.hs-feature-row p{grid-column:2}.hs-product-modal{padding:12px}.hs-product-modal__body{grid-template-columns:1fr;padding:24px}.hs-product-modal__hero{height:240px}.hs-page-cta{padding:78px 0}
}
@media(prefers-reduced-motion:reduce){.hs-page-visual__glow,.hs-page-visual__frame>img,.hs-page-visual__scan{animation:none!important}}