.commercial-page{--commercial-ink:#111214;--commercial-canvas:#fff;--commercial-soft:#fafafa;--commercial-rule:#dededc;--commercial-muted:#62635d;--commercial-accent:#e65a9d;--commercial-gutter:clamp(24px, 6vw, 92px);color:var(--commercial-ink);background:var(--commercial-canvas);overflow:clip}.commercial-page[data-commercial-page=custom-software-development-pakistan],.commercial-page[data-commercial-page=erp-software-development-pakistan]{--commercial-accent:#e65a9d}.commercial-page[data-commercial-page=ai-automation-pakistan]{--commercial-accent:#a573d6}.commercial-page[data-commercial-page=web-development-karachi]{--commercial-accent:#f27b70}.commercial-page main :is(h1,h2,h3,p){margin:0}.commercial-page main :is(a,summary):focus-visible{outline-offset:5px;outline:3px solid #6294e6}.commercial-page main section{scroll-margin-top:108px}.commercial-kicker{border-left:3px solid var(--commercial-accent);font:500 11px/1.5 var(--font-geist-mono), monospace;letter-spacing:.07em;text-transform:uppercase;padding-left:14px}.commercial-hero{padding:132px var(--commercial-gutter) 72px;background:var(--commercial-soft);border-bottom:1px solid var(--commercial-rule)}.commercial-breadcrumbs{color:var(--commercial-muted);flex-wrap:wrap;gap:10px;margin-bottom:30px;font-size:12px;line-height:1.5;display:flex}.commercial-breadcrumbs a{text-underline-offset:3px;text-decoration:underline}.commercial-subheading{letter-spacing:-.025em;font-size:22px;font-weight:500;margin-top:44px!important}.commercial-approach .commercial-deliverables{margin-top:24px}.commercial-guide-index{border-bottom:1px solid;margin-top:24px;padding-bottom:5px;font-size:13px;font-weight:600;display:inline-block}.commercial-hero__grid{grid-template-columns:minmax(0,1.18fr) minmax(320px,.72fr);align-items:end;gap:clamp(46px,7vw,108px);max-width:1320px;margin:clamp(54px,8vw,96px) auto 0;display:grid}.commercial-hero h1{letter-spacing:-.062em;max-width:850px;font-size:clamp(58px,6.2vw,92px);font-weight:500;line-height:.96}.commercial-hero__answer{align-self:end;gap:18px;display:grid}.commercial-hero__answer p{color:var(--commercial-muted);font-size:16px;line-height:1.62}.commercial-button{border-left:3px solid var(--commercial-accent);background:var(--commercial-ink);color:#fff;justify-content:space-between;align-items:center;gap:28px;width:fit-content;min-height:50px;margin-top:8px;padding:13px 20px;font-size:13px;font-weight:600;transition:background .22s,transform .22s;display:inline-flex}.commercial-button:hover{background:#333436;transform:translateY(-2px)}.commercial-hero .commercial-button{color:#fff}.commercial-capabilities,.commercial-problems,.commercial-approach,.commercial-related,.commercial-faq,.commercial-proof,.commercial-cta{padding:clamp(64px, 7vw, 104px) var(--commercial-gutter)}.commercial-capabilities,.commercial-approach,.commercial-faq{background:var(--commercial-canvas)}.commercial-capabilities>*,.commercial-problems>*,.commercial-approach>*,.commercial-cta>*{max-width:1320px;margin-inline:auto}.commercial-capabilities header,.commercial-approach header{grid-template-columns:minmax(190px,.42fr) minmax(320px,.88fr) minmax(250px,.7fr);align-items:end;gap:clamp(30px,5vw,72px);display:grid}.commercial-page h2{letter-spacing:-.052em;font-size:clamp(40px,4.1vw,62px);font-weight:500;line-height:1}.commercial-capabilities header p,.commercial-approach header p{color:var(--commercial-muted);font-size:15px;line-height:1.62}.commercial-capabilities ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,6vw,96px);margin:clamp(46px,6vw,72px) auto 0;padding:0;list-style:none;display:grid}.commercial-capabilities li{border-top:1px solid var(--commercial-rule);grid-template-columns:42px 1fr;align-items:center;gap:20px;min-height:92px;display:grid}.commercial-capabilities li:nth-last-child(-n+2){border-bottom:1px solid var(--commercial-rule)}.commercial-capabilities li span,.commercial-approach li>span{color:#73746d;font:500 10px/1 var(--font-geist-mono), monospace}.commercial-capabilities li strong{letter-spacing:-.025em;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.15}.commercial-problems{background:var(--commercial-ink);color:#fff}.commercial-problems header{grid-template-columns:.42fr 1.58fr;align-items:end;gap:40px;display:grid}.commercial-problems .commercial-kicker{color:#c7c8c2}.commercial-problems>div{grid-template-columns:repeat(3,1fr);gap:clamp(26px,4vw,54px);margin-top:clamp(46px,6vw,72px);display:grid}.commercial-problems article{border-top:1px solid #45463f;min-height:220px;padding:28px 0;position:relative}.commercial-problems article:before{content:"";background:var(--commercial-accent);width:46px;height:2px;position:absolute;top:-1px;left:0}.commercial-problems h3,.commercial-approach h3{letter-spacing:-.035em;font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.05}.commercial-problems p{color:#bfc0ba;font-size:14px;line-height:1.65;margin-top:22px!important}.commercial-approach{border-bottom:1px solid var(--commercial-rule)}.commercial-approach ol{border-top:1px solid var(--commercial-rule);margin:clamp(46px,6vw,72px) auto 0;padding:0;list-style:none}.commercial-approach li{border-bottom:1px solid var(--commercial-rule);grid-template-columns:64px minmax(220px,.62fr) minmax(300px,1fr);gap:28px;padding:26px 0;display:grid}.commercial-approach li p{max-width:620px;color:var(--commercial-muted);font-size:14px;line-height:1.62}.commercial-proof{background:var(--commercial-soft);border-bottom:1px solid var(--commercial-rule);grid-template-columns:.42fr 1.58fr;gap:40px;display:grid}.commercial-proof>div{gap:20px;display:grid}.commercial-proof p{max-width:650px;color:var(--commercial-muted);font-size:16px;line-height:1.62}.commercial-proof a,.commercial-cta div>a:not(.commercial-button){border-bottom:1px solid;width:fit-content;padding-bottom:5px;font-size:13px;font-weight:600}.commercial-related{background:var(--commercial-soft);grid-template-columns:.42fr 1.58fr;gap:40px;display:grid}.commercial-related nav{border-top:1px solid var(--commercial-rule);margin-top:38px;display:grid}.commercial-related nav a{border-bottom:1px solid var(--commercial-rule);grid-template-columns:190px 1fr auto;align-items:center;gap:24px;padding:22px 0;transition:padding .22s,color .22s;display:grid}.commercial-related nav a:hover{color:#454642;padding-left:10px}.commercial-related nav span{color:#6b6c65;font:500 10px/1.3 var(--font-geist-mono), monospace;text-transform:uppercase}.commercial-related nav strong{letter-spacing:-.03em;font-size:clamp(19px,1.9vw,28px);font-weight:500}.commercial-related nav i{color:var(--commercial-accent);font-style:normal}.commercial-faq{border-top:1px solid var(--commercial-rule);grid-template-columns:.7fr 1.3fr;gap:clamp(48px,8vw,120px);display:grid}.commercial-faq header{display:block}.commercial-faq h2{margin-top:24px}.commercial-faq details{border-top:1px solid var(--commercial-rule)}.commercial-faq details:last-child{border-bottom:1px solid var(--commercial-rule)}.commercial-faq summary{cursor:pointer;padding:22px 0;font-size:clamp(17px,1.5vw,22px);font-weight:500;list-style-position:outside}.commercial-faq details p{max-width:680px;color:var(--commercial-muted);padding:0 0 24px 20px;font-size:14px;line-height:1.65}.commercial-cta{background:var(--commercial-ink);color:#fff;text-align:center;position:relative;overflow:hidden}.commercial-cta>.commercial-kicker{color:#c5c6c0;width:fit-content}.commercial-cta h2{max-width:900px;margin-top:26px;font-size:clamp(44px,5vw,72px)}.commercial-cta>p{color:#bfc0ba;max-width:570px;font-size:16px;line-height:1.62;margin-top:24px!important}.commercial-cta>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.commercial-cta .commercial-button{color:var(--commercial-ink);background:#fff}.commercial-cta .commercial-button:hover{background:#e9e9e6}.commercial-cta div>a:not(.commercial-button){color:#fff}@media (max-width:980px){.commercial-hero__grid{grid-template-columns:1fr;gap:38px}.commercial-hero__answer{max-width:680px}.commercial-capabilities header,.commercial-approach header,.commercial-faq,.commercial-related,.commercial-proof,.commercial-problems header{grid-template-columns:1fr}.commercial-related nav{margin-top:12px}}@media (max-width:760px){.commercial-page{--commercial-gutter:20px}.commercial-hero{padding-top:112px;padding-bottom:52px}.commercial-hero__grid{margin-top:42px}.commercial-hero h1{font-size:clamp(48px,12vw,70px);line-height:.98}.commercial-capabilities,.commercial-problems,.commercial-approach,.commercial-related,.commercial-faq,.commercial-proof,.commercial-cta{padding-block:52px}.commercial-page h2{font-size:clamp(36px,9vw,48px)}.commercial-capabilities header,.commercial-approach header{grid-template-columns:1fr;gap:20px}.commercial-capabilities ol{grid-template-columns:1fr}.commercial-capabilities li:nth-last-child(2){border-bottom:0}.commercial-capabilities li:last-child{border-bottom:1px solid var(--commercial-rule)}.commercial-problems>div{grid-template-columns:1fr;gap:0}.commercial-problems article{min-height:0}.commercial-approach li{grid-template-columns:42px 1fr;gap:16px}.commercial-approach li p{grid-column:2}.commercial-related nav a{grid-template-columns:1fr auto}.commercial-related nav span{grid-column:1/-1}}@media (max-width:420px){.commercial-hero h1{font-size:clamp(43px,12vw,54px)}.commercial-button{width:100%}.commercial-related nav strong{font-size:19px}.commercial-cta>div{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.commercial-page *,.commercial-page :before,.commercial-page :after{scroll-behavior:auto!important;transition:none!important}}
