@font-face{font-family:Cairo;src:url('assets/Cairo.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#faf9fe;color:#211839;font-family:Cairo,Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}header,main,footer{max-width:1240px;margin:auto;padding-inline:32px}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:144px;height:65px;object-fit:contain}.brand span{font-size:12px;letter-spacing:4px;color:#6c6083;border-inline-start:1px solid #ddd6e9;padding-inline-start:16px}nav{display:flex;gap:6px;background:white;padding:5px;border:1px solid #e9e4f1;border-radius:30px}button{font:inherit;font-size:13px;background:none;border:0;border-radius:22px;padding:7px 15px;color:#615276;cursor:pointer}button[aria-pressed=true]{background:#5636a8;color:white}.hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding-block:65px 85px}.eyebrow{font-size:13px;font-weight:700;color:#6a42b7;letter-spacing:.6px}h1{font-size:clamp(34px,3.5vw,52px);line-height:1.45;letter-spacing:-1px;margin:16px 0 22px}p{margin:0;color:#776c88}.intro{font-size:17px;max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:30px 24px}.primary,.secondary,.white{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;padding:13px 23px;font-size:14px;font-weight:700}.primary{background:#5636a8;color:white;box-shadow:0 8px 20px #5636a822}.secondary{background:white;border:1px solid #ddd4ec}.chips{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#776989}.chips span:before{content:'✓';color:#278877;margin-inline-end:6px}.visual{position:relative;padding:24px 0 35px}.visual:before{content:'';position:absolute;inset:-22px -18px 10px;background:radial-gradient(ellipse,#e2d5fb 0,#efebfa 50%,transparent 72%);z-index:-1}.window{border-radius:18px;border:1px solid #dfd7ee;background:white;overflow:hidden;box-shadow:0 25px 55px #3f225622;transform:rotate(-2deg)}.window-top{display:flex;justify-content:space-between;padding:12px 16px;background:#f4f1fa;font:11px Arial;color:#9688b0;direction:ltr}.dots{letter-spacing:3px;color:#b49acf}.window img{width:100%;display:block}.floating{position:absolute;bottom:5px;inset-inline-start:22px;background:white;border:1px solid #eee8f4;padding:15px 20px;border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 30px #34224c12;font-size:13px}.floating strong,.floating div span{display:block}.floating div span{font-size:11px;color:#887d98}.check{background:#e5f5ef;color:#278877;border-radius:50%;height:36px;width:36px;text-align:center;line-height:36px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}h2{font-size:27px;line-height:1.5;margin:8px 0}.section-head p{font-size:14px;max-width:350px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;background:white;border:1px solid #e7e1f0;border-radius:18px;padding:28px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #49336613}.icon{display:flex;width:48px;height:48px;background:#f0eafb;border-radius:13px;align-items:center;justify-content:center;color:#6745aa;font-size:26px}.step{position:absolute;inset-inline-end:28px;top:28px;font-size:22px;color:#ddd4ed;font-weight:700}h3{font-size:20px;margin:18px 0 8px}.card p{font-size:14px;min-height:76px}.card-link{display:block;margin-top:22px;font-size:14px;color:#6440ae;font-weight:700}.notice{display:flex;gap:16px;background:#f0ecf7;border:1px solid #e6deef;border-radius:14px;padding:20px 24px;margin-block:28px 50px}.notice-icon{font-size:25px;color:#8a74aa}.notice strong{font-size:14px}.notice p{font-size:13px;margin-top:3px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#39226e,#6840b3);border-radius:22px;padding:36px 42px;color:white;margin-bottom:45px}.cta p{color:#e0d5f3;font-size:14px}.white{background:white;color:#55359a;white-space:nowrap}footer{display:flex;justify-content:space-between;border-top:1px solid #e8e0f0;padding-block:22px;font-size:12px;color:#8c809a}a:focus-visible,button:focus-visible{outline:3px solid #aa89e3;outline-offset:4px}@media(max-width:850px){.hero{gap:25px;padding-block:35px 55px}.cards{gap:12px}.card{padding:22px}h1{font-size:36px}}@media(max-width:650px){header,main,footer{padding-inline:20px}header{height:auto;padding-block:22px;flex-wrap:wrap}.brand img{width:120px;height:48px}.brand span{display:none}button{padding:5px 11px;font-size:12px}.hero{grid-template-columns:1fr;gap:15px;padding-block:25px 40px}h1{font-size:36px}.visual{padding-inline:12px}.section-head,.cta{align-items:flex-start;flex-direction:column;gap:12px}.cards{grid-template-columns:1fr}.card p{min-height:0}.cta{padding:26px}.notice{padding:18px}.actions a{flex:1;padding:12px 15px}footer{gap:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.card{transition:none}}