.features-hero{background:#0b1b32;color:white;padding:38px 0 70px}.features-back{display:inline-block;font-size:12px;color:#c2cfdf;padding:8px 0;margin-bottom:35px;text-decoration:underline;text-underline-offset:5px}.features-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.features-hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.1;letter-spacing:-2.6px;margin-bottom:24px;max-width:620px}.features-lead{font-size:16px;color:#bfccde;max-width:530px;margin-bottom:30px}.features-hero .button{white-space:normal;padding-block:14px;text-align:center}.feature-directory{display:grid}.feature-directory a{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff24;font-size:14px;line-height:1.4}.feature-directory a:hover{color:#ffd16b}.feature-directory a>span{color:#8fa4c1;font-size:10px;letter-spacing:1px}.feature-directory a>.icon{margin-inline-start:auto;color:#ffd16b;width:17px;flex-shrink:0}.feature-area{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;padding:75px 0;border-bottom:1px solid #dfe5ec;scroll-margin-top:140px}.feature-area-heading{position:relative}.feature-index{position:absolute;inset-inline-end:0;top:10px;font-size:12px;letter-spacing:2px;color:#8a9bb1}.feature-area h2{font-size:34px;letter-spacing:-1px;line-height:1.2;max-width:480px;margin-bottom:20px}.feature-area-heading>p{font-size:15px;color:#617083;max-width:470px;margin-bottom:0}.feature-area-detail ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:17px}.feature-area-detail li{display:flex;gap:12px;font-size:14px;line-height:1.65}.feature-area-detail li>.icon{width:18px;height:18px;margin-top:3px;color:#215ce4}.feature-example{background:#f3f6fb;padding:23px 25px;border-radius:8px;border-inline-start:3px solid #ffd16b}.feature-example h3{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#315582;margin-bottom:11px}.feature-example p{font-size:13px;color:#51667f;margin:0}.feature-availability{margin:60px 0;background:#f3f6fb;border:1px solid #dfe5ec;padding:32px 36px;border-radius:12px}.feature-availability>div{display:flex;align-items:center;gap:15px}.feature-availability>div>.icon{color:#215ce4}.feature-availability h2{font-size:25px;letter-spacing:-.5px;line-height:1.35;margin:0}.feature-availability p{font-size:14px;max-width:980px;color:#617083;margin-top:18px}.feature-availability>a{display:inline-flex;align-items:center;gap:9px;color:#215ce4;font-size:13px;font-weight:650}.feature-end{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:0 0 80px}.feature-end h2{font-size:38px;max-width:700px}.feature-end p:last-child{font-size:12px;color:#617083;max-width:570px;margin:0}.feature-end .button{white-space:normal;text-align:center;min-width:230px;max-width:340px;padding-block:15px}.nav-bar a[aria-current=page]{color:#215ce4}html[dir=rtl] .feature-directory .icon,html[dir=rtl] .feature-availability>a>.icon{transform:scaleX(-1)}html[dir=rtl] .features-hero h1{line-height:1.4;letter-spacing:0}html[dir=rtl] .feature-example h3{letter-spacing:0}html[dir=rtl] .feature-area h2{line-height:1.5}.feature-area .feature-icon{margin-bottom:20px}
@media(max-width:1100px){.features-hero-grid{gap:45px}.feature-area{gap:55px}.feature-area h2{font-size:30px}.feature-directory a{font-size:13px}}
@media(max-width:700px){.features-hero{padding:22px 0 40px}.features-back{margin-bottom:25px}.features-hero-grid{grid-template-columns:1fr;gap:35px}.features-hero h1{font-size:42px;letter-spacing:-1.6px}.features-lead{font-size:14px}.feature-directory a{font-size:13px;padding:14px 0}.feature-area{grid-template-columns:1fr;gap:27px;padding:45px 0;scroll-margin-top:130px}.feature-area h2{font-size:30px}.feature-area-heading>p{font-size:14px}.feature-area-detail li{font-size:13px}.feature-example{padding:20px}.feature-availability{margin:40px 0;padding:24px}.feature-availability h2{font-size:22px}.feature-availability p{font-size:13px}.feature-end{display:block;padding-bottom:55px}.feature-end h2{font-size:33px}.feature-end .button{margin-top:24px;max-width:100%;font-size:13px}.features-hero .button{font-size:13px}html[lang=ur] .feature-area-detail li{line-height:2}}