/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ease:initial;--tw-outline-style:solid}}}*,:after,:before{box-sizing:border-box}body,html{height:100%}canvas,img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}::selection{color:var(--text-primary);background:#14a86a4d}:root{--ohs-primary-700:#086945;--ohs-primary-600:#0b7c54;--ohs-primary-500:#14a86a;--ohs-primary-100:#ddf6ec;--ohs-slate-900:#0f172a;--ohs-slate-800:#1f2937;--ohs-slate-700:#334155;--ohs-slate-600:#475569;--ohs-slate-300:#cbd5e1;--ohs-slate-200:#e2e8f0;--ohs-slate-100:#f1f5f9;--ohs-slate-50:#f8fafc;--ohs-info:#2563eb;--ohs-success:#16a34a;--ohs-warning:#eab308;--ohs-danger:#dc2626;--bg:#fff;--surface:#fff;--surface-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-light:#f1f5f9;--border-soft:#e8f5e8;--hero-bg:#f8fbf8;--card-bg:#fff;--nav-bg:#fff;--pre-footer-bg:#f8fafc;--brand-color:#14a86a;--heading-primary:#0f172a;--body-primary:#475569;--body-secondary:#64748b;--font-sans:"IBM Plex Sans Arabic","Tajawal",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--fs-12:clamp(11px,2.5vw,12px);--fs-14:clamp(13px,3vw,14px);--fs-16:clamp(14px,3.5vw,16px);--fs-18:clamp(16px,4vw,18px);--fs-20:clamp(18px,4.5vw,20px);--fs-24:clamp(20px,5vw,24px);--fs-28:clamp(24px,6vw,28px);--fs-32:clamp(26px,7vw,32px);--fs-40:clamp(28px,8vw,40px);--fs-48:clamp(32px,9vw,48px);--space-1:clamp(4px,1vw,6px);--space-2:clamp(6px,1.5vw,8px);--space-3:clamp(8px,2vw,12px);--space-4:clamp(12px,3vw,16px);--space-6:clamp(16px,4vw,24px);--space-8:clamp(20px,5vw,32px);--space-10:clamp(24px,6vw,40px);--space-12:clamp(32px,8vw,64px);--radius-4:4px;--radius-6:6px;--radius-10:10px;--radius-12:12px;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 6px 20px #00000014;--shadow-3:0 12px 32px #0000001f;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1440px;--bp-xs:320px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px}body{opacity:0;transition:opacity .5s ease-in-out}body.page-loaded{opacity:1}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;height:1em;animation:skeleton-loading 1.5s infinite;display:inline-block;position:relative;overflow:hidden}.fade-in{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.fade-in.loaded{opacity:1;transform:translateY(0)}.card:not(.loaded){opacity:.7;transform:scale(.98)}.card.loaded{opacity:1;transform:scale(1)}img{will-change:opacity;transition:opacity .6s}.loading-shimmer{background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0) 0 0/200px 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl;font-family:IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}body{color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.container{max-width:var(--container-xl);width:100%;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)}.section{padding-block:20px var(--space-12);background:linear-gradient(#ffffff40,#ffffff59)}@media (max-width:640px){.container{padding-inline:16px}.section{padding-block:var(--space-8)}}.h1{font-size:var(--fs-40)}.h1,.h2{margin-bottom:var(--space-4);color:var(--text-primary);font-weight:700;line-height:1.2}.h2{font-size:var(--fs-32)}.h3{font-size:var(--fs-24);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:600}.p-lg{font-size:var(--fs-18)}.muted,.p-lg{color:var(--text-muted)}.btn{border-radius:var(--radius-10);font-weight:600;font-size:var(--fs-16);box-shadow:var(--shadow-1);white-space:nowrap;text-align:center;border:none;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;transition:all .2s;display:inline-flex}@media (max-width:640px){.btn{font-size:var(--fs-16);white-space:normal;text-align:center;width:100%;min-height:48px;padding:14px 20px}}.btn.primary{background:linear-gradient(135deg,var(--ohs-primary-500)0,var(--ohs-primary-600)100%);letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #14a86a40,0 2px 8px #14a86a26}.btn.primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn.primary:hover:before{left:100%}.btn.primary:active{transform:translateY(-1px);box-shadow:0 6px 20px #14a86a4d}.btn.secondary{border:1px solid var(--text-muted);color:var(--text-primary)}.btn.secondary:hover{background:var(--border-light);border-color:var(--text-secondary)}.btn.ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn.ghost:hover{background:var(--border-light);color:var(--text-primary)}.btn.ghost-white{color:var(--text-primary);border:2px solid var(--ohs-primary-500);background:0 0;transition:all .3s}.btn.ghost-white:hover{background:var(--ohs-primary-500);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #14a86a4d}.btn.icon{border-radius:var(--radius-6);width:auto;min-height:auto;padding:10px}.nav{background:var(--surface);border-bottom:1px solid var(--ohs-slate-200);position:sticky;top:0}.nav .container{height:64px}.brand{align-items:center;gap:8px;font-weight:700;display:flex}.brand-name{color:var(--brand-color);font-weight:800}.brand-subtitle{color:var(--heading-primary);font-weight:600}.footer h4 .brand-name,.section-title .brand-name,h1 .brand-name,h2 .brand-name,h3 .brand-name{color:var(--brand-color)}.benefit-card p,.card p,.footer-brand p{color:var(--body-primary)}.section-subtitle,.trust-stat .stat-label{color:var(--body-secondary)}.badge{background:var(--ohs-primary-100);color:var(--ohs-primary-700);border:1px solid #14a86a33;border-radius:999px;padding:2px 8px;font-size:12px}.links{gap:16px;display:flex}.links a{color:var(--text-primary);font-weight:500;transition:color .2s}.links a:hover{color:var(--ohs-primary-500)}.actions{gap:12px;display:flex}.hamburger{background:0 0;border:0;font-size:22px;display:none}.hero{background:#f8fafc;padding-block:64px}.hero .cta{gap:12px;margin-top:16px;display:flex}.hero .trust{color:var(--muted);font-size:var(--fs-14);margin-top:12px}.section,body{background:var(--bg)}.section{padding-block:40px;transition:all .3s;position:relative}.section-title{color:var(--heading-primary);text-align:center;margin-bottom:12px;font-size:clamp(28px,5vw,32px)}.section-subtitle{color:var(--body-primary);text-align:center;margin-bottom:32px;max-width:720px;margin-inline:auto;font-size:clamp(16px,3.5vw,18px);line-height:1.6}#ohs-modules .section-subtitle,#ohs-modules .section-title,.benefits-section .section-subtitle,.benefits-section .section-title{color:#fff!important}.benefits-section{background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat fixed;padding:20px 0 64px;transition:all .3s;animation:gentleFloat 40s ease-in-out infinite;position:relative}.benefit-card{text-align:center;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-1);border-radius:16px;padding:32px 24px;transition:all .3s}.benefit-card:hover{box-shadow:var(--shadow-3);border-color:var(--ohs-primary-500);transform:translateY(-4px)}.benefit-icon{background:var(--ohs-primary-100);width:80px;height:80px;color:var(--ohs-primary-500);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;transition:all .3s;display:flex}.benefit-icon svg{stroke-width:2px;fill:none;width:48px;height:48px;transition:all .3s}.benefit-card:hover .benefit-icon{background:var(--ohs-primary-500);color:#fff;transform:scale(1.1)}.benefit-card:hover .benefit-icon svg{stroke-width:3px!important}.benefit-card h3{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700;transition:color .3s}.benefit-card p{color:var(--text-secondary);line-height:1.6;transition:color .3s}@media (max-width:768px){.benefits-section{padding:48px 0}.benefits-section .container{padding:0 16px}.section-header{margin-bottom:32px}.section-title{margin-bottom:12px;font-size:24px;line-height:1.3}.section-subtitle{font-size:16px;line-height:1.5}.benefit-card{text-align:center;margin-bottom:16px;padding:24px 20px}.benefit-icon{width:56px;height:56px;margin-bottom:16px}.benefit-card h3{margin-bottom:12px;font-size:18px;line-height:1.3}.benefit-card p{font-size:14px;line-height:1.6}}.faq-section{background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat fixed;padding:80px 0;transition:all .3s;animation:gentleFloat 45s ease-in-out infinite;position:relative}.faq-section:before{content:"";z-index:0;background:#0000001a;position:absolute;inset:0}.brand-highlight{color:inherit!important;font-weight:700!important}.faq-container{z-index:1;max-width:800px;margin:0 auto;position:relative}.faq-item{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:16px!important;margin-bottom:20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d!important}.faq-item:hover{border-color:var(--primary)!important;transform:translateY(-3px)!important;box-shadow:0 10px 40px #0000001f,0 4px 15px #00000014!important}.faq-question{border-radius:16px;position:relative;cursor:pointer!important;width:100%!important;color:var(--text-primary)!important;text-align:right!important;background:0 0!important;border:none!important;justify-content:space-between!important;align-items:center!important;padding:24px 32px!important;font-size:18px!important;font-weight:600!important;transition:all .3s!important;display:flex!important}.faq-question:hover{color:#14a86a!important;background:#14a86a0d!important;transform:translate(-2px)!important}.faq-question:hover .faq-icon{color:#14a86a!important;transform:scale(1.1)!important}.faq-question span{flex:1;padding-right:16px}.faq-icon{flex-shrink:0;color:var(--text-secondary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.faq-answer{background:var(--surface)!important;border-top:1px solid var(--border)!important;max-height:0!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important}.faq-answer.active{max-height:200px!important;padding:24px 32px!important}.faq-answer.active+.faq-item .faq-icon,.faq-item:has(.faq-answer.active) .faq-icon{color:var(--primary);transform:rotate(180deg)}.faq-answer p{opacity:0;margin:0;font-size:16px;line-height:1.7;transition:all .3s .1s;transform:translateY(10px);color:var(--text-secondary)!important}.faq-answer.active p{opacity:1;transform:translateY(0)}.faq-cta{text-align:center;z-index:1;max-width:768px;margin:40px auto 0;padding:32px 24px;transition:all .3s;position:relative;background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000d!important}.faq-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f,0 4px 15px #00000014!important}.faq-cta h3{margin-bottom:12px;font-size:24px;font-weight:700;color:var(--text-primary)!important}.faq-cta p{max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:16px;color:var(--text-secondary)!important}.faq-cta .btn.primary{border-radius:10px;min-width:180px;padding:14px 28px;font-size:16px;font-weight:600;box-shadow:0 6px 20px #14a86a40}.faq-cta .btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #14a86a59}@media (max-width:768px){.faq-section{background-attachment:scroll;padding:48px 0;animation:none}.faq-container{max-width:100%;padding:0 16px}.faq-item{border-radius:12px;margin-bottom:12px}.faq-question{align-items:flex-start;min-height:60px;padding:20px 20px 18px!important;font-size:16px!important}.faq-question span{padding-right:12px;line-height:1.4}.faq-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.faq-answer.active{max-height:300px!important;padding:18px 20px!important}.faq-answer p{font-size:15px!important;line-height:1.6!important}.faq-cta{border-radius:16px;margin-top:40px;padding:28px 20px}.faq-cta h3{margin-bottom:10px;font-size:20px}.faq-cta p{margin-bottom:20px;font-size:15px}.faq-cta .btn{width:100%;max-width:280px;padding:12px 24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faq-item{animation:fadeInUp .6s forwards}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.faq-section .section-title{text-shadow:0 2px 4px #0000004d;margin-bottom:16px;font-size:clamp(28px,5vw,36px);color:#fff!important}.faq-section .section-subtitle{text-shadow:0 1px 2px #0003;margin-bottom:48px;font-size:clamp(16px,3.5vw,20px);color:#ffffffe6!important}.trust-section{text-align:center;background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat fixed;padding:80px 0;transition:all .3s;animation:gentleFloat 50s ease-in-out infinite}.trust-content{max-width:900px;margin:0 auto}.vision-badge{color:var(--ohs-primary-700);background:#fffffff2;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #0003}.trust-section h2{text-shadow:2px 2px 4px #000000b3;margin-bottom:12px;font-size:clamp(28px,5vw,32px);font-weight:700;line-height:1.25;color:#fff!important}.trust-section p{text-shadow:1px 1px 3px #0009;margin-bottom:48px;font-size:18px;line-height:1.6;color:#fff!important}.trust-stats{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:24px;max-width:480px;margin-bottom:48px;margin-left:auto;margin-right:auto;display:grid}.trust-stat{background:var(--card-bg);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:20px 14px;transition:all .3s;display:flex;position:relative;overflow:hidden}.trust-stat:before{background:linear-gradient(135deg,#14a86a05,#14a86a14);width:100%;height:100%;top:0;left:0}.trust-stat:after,.trust-stat:before{content:"";opacity:0;transition:opacity .4s;position:absolute}.trust-stat:after{background:linear-gradient(135deg,#0000,#14a86a1a,#0000);border-radius:12px;padding:1px;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.trust-stat:hover{border-color:#14a86a33;transform:translateY(-3px);box-shadow:0 8px 30px #14a86a26,0 4px 15px #0000000d}.trust-stat:hover:after,.trust-stat:hover:before{opacity:1}.trust-stat:hover .stat-number{color:var(--ohs-primary-600);transform:scale(1.15)}.trust-stat .stat-number{color:var(--ohs-primary-500);z-index:2;margin-bottom:6px;font-size:32px;font-weight:800;line-height:1;transition:all .3s;position:relative}.trust-stat .stat-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.trust-stat .stat-icon:before{content:"";background:linear-gradient(135deg,var(--ohs-primary-500)0,var(--ohs-primary-600)100%);opacity:0;z-index:1;border-radius:50%;transition:opacity .4s;position:absolute;inset:0}.trust-stat:hover .stat-icon{border-color:var(--ohs-primary-300);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #14a86a33}.trust-stat:hover .stat-icon:before{opacity:1}.trust-stat .stat-icon svg{z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.trust-stat:hover .stat-icon svg{transform:scale(1.1)}.trust-stat:hover .stat-icon svg circle,.trust-stat:hover .stat-icon svg path,.trust-stat:hover .stat-icon svg polyline,.trust-stat:hover .stat-icon svg rect{stroke:#fff!important}.trust-stat .stat-label{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.3}.trust-stat .stat-sublabel{color:var(--text-secondary);opacity:.8;font-size:13px;font-weight:500}.client-logos{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin-top:32px;margin-left:auto;margin-right:auto;display:grid}.logo-placeholder{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:20px 16px;font-size:14px;font-weight:500;transition:all .3s}.logo-placeholder:hover{border-color:var(--ohs-primary-500);color:var(--text-primary)}@media (max-width:768px){.trust-section{background-attachment:scroll;padding:48px 0}.trust-content{max-width:100%;padding:0 16px}.vision-badge{margin-bottom:20px;padding:8px 16px;font-size:14px}.trust-section h2{margin-bottom:16px;font-size:24px;line-height:1.3}.trust-section p{margin-bottom:32px;font-size:16px;line-height:1.6}.trust-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.trust-stat{text-align:center;min-height:120px;padding:20px 12px}.trust-stat .stat-icon{width:40px;height:40px;margin-bottom:10px}.trust-stat .stat-number{margin-bottom:6px;font-size:28px}.trust-stat .stat-label{font-size:12px;line-height:1.3}.trust-stat .stat-sublabel{font-size:10px}.client-logos{grid-template-columns:repeat(2,1fr);gap:12px}.logo-placeholder{padding:16px 12px;font-size:14px;font-weight:600}.nav{z-index:100;padding:12px 16px;position:sticky;top:0}.brand-name{font-size:20px}.badge{padding:2px 6px;font-size:11px}.btn{padding:10px 16px;font-size:14px}.btn.primary{min-width:140px}.hamburger{width:32px;height:32px}.mobile-menu{padding:20px}.mobile-menu .links{margin-bottom:24px}.mobile-menu .links a{border-bottom:1px solid var(--border);padding:12px 0;font-size:16px}.mobile-menu .actions{flex-direction:column;gap:12px}.mobile-menu .btn{justify-content:center;width:100%}}@media (max-width:480px){.trust-stats{grid-template-columns:1fr;gap:12px;max-width:300px}.trust-stat{min-height:100px;padding:16px 12px}.trust-stat .stat-icon{width:36px;height:36px;margin-bottom:8px}.trust-stat .stat-number{font-size:24px}.trust-stat .stat-label{font-size:11px}.trust-stat .stat-sublabel{font-size:9px}}.card{color:var(--text-primary);border-radius:12px;padding:28px 24px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.card:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#14a86a14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.card:hover{border-color:#14a86a40;transform:translateY(-6px);box-shadow:0 12px 40px #14a86a26,0 6px 12px #0000001a}.card:hover:after{left:100%}.card h3{margin-bottom:16px}.card h3,.card p{transition:color .3s}.card p{font-size:16px}.feature-icon{justify-content:flex-start;align-items:center;display:flex}.feature-icon svg{filter:drop-shadow(0 2px 4px #0000001a)}.mid-gradient{background:0 0}.hero{padding-block:64px 20px;margin-top:-64px;padding-top:128px;transition:all .3s;animation:gentleFloat 30s ease-in-out infinite;position:relative;background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat fixed!important}.hero .section{background:0 0!important}@keyframes gentleFloat{0%,to{background-position:top}50%{background-position:50% 5px}}.hero .card,.hero-box{background:var(--card-bg);border:1px solid var(--border-soft);color:var(--text-primary);border-radius:10px;transition:all .3s;box-shadow:0 4px 20px #14a86a14,0 1px 3px #0000000d}.hero .card:hover,.hero-box:hover{transform:translateY(-2px);box-shadow:0 8px 32px #14a86a1f,0 4px 8px #00000014}#ohs-modules{background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat fixed;padding:5px 0 15px;transition:all .3s;animation:gentleFloat 35s ease-in-out infinite;position:relative}@media (max-width:768px){#ohs-modules,.benefits-section,.cta,.hero,.section,.trust-section{background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat;animation:none}.hero{margin-top:-64px;padding-top:128px}#ohs-modules .card:hover,.card:hover,.modules .card:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){#ohs-modules .card:after,.card:after,.modules .card:after{transition:none!important}}#ohs-modules .card:focus,.card:focus,.modules .card:focus{outline:2px solid var(--brand-color);outline-offset:2px;transform:translateY(-2px)}#ohs-modules .card,.modules .card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-2);color:var(--text-primary);z-index:10;border-radius:10px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}#ohs-modules .card:after,.modules .card:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#14a86a14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}#ohs-modules .card:hover,.modules .card:hover{border-color:#14a86a40;transform:translateY(-6px);box-shadow:0 12px 40px #14a86a26,0 6px 12px #0000001a}#ohs-modules .card:hover:after,.modules .card:hover:after{left:100%}.section-title{color:var(--text-primary);font-size:32px;font-weight:700;transition:color .3s}.section-subtitle{color:var(--text-muted);font-size:18px;transition:color .3s}.grid{gap:clamp(16px,4vw,32px);width:100%;margin-bottom:clamp(24px,6vw,48px);display:grid}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}@media (min-width:641px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:961px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1441px){.grid{gap:32px}}.card{border-radius:var(--radius-10);padding:var(--space-6);box-shadow:var(--shadow-2);transition:all .3s}.steps{gap:12px;display:grid}.step{border:1px dashed var(--ohs-slate-200);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.plan{text-align:center}.plan h3{margin-bottom:8px}.plan .price{font-size:var(--fs-32);margin:12px 0;font-weight:700}.faq details{background:var(--surface);border:1px solid var(--ohs-slate-200);border-radius:10px;margin-bottom:10px;padding:12px}.faq summary{cursor:pointer;font-weight:600}.pre-footer{background:var(--pre-footer-bg);margin-top:32px;padding-block:48px;transition:all .3s}.footer{background:var(--ohs-primary-500);color:#fff;border-top:1px solid var(--ohs-primary-600);margin-top:0;padding:48px 0 24px;transition:all .3s}.footer-links-centered{grid-template-columns:repeat(4,1fr);gap:32px;max-width:1000px;margin-bottom:32px;margin-left:auto;margin-right:auto;display:grid}.footer-column h4{color:#fff;margin-bottom:16px;font-size:16px;font-weight:700}.footer-column a{color:#fffc;padding:4px 0;text-decoration:none;transition:color .3s;display:block}.footer-column a:hover{color:#fff}.footer-bottom{color:#fffc;border-top:1px solid #fff3;justify-content:space-between;align-items:center;padding-top:24px;font-size:14px;display:flex}@media (max-width:768px){.footer-links-centered{grid-template-columns:repeat(2,1fr);gap:24px;max-width:none}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-inline-end:1px solid var(--ohs-slate-200);flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar .logo{margin-bottom:8px;font-weight:700}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a{color:var(--text-secondary);border-radius:8px;padding:10px 12px;transition:background-color .2s,color .2s}.sidebar nav a:hover{background:var(--border-light);color:var(--text-primary)}.sidebar nav a.active{background:var(--ohs-primary-100);color:var(--ohs-primary-700);font-weight:700}.sidebar .btn{margin-top:auto}.topbar{border-bottom:1px solid var(--ohs-slate-200);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.topbar input[type=search]{border:1px solid var(--ohs-slate-300);border-radius:10px;flex:1;padding:10px 12px}.topbar input[type=search]:focus{border-color:var(--ohs-primary-500);outline:none;box-shadow:0 0 0 3px #14a86a33}.topbar .actions{align-items:center;gap:12px;display:flex}.avatar{background:var(--ohs-slate-300);border-radius:50%;width:32px;height:32px}.main{padding:16px}.dashboard .cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1024px){.dashboard .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard .cards{grid-template-columns:1fr}}.table{width:100%}.table thead th{background:var(--ohs-slate-100);text-align:start;padding:12px}.table tbody td{border-top:1px solid var(--ohs-slate-200);padding:12px}.chip{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.info{color:var(--ohs-info);background:#2563eb1f}.chip.success{color:var(--ohs-success);background:#16a34a1f}.chip.warning{color:#946200;background:#eab3082e}.chip.danger{color:var(--ohs-danger);background:#dc26261f}.field{flex-direction:column;gap:6px;display:flex}.input,input[type=date],input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{border:1px solid var(--ohs-slate-300);background:#fff;border-radius:10px;padding:10px 12px}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--ohs-primary-500);outline:none;box-shadow:0 0 0 3px #14a86a33}.help{color:var(--muted);font-size:12px}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.round{border-radius:var(--radius-10)}.hidden{display:none!important}@media (max-width:960px){.links{display:none}.hamburger{display:block}.app{grid-template-columns:72px 1fr}.sidebar,.sidebar nav a{padding:10px}.brand .badge{display:none}}.center{justify-content:center;align-items:center;display:flex}.stat-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}table tbody tr:hover{background-color:var(--border-light)}.hero-content{max-width:1200px;min-height:500px;color:var(--text-primary);z-index:2;border-radius:24px;grid-template-columns:1fr;align-items:center;gap:64px;padding:48px 24px;display:grid;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.hero-content,.hero-text{margin:0 auto;position:relative}.hero-text{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border:1px solid #fff9;border-radius:24px;width:100%;max-width:800px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 20px 40px #0000001a,inset 0 1px #fff9,0 0 0 1px #ffffff80}.hero-text:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#14a86a80,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hero-text:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #00000026,inset 0 1px #fffc}.hero-text:hover:before{opacity:1}.hero-text .brand-primary{-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#14a86a,#0f8a5f 50%,#16a085);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800;animation:gradientShift 4s ease-in-out infinite;position:relative}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#14a86a,#0f8a5f 50%,#16a085);-webkit-background-clip:text;background-clip:text}50%{background:linear-gradient(135deg,#16a085,#14a86a 50%,#0f8a5f);-webkit-background-clip:text;background-clip:text}}.hero-subtitle{color:#2d3748;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;line-height:1.4;position:relative}.hero-description{color:#4a5568;text-align:center;max-width:90%;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.brand-primary{color:var(--brand-color);letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(36px,6vw,48px);font-weight:800;line-height:1.1;transition:color .3s}.hero-subtitle{color:var(--heading-primary);margin-bottom:20px;font-size:clamp(20px,4vw,28px);font-weight:600;line-height:1.3;transition:color .3s}@media (max-width:768px){.brand-primary{margin-bottom:10px;font-size:clamp(28px,8vw,36px)}.hero-subtitle{margin-bottom:16px;font-size:clamp(18px,5vw,22px)}.hero{padding-block:48px}}.hero-title{color:var(--heading-primary);margin-bottom:24px;font-size:56px;line-height:1.1}.hero-title .brand-name{color:var(--brand-color)}.hero-description{color:var(--body-primary);margin-bottom:32px;font-size:20px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:48px}.hero-actions .btn.primary{background:linear-gradient(135deg,var(--ohs-primary-500)0,var(--ohs-primary-600)50%,var(--ohs-primary-700)100%);border-radius:16px;min-width:240px;padding:18px 36px;font-size:18px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #14a86a4d,0 4px 16px #14a86a33,inset 0 0 0 1px #ffffff1a}.hero-actions .btn.primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.hero-actions .btn.primary:hover:before{left:100%}.hero-actions .btn.primary:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 50px #14a86a66,0 10px 25px #14a86a4d,inset 0 0 0 1px #fff3}.hero-actions .btn.primary:active{transition-duration:.1s;transform:translateY(-2px)scale(1.01)}.hero-actions .btn.ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #14a86a4d;border-radius:16px;padding:18px 32px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hero-actions .btn.ghost:before{content:"";background:linear-gradient(135deg,var(--ohs-primary-500),var(--ohs-primary-600));opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.hero-actions .btn.ghost:hover{border-color:var(--ohs-primary-500);color:#fff;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #14a86a33}.hero-actions .btn.ghost:hover:before{opacity:1}.hero-stats{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;margin:32px auto;padding:0;display:flex;gap:80px!important;max-width:1000px!important}.hero-stats:hover{box-shadow:none;transform:none}.stat{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #fffc;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:legendaryFloat 6s ease-in-out infinite;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000001a,0 5px 20px #0000000f,0 0 0 1px #ffffffb3;min-width:180px!important;max-width:200px!important;padding:24px 20px!important}.stat:first-child{animation-delay:0s}.stat:nth-child(2){animation-delay:2s}.stat:nth-child(3){animation-delay:4s}.stat:hover{background:#fffffff2;transform:translateY(-12px)scale(1.05);box-shadow:0 25px 60px #00000026,0 8px 25px #0000001a,0 0 0 1px #fffc}.stat:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.stat:hover:before{left:100%}.stat-icon{background:#f8fafccc;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;transition:all .3s;display:flex}.stat:hover .stat-icon{background:#f8fafce6;transform:scale(1.1)rotate(5deg)}@keyframes legendaryFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(4px)rotate(-1deg)}}.stat-number{color:#14a86a;margin-bottom:8px;font-size:clamp(28px,6vw,36px)}.stat-label{color:#64748b;margin-top:4px;font-size:clamp(13px,3vw,15px)}.hero-visual{align-items:center}.hero-visual .card{border-radius:24px;width:100%;max-width:400px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px)saturate(1.8)!important;background:#0f172ab3!important;border:1px solid #ffffff1a!important;box-shadow:0 30px 60px #0000004d,0 12px 24px #0003,0 0 40px #14a86a14,inset 0 1px #ffffff1a!important}.hero-visual .card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#14a86a80,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hero-visual .card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #00000026,inset 0 1px #fffc}.hero-visual .card:hover:before{opacity:1}.card-header h3{color:var(--text-primary);font-size:18px}.hero-visual .card .card-header h3{text-shadow:0 2px 4px #0000004d;color:#fffffff2!important}.hero-chart{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border-radius:8px;gap:clamp(6px,2vw,8px);height:clamp(100px,20vw,120px);padding:clamp(12px,3vw,16px);transition:box-shadow .3s;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.chart-bar{transform-origin:bottom;background:linear-gradient(#22c55e,#14a86a);border-radius:4px 4px 0 0;flex:1;min-height:clamp(16px,4vw,20px);animation:chartGrow 1.2s ease-out forwards;transform:scaleY(0);box-shadow:0 2px 8px #14a86a4d}@media (max-width:640px){.hero-chart{gap:4px;height:100px;padding:12px}.chart-bar{border-radius:3px 3px 0 0;min-height:16px}}.chart-bar:first-child{animation-delay:.1s}.chart-bar:nth-child(2){animation-delay:.2s}.chart-bar:nth-child(3){animation-delay:.3s}.chart-bar:nth-child(4){animation-delay:.4s}.chart-bar:nth-child(5){animation-delay:.5s}.chart-bar:hover{background:linear-gradient(#16a34a,#0b7c54);transition:all .3s;transform:scaleY(1.05)}@keyframes chartGrow{0%{opacity:0;transform:scaleY(0)}50%{opacity:.7}to{opacity:1;transform:scaleY(1)}}.feature-icon{margin-bottom:16px;font-size:32px}.card h3{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:600}.card p{color:var(--text-muted);line-height:1.6}.cta-content{text-align:center;max-width:600px}.cta-content h2{color:var(--text-primary);margin-bottom:16px;font-size:36px;font-weight:700}.cta-content p{color:var(--text-secondary);margin-bottom:32px;font-size:17px}.cta-actions{flex-wrap:wrap;gap:20px;margin-top:24px}.cta-actions .btn.primary{border-radius:10px;min-width:200px;padding:14px 28px;font-size:16px;font-weight:600}.cta-actions .btn.ghost{border:2px solid var(--border);border-radius:10px;padding:14px 24px;font-size:16px;transition:all .3s}.cta-actions .btn.ghost:hover{border-color:var(--ohs-primary-400);color:var(--ohs-primary-600);background:#14a86a0d}@media (max-width:768px){.nav .links{display:none}.hero-content{text-align:center;grid-template-columns:1fr;gap:32px;margin:16px;padding:32px 16px}.hero-title{font-size:36px}.hero-description{font-size:18px}.hero-stats{justify-content:center}.section-title{font-size:28px}.section-subtitle{font-size:16px}.cta-content h2{font-size:28px}.feature-icon{justify-content:center}}.nav{z-index:50;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff26;border-bottom:1px solid #ffffff40;transition:all .6s cubic-bezier(.4,0,.2,1);position:fixed;top:-100px;left:0;right:0;transform:translateY(0);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #fff3}.nav.visible,.nav:hover{top:0;transform:translateY(0)}.nav .container{justify-content:space-between;gap:16px;max-width:1200px;height:72px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.nav .brand,.nav .container{align-items:center;display:flex}.nav .brand{z-index:60;gap:12px;transition:all .3s}.nav .brand-name{-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);background:linear-gradient(135deg,#22c55e,#14a86a);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.nav .brand:hover{transform:scale(1.05)}.nav .badge{color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:center!important;z-index:70!important;-webkit-text-fill-color:white!important;background:linear-gradient(135deg,#14a86a,#16a085) padding-box padding-box!important;border-radius:8px!important;min-width:35px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700!important;display:inline-block!important;position:relative!important;box-shadow:0 2px 8px #14a86a4d!important}.nav .links{gap:clamp(16px,4vw,32px);display:flex}.nav .links a,.nav.visible .links a,.nav:hover .links a{color:#ffffffe6!important;white-space:nowrap!important;text-shadow:0 2px 4px #0000004d!important;-webkit-backdrop-filter:blur()!important;backdrop-filter:blur()!important;background:0 0!important;border-radius:8px!important;padding:12px 16px!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important}.nav .links a:hover,.nav.visible .links a:hover,.nav:hover .links a:hover{color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;text-shadow:0 0 8px #fff6!important;background:#ffffff26!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #ffffff1a,inset 0 0 0 1px #fff3!important}.nav .links a:after,.nav .links a:hover:after,.nav.visible .links a:after,.nav.visible .links a:hover:after,.nav:hover .links a:after,.nav:hover .links a:hover:after{display:none!important}.nav .actions{align-items:center;gap:12px;display:flex}.nav .actions .btn.ghost{color:#fffffff2;text-shadow:0 1px 3px #0000004d;background:#ffffff26;border:2px solid #fff6;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav .actions .btn.ghost:hover{color:#fff;text-shadow:0 0 10px #ffffff80;background:#ffffff40;border-color:#ffffffb3;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.nav .actions .btn.primary{color:#fff;text-shadow:0 1px 3px #0000004d;background:linear-gradient(135deg,#14a86a,#22c55e);border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #14a86a66}.nav .actions .btn.primary:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 30px #14a86a80,0 0 20px #22c55e4d}.nav .hamburger{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;gap:3px;padding:8px;display:none}.nav .hamburger span{background:var(--text-primary);border-radius:1px;width:20px;height:2px;transition:all .3s}.nav .mobile-menu{display:none}@media (max-width:960px){.nav{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-bottom:1px solid #0000001a!important;box-shadow:0 2px 10px #00000014!important}.nav .actions,.nav .links{display:none}.nav .hamburger{display:flex}.nav .mobile-menu{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:0;visibility:hidden;z-index:40;background:#ffffff26;border-bottom:1px solid #ffffff40;max-height:0;padding:24px;transition:all .3s;display:block;position:fixed;top:64px;left:0;right:0;overflow:hidden;transform:translateY(-100%);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #fff3}.nav .mobile-menu.open{opacity:1;visibility:visible;max-height:500px;transform:translateY(0)}.nav .mobile-menu .links{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.nav .mobile-menu .links a{color:var(--text-primary);font-size:var(--fs-18);border-bottom:1px solid var(--border-light);padding:12px 0;font-weight:500;text-decoration:none;transition:color .2s}.nav .mobile-menu .links a:hover{color:var(--ohs-primary-500)}.nav .mobile-menu .actions{flex-direction:column;gap:12px;display:flex}.nav .mobile-menu .btn{font-size:var(--fs-16);justify-content:center;padding:14px 20px}.nav .hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav .hamburger.open span:nth-child(2){opacity:0}.nav .hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}}@media (max-width:1024px) and (min-width:961px){.nav .links{gap:20px}.nav .links a{font-size:var(--fs-14)}}.hero-main{padding:var(--space-10)0}.hero-content{background:var(--card-bg);border-radius:var(--radius-10);padding:var(--space-10);box-shadow:var(--shadow-2);border:1px solid var(--border);transition:all .3s;display:block}@media (max-width:960px){.hero-content{gap:var(--space-8);text-align:center;padding:var(--space-8);grid-template-columns:1fr}.hero-visual{order:-1}}@media (max-width:640px){.hero-content{padding:var(--space-6);gap:var(--space-6)}}.hero-title{font-size:var(--fs-40);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:800;line-height:1.2;transition:color .3s}@media (max-width:640px){.hero-title{font-size:var(--fs-32);margin-bottom:var(--space-4)}}.title-accent{color:var(--heading-primary);font-weight:600;display:block}.hero-description{font-size:var(--fs-18);color:var(--text-muted);line-height:1.7;transition:color .3s}@media (max-width:640px){.hero-description{font-size:var(--fs-16);margin-bottom:var(--space-6)}.hero-actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column}.hero-actions .btn{justify-content:center;padding:14px 24px}}.hero-stats{gap:40px;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:32px auto!important;display:flex!important}@media (max-width:640px){.hero-stats{gap:var(--space-4);text-align:center;grid-template-columns:1fr}}.hero-description{font-size:var(--fs-20);color:var(--ohs-slate-600);margin-bottom:var(--space-8);line-height:1.6}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.btn.primary{background:var(--ohs-primary-500);color:#fff;padding:var(--space-4)var(--space-8);font-size:var(--fs-18);border-radius:var(--radius-10);cursor:pointer;border:none;font-weight:600;transition:background-color .2s,transform .2s;box-shadow:0 4px 12px #14a86a33}.btn.primary:hover{background:var(--ohs-primary-600);transform:translateY(-1px);box-shadow:0 6px 16px #14a86a4d}.btn.secondary{color:var(--ohs-slate-700);border:1px solid var(--ohs-slate-300);padding:var(--space-4)var(--space-8);font-size:var(--fs-18);border-radius:var(--radius-10);cursor:pointer;background:0 0;font-weight:600;transition:all .2s}.btn.secondary:hover{background:var(--ohs-slate-50);border-color:var(--ohs-primary-500);color:var(--ohs-primary-500)}.hero-content .hero-stats{padding-top:var(--space-6);gap:40px;width:100%;position:relative;border-top:none!important;flex-wrap:wrap!important;grid-column:1/-1!important;justify-content:center!important;align-items:center!important;margin:32px 0!important;display:flex!important}.stat{text-align:center;min-width:120px;padding:16px}.stat-number{font-size:var(--fs-28);color:var(--ohs-primary-500);font-weight:800;line-height:1}.stat-label{font-size:var(--fs-14);color:var(--ohs-slate-600);margin-top:var(--space-2);font-weight:500}.hero-visual{justify-content:center;display:flex}.hero-card{background:var(--bg);border-radius:var(--radius-10);padding:var(--space-6);border:1px solid var(--ohs-slate-200);width:100%;max-width:350px;box-shadow:0 4px 12px #0000000d}.card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-header h3{font-size:var(--fs-16);color:var(--ohs-slate-900);margin:0;font-weight:600}.status-indicator{background:var(--ohs-success);border-radius:50%;width:10px;height:10px}.hero-chart{align-items:end;gap:var(--space-2);height:100px;padding:var(--space-3);background:var(--ohs-slate-50);border-radius:var(--radius-6);display:flex}.chart-bar{background:var(--ohs-primary-500);border-radius:3px;width:24px;transition:background-color .2s}.chart-bar:hover{background:var(--ohs-primary-600)}.features{padding:var(--space-10)0;background:var(--ohs-slate-50)}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{font-size:var(--fs-32);color:var(--ohs-slate-900);margin-bottom:var(--space-4);font-weight:700}.section-header p{font-size:var(--fs-20);color:var(--ohs-slate-600);max-width:600px;margin:0 auto}.features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--bg);border:1px solid var(--ohs-slate-200);border-radius:var(--radius-10);padding:var(--space-8);text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000000d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.feature-icon{font-size:var(--fs-40);margin-bottom:var(--space-6)}.feature-card h3{font-size:var(--fs-24);color:var(--ohs-slate-900);margin-bottom:var(--space-4);font-weight:600}.feature-card p{color:var(--ohs-slate-600);line-height:1.6;font-size:var(--fs-16)}.cta{color:var(--text-primary);text-align:center;padding:20px var(--space-4)var(--space-10)var(--space-4);background:url(/Saudi-Vision-2030.jpg) top/cover no-repeat fixed;transition:all .3s;animation:gentleFloat 45s ease-in-out infinite reverse;position:relative}.cta-content{max-width:800px;margin:0 auto}.cta h2{font-size:var(--fs-32);margin-bottom:var(--space-4);font-weight:700}.cta p{font-size:var(--fs-20);margin-bottom:var(--space-8);opacity:.95;line-height:1.6}.cta-actions{justify-content:center;gap:var(--space-4);display:flex}.cta .btn{padding:var(--space-4)var(--space-8);font-size:var(--fs-18);border-radius:var(--radius-10);cursor:pointer;border:none;font-weight:600;transition:all .2s}.cta .btn:first-child{color:var(--ohs-primary-600);background:#fff}.cta .btn:first-child:hover{background:var(--ohs-slate-50);transform:translateY(-1px)}.cta .btn:last-child{color:#fff;background:0 0;border:2px solid #fff}.cta .btn:last-child:hover{background:#ffffff1a;transform:translateY(-1px)}@media (max-width:768px){.hero-content{gap:var(--space-6);padding:var(--space-6)var(--space-4);text-align:center;grid-template-columns:1fr}.hero-title{font-size:var(--fs-28);line-height:1.2}.hero-description{font-size:var(--fs-16);margin-bottom:var(--space-6);line-height:1.6}.hero-actions{gap:var(--space-3);flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:280px;padding:12px 24px;font-size:16px}.hero-stats{justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.stat{min-width:100px;padding:var(--space-3)}.stat-number{font-size:20px}.stat-label{font-size:12px}.hero-visual .card{margin-top:var(--space-6);max-width:320px;margin-left:auto;margin-right:auto}.cta-actions{align-items:center;gap:var(--space-3);flex-direction:column}.nav{gap:var(--space-4);padding:0 var(--space-4)}.brand-text h1{font-size:var(--fs-18)}.container{padding:0 var(--space-4)}#ohs-modules .container{padding:0 16px}#ohs-modules .card{text-align:center;margin-bottom:16px;padding:20px 16px}#ohs-modules .feature-icon{width:48px;height:48px;margin-bottom:16px;margin-left:auto;margin-right:auto}#ohs-modules .card h3{margin-bottom:12px;font-size:18px;line-height:1.3}#ohs-modules .card p{font-size:14px;line-height:1.6}}.animate-on-scroll{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.benefit-card:first-child{transition-delay:.1s}.benefit-card:nth-child(2){transition-delay:.2s}.benefit-card:nth-child(3){transition-delay:.3s}.benefit-card:nth-child(4){transition-delay:.4s}.card:first-child{transition-delay:.1s}.card:nth-child(2){transition-delay:.2s}.card:nth-child(3){transition-delay:.3s}.card:nth-child(4){transition-delay:.4s}.trust-stat:first-child{transition-delay:.1s}.trust-stat:nth-child(2){transition-delay:.2s}.trust-stat:nth-child(3){transition-delay:.3s}.trust-stat:nth-child(4){transition-delay:.4s}.nav .links a{color:var(--text-primary);border-radius:8px;padding:10px 12px;transition:color .2s,background-color .2s}.nav .links a:hover{background:var(--border-light);color:var(--ohs-primary-500)}.nav .links a.active{background:var(--border);color:var(--text-primary);font-weight:600}.nav.scrolled{box-shadow:0 4px 12px #0000000f}.hero .card{padding:28px 32px}.hero .kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.hero .kpi{color:var(--text-primary);align-items:center;gap:8px;display:flex}.hero .kpi i{color:#14a86a;font-size:18px}.hero .kpi .value{font-weight:700}.hero .kpi .label{color:var(--text-secondary);font-size:14px}.modules .card{align-items:flex-start;gap:10px;min-height:150px;display:flex}.modules .card .icon{color:#14a86a;margin-top:2px;font-size:20px}.modules .card h3{margin-bottom:6px;font-weight:600}.modules .card p{color:var(--text-muted);font-size:14px}.modules .card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.section-title{line-height:1.25;color:var(--text-primary)!important;margin-bottom:6px!important;font-size:32px!important;font-weight:700!important}.section-subtitle{color:var(--text-secondary)!important;margin-bottom:22px!important;font-size:18px!important}.btn{border-radius:10px!important;padding:12px 18px!important;font-weight:600!important}.btn.primary{color:#fff!important;background:#14a86a!important}.btn.primary:hover{background:#0b7c54!important}.btn.secondary{background:var(--card-bg)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.btn:focus{outline-offset:2px;outline:3px solid #14a86a59!important}.pre-footer{background:var(--surface);border-top:1px solid var(--border);padding-block:28px;transition:background-color .3s,border-color .3s}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-1);transition:background-color .3s,border-color .3s,box-shadow .3s}a.link{color:#0b7c54}a.link:hover{color:#086945;text-decoration:underline}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-5{margin-left:calc(var(--spacing)*5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-32{width:calc(var(--spacing)*32)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-7{row-gap:calc(var(--spacing)*7)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-12{padding-block:calc(var(--spacing)*12)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-purple-600{color:var(--color-purple-600)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring-1,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-black{--tw-ring-color:var(--color-black)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-blue-500:focus-within{--tw-ring-color:var(--color-blue-500)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:rounded-lg{border-radius:var(--radius-lg)}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:inset-y-0{inset-block:calc(var(--spacing)*0)}.lg\:z-50{z-index:50}.lg\:flex{display:flex}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:flex-col{flex-direction:column}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.monitor-card{background:var(--surface);border:1px solid var(--ohs-slate-200);border-radius:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #0206170f}.monitor-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #02061726}.monitor-card__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.monitor-card__header h3{color:var(--ohs-slate-900);margin:0;font-size:20px;font-weight:700}.status-dot{background:var(--ohs-success);border-radius:999px;width:10px;height:10px;transition:box-shadow .3s;display:block;box-shadow:0 0 #14a86a00}.monitor-card:hover .status-dot{animation:dotPulse 1.4s ease-out infinite}.status-dot.success{background:var(--ohs-success)}.status-dot.loading{background:var(--ohs-warning);animation:dotPulse .8s ease-in-out infinite}.status-dot.error{background:var(--ohs-danger);animation:none}.mini-chart{background:var(--ohs-slate-100);border:1px solid var(--ohs-slate-200);border-radius:12px;align-items:flex-end;gap:10px;min-height:110px;padding:16px;display:flex;overflow:hidden}.mini-chart .bar{filter:saturate();opacity:1;background:#14a86a;border-radius:8px;width:26px;min-height:20px;transition:transform .28s,filter .28s;display:block;position:relative;transform:translateY(0)}.monitor-card:hover .mini-chart .bar{filter:saturate(1.2);will-change:transform;animation:none;transform:translateY(-12px)}.monitor-card:hover .mini-chart .bar:first-child{transition-delay:0s}.monitor-card:hover .mini-chart .bar:nth-child(2){transition-delay:.1s}.monitor-card:hover .mini-chart .bar:nth-child(3){transition-delay:.2s}.monitor-card:hover .mini-chart .bar:nth-child(4){transition-delay:.3s}.monitor-card:hover .mini-chart .bar:nth-child(5){transition-delay:.4s}.mini-chart .bar:first-child{animation:barBreath 2s ease-in-out infinite}.mini-chart .bar:nth-child(2){animation:barBreath 2s ease-in-out .25s infinite}.mini-chart .bar:nth-child(3){animation:barBreath 2s ease-in-out .5s infinite}.mini-chart .bar:nth-child(4){animation:barBreath 2s ease-in-out .75s infinite}.mini-chart .bar:nth-child(5){animation:barBreath 2s ease-in-out 1s infinite}@keyframes barBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes dotPulse{0%{box-shadow:0 0 #14a86a59}70%{box-shadow:0 0 0 10px #14a86a00}to{box-shadow:0 0 #14a86a00}}@media (prefers-reduced-motion:reduce){.mini-chart .bar,.monitor-card,.status-dot{transition:none;animation:none}}[data-tip]{cursor:help;position:relative}[data-tip]:after{content:attr(data-tip);background:var(--ohs-slate-900);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:1000;border-radius:8px;padding:6px 8px;font-size:12px;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 6px 20px #0000001f}[data-tip]:hover:after{opacity:1;transform:translateY(0)}[data-tip]:before{content:"";border:4px solid #0000;border-top:4px solid var(--ohs-slate-900);opacity:0;z-index:1001;transition:opacity .15s;position:absolute;bottom:calc(100% + 2px);right:12px}[data-tip]:hover:before{opacity:1}.status-dot:focus-visible{outline:2px solid var(--ohs-primary-500);outline-offset:2px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(1turn)}}