:root{--tra-navy: #234F9C;--tra-navy-dark: #0F3268;--tra-ink: #0B1F45;--tra-hover: #1a3d7a;--teal: #30BACA;--teal-deep: #00ABB1;--cyan-soft: #33DEF2;--bg-light: #F8FCFF;--section-alt: #EFF8FB;--green: #24AC71;--amber: #D97706;--violet: #6D5BD0;--text: #142A54;--text-muted: #52627E;--border: #DCE7F5;--border-strong: #B9CDEA;--white: #FFFFFF;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow: 0 6px 24px rgba(15, 50, 104, .08);--shadow-lg: 0 18px 48px rgba(15, 50, 104, .16);--grad-brand: linear-gradient(120deg, #234F9C 0%, #0F3268 60%, #00ABB1 130%);--grad-teal: linear-gradient(120deg, #30BACA, #00ABB1);font-family:Noto Sans Arabic,system-ui,-apple-system,sans-serif;line-height:1.7;color:var(--text);background:var(--bg-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Noto Kufi Arabic,Noto Sans Arabic,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--teal);color:var(--tra-ink)}:focus-visible{outline:3px solid rgba(48,186,202,.5);outline-offset:2px}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.section{padding:4.5rem 0}.section-alt{background:var(--section-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{text-align:center;max-width:720px;margin:0 auto 2.8rem}.section-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--tra-navy);background:#234f9c14;border:1px solid rgba(35,79,156,.18);padding:.3rem .9rem;border-radius:999px;margin-bottom:.9rem}.section-title{font-size:clamp(1.5rem,3.2vw,2.15rem);font-weight:800;color:var(--tra-ink);margin-bottom:.6rem}.section-sub{color:var(--text-muted);font-size:1.02rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.5rem;border-radius:999px;font-size:.93rem;font-weight:700;cursor:pointer;border:none;text-decoration:none;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,opacity .15s,background .2s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 8px 26px #0f326847}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #0f326861}.btn-ghost{border:1.5px solid var(--border-strong);color:var(--tra-navy-dark);background:transparent}.btn-ghost:hover:not(:disabled){background:#234f9c0f}.btn-ghost-light{border:1.5px solid rgba(255,255,255,.35);color:#fff;background:#ffffff0f}.btn-ghost-light:hover{background:#ffffff24}.btn-sm{padding:.5rem 1.1rem;font-size:.84rem}.btn-block{width:100%}.btn-nav{padding:.55rem 1.2rem;font-size:.86rem}input,select,textarea{width:100%;padding:.7rem 1rem;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.94rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #30baca2e}input.error{border-color:#e5484d}.field-error{color:#d02b30;font-size:.8rem;margin-top:.3rem;display:block}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:700;color:var(--tra-navy-dark)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.skeleton{background:linear-gradient(90deg,#eaf1fa 25%,#f5f9ff,#eaf1fa 75%);background-size:200%;border-radius:var(--radius-sm);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .55s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.toast-wrap{position:fixed;bottom:1.5rem;left:1.5rem;z-index:120;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.8rem 1.3rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);animation:fadeUp .3s ease;max-width:360px}.toast.success{background:#0e3e2e;border:1px solid rgba(36,172,113,.5);color:#b7f0d6}.toast.error{background:#46151a;border:1px solid rgba(229,72,77,.5);color:#ffd7d9}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f4599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeUp .2s ease}.modal{background:#fff;border-radius:var(--radius-lg);padding:1.8rem;max-width:460px;width:100%;box-shadow:var(--shadow-lg)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.modal-head h3{color:var(--tra-ink);font-size:1.15rem}.modal-close{background:var(--section-alt);border:none;border-radius:50%;width:34px;height:34px;font-size:1.3rem;line-height:1;color:var(--tra-navy)}.modal-desc{color:var(--text-muted);font-size:.94rem;margin-bottom:.8rem}.modal-list{list-style:none;margin:1rem 0 1.2rem;display:flex;flex-direction:column;gap:.55rem}.modal-list li{display:flex;align-items:center;gap:.6rem;font-size:.92rem;color:var(--text)}.modal-list li svg{color:var(--teal-deep);flex-shrink:0}.navbar{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,#0b1f45f7,#0f3268eb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:box-shadow .2s ease}.navbar-scrolled{box-shadow:0 10px 30px #0b1f4559}.navbar-inner{max-width:1140px;margin:0 auto;padding:.55rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{height:46px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-title{color:#fff;font-family:Noto Kufi Arabic,sans-serif;font-weight:800;font-size:.98rem}.brand-sub{color:#ffffffa6;font-size:.72rem;font-weight:500}.nav-links{display:flex;align-items:center;gap:1.4rem}.nav-link{color:#ffffffd1;font-size:.9rem;font-weight:600;transition:color .2s;position:relative}.nav-link:hover{color:var(--cyan-soft)}.menu-btn{display:none;background:none;border:none;color:#fff;padding:.4rem}@media (max-width: 920px){.menu-btn{display:block}.nav-links{position:absolute;top:100%;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;background:var(--tra-ink);padding:.6rem 1.5rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);display:none}.nav-links.open{display:flex}.nav-link{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.btn-nav{margin-top:.8rem}}.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 520px at 80% -10%,rgba(48,186,202,.28),transparent 55%),radial-gradient(900px 480px at 8% 110%,rgba(0,171,177,.2),transparent 55%),linear-gradient(150deg,#0b1f45,#0f3268 55%,#123d7e);color:#fff;padding:5rem 0 6.5rem}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 30% 0%,rgba(51,222,242,.12),transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff17;border:1px solid rgba(255,255,255,.18);color:var(--cyan-soft);font-size:.8rem;font-weight:700;padding:.42rem 1rem;border-radius:999px;margin-bottom:1.4rem}.hero h1{font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:800;line-height:1.35;margin-bottom:1.1rem}.grad-text{background:linear-gradient(100deg,#33def2,#30baca 55%,#7fd7e2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:#ffffffd1;font-size:1.06rem;max-width:540px;margin-bottom:1.8rem}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.8rem}.hero-trust{display:flex;gap:1.4rem;flex-wrap:wrap}.hero-trust span{display:inline-flex;align-items:center;gap:.4rem;color:#ffffffb3;font-size:.82rem;font-weight:600}.hero-trust svg{color:var(--teal)}.hero-card-wrap{position:relative}.hero-card{position:relative;z-index:2;background:#ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:0 24px 60px #0000004d}.hero-card-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}.hc-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:var(--grad-teal);color:var(--tra-ink);display:flex;align-items:center;justify-content:center}.hero-card-head strong{display:block;font-size:.95rem;color:#fff}.hero-card-head small{color:#fff9;font-size:.75rem}.hc-live{margin-right:auto;font-size:.68rem;font-weight:800;color:#b7f0d6;background:#24ac712e;border:1px solid rgba(36,172,113,.4);padding:.18rem .6rem;border-radius:999px}.hc-rows{display:flex;flex-direction:column;gap:.45rem}.hc-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.55rem .9rem}.hc-row span{color:#ffffffb8;font-size:.82rem}.hc-row b{color:#fff;font-size:.88rem}.hc-total{background:#30baca29;border-color:#30baca66}.hc-total span{color:var(--cyan-soft);font-weight:700}.hc-total b{color:#fff;font-size:1.05rem}.hc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1.1rem;gap:.6rem}.hc-ok{display:inline-flex;align-items:center;gap:.35rem;color:#b7f0d6;font-size:.76rem;font-weight:700}.hero-card-blob{position:absolute;top:12%;right:-8%;bottom:-10%;left:6%;z-index:1;background:linear-gradient(130deg,#30baca59,#00abb11f);filter:blur(46px);border-radius:50%}.stats-bar{background:var(--grad-brand);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.stats-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 200px at 15% 0%,rgba(51,222,242,.18),transparent 60%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.8rem 1.5rem;position:relative}.stat-item{text-align:center;padding:.4rem .6rem}.stat-value{font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#fff}.stat-label{color:#ffffffbf;font-size:.82rem;font-weight:600;margin-top:.2rem}.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.ps-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ps-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ps-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px}.ps-problem:before{background:linear-gradient(90deg,#e5484d,#f0905a)}.ps-solution:before{background:linear-gradient(90deg,var(--teal),var(--green))}.ps-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.ps-problem .ps-icon{background:#e5484d1a;color:#d02b30}.ps-solution .ps-icon{background:#24ac711f;color:var(--green)}.ps-card h3{color:var(--tra-ink);font-size:1.15rem;margin-bottom:.7rem}.ps-card p{color:var(--text-muted);font-size:.96rem}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.cat-card{text-align:right;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s;display:flex;flex-direction:column;gap:.55rem}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--teal)}.cat-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.3rem}.c-teal .cat-icon{background:#30baca1f;color:var(--teal-deep)}.c-blue .cat-icon{background:#234f9c1a;color:var(--tra-navy)}.c-violet .cat-icon{background:#6d5bd01f;color:var(--violet)}.c-green .cat-icon{background:#24ac711f;color:var(--green)}.c-navy .cat-icon{background:#0b1f4517;color:var(--tra-ink)}.c-amber .cat-icon{background:#d977061f;color:var(--amber)}.cat-card h3{color:var(--tra-ink);font-size:1.02rem}.cat-card p{color:var(--text-muted);font-size:.86rem;flex:1}.cat-price{align-self:flex-start;font-size:.74rem;font-weight:700;background:var(--section-alt);color:var(--tra-navy);border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem}.cat-more{display:inline-flex;align-items:center;gap:.35rem;color:var(--tra-navy);font-size:.83rem;font-weight:700;border-top:1px dashed var(--border);padding-top:.7rem}.cat-more svg{transition:transform .2s}.cat-card:hover .cat-more svg{transform:translate(-4px)}.calc-section{background:linear-gradient(180deg,#fff,var(--bg-light))}.calc-shell{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.calc-progress{height:5px;background:var(--section-alt)}.calc-progress-fill{height:100%;background:var(--grad-teal);transition:width .45s ease}.calc-steps{display:flex;flex-wrap:wrap;gap:.4rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-light)}.calc-step{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;font-size:.83rem;font-weight:700;color:var(--text-muted);padding:.3rem .5rem;border-radius:999px;transition:color .2s}.calc-step.active{color:var(--tra-navy);background:#234f9c14}.calc-step.done{color:var(--green);cursor:pointer}.calc-step.done:hover{background:#24ac7114}.cs-num{width:22px;height:22px;border-radius:50%;font-size:.72rem;background:var(--border);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.calc-step.active .cs-num{background:var(--tra-navy);color:#fff}.calc-step.done .cs-num{background:var(--green);color:#fff}.calc-body{padding:1.6rem 1.6rem 1.2rem;min-height:260px}.calc-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.calc-opt{text-align:right;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;transition:all .18s ease;display:flex;flex-direction:column;gap:.3rem}.calc-opt:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow)}.calc-opt.selected{border-color:var(--tra-navy);background:#234f9c0d;box-shadow:0 0 0 3px #234f9c1f}.calc-opt h4{color:var(--tra-ink);font-size:.94rem}.calc-opt span{color:var(--text-muted);font-size:.78rem}.calc-opt.selected h4{color:var(--tra-navy)}.chip-grid{display:flex;flex-wrap:wrap;gap:.6rem}.chip{background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:.55rem 1.2rem;font-size:.88rem;font-weight:600;color:var(--text);transition:all .15s ease}.chip:hover{border-color:var(--teal);color:var(--tra-navy-dark)}.chip.selected{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:0 6px 18px #0f32684d}.calc-result{margin-top:1.4rem}.result-loading{display:flex;flex-direction:column;gap:.4rem;padding:1rem 0}.result-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:1.4rem;background:linear-gradient(180deg,#fff,var(--bg-light));animation:fadeUp .4s ease}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.result-label{font-size:.74rem;font-weight:700;color:var(--teal-deep)}.result-head h3{color:var(--tra-ink);font-size:1.1rem;margin:.2rem 0}.result-region{color:var(--text-muted);font-size:.8rem}.result-total{text-align:left;background:var(--grad-brand);color:#fff;border-radius:var(--radius);padding:.7rem 1.1rem;min-width:150px}.result-total span{display:block;font-size:.72rem;opacity:.85}.result-total b{font-size:1.45rem;font-family:Noto Kufi Arabic,sans-serif}.result-total small{font-size:.8rem}.result-lines{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.result-line{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:.5rem .9rem;font-size:.86rem}.result-line span{color:var(--text-muted)}.result-line b{color:var(--text)}.result-grand{background:#30baca14;border-color:#30baca73}.result-grand span{color:var(--tra-navy-dark);font-weight:700}.result-grand b{color:var(--tra-navy-dark);font-size:1rem}.result-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.9rem}.result-meta span{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-muted);font-size:.84rem}.result-meta b{color:var(--text)}.result-meta svg{color:var(--teal-deep);flex-shrink:0;margin-top:3px}.result-note{display:flex;gap:.5rem;align-items:flex-start;background:#d9770614;border:1px solid rgba(217,119,6,.25);color:#8a5a06;border-radius:10px;padding:.65rem .9rem;font-size:.78rem;margin-bottom:1rem}.result-note svg{flex-shrink:0;margin-top:3px}.result-icon{width:52px;height:52px;border-radius:16px;background:#24ac711f;color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.applied-box{display:flex;gap:.7rem;align-items:center;background:#24ac711a;border:1.5px solid rgba(36,172,113,.4);border-radius:var(--radius);padding:.9rem 1.1rem;color:#0e5b3d}.applied-box svg{color:var(--green);flex-shrink:0}.applied-box b{display:block;font-size:.92rem}.applied-box span{font-size:.8rem;opacity:.85}.calc-nav{display:flex;gap:.7rem;justify-content:flex-end;padding:1rem 1.6rem 1.4rem;border-top:1px solid var(--border);background:var(--bg-light)}.calc-disclaimer{max-width:860px;margin:1.1rem auto 0;display:flex;gap:.5rem;align-items:flex-start;color:var(--text-muted);font-size:.78rem;justify-content:center;text-align:center}.calc-disclaimer svg{color:var(--tra-navy);flex-shrink:0;margin-top:3px}.formula-box{background:var(--grad-brand);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:var(--shadow-lg);margin-bottom:1.8rem;position:relative;overflow:hidden}.formula-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 200px at 85% 0%,rgba(51,222,242,.2),transparent 60%)}.formula-title{color:#fff;font-family:Noto Kufi Arabic,sans-serif;font-weight:800;font-size:1.05rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.formula-chips{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;position:relative;z-index:1}.formula-group{display:flex;align-items:center;gap:.5rem}.formula-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:.7rem .95rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;min-width:130px}.formula-chip span{color:#fff;font-size:.8rem;font-weight:700}.formula-chip small{color:#ffffffa6;font-size:.68rem;margin-top:.15rem}.formula-total{background:var(--grad-teal);border-color:transparent}.formula-total span{color:var(--tra-ink)}.formula-total small{color:#0b1f45b3}.formula-op{color:var(--cyan-soft);display:flex;align-items:center}.method-table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.method-table{width:100%;border-collapse:collapse;font-size:.9rem}.method-table th{background:var(--section-alt);color:var(--tra-navy-dark);text-align:right;padding:.9rem 1.2rem;font-size:.84rem;font-weight:800;border-bottom:1.5px solid var(--border)}.method-table td{padding:.8rem 1.2rem;border-bottom:1px solid var(--border);color:var(--text)}.method-table tr:last-child td{border-bottom:none}.method-table tbody tr{transition:background .15s}.method-table tbody tr:hover{background:var(--bg-light)}.tag-method{display:inline-block;background:#234f9c14;color:var(--tra-navy);border:1px solid rgba(35,79,156,.2);border-radius:999px;font-size:.76rem;font-weight:700;padding:.22rem .7rem;white-space:nowrap}.steps-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;position:relative}.step-node{text-align:center;position:relative;padding-top:1.2rem}.step-dot{width:44px;height:44px;margin:0 auto .9rem;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f32684d;position:relative;z-index:2}.step-line{position:absolute;top:34px;right:calc(50% + 26px);left:calc(-50% + 26px);border-top:2px dashed rgba(35,79,156,.3);z-index:1}.step-node h4{color:var(--tra-ink);font-size:.93rem;margin-bottom:.35rem}.step-node p{color:var(--text-muted);font-size:.78rem}.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.ben-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.ben-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ben-wide{grid-column:span 2;background:linear-gradient(120deg,#234f9c0a,#fff)}.ben-icon{width:44px;height:44px;border-radius:13px;margin-bottom:.9rem;background:#30baca1f;color:var(--teal-deep);display:flex;align-items:center;justify-content:center}.ben-card h3{color:var(--tra-ink);font-size:.98rem;margin-bottom:.45rem}.ben-card p{color:var(--text-muted);font-size:.85rem}.dash-section{background:linear-gradient(180deg,var(--section-alt),var(--bg-light))}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:1.6rem}.kpi{background:var(--grad-brand);color:#fff;border-radius:var(--radius);padding:1.3rem 1.4rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px 120px at 90% 0%,rgba(51,222,242,.22),transparent 60%)}.kpi-icon{width:38px;height:38px;border-radius:11px;background:#ffffff24;display:flex;align-items:center;justify-content:center;margin-bottom:.7rem;color:var(--cyan-soft)}.kpi-value{font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:800}.kpi-value span{font-size:.8rem;font-weight:600;opacity:.9}.kpi-label{color:#ffffffb8;font-size:.78rem;font-weight:600}.dash-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.4rem 1.6rem}.dash-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.3rem;flex-wrap:wrap;gap:.8rem}.dash-tabs{display:flex;gap:.3rem;background:var(--section-alt);border:1px solid var(--border);border-radius:999px;padding:.25rem}.dash-tab{border:none;background:none;border-radius:999px;padding:.45rem 1.1rem;font-size:.83rem;font-weight:700;color:var(--text-muted);font-family:inherit;transition:all .2s}.dash-tab.active{background:var(--grad-brand);color:#fff;box-shadow:0 4px 14px #0f32684d}.chart{display:flex;flex-direction:column;gap:.8rem}.chart-row{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;gap:.9rem}.chart-label{font-size:.84rem;font-weight:700;color:var(--tra-navy-dark)}.chart-bar-bg{background:var(--section-alt);border-radius:999px;height:26px;overflow:hidden}.chart-bar{height:100%;border-radius:999px;min-width:4px}.chart-val{text-align:left;font-size:.86rem;color:var(--text)}.chart-note{margin-top:1rem;font-size:.8rem;color:var(--text-muted);background:var(--bg-light);border:1px dashed var(--border-strong);border-radius:10px;padding:.6rem .9rem}.insights{display:flex;flex-direction:column;gap:.7rem}.insight-row{display:flex;gap:.8rem;align-items:flex-start;background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem}.insight-row svg{color:var(--teal-deep);flex-shrink:0;margin-top:3px}.insight-row p{font-size:.88rem;color:var(--text)}.insight-row b{color:var(--tra-navy-dark)}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item.open{border-color:var(--teal);box-shadow:var(--shadow)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;padding:1rem 1.2rem;text-align:right;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--tra-ink)}.faq-chev{color:var(--tra-navy);transition:transform .25s ease;flex-shrink:0}.faq-item.open .faq-chev{transform:rotate(180deg);color:var(--teal-deep)}.faq-a-wrap{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-a-wrap{max-height:300px}.faq-a{padding:0 1.2rem 1.1rem;color:var(--text-muted);font-size:.88rem}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:start}.contact-info h2{color:var(--tra-ink);font-size:1.7rem;margin-bottom:.8rem}.contact-info>p{color:var(--text-muted);font-size:.95rem;margin-bottom:1.4rem}.contact-rows{display:flex;flex-direction:column;gap:.7rem}.contact-row{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;font-size:.9rem;font-weight:600;color:var(--text)}.contact-row svg{color:var(--tra-navy);flex-shrink:0}.contact-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.7rem;display:flex;flex-direction:column;gap:1rem}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.f-field{display:flex;flex-direction:column;gap:.35rem}.contact-done{text-align:center;padding:2rem 1rem}.contact-done h3{color:var(--green);margin-bottom:.5rem}.contact-done p{color:var(--text-muted);margin-bottom:1.2rem}.footer{background:linear-gradient(160deg,#0b1f45,#0f3268);color:#ffffffd1;padding-top:3.2rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.4rem}.footer-logo{height:52px;width:auto;margin-bottom:1rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.footer-brand p{font-size:.85rem;color:#ffffff9e;max-width:300px}.footer-col h4{color:#fff;font-size:.92rem;margin-bottom:.9rem}.footer-col a{display:block;color:#ffffffa6;font-size:.84rem;margin-bottom:.55rem;transition:color .2s}.footer-col a:hover{color:var(--cyan-soft)}.footer-2040{display:flex;flex-direction:column;gap:.6rem}.vision-logo{height:64px;width:auto;mix-blend-mode:screen;opacity:.92}.vision-caption{display:inline-flex;align-items:center;gap:.4rem;color:#ffffff8c;font-size:.76rem}.footer-bar{border-top:1px solid rgba(255,255,255,.1);background:#0000002e}.footer-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.5rem;font-size:.78rem;color:#ffffff8c;flex-wrap:wrap}.footer-disclaimer{background:#30baca1f;border:1px solid rgba(48,186,202,.3);color:var(--cyan-soft);padding:.2rem .8rem;border-radius:999px;font-size:.7rem;font-weight:600}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:2.4rem}.hero-card-wrap{max-width:480px}.steps-track{grid-template-columns:repeat(3,1fr);row-gap:2rem}.step-line{display:none}.cat-grid,.ben-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.section{padding:3rem 0}.ps-grid,.calc-options,.f-row,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cat-grid,.ben-grid,.steps-track,.kpi-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:90px 1fr 50px;gap:.5rem}.hero{padding:3.2rem 0 4.5rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.hero-card-wrap{max-width:100%}.calc-steps{gap:.2rem}.calc-step{font-size:.74rem;padding:.25rem .4rem}.calc-body{padding:1.2rem 1rem}.calc-nav{padding:.9rem 1rem 1.1rem}.result-head{flex-direction:column}.result-total{text-align:right;width:100%}.formula-chips,.formula-group{flex-direction:column}.formula-op{transform:rotate(90deg)}.method-table{font-size:.78rem}.method-table th,.method-table td{padding:.6rem .7rem}.footer-bar-inner{flex-direction:column;text-align:center}}