
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap');
:root{--blue:#1977cc;--ink:#2c4964;--text:#566879;--pale:#f1f7fc;--line:#deebf5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:16px/1.65 Roboto,"Segoe UI",Arial,sans-serif;color:var(--text);background:white}h1,h2,h3,h4,nav,.brand,.btn{font-family:Raleway,"Segoe UI",Arial,sans-serif;color:var(--ink)}h1,h2,h3,p{margin-top:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #e4a12b;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 30px}.contact-bar{background:var(--blue);color:#fff;font-size:13px}.contact-bar .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:8px}.contact-bar a{color:white}.header{position:sticky;top:0;z-index:5;background:#fff;box-shadow:0 2px 22px #2c49640b}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px}.brand{display:flex;align-items:center;gap:12px;line-height:1.2;color:var(--ink);font-size:15px;letter-spacing:1px;font-weight:800}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:8px;width:52px;height:52px;font-size:17px;letter-spacing:0}.brand small{display:block;color:#75899b;font:11px/1.4 Roboto,Arial,sans-serif;letter-spacing:2px;margin-top:7px}.navlinks{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.navlinks a{color:var(--ink)}.navlinks a.active{color:var(--blue);border-bottom:2px solid var(--blue);padding:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;border:1px solid var(--blue);background:var(--blue);padding:13px 23px;border-radius:28px;color:white!important;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap}.btn:hover{background:#1266b1;text-decoration:none}.btn.outline{color:var(--blue)!important;background:white}.btn.outline:hover{background:var(--pale)}.hero{background:linear-gradient(90deg,#f1f7fcf5 15%,#f1f7fcdf 55%,#f1f7fc91),url('https://softcentralab.com/assets/img/hero-bg.jpg') center/cover;position:relative;padding:75px 0 65px}.eyebrow{text-transform:uppercase;font:700 11px/1.5 Roboto,sans-serif;letter-spacing:2.4px;color:var(--blue);display:block;margin-bottom:17px}.hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-1.7px;margin-bottom:20px;max-width:750px;font-weight:800}.hero h1 span{color:var(--blue)}.hero .intro{max-width:650px;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-label{display:flex;align-items:center;gap:12px;font-size:12px;color:#53718a;margin-top:24px}.hero-label:before{content:"";width:22px;height:2px;background:var(--blue)}.promise-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr 1fr;gap:20px;margin-top:55px;align-items:stretch}.promise-grid article{padding:30px 24px;background:#ffffffed;border:1px solid #ffffffb0;border-radius:6px;box-shadow:0 5px 20px #2c496408}.promise-grid h3{font-size:18px;line-height:1.4;margin:19px 0 12px}.promise-grid p{font-size:13px;line-height:1.8;margin-bottom:0}.promise-grid .why{background:var(--blue);border-color:var(--blue);color:white;padding:28px}.why h2{font-size:25px;line-height:1.25;color:white;margin-bottom:16px}.why p{color:#ffffffeb}.why a{display:inline-block;background:#ffffff20;padding:7px 17px;border-radius:24px;color:white;font-size:12px;margin-top:20px}.icon{width:32px;height:32px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.section{padding:80px 0}.section-title{text-align:center;max-width:650px;margin:0 auto 40px}.section-title h2{font-size:31px;line-height:1.25;letter-spacing:-.7px;margin-bottom:20px}.section-title h2:after{content:"";display:block;width:42px;height:3px;background:var(--blue);margin:18px auto 0}.section-title p{font-size:15px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border:1px solid var(--line);border-radius:7px;padding:27px 23px;position:relative}.step-num{display:flex;justify-content:space-between;align-items:center;color:#b7cede;font:700 13px Raleway,sans-serif}.step h3{font-size:17px;line-height:1.4;margin:24px 0 13px}.step p{font-size:13px;line-height:1.8;margin:0}.pale{background:var(--pale)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-grid h2{font-size:34px;line-height:1.25;letter-spacing:-.6px}.about-grid p{font-size:15px}.about-list{border-left:2px solid #cce2f4;padding-left:28px}.about-list article{padding:12px 0}.about-list h3{font-size:17px;margin-bottom:6px}.about-list p{font-size:13px;margin:0}.quote-banner{background:var(--blue);color:white;border-radius:9px;padding:37px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.quote-banner h2{color:white;font-size:26px;line-height:1.3;margin:0 0 8px}.quote-banner p{font-size:14px;color:#e4f0fb;margin:0}.quote-banner .btn{background:white;color:var(--blue)!important;border-color:white}.footer{border-top:1px solid var(--line);padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer h3{font-size:15px;margin-bottom:15px}.footer p,.footer a{font-size:13px}.footer ul{padding:0;list-style:none;margin:0}.footer li{margin:7px 0}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:15px}.menu-mobile{display:none}.skip{position:absolute;top:-90px;left:15px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}@media(min-width:980px){.hero .wrap{position:relative}}@media(max-width:1020px){.navlinks{gap:14px;font-size:12px}.brand{font-size:13px}.promise-grid{grid-template-columns:1fr 1fr}.hero{padding-top:55px}.steps{grid-template-columns:1fr 1fr}.about-grid{gap:35px}.btn{padding:12px 18px}}@media(max-width:760px){.wrap{padding:0 22px}.contact-bar .wrap{justify-content:center}.contact-bar .phones{display:none}.header .wrap{min-height:78px}.navlinks{display:none}.menu-mobile{display:block;position:relative}.menu-mobile summary{list-style:none;color:var(--blue);cursor:pointer;font-size:23px;padding:8px}.menu-mobile nav{position:absolute;right:0;top:52px;min-width:240px;background:white;padding:20px;box-shadow:0 10px 30px #2c496425;border:1px solid var(--line)}.menu-mobile nav a{display:block;margin:12px 0}.hero{padding:45px 0}.hero h1{font-size:39px;letter-spacing:-1px}.hero .intro{font-size:16px}.promise-grid{margin-top:38px;gap:14px}.promise-grid article{padding:23px 20px}.promise-grid .why{grid-column:1/-1}.promise-grid article:last-child{grid-column:1/-1}.section{padding:55px 0}.section-title h2{font-size:28px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid h2{font-size:29px}.quote-banner{flex-direction:column;align-items:flex-start;padding:28px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{flex-direction:column}.hero-actions .btn{padding:12px 18px;font-size:13px}}@media(max-width:440px){.steps,.promise-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.hero-actions{flex-direction:column;align-items:stretch}.brand small{letter-spacing:1.3px}.quote-banner h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
