/* ENJAZ reference home — visual-only layer. Link after enjaz-brand.css. */
:root{--ref-purple:#663BFF;--ref-green:#22C55E;--ref-navy:#0F172A;--ref-muted:#64748B;--ref-bg:#F8FAFC;--ref-white:#fff;--ref-line:#E5EAF2;--ref-purple-soft:#F1EEFF;--ref-green-soft:#ECFDF3}
body:has(.enjaz-hero){background:var(--ref-bg);color:var(--ref-navy)}
body:has(.enjaz-hero) .enjaz-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff 48%,#f7f5ff 100%);border-bottom:1px solid var(--ref-line)}
body:has(.enjaz-hero) .enjaz-hero:after{content:"";position:absolute;width:380px;height:380px;left:-190px;top:-170px;border:1px solid #663BFF18;border-radius:50%;box-shadow:0 0 0 34px #663BFF08,0 0 0 68px #663BFF04;pointer-events:none}
body:has(.enjaz-hero) .hero-grid{position:relative;z-index:1;max-width:1240px;min-height:620px;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:72px;padding-block:64px 72px}
body:has(.enjaz-hero) .hero-copy{position:relative;z-index:2}
body:has(.enjaz-hero) .hero-copy h1{max-width:650px;font-weight:850;letter-spacing:-2.3px;line-height:1.27}
body:has(.enjaz-hero) .hero-copy h1 span{position:relative;display:inline-block}
body:has(.enjaz-hero) .hero-copy>p{max-width:535px;color:var(--ref-muted);font-size:16px;line-height:2}
body:has(.enjaz-hero) .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #DCD5FF;border-radius:999px;background:#fff;color:#5130D6;font-weight:700;box-shadow:0 6px 20px #663BFF0A}
body:has(.enjaz-hero) .search-box{border:1px solid #DCD8EC;background:#fff;box-shadow:0 16px 34px #0F172A0A;border-radius:16px;padding:7px;min-height:68px}
body:has(.enjaz-hero) .search-box:focus-within{border-color:#B6A6FF;box-shadow:0 16px 34px #663BFF18}
body:has(.enjaz-hero) .search-box .btn{border-radius:11px}
body:has(.enjaz-hero) .search-hints a{padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--ref-line);color:var(--ref-muted)}
body:has(.enjaz-hero) .search-hints a:hover{color:var(--ref-purple);border-color:#C4B7FF;background:var(--ref-purple-soft)}
body:has(.enjaz-hero) .hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px!important}
body:has(.enjaz-hero) .hero-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:#fff;border:1px solid var(--ref-line);color:var(--ref-muted)}
body:has(.enjaz-hero) .hero-trust span:first-child{border-color:#BCEBCB;background:var(--ref-green-soft)}
.enjaz-art{height:468px;margin-top:8px}
.enjaz-art:before{content:"ENJAZ / CREATIVE NETWORK";position:absolute;right:8px;bottom:-28px;color:#94A3B8;font:600 9px/1 Arial;letter-spacing:2px;direction:ltr}
.enjaz-orbit{border-color:#CFC5FF;background:linear-gradient(145deg,#fff0 46%,#663BFF08)}
.enjaz-photo{box-shadow:0 30px 70px #24165330}
.enjaz-art-brand{box-shadow:0 20px 55px #482EB035}
.enjaz-art-note{border-color:#DDE4E0;box-shadow:0 20px 45px #0F172A14}
.enjaz-art-tag{top:-14px;right:10px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--ref-line);box-shadow:0 8px 22px #0F172A0A}
.enjaz-art-mini{position:absolute;z-index:4;left:-12px;top:290px;width:172px;padding:13px 14px;border:1px solid #DCE4E0;border-radius:15px;background:#fff;box-shadow:0 16px 35px #0F172A18;direction:rtl}
.enjaz-art-mini__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--ref-muted);font-size:10px}
.enjaz-art-mini__head b{color:var(--ref-navy);font-size:11px}
.enjaz-art-mini__row{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--ref-muted)}
.enjaz-art-mini__row+.enjaz-art-mini__row{margin-top:9px}
.enjaz-art-mini__icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--ref-purple-soft);color:var(--ref-purple);font-size:13px;font-weight:800}
.enjaz-art-mini__row:nth-child(3) .enjaz-art-mini__icon{background:var(--ref-green-soft);color:#16803E}
.enjaz-art-mini__bar{height:4px;flex:1;border-radius:99px;background:#E9EDF3;overflow:hidden}
.enjaz-art-mini__bar:after{content:"";display:block;width:72%;height:100%;background:var(--ref-purple);border-radius:inherit}
.enjaz-art-mini__row:nth-child(3) .enjaz-art-mini__bar:after{width:88%;background:var(--ref-green)}
body:has(.enjaz-hero) .pathways{gap:16px;margin-top:42px}
body:has(.enjaz-hero) .pathway{position:relative;overflow:hidden;border:1px solid var(--ref-line);box-shadow:0 10px 28px #0F172A06;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body:has(.enjaz-hero) .pathway:after{content:"";position:absolute;inset:auto -24px -38px auto;width:110px;height:110px;border-radius:50%;background:#663BFF08}
body:has(.enjaz-hero) .pathway:hover{transform:translateY(-3px);border-color:#C2B6FF;box-shadow:0 16px 34px #663BFF12}
body:has(.enjaz-hero) .section-heading h2{font-weight:850}
body:has(.enjaz-hero) .category-card,body:has(.enjaz-hero) .service-card,body:has(.enjaz-hero) .project-card,body:has(.enjaz-hero) .enjaz-talent,body:has(.enjaz-hero) .benefit-card{box-shadow:0 8px 25px #0F172A05;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body:has(.enjaz-hero) .category-card:hover,body:has(.enjaz-hero) .service-card:hover,body:has(.enjaz-hero) .project-card:hover,body:has(.enjaz-hero) .enjaz-talent:hover,body:has(.enjaz-hero) .benefit-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #663BFF10}
.enjaz-marquee{background:#fff}
.enjaz-cta{box-shadow:0 20px 45px #663BFF24}
@media(max-width:1100px){body:has(.enjaz-hero) .hero-grid{gap:36px;grid-template-columns:1fr 1fr}.enjaz-art-mini{left:-2px;transform:scale(.9);transform-origin:left top}}
@media(max-width:760px){body:has(.enjaz-hero) .enjaz-hero:after{width:250px;height:250px;left:-150px;top:-120px}.enjaz-art{height:370px;margin-top:4px}.enjaz-art-mini{left:0;top:245px;width:155px;padding:10px 11px}.enjaz-art-mini__head{margin-bottom:7px}.enjaz-art:before{bottom:-16px;right:auto;left:10px;font-size:7px}.enjaz-art-tag{top:-8px}.enjaz-hero-actions{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){body:has(.enjaz-hero) .pathway,body:has(.enjaz-hero) .category-card,body:has(.enjaz-hero) .service-card,body:has(.enjaz-hero) .project-card,body:has(.enjaz-hero) .enjaz-talent,body:has(.enjaz-hero) .benefit-card{transition:none}}
@media(max-width:760px){body:has(.enjaz-hero) .hero-grid{grid-template-columns:minmax(0,1fr);gap:34px;padding-block:38px 48px;min-height:0}body:has(.enjaz-hero) .hero-copy h1{letter-spacing:-1.3px}body:has(.enjaz-hero) .hero-copy>p{font-size:15px}.enjaz-art{width:100%;max-width:500px;margin-inline:auto}.enjaz-art-mini{max-width:45%}}
