:root{--brand:#0866ff;--brand-deep:#0043b8;--brand-soft:#e8f0ff;--ink:#0b1220;--ink-2:#3b4657;--muted:#6b7688;--line:#e5e9f0;--bg:#fff;--bg-soft:#f6f8fc;--ok:#0f9d58;--radius:14px;--shadow:0 10px 30px -12px #0828642e;--font:"Cairo", "Segoe UI", system-ui, Tahoma, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1120px;margin-inline:auto;padding-inline:20px}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{color:var(--brand);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.nav{color:var(--ink-2);align-items:center;gap:22px;font-size:.95rem;font-weight:600;display:flex}.nav a:hover{color:var(--brand)}.nav .nav-links{gap:22px;display:flex}@media (max-width:720px){.nav .nav-links{display:none}}.btn{border-radius:999px;padding:.8rem 1.7rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px -6px #0866ff8c}.btn-primary:hover{background:var(--brand-deep);transform:translateY(-2px)}.btn-ghost{border:2px solid var(--brand);color:var(--brand);padding:calc(.8rem - 2px) 1.7rem}.btn-ghost:hover{background:var(--brand-soft);transform:translateY(-2px)}.hero{background:radial-gradient(900px 420px at 85% -10%, #0866ff24, transparent 60%), radial-gradient(700px 380px at 10% 110%, #0866ff1a, transparent 55%), var(--bg);text-align:center;padding:84px 0 64px;position:relative;overflow:hidden}.hero h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800}.hero h1 .accent{color:var(--brand)}.hero .sub{color:var(--muted);max-width:620px;margin:0 auto 30px;font-size:clamp(1rem,2.6vw,1.25rem)}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.value-chain{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:44px;font-size:.95rem;font-weight:700;display:flex}.value-chain .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 3px 10px -6px #08286426}.value-chain .arrow{color:var(--brand);font-weight:800}.section{padding:72px 0}.section.alt{background:var(--bg-soft)}.section h2{text-align:center;margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}.section .lead{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 44px}.jobs-demo{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.job-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:20px;transition:transform .2s,box-shadow .2s}.job-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px -14px #08286447}.job-card .top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.job-card h3{margin:0 0 2px;font-size:1.05rem}.job-card .co{color:var(--muted);font-size:.9rem}.job-card .meta{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.job-card .tag{background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:3px 10px;font-size:.78rem}.job-card .why{color:var(--ink-2);border-inline-start:3px solid var(--brand);margin-top:10px;padding-inline-start:10px;font-size:.86rem}.demo-note{text-align:center;color:var(--muted);margin-top:18px;font-size:.85rem}.match{--p:90;background:conic-gradient(var(--brand) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid}.match:after{content:attr(data-score) "%";width:48px;height:48px;color:var(--brand-deep);background:#fff;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px 20px;position:relative}.step .num{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-deep);border-radius:12px;place-items:center;margin-bottom:14px;font-size:1.1rem;font-weight:800;display:grid}.step h3{margin:0 0 6px;font-size:1.02rem}.step p{color:var(--muted);margin:0;font-size:.9rem}.faq{max-width:720px;margin-inline:auto}.faq details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--brand);font-size:1.2rem;font-weight:800;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);margin:10px 0 0;font-size:.93rem}.cta-final{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;text-align:center;padding:64px 20px}.cta-final h2{margin:0 0 8px;font-size:clamp(1.4rem,4vw,2rem)}.cta-final p{opacity:.9;margin:0 0 26px}.cta-final .btn{color:var(--brand-deep);background:#fff}.cta-final .btn:hover{transform:translateY(-2px)}.site-footer{background:var(--ink);color:#aab4c5;padding:40px 0;font-size:.9rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer .logo{color:#fff;font-size:1.2rem}.site-footer .market{background:#ffffff14;border-radius:8px;padding:4px 12px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.rise{animation:.7s cubic-bezier(.2,.7,.3,1) both rise}.rise-1{animation-delay:50ms}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.25s}@media (prefers-reduced-motion:reduce){.rise,.rise-1,.rise-2,.rise-3{animation:none}.btn,.job-card{transition:none}}.soon-badge{background:var(--brand-soft);color:var(--brand-deep);border:1px solid #0866ff40;border-radius:999px;margin:0 0 18px;padding:7px 18px;font-size:.9rem;font-weight:700;display:inline-block}.auth-wrap{place-items:center;min-height:62dvh;padding:48px 20px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);background:#fff;padding:30px 26px}.auth-card h1{margin:0 0 4px;font-size:1.35rem}.auth-card .hint{color:var(--muted);margin:0 0 20px;font-size:.9rem}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.field input[type=email],.field input[type=password],.field input[type=text],.field input[type=number],.field select{border:1.5px solid var(--line);width:100%;font:inherit;background:var(--bg-soft);border-radius:10px;padding:.7rem .9rem;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--brand);background:#fff;outline:none}.consent{color:var(--ink-2);align-items:flex-start;gap:10px;margin-bottom:18px;font-size:.85rem;display:flex}.consent input{margin-top:4px}.form-error{color:#b3261e;background:#fdecec;border:1px solid #f5c6c6;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.88rem}.form-ok{color:#14683c;background:#e8f6ee;border:1px solid #bfe5cf;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.88rem}.btn-block{text-align:center;cursor:pointer;width:100%;font:inherit;border:0}.auth-links{text-align:center;color:var(--muted);margin-top:16px;font-size:.88rem}.auth-links a{color:var(--brand);font-weight:700}.onb-progress{gap:6px;margin-bottom:22px;display:flex}.onb-progress span{background:var(--line);border-radius:3px;flex:1;height:6px}.onb-progress span.done{background:var(--brand)}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.choice-grid label{border:1.5px solid var(--line);text-align:center;cursor:pointer;background:var(--bg-soft);border-radius:10px;padding:10px;font-size:.9rem;font-weight:600}.choice-grid input{opacity:0;position:absolute}.choice-grid label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep)}.profile-rows dt{color:var(--muted);margin-top:14px;font-size:.85rem;font-weight:700}.profile-rows dd{margin:2px 0 0}
