@font-face{font-family:Cairo;src:url('./Cairo.ttf') format('truetype');font-display:swap;font-weight:200 1000}
:root{font-family:Cairo,system-ui,sans-serif;color:#172033;background:#f7f8fc;font-synthesis:none;--primary:#4f46e5;--teal:#0f766e;--muted:#626d82;--border:#dee3ef}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.9}a{color:var(--primary);text-underline-offset:5px}a:focus-visible{outline:3px solid #14b8a6;outline-offset:5px;border-radius:6px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1120px;margin:auto;padding-inline:32px}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;font-weight:750;font-size:1.45rem}.brand img{width:48px;height:48px;border-radius:13px}.header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.header nav a{font-size:.94rem;text-decoration:none;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:85px;align-items:center;padding-block:64px}.eyebrow{font-size:1rem;font-weight:600;color:var(--teal);margin:0 0 14px}.hero h1{font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:800;line-height:1.45;margin:0 0 20px;letter-spacing:-.02em}.hero h1 span{color:var(--primary);display:block}.intro{font-size:1.14rem;color:var(--muted);max-width:620px;margin:0 0 24px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid var(--border);border-radius:14px;color:#172033;text-decoration:none;background:white;font-size:1rem;font-weight:650;min-height:52px}.button.primary{background:var(--primary);color:white;border-color:var(--primary)}.note{font-size:.94rem;color:var(--muted);margin-top:24px}.preview{padding:8px;background:white;border:1px solid var(--border);border-radius:29px;box-shadow:0 18px 60px #20205112;max-width:310px;margin:0}.preview img{border-radius:21px;width:100%}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:34px 48px;border-top:1px solid var(--border)}.tool{padding:0 22px;border-inline-start:1px solid var(--border)}.tool:first-child{padding-inline-start:0;border:0}.tool h2{font-size:1.13rem;line-height:1.8;margin:0 0 8px;font-weight:750}.tool p{margin:0;font-size:.96rem;color:var(--muted)}.support{border-radius:20px;background:#e7f5f1;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.support h2{font-size:1.4rem;margin:0}.support p{margin:4px 0 0;color:#346158;font-size:1rem}.support a{white-space:nowrap}.footer{padding-block:32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.footer p{margin:0}.footer a{color:var(--muted)}.skip{position:absolute;top:-100px;inset-inline-start:20px;padding:10px;background:white;z-index:5}.skip:focus{top:12px}main{min-width:0}
@media(max-width:900px){.hero{gap:35px;grid-template-columns:minmax(0,1fr) 260px}.tools{grid-template-columns:1fr 1fr;gap:26px}.tool:nth-child(3){border:0;padding-inline-start:0}.support{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wrap{padding-inline:22px}.header{min-height:92px;gap:18px;flex-wrap:wrap;padding-block:18px}.brand{font-size:1.2rem}.brand img{width:40px;height:40px}.header nav{gap:15px}.header nav a{font-size:.88rem}.hero{grid-template-columns:1fr;padding-block:38px;gap:32px}.hero h1{font-size:2.5rem}.intro{font-size:1.05rem}.preview{max-width:286px;justify-self:center}.actions{margin-top:22px}.tools{grid-template-columns:1fr;padding-block:30px;gap:26px}.tool{padding:0;border:0}.tool h2{font-size:1.2rem}.tool p{font-size:1rem}.support{padding:23px}.support a{white-space:normal;overflow-wrap:anywhere}.footer{font-size:.9rem}.footer bdi{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){a{transition:color .15s,background .15s}.button:hover{background:#eef0ff}.button.primary:hover{background:#4037c7}}