@font-face{font-family:Urdu;src:url(/fonts/noto-nastaliq-urdu.ttf)format("truetype");font-display:swap}:root{color:#193d35;font-synthesis:none;background:#f6f5ef;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #b79057}.page{flex-direction:column;max-width:1240px;min-height:100svh;margin:auto;padding:32px 56px;display:flex}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:12px;font-size:18px;display:flex}.brand-mark{color:#917240;border:1px solid #b9a477;border-radius:18px 18px 4px 4px;place-items:center;width:38px;height:42px;font-family:Georgia,serif;font-size:25px;display:grid}.brand strong{font-weight:600}.language{cursor:pointer;background:0 0;border:1px solid #d2d9ce;border-radius:24px;min-height:44px;padding:6px 18px}.language[lang=ur]{font-family:Urdu,serif}main{flex:1;padding:90px 0 64px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:#6e796a;align-items:center;gap:9px;font-size:11px;display:flex}.dot{background:#718763;border-radius:50%;width:6px;height:6px;display:inline-block}.dot.offline{background:#a68153}h1{letter-spacing:-2px;max-width:740px;margin:24px 0 20px;font-size:clamp(36px,5vw,62px);font-weight:400;line-height:1.13}.intro{color:#69726a;max-width:530px;margin-bottom:48px;font-size:16px;line-height:1.65}.workspace-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.workspace-card,.surface{background:#fafbf6;border:1px solid #dce0d4;border-radius:12px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.workspace-card:hover{border-color:#aaa989;transform:translateY(-3px);box-shadow:0 12px 30px #193d3507}.icon{color:#64744a;background:#edf0e5;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}h2{margin:24px 0 12px;font-size:19px;font-weight:500}.workspace-card p,.surface p{color:#70786c;max-width:270px;font-size:14px;line-height:1.65}.card-action{justify-content:space-between;align-items:center;margin-top:28px;font-size:12px;display:flex}.preview-note{color:#879080;margin:28px 0;font-size:12px}.back{color:#788471;margin-top:28px;font-size:13px;display:block}.workspace-heading{align-items:center;gap:12px;margin-top:36px;display:flex}.surface{max-width:580px}.surface p{max-width:none}.muted{opacity:.8}footer{color:#808a79;border-top:1px solid #dce0d4;justify-content:space-between;gap:24px;padding-top:22px;font-size:11px;display:flex}.connection{white-space:nowrap;align-items:center;gap:8px;display:flex}[dir=rtl] body{font-family:Urdu,serif;line-height:2}[dir=rtl] h1{letter-spacing:0;font-size:clamp(30px,4vw,46px);line-height:1.8}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand{direction:ltr;font-family:Arial,sans-serif}[dir=rtl] .card-action svg{transform:scaleX(-1)}@media (width<=700px){.page{padding:24px}main{padding-top:64px}.workspace-grid{grid-template-columns:1fr;gap:12px}.workspace-card{padding:22px}.workspace-card h2{margin:14px 0 8px}.workspace-card p{max-width:none}.card-action{margin-top:18px}footer{flex-direction:column;gap:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
