@font-face{font-family:PlexArabic;src:url('/assets/ibm-plex-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PlexArabic;src:url('/assets/ibm-plex-arabic-600.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{font-family:PlexArabic,Tahoma,Arial,sans-serif;color:#183a34;background:#f7f9f5;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:radial-gradient(circle at 76% 3%,#e9f1e6 0,transparent 28%),#f7f9f5}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,.drop-zone:focus-visible{outline:3px solid #8dbd71;outline-offset:3px}
[hidden]{display:none!important}
.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.demo-banner{background:#173f35;color:#e8f4eb;font-size:13px}
.demo-banner-inner{min-height:44px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}
.demo-chip{background:#d8e9ae;color:#173e33;padding:3px 12px;border-radius:99px;font-size:11px;font-family:Arial,sans-serif;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e4d7}
.brand{display:flex;align-items:center}
.brand img{width:181px;height:auto;display:block}
.header-label{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:#28483e}
.header-label-muted{color:#83978b;font-weight:400}
.header-dot{height:7px;width:7px;border-radius:50%;background:#74a341;box-shadow:0 0 0 4px #e7f0df}
.hero{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;min-height:340px;padding-block:46px 24px;position:relative}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker,.side-label{font-family:Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#70915b;font-weight:800;font-size:10px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-.055em;line-height:1.22;margin:13px 0 18px;font-weight:600;color:#173e34}
h1 em{font-style:normal;color:#79a744}
.hero-description{max-width:600px;color:#65796c;font-size:16px;line-height:1.95;margin-bottom:0}
.hero-art{position:relative;height:285px;overflow:hidden}
.orbit{position:absolute;border:1px solid #dbe8d5;border-radius:50%;right:40%;top:50%;transform:translate(50%,-50%)}
.orbit-one{height:275px;width:275px}.orbit-two{height:205px;width:205px}
.art-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2eae0;box-shadow:0 14px 45px rgba(33,66,42,.08);border-radius:16px;color:#255446}
.art-card-top{top:38px;right:13%;padding:12px 14px;transform:rotate(3deg);font-size:11px}
.art-card-top span{height:25px;width:25px;display:grid;place-items:center;background:#e6efdc;border-radius:8px;font-family:Arial,sans-serif;color:#689943;font-weight:800}
.art-card-top i{height:6px;width:6px;border-radius:50%;background:#7cad4b}
.art-card-main{right:19%;top:88px;width:250px;min-height:148px;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transform:rotate(-5deg);background:#214c3e;color:#fff}
.art-card-main strong{font-size:18px}.art-card-main small{color:#c3dcc3;font-size:11px}
.art-grid{display:grid;grid-template-columns:repeat(2,17px);gap:5px;margin-bottom:9px}.art-grid span{height:17px;width:17px;border:1px solid #92c387;border-radius:5px}.art-grid span:first-child{background:#9dc771}
.art-card-bottom{left:3%;bottom:32px;padding:10px 17px;transform:rotate(5deg);font-size:12px}.art-check{border-radius:50%;height:24px;width:24px;background:#dcefcf;color:#42844f;display:grid;place-items:center}
.journey{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e9de;border-radius:16px;padding:17px 28px;box-shadow:0 8px 25px rgba(36,73,46,.025);margin:10px 0 24px}
.journey-step{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#8ca091}.journey-step>span{flex:none;width:31px;height:31px;border:1px solid #d7e1d2;border-radius:50%;display:grid;place-items:center;font-size:13px}.journey-step div{display:flex;flex-direction:column;gap:1px}.journey-step b{font-size:12px}.journey-step small{font-size:10px}
.journey-step.is-active,.journey-step.is-done{color:#2b634b}.journey-step.is-active>span{background:#296c4a;color:white;border-color:#296c4a}.journey-step.is-done>span{background:#e3f0d8;border-color:#cce2be;color:#397349}
.journey-line{height:1px;flex:1;background:#dfe7dc}
.content-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(270px,.7fr);gap:24px;align-items:start}
.workspace-card{min-height:455px;background:#fff;border:1px solid #dfe9dc;border-radius:20px;padding:33px 37px 30px;box-shadow:0 18px 60px rgba(30,71,39,.06)}
.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-number{font:700 11px Arial,sans-serif;letter-spacing:.12em;color:#9cb2a1}
.stage h2{font-size:27px;letter-spacing:-.04em;margin:0 0 9px;color:#173e34;line-height:1.55}
.stage-intro{color:#6c8071;line-height:1.9;font-size:13px;margin-bottom:23px}
.identity-panel{display:flex;align-items:center;gap:15px;border:1px solid #e2eadd;background:#f8fbf6;border-radius:13px;padding:17px;margin:26px 0 23px}
.identity-mark{display:grid;place-items:center;height:39px;width:39px;border-radius:10px;background:#e7f0dc;color:#467b3a;font-size:24px}
.identity-panel div{display:flex;flex-direction:column;gap:1px;flex:1}.identity-panel strong{font-size:14px}.identity-panel div span{color:#8a9b8a;font-size:11px}.identity-demo{font:800 9px Arial,sans-serif;letter-spacing:.08em;color:#699447;border:1px solid #c7ddbd;padding:5px 7px;border-radius:5px}
.primary-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;background:#295d44;color:#fff;padding:11px 24px;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 7px 14px rgba(34,83,53,.14)}
.primary-button:hover{background:#1c4935;transform:translateY(-1px);box-shadow:0 10px 19px rgba(34,83,53,.19)}
.fine-note{color:#93a296;font-size:10px;line-height:1.7;margin:13px 0 0}
.drop-zone{border:1.5px dashed #adc6a8;background:#f8fbf7;border-radius:14px;min-height:195px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:20px;color:#2c5d46;transition:background .18s,border-color .18s}
.drop-zone:hover,.drop-zone.is-dragging{background:#eff7ea;border-color:#6caa70}
.drop-zone strong{font-size:14px}.drop-zone span{font-size:12px;color:#5f8f5d}.drop-zone small{font-size:10px;color:#94a595;margin-top:5px}
.upload-icon{height:46px;width:46px;border-radius:12px;background:#e5f1df;color:#4c9256;display:grid;place-items:center;margin-bottom:5px}.upload-icon svg{height:25px;width:25px}
.file-list{padding:0;margin:13px 0 0;list-style:none;display:grid;gap:8px}.file-list li{display:flex;align-items:center;gap:8px;border:1px solid #e7eee4;border-radius:8px;padding:8px 11px;color:#3d634d;font-size:11px}.file-list .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list .file-size{color:#9aab9c}.file-list button{background:transparent;border:0;color:#9cae9e;font-size:16px;line-height:1}
.form-error{font-size:11px;color:#a33b3b;background:#fff2f0;border:1px solid #f1d4ce;padding:8px 11px;border-radius:7px;margin:12px 0 0}
.action-row,.receipt-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:23px}
.text-button{background:transparent;border:0;color:#547b54;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:10px 0}.text-button:hover{color:#264f37}
.processing-stage{text-align:center;padding:76px 10px}.processing-stage p{font-size:13px;color:#839786}.processing-spinner{height:40px;width:40px;border:3px solid #dfe9d9;border-top-color:#5d9c57;border-radius:50%;animation:spin .75s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}
.success-mark{height:49px;width:49px;display:grid;place-items:center;border-radius:50%;background:#e0f1db;color:#3f894f;font-size:23px;margin-bottom:15px}
.receipt-box{border:1px solid #dce7d8;background:#f8fbf6;border-radius:12px;padding:2px 17px}.receipt-box>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e5eee1;font-size:12px}.receipt-box>div:last-child{border:0}.receipt-box span{color:#849988}.receipt-box strong{color:#244e3d;font-size:12px;text-align:left}.receipt-box #reference-code{font-family:Arial,sans-serif;letter-spacing:.04em;font-size:13px}
.side-column{display:grid;gap:17px}
.case-card{background:#1b473b;color:#fff;border-radius:20px;padding:25px 25px 23px;box-shadow:0 18px 40px rgba(22,62,41,.12);position:relative;overflow:hidden}.case-card:before{content:'';position:absolute;height:250px;width:250px;border:1px solid rgba(217,241,208,.11);border-radius:50%;top:-140px;left:-115px}.case-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.case-icon{display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);height:30px;width:30px;border-radius:7px;color:#d5e9d4}.live-pill{font-size:10px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:6px 9px;border-radius:40px}.live-pill span{height:6px;width:6px;background:#b7dd8d;border-radius:50%}.side-label{color:#a8cf91}.case-card h3{font-size:22px;line-height:1.5;letter-spacing:-.04em;margin:8px 0}.case-card p{color:#c4d6c7;font-size:11px;line-height:2;margin-bottom:22px}.case-divider{height:1px;background:rgba(240,255,238,.17);margin-bottom:7px}.case-meta{display:flex;justify-content:space-between;gap:14px;padding-top:13px;font-size:10px}.case-meta span{color:#adc8b1}.case-meta strong{text-align:left;font-weight:600}
.message-card{background:#eef7e9;border:1px solid #d7e8ce;border-radius:15px;padding:17px}.message-card .side-label{color:#688f5b}.message-bubble{background:#fff;border-radius:10px 10px 2px 10px;padding:13px 15px;font-size:11px;line-height:1.9;color:#46604e;margin:12px 0 8px;box-shadow:0 3px 10px rgba(38,83,42,.035)}.message-card small{font-size:9px;line-height:1.7;color:#8da38f;display:block}
.trust-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #dae6d8;margin-top:36px;padding-top:24px}.trust-bar>div{display:grid;grid-template-columns:24px 1fr;gap:0 10px;align-items:start}.trust-bar span{grid-row:span 2;font:800 10px Arial,sans-serif;color:#7dad5f;padding-top:3px}.trust-bar strong{font-size:11px;color:#48664c}.trust-bar small{color:#a2b2a5;font-size:10px}
.site-footer{display:flex;justify-content:space-between;gap:15px;padding-block:28px 36px;color:#9dab9d;font-size:10px}
@media(max-width:820px){.hero{grid-template-columns:1fr .6fr}.hero-art{height:240px}.art-card-main{right:0}.art-card-top{right:2%}.art-card-bottom{left:0}.content-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr;align-items:start}.trust-bar{gap:18px}}
@media(max-width:600px){.shell{width:min(100% - 32px,520px)}.demo-banner-inner{min-height:56px;line-height:1.5;gap:9px}.demo-banner-inner>span:last-child{font-size:10px}.demo-chip{font-size:9px;padding:3px 6px}.site-header{height:70px}.brand img{width:138px}.header-label{font-size:10px}.header-label-muted{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:37px 0 23px}.eyebrow{font-size:9px}h1{font-size:42px;line-height:1.28}.hero-description{font-size:13px;line-height:1.9}.hero-art{display:none}.journey{padding:12px 14px;gap:6px;margin-top:6px}.journey-step{gap:5px}.journey-step>span{height:24px;width:24px;font-size:10px}.journey-step b{font-size:10px}.journey-step small{display:none}.workspace-card{padding:24px 21px;min-height:400px}.card-heading{margin-bottom:20px}.stage h2{font-size:23px}.stage-intro{font-size:12px}.identity-panel{margin-block:21px}.identity-panel div span{font-size:10px}.side-column{grid-template-columns:1fr}.case-card{padding:22px}.trust-bar{grid-template-columns:1fr;gap:14px;margin-top:29px}.trust-bar>div{padding-bottom:13px;border-bottom:1px solid #e5eee2}.site-footer{flex-direction:column;gap:5px;padding-block:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}