/* HostWega | Haraj Design landing page. Scoped styles: no interference with shared layout. */
.hw-haraj{--hj-brand:#c62c32;--hj-brand-deep:#9b1e24;--hj-ink:#15212d;--hj-muted:#566475;--hj-line:#dce2e8;--hj-surface:#fff;--hj-soft:#f5f7f9;--hj-dark:#121c27; color:var(--hj-ink);background:var(--hj-surface);font-family:inherit;line-height:1.72;overflow:hidden}
.hw-haraj *, .hw-haraj *::before,.hw-haraj *::after{box-sizing:border-box}
.hw-haraj a{text-decoration:none}.hw-haraj h1,.hw-haraj h2,.hw-haraj h3,.hw-haraj h4{color:var(--hj-ink);letter-spacing:-.035em;line-height:1.24;font-weight:750}.hw-haraj p{margin:0;color:var(--hj-muted)}
.hw-haraj .hj-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.hw-haraj .hj-section{padding:88px 0}.hw-haraj .hj-section-soft{background:var(--hj-soft)}
.hw-haraj .hj-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:var(--hj-brand);margin-bottom:18px}.hw-haraj .hj-eyebrow:before{content:"";height:2px;width:21px;background:currentColor}
.hw-haraj .hj-display{font-size:clamp(37px,4.25vw,62px);line-height:1.12;margin:0 0 24px;max-width:680px}.hw-haraj .hj-title{font-size:clamp(27px,2.75vw,40px);max-width:790px;margin:0 0 18px}.hw-haraj .hj-section-intro{max-width:770px;font-size:16px;line-height:1.9;margin:0 0 34px}
.hw-haraj .hj-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border-radius:8px;font-weight:750;font-size:14px;min-height:49px;transition:background-color .15s ease,border-color .15s ease,color .15s ease;line-height:1.45;border:1px solid transparent;white-space:normal;text-align:center}
.hw-haraj .hj-btn-main{background:var(--hj-brand);border-color:var(--hj-brand);color:#fff!important}.hw-haraj .hj-btn-main:hover,.hw-haraj .hj-btn-main:focus{background:var(--hj-brand-deep);border-color:var(--hj-brand-deep);color:#fff!important}.hw-haraj .hj-btn-outline{border-color:#b8c2cc;color:var(--hj-ink);background:transparent}.hw-haraj .hj-btn-outline:hover{color:var(--hj-brand);border-color:var(--hj-brand)}
.hw-haraj .hj-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.hw-haraj .hj-hero{background:linear-gradient(115deg,#f9fafb 0%,#f1f4f7 100%);padding:76px 0 76px;border-bottom:1px solid var(--hj-line)}.hw-haraj .hj-hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:56px}
.hw-haraj .hj-hero-copy{max-width:600px}.hw-haraj .hj-hero-lead{font-size:19px;line-height:1.8;color:#354556;max-width:560px}.hw-haraj .hj-hero-fine{font-size:13px;margin-top:26px;color:#657483}.hw-haraj .hj-hero-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 17px}.hw-haraj .hj-hero-points li{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#36485a;font-size:13px}.hw-haraj .hj-hero-points li:before{content:"✓";color:var(--hj-brand);font-weight:900}
.hw-haraj .hj-browser{background:#fff;border:1px solid #ccd5df;border-radius:13px;box-shadow:0 28px 70px rgba(18,32,49,.15);overflow:hidden;min-width:0}.hw-haraj .hj-browser-head{height:36px;border-bottom:1px solid #e6eaee;display:flex;align-items:center;gap:9px;padding:0 15px;background:#f6f8fa;direction:ltr}.hw-haraj .hj-dots{display:flex;gap:5px}.hw-haraj .hj-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#cbd2db}.hw-haraj .hj-address{background:#fff;border:1px solid #e2e8ee;border-radius:5px;color:#687789;font-size:10px;padding:3px 10px;flex:1;margin-inline-start:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hw-haraj .hj-browser-inner{font-family:Tahoma,Arial,sans-serif;direction:rtl;text-align:right;background:#fff;color:#293646;line-height:1.5}
.hw-haraj .hj-demo-top{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid #e9edf1}.hw-haraj .hj-demo-logo{color:#1d577c;font-size:15px;font-weight:900;letter-spacing:-.02em}.hw-haraj .hj-demo-pill{background:#1f6089;color:#fff;padding:5px 10px;border-radius:5px;font-size:10px;font-weight:700}.hw-haraj .hj-demo-search{display:flex;align-items:center;gap:8px;padding:11px 15px;background:#f9fafb}.hw-haraj .hj-demo-search span{font-size:11px;min-width:0;flex:1;color:#84919e;border:1px solid #dfe5eb;border-radius:5px;background:#fff;padding:9px 11px}.hw-haraj .hj-demo-search b{font-size:11px;background:#216c95;color:#fff;padding:9px 16px;border-radius:5px}.hw-haraj .hj-demo-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:13px 15px;border-bottom:1px solid #e8edf1}.hw-haraj .hj-demo-cat{font-size:10px;color:#315c75;background:#f1f5f7;border-radius:5px;padding:9px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-haraj .hj-demo-list{display:grid;gap:8px;padding:12px 15px 15px}.hw-haraj .hj-demo-item{display:flex;align-items:center;gap:12px;border:1px solid #e7ebef;border-radius:7px;padding:7px}.hw-haraj .hj-demo-thumb{width:76px;height:61px;flex:none;border-radius:4px;background:#e8eef1;display:grid;place-items:center;overflow:hidden}.hw-haraj .hj-demo-thumb svg{width:50px;height:42px;stroke:#718da0}.hw-haraj .hj-demo-item-copy{flex:1;min-width:0}.hw-haraj .hj-demo-item-copy strong{display:block;color:#2c5b72;font-size:12px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-haraj .hj-demo-item-copy small{display:block;color:#788796;font-size:10px}.hw-haraj .hj-demo-item-copy em{display:block;color:#247b5c;font-weight:bold;font-size:11px;font-style:normal;margin-top:3px}
.hw-haraj .hj-overview-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:45px;align-items:center}.hw-haraj .hj-reference{border:1px solid var(--hj-line);border-radius:13px;overflow:hidden;background:var(--hj-surface)}.hw-haraj .hj-ref-picture{position:relative;background:#eff3f6;min-height:260px;overflow:hidden;display:grid;place-items:center}.hw-haraj .hj-ref-picture img{display:block;width:100%;max-height:350px;object-fit:contain;object-position:center;position:relative;z-index:1}.hw-haraj .hj-ref-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;font-size:14px;text-align:center;color:#516174;background:linear-gradient(120deg,#f1f4f7,#e5eaef)}.hw-haraj .hj-ref-info{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hw-haraj .hj-ref-info strong{font-size:15px;color:var(--hj-ink)}.hw-haraj .hj-ref-info p{font-size:12px;margin-top:4px}.hw-haraj .hj-ref-info a{color:var(--hj-brand);font-size:13px;font-weight:800;white-space:nowrap}
.hw-haraj .hj-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hw-haraj .hj-feature{padding:26px 24px;border:1px solid var(--hj-line);border-radius:10px;background:var(--hj-surface);min-width:0}.hw-haraj .hj-feature-no{font-size:12px;color:var(--hj-brand);font-weight:900;letter-spacing:.08em}.hw-haraj .hj-feature h3{font-size:18px;margin:14px 0 10px}.hw-haraj .hj-feature p{font-size:13.8px;line-height:1.83}
.hw-haraj .hj-product-rail{background:#152432;color:#f8fafb;padding:70px 0}.hw-haraj .hj-product-rail .hj-title{color:#fff}.hw-haraj .hj-product-rail p{color:#bdcad4}.hw-haraj .hj-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px}.hw-haraj .hj-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.hw-haraj .hj-list li{position:relative;padding-inline-start:23px;color:#e4ecf2;font-size:14px}.hw-haraj .hj-list li:before{content:"✓";position:absolute;inset-inline-start:0;color:#e8696d;font-weight:900}.hw-haraj .hj-note{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);border-radius:11px;padding:27px}.hw-haraj .hj-note h3{color:#fff;font-size:23px;margin:0 0 14px}.hw-haraj .hj-note p{font-size:14px;line-height:1.9}.hw-haraj .hj-tech-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hw-haraj .hj-tech-tags span{border:1px solid rgba(255,255,255,.25);border-radius:5px;font-size:12px;color:#e6edf3;padding:6px 11px}
.hw-haraj .hj-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.hw-haraj .hj-step{border-top:2px solid var(--hj-line);padding-top:18px}.hw-haraj .hj-step b{display:block;font-size:31px;line-height:1;color:var(--hj-brand);margin-bottom:19px;font-weight:800}.hw-haraj .hj-step h3{font-size:18px;margin-bottom:11px}.hw-haraj .hj-step p{font-size:14px}
.hw-haraj .hj-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hw-haraj .hj-category{border:1px solid var(--hj-line);border-radius:7px;padding:16px;background:var(--hj-surface);font-weight:750;color:var(--hj-ink);font-size:13px}.hw-haraj .hj-category:before{content:"•";font-size:22px;color:var(--hj-brand);vertical-align:middle;margin-inline-end:10px}
.hw-haraj .hj-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hw-haraj .hj-custom{display:flex;align-items:flex-start;gap:14px;padding:19px 21px;border:1px solid var(--hj-line);border-radius:9px}.hw-haraj .hj-custom b{color:var(--hj-brand);font-size:14px}.hw-haraj .hj-custom p{color:var(--hj-ink);font-size:14px;font-weight:650}
.hw-haraj .hj-faq{max-width:920px}.hw-haraj .hj-faq details{border-bottom:1px solid var(--hj-line);padding:0}.hw-haraj .hj-faq summary{list-style:none;cursor:pointer;position:relative;padding:22px 34px 22px 0;font-size:16px;font-weight:750;color:var(--hj-ink)}.hw-haraj .hj-faq summary::-webkit-details-marker{display:none}.hw-haraj .hj-faq summary:after{content:"+";position:absolute;inset-inline-end:3px;top:18px;font-size:23px;font-weight:450;color:var(--hj-brand)}.hw-haraj .hj-faq details[open] summary:after{content:"−"}.hw-haraj .hj-faq details p{font-size:14px;line-height:1.95;padding:0 32px 23px 0}
.hw-haraj .hj-final{padding:74px 0;background:#f3f5f7;border-top:1px solid var(--hj-line)}.hw-haraj .hj-final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.hw-haraj .hj-final .hj-title{margin:0 0 9px}.hw-haraj .hj-final p{font-size:15px;max-width:620px}.hw-haraj .hj-disclaimer{font-size:12px!important;max-width:900px;line-height:1.8;margin-top:17px!important}
.hw-haraj .hj-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hw-haraj :is(a,summary):focus-visible{outline:3px solid #e85862;outline-offset:3px}
body.dark-mode .hw-haraj, [data-theme="dark"] .hw-haraj{--hj-ink:#edf1f5;--hj-muted:#adb9c5;--hj-line:#344251;--hj-surface:#1b2733;--hj-soft:#15222e;background:var(--hj-surface)}
body.dark-mode .hw-haraj .hj-hero,[data-theme="dark"] .hw-haraj .hj-hero{background:linear-gradient(120deg,#172330,#1d2b39)}
body.dark-mode .hw-haraj .hj-hero-lead,body.dark-mode .hw-haraj .hj-hero-fine,body.dark-mode .hw-haraj .hj-hero-points li,[data-theme="dark"] .hw-haraj .hj-hero-lead,[data-theme="dark"] .hw-haraj .hj-hero-fine,[data-theme="dark"] .hw-haraj .hj-hero-points li{color:#b7c4cf}
body.dark-mode .hw-haraj .hj-btn-outline,[data-theme="dark"] .hw-haraj .hj-btn-outline{border-color:#6f8192;color:#eff4f7}
body.dark-mode .hw-haraj .hj-final,[data-theme="dark"] .hw-haraj .hj-final{background:#15222e}
body.dark-mode .hw-haraj .hj-custom p,[data-theme="dark"] .hw-haraj .hj-custom p{color:var(--hj-ink)}
body.dark-mode .hw-haraj .hj-ref-placeholder,[data-theme="dark"] .hw-haraj .hj-ref-placeholder{background:#253748;color:#dae1e9}
@media(max-width:990px){.hw-haraj .hj-hero-grid,.hw-haraj .hj-overview-grid{grid-template-columns:1fr;gap:35px}.hw-haraj .hj-display{max-width:830px}.hw-haraj .hj-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-haraj .hj-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-haraj .hj-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-haraj .hj-final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hw-haraj .hj-wrap{width:min(100% - 32px,1160px)}.hw-haraj .hj-hero{padding:46px 0 49px}.hw-haraj .hj-section{padding:55px 0}.hw-haraj .hj-display{font-size:35px}.hw-haraj .hj-title{font-size:27px}.hw-haraj .hj-hero-lead{font-size:16px}.hw-haraj .hj-actions{align-items:stretch;flex-direction:column}.hw-haraj .hj-actions .hj-btn{width:100%}.hw-haraj .hj-feature-grid,.hw-haraj .hj-steps,.hw-haraj .hj-pair,.hw-haraj .hj-category-grid,.hw-haraj .hj-custom-grid{grid-template-columns:1fr}.hw-haraj .hj-pair{gap:25px}.hw-haraj .hj-feature{padding:23px 21px}.hw-haraj .hj-demo-cats{grid-template-columns:repeat(2,1fr)}.hw-haraj .hj-ref-info{flex-direction:column;align-items:flex-start;gap:9px}.hw-haraj .hj-ref-picture{min-height:220px}.hw-haraj .hj-final{padding:55px 0}.hw-haraj .hj-faq summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hw-haraj .hj-btn{transition:none}}
/* Offline-safe reference visual: the third-party screenshot remains the primary image. */
.hw-haraj .hj-ref-sample{background:#fff;width:min(88%,430px);border:1px solid #cdd7e1;border-radius:8px;overflow:hidden;box-shadow:0 15px 40px rgba(39,66,93,.1);direction:rtl;text-align:right;font:12px Tahoma,Arial,sans-serif;color:#305574}
.hw-haraj .hj-ref-sample-top{display:flex;justify-content:space-between;align-items:center;background:#1c6391;color:#fff;padding:12px 14px;gap:10px}.hw-haraj .hj-ref-sample-top b{font-size:21px}.hw-haraj .hj-ref-sample-top span{font-size:10px}
.hw-haraj .hj-ref-sample-search{border:1px solid #dbe3ea;background:#fafbfc;margin:13px 12px 10px;border-radius:5px;padding:8px;color:#8a99a6}
.hw-haraj .hj-ref-sample-pills{display:flex;gap:5px;padding:0 12px 11px}.hw-haraj .hj-ref-sample-pills i{background:#eaf2f7;color:#255e83;padding:6px;font-style:normal;border-radius:4px;font-size:9px;flex:1;text-align:center}
.hw-haraj .hj-ref-sample-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid #e9eef2}.hw-haraj .hj-ref-sample-row em{display:block;width:55px;height:39px;background:#dce7ee;border-radius:4px}.hw-haraj .hj-ref-sample-row span b,.hw-haraj .hj-ref-sample-row span small{display:block;font-style:normal}.hw-haraj .hj-ref-sample-row span b{font-size:11px}.hw-haraj .hj-ref-sample-row span small{font-size:10px;color:#8794a2}