:root{--ink:#111827;--muted:#667085;--line:#e5e7eb;--primary:#4338ca;--surface:#fff;--bg:#f5f7ff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(circle at top,#eef2ff 0,#f8fafc 48%,#f5f7ff 100%);color:var(--ink);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.topbar{width:min(1080px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 28px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 24px #4f46e533}.top-actions{display:flex;gap:8px;align-items:center}.language,.install-button{border:1px solid #d9dcf5;background:#fff;color:#3730a3;padding:9px 13px;border-radius:999px;font-weight:700;text-decoration:none;cursor:pointer}main{width:min(1080px,100%);margin:auto}.hero{max-width:720px;padding:44px 0 34px}.eyebrow{color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(36px,7vw,68px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}.hero p{max-width:590px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.65;margin:0}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{position:relative;display:flex;align-items:center;gap:16px;min-height:132px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(17,24,39,.05);transition:.2s ease;overflow:hidden}.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,24,39,.10)}.service-card:first-child{grid-column:span 2}.service-card:first-child .service-icon{width:70px;height:70px;font-size:28px}.service-icon{flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eef2ff;color:#4338ca;font-size:23px;font-weight:900}.service-card.red .service-icon,.service-icon.red{background:#fff1f2;color:#e11d48}.service-card.blue .service-icon,.service-icon.blue{background:#eff6ff;color:#2563eb}.service-card.violet .service-icon,.service-icon.violet{background:#f5f3ff;color:#7c3aed}.service-card.green .service-icon,.service-icon.green{background:#ecfdf3;color:#059669}.service-card.amber .service-icon,.service-icon.amber{background:#fffbeb;color:#d97706}.service-copy{display:flex;flex-direction:column;gap:7px}.service-copy strong{font-size:19px}.service-copy small{color:var(--muted);font-size:14px;line-height:1.45}.arrow{margin-inline-start:auto;color:#9ca3af;font-size:24px}.install-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:24px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#312e81,#6d28d9)}.install-card p{margin:6px 0 0;color:#ddd6fe}.install-card button,.primary{border:0;background:#fff;color:#3730a3;padding:13px 18px;border-radius:14px;font-weight:800;cursor:pointer;min-height:46px}.tool-shell{width:min(680px,100%);margin:14px auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(20px,5vw,38px);box-shadow:0 20px 60px rgba(17,24,39,.08)}.back{display:inline-block;color:#4f46e5;text-decoration:none;font-weight:750;margin-bottom:26px}.tool-heading{display:flex;align-items:center;gap:16px;margin-bottom:28px}.tool-heading h1{margin:0 0 7px;font-size:clamp(28px,5vw,38px)}.tool-heading p{margin:0;color:var(--muted)}form{display:grid;gap:17px}label{display:grid;gap:8px;font-weight:750;font-size:14px}input,select,textarea{width:100%;border:1px solid #d6dbea;background:#fbfcff;border-radius:13px;padding:13px 14px;font:inherit;font-size:16px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}textarea{resize:vertical}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:center;align-self:end;min-height:48px}.check input{width:20px;height:20px}.primary{width:100%;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;margin-top:4px}.result{margin-top:24px;padding:20px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;text-align:center}.result img{display:block;width:min(320px,100%);height:auto;margin:auto;border-radius:14px}.result-actions{display:flex;gap:10px;margin-top:18px}.button,.secondary{flex:1;display:grid;place-items:center;min-height:46px;border-radius:13px;border:0;background:#111827;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.secondary{background:#eef2ff;color:#3730a3}.error{margin-top:16px;padding:13px;border-radius:12px;background:#fff1f2;color:#be123c}.empty{text-align:center;padding:100px 20px}footer{text-align:center;color:#98a2b3;font-size:13px;padding:42px 0 14px}@media(max-width:650px){.topbar{padding-bottom:14px}.brand{font-size:14px}.brand span{width:34px;height:34px}.hero{padding:30px 2px 26px}.services-grid{grid-template-columns:1fr}.service-card:first-child{grid-column:auto}.service-card{min-height:108px;border-radius:20px;padding:17px}.service-card:first-child .service-icon,.service-icon{width:52px;height:52px;border-radius:16px;font-size:21px}.install-card{align-items:flex-start;flex-direction:column}.install-card button{width:100%}.tool-shell{border-radius:22px}.split{grid-template-columns:1fr}.result-actions{flex-direction:column}}@media(display-mode:standalone){.topbar{padding-top:6px}}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] input[type=url],[dir=rtl] input[type=email],[dir=rtl] input[type=tel]{direction:ltr;text-align:left}