@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#074173;--blue:#4594bc;--aqua:#7defdf;--lime:#d1ffaa;--ink:#074173;--muted:#526e82;--accent:#4594bc;--tint:#edfdf9;--border:#d5e7ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6fbfc;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #074173;outline-offset:4px}header{max-width:1280px;margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--border)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-1px}.brand-light{font-weight:500}.brand-icon{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;border-radius:11px;font-size:31px;width:36px;height:36px;margin-right:10px}.brand-icon span{color:#7defdf;font-size:24px;margin-top:6px}.header-link{font-size:12px;font-weight:600}.header-link span{margin-left:18px;color:#526e82}.intro{padding:59px 20px 47px;text-align:center}.eyebrow{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#526e82}.eyebrow>span{width:6px;height:6px;border-radius:100%;background:#4594bc}h1{font-family:Manrope,sans-serif;font-size:51px;line-height:1.17;letter-spacing:-2.4px;margin:21px 0 19px;font-weight:800}h1 em{font-style:normal;color:#4594bc}.intro>p{color:#526e82;font-size:15px;margin:0}.intro-note{color:#526e82;font-size:11px;margin-top:20px}.intro-note span{margin:0 13px}.calculator{max-width:1184px;margin:auto;border:1px solid var(--border);border-radius:15px;overflow:clip;background:#fff;box-shadow:0 7px 40px #07417310}.platforms{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-bottom:1px solid var(--border)}.platform{border:0;border-right:1px solid var(--border);background:white;text-align:left;padding:22px 22px 19px;position:relative;color:#526e82;transition:background .2s}.platform:last-child{border-right:0}.platform[aria-selected=true]{background:var(--tint);color:var(--ink)}.platform:after{content:'';height:3px;background:var(--platform-color);position:absolute;bottom:0;left:0;right:0;opacity:0}.platform[aria-selected=true]:after{opacity:1}.platform-title{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.platform-icon{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;color:var(--platform-color)}.platform-icon svg{width:23px;height:23px}.platform small{display:block;font-size:10px;line-height:1.5;margin-top:7px;color:#526e82}.platform .new{font-family:'DM Sans';font-size:8px;border-radius:3px;background:#d1ffaa;color:#074173;padding:3px 4px;margin-left:auto;letter-spacing:.3px}.workspace{padding:32px;display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:32px;background:linear-gradient(130deg,var(--tint),#f6fbfc 70%)}.platform-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 25px}.section-label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#526e82}h2{font-size:21px;letter-spacing:-.6px;font-family:Manrope;margin:9px 0 0}.text-button{border:0;background:none;font-size:11px;color:#526e82}.feature-section{background:white;border:1px solid #d5e7ed;border-radius:9px;margin-bottom:18px;padding:24px}.question-heading{display:flex;align-items:center;gap:10px;margin-bottom:5px}.number{width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:var(--tint);color:#074173;border-radius:6px;font-size:10px;font-weight:700}.feature-section h3{font-size:14px;margin:0;font-weight:600}.hint{font-size:11px;color:#526e82;margin:6px 0 18px 33px}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option{position:relative;min-width:0;border:1px solid #d5e7ed;border-radius:7px;background:#fff;padding:17px 9px 14px;color:#365c78;transition:all .15s;text-align:center}.option:hover{border-color:var(--accent);transform:translateY(-2px)}.option[aria-pressed=true]{border:1px solid var(--accent);background:var(--tint);box-shadow:0 0 0 1px var(--accent)}.check{position:absolute;right:8px;top:8px;width:14px;height:14px;border:1px solid #b9d3df;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:transparent}.option[aria-pressed=true] .check{background:var(--accent);border-color:var(--accent);color:#fff}.illustration{width:68px;height:58px;margin:4px auto 9px;display:flex;align-items:center;justify-content:center}.illustration svg{width:65px;height:53px;color:#5b829c}.option[aria-pressed=true] svg{color:var(--accent)}.option-title{display:block;font-size:11px;font-weight:600;line-height:1.4}.option-desc{display:block;font-size:9px;color:#526e82;margin-top:5px;line-height:1.4}.options.compact .option{display:flex;align-items:center;text-align:left;padding:16px 25px 16px 12px;min-height:68px;gap:9px}.compact .illustration{width:27px;height:28px;margin:0;flex:none}.compact .illustration svg{width:27px;height:27px}.compact .check{width:12px;height:12px;top:9px;right:7px}.compact .option-title{font-size:10px}.compact .option-desc{display:none}aside{align-self:start;position:sticky;top:24px}.estimate{padding:23px;background:white;border:1px solid #d5e7ed;border-radius:10px;box-shadow:0 5px 20px #07417310}.estimate-top{display:flex;align-items:center;justify-content:space-between}.estimate-top .section-label{font-size:8px;letter-spacing:1px}.live{display:flex;align-items:center;font-size:8px;color:#074173;gap:4px}.live i{height:5px;width:5px;background:#7defdf;border-radius:50%}.estimate h3{font-family:Manrope;font-size:15px;margin:25px 0 8px}.total{font-family:Manrope;font-size:43px;letter-spacing:-2px;line-height:1.3;font-weight:800}.estimate-sub{font-size:10px;color:#526e82;margin:5px 0 0}.estimate-divider{height:1px;background:var(--border);margin:23px 0 18px}.stat{display:flex;justify-content:space-between;font-size:11px;margin:13px 0;color:#526e82}.stat strong{font-size:11px;font-weight:500;color:#074173}.timeline{display:flex;justify-content:space-between;background:#edfdf9;padding:13px 10px;margin:19px -4px 23px;font-size:10px;border-radius:5px;color:#526e82}.timeline strong{font-weight:600;color:#074173}.selected-heading{font-size:8px;letter-spacing:1.3px;color:#526e82;font-weight:700;display:flex;justify-content:space-between;align-items:center}.selected-heading span{background:#d1ffaa;padding:3px 6px;border-radius:4px;letter-spacing:0}.empty{font-size:11px;color:#526e82;line-height:1.8;margin:15px 0 22px}#selections{max-height:220px;overflow:auto;margin-bottom:20px}.selection{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#526e82;margin-top:12px;gap:9px}.selection span:before{content:'✓';color:var(--accent);margin-right:7px}.selection button{border:none;background:none;color:#526e82}.primary,.secondary{width:100%;padding:13px 14px;border-radius:5px;font-size:11px;font-weight:600}.primary{color:white;background:#074173;border:1px solid #074173;display:flex;justify-content:space-between}.primary:hover{background:#0a568f}.secondary{margin-top:9px;background:white;border:1px solid #d5e7ed;color:#074173}.privacy{font-size:9px;color:#526e82;text-align:center;margin:14px 0 0}.good-to-know{display:flex;gap:10px;color:#526e82;padding:18px 9px;font-size:10px;line-height:1.8}.good-to-know p{margin:0}.rates{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px;color:#526e82;font-size:11px}.rates summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:600}.rates p{font-size:10px}.rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.rate-grid label{font-size:9px}.rate-grid label>span{display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;padding:7px;margin-top:6px}.rate-grid input{width:100%;border:0;outline:none;padding-left:5px;color:var(--ink);font-size:12px}#calculation{font-size:10px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1090px;margin:54px auto;gap:70px;padding:0 24px}.steps>div>span{color:#4594bc;font-family:Manrope;font-size:12px}.steps h3{font-size:13px;margin:12px 0 7px}.steps p{color:#526e82;font-size:11px;line-height:1.7;margin:0}footer{max-width:1184px;border-top:1px solid var(--border);margin:0 auto;padding:26px 0 32px;display:flex;align-items:center;justify-content:space-between;color:#526e82;font-size:10px}footer .brand{font-size:14px;color:#074173}footer small{font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#074173;color:white;padding:13px 22px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:all .2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1450px){.intro{padding-top:65px;padding-bottom:55px}}@media(max-width:1000px){header{padding:0 24px}.calculator{margin:0 20px}.workspace{padding:22px;gap:22px;grid-template-columns:minmax(0,1fr) 270px}.platform{padding:18px 13px}.platform-title{font-size:12px;gap:5px}.platform .new{display:none}.feature-section{padding:18px}.options.compact{grid-template-columns:repeat(2,1fr)}footer{margin:0 24px}.steps{gap:30px}}@media(max-width:720px){header{height:70px}.brand{font-size:17px}.brand-icon{width:30px;height:30px;font-size:26px}.intro{padding:40px 20px 30px}h1{font-size:39px}.intro>p{font-size:12px;line-height:1.7}.eyebrow{font-size:8px}.intro-note{font-size:9px}.intro-note span{margin:0 6px}.calculator{margin:0 12px;border-radius:10px}.platforms{display:flex;overflow:auto}.platform{flex:0 0 125px;padding:17px 12px}.platform small{font-size:9px}.workspace{display:flex;flex-direction:column;padding:16px;gap:20px}.questions{width:100%}.platform-heading{margin-bottom:20px}h2{font-size:18px}.feature-section{padding:17px 13px}.hint{font-size:10px;margin-left:0;line-height:1.6}.feature-section h3{font-size:12px}.option{padding:15px 5px}.illustration{width:52px;height:48px}.illustration svg{width:50px;height:43px}.option-title{font-size:10px}.option-desc{font-size:8px}.options{gap:8px}.options.compact{grid-template-columns:repeat(2,minmax(0,1fr))}aside{position:static;width:100%}.estimate{padding:24px}.estimate h3{margin-top:20px}.total{font-size:46px}.steps{grid-template-columns:1fr;gap:24px;margin:32px 16px}.steps h3{display:inline;margin-left:12px}.steps p{margin-left:30px}footer{flex-wrap:wrap;gap:20px;padding:25px 0}footer>span{order:3;width:100%}.rate-grid{grid-template-columns:1fr}.rate-grid input{font-size:16px}}@media print{header,.intro,.platforms,.questions,.steps,footer,.primary,.secondary,.privacy,.good-to-know{display:none}.workspace{display:block;background:white}.calculator{border:0}aside{width:100%;position:static}.estimate{box-shadow:none}#selections{max-height:none}}

.brand-logo{display:block;width:45px;height:40px;object-fit:contain;margin-right:10px;flex-shrink:0}footer .brand-logo{width:32px;height:29px}@media(max-width:720px){.brand-logo{width:36px;height:32px}}

/* Logo palette: navy, blue, aqua and lime. */
header .brand,footer .brand{color:var(--navy)}.header-link:hover,.text-button:hover{color:var(--navy)}.eyebrow>span{background:var(--aqua);box-shadow:0 0 0 3px #7defdf33}.intro-note span{color:var(--blue)}.platform-icon{color:var(--navy)}.platform[aria-selected=true]{background:var(--navy);color:#fff}.platform[aria-selected=true] small{color:var(--aqua)}.platform[aria-selected=true] .platform-icon{color:var(--aqua)}.platform[aria-selected=true]:after{background:var(--lime)}.platform:hover:not([aria-selected=true]){background:#edfdf9}.option[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#edfdf9}.option[aria-pressed=true] .check{background:var(--lime);border-color:var(--navy);color:var(--navy)}.option[aria-pressed=true] svg{color:var(--navy)}.selection span:before{color:var(--navy)}.number{background:#d1ffaa;color:var(--navy)}.live i{box-shadow:0 0 0 3px #7defdf33}.total{color:var(--navy)}.timeline{border-left:3px solid var(--aqua)}.secondary{background:#f3ffe9;border-color:#b5de94;color:var(--navy)}.secondary:hover{background:var(--lime)}.rate-grid label>span:focus-within{outline:2px solid var(--blue)}.steps>div>span{color:var(--navy);background:var(--lime);padding:4px 7px;border-radius:4px}

.workflow-badge{padding:9px;border-radius:5px;background:#edfdf9;color:#074173;font-size:10px;margin:18px 0}.staffing-card{border:1px solid #d5e7ed;border-radius:6px;padding:12px;margin:0 0 22px}.staffing-card>span{display:block;color:#526e82;font-size:10px}.staffing-card>strong{display:block;margin:6px 0;color:#074173;font-size:15px}.staffing-card p{font-size:10px;line-height:1.7;color:#526e82;margin:6px 0 0}.rates h3{font-size:12px;color:#074173}.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.rate-grid{grid-template-columns:1fr}}

.delivery-card{background:#edfdf9;border:1px solid #7defdf;border-radius:6px;padding:13px;margin:0 0 15px}.delivery-card>span{font-size:10px;color:#526e82;display:block}.delivery-card>strong{display:block;font-size:19px;color:#074173;margin:6px 0}.delivery-card p{font-size:10px;color:#526e82;line-height:1.7;margin:0}

.contact-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d5e7ed;border-radius:14px;padding:32px;background:#fff;color:#074173;box-shadow:0 24px 80px #07417340}.contact-dialog::backdrop{background:#07417380;backdrop-filter:blur(4px)}.contact-dialog .eyebrow{justify-content:flex-start;font-size:9px}.contact-dialog h2{font-size:24px;margin:13px 0}.contact-dialog>p{color:#526e82;font-size:12px;line-height:1.7}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#074173;font-size:26px;cursor:pointer}.contact-dialog form>label,.phone-fields label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}.contact-dialog label span{color:#074173}.contact-dialog input,.contact-dialog select{display:block;width:100%;min-width:0;border:1px solid #b9d3df;border-radius:6px;padding:11px 10px;font:inherit;color:#074173;background:#fff}.contact-dialog input:focus,.contact-dialog select:focus{outline:2px solid #4594bc;outline-offset:1px}.phone-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phone-fields>div{min-width:0}.contact-note{font-size:10px;color:#526e82;line-height:1.7;margin:16px 0}.contact-error{font-size:11px;color:#8a2633;line-height:1.6}.dialog-actions{display:flex;gap:12px;margin-top:20px}.dialog-actions button{margin:0}.dialog-actions .secondary{width:35%}.dialog-actions .primary{flex:1}.dialog-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:480px){.contact-dialog{padding:26px 20px}.phone-fields{grid-template-columns:1fr}.contact-dialog input,.contact-dialog select{font-size:16px}}

/* Hire Skills matches the platform estimator cards. */
.platforms{grid-template-columns:repeat(6,minmax(0,1fr))}.platform{padding:20px 14px}.platform-title{font-size:13px;gap:6px}.platform small{font-size:9px}.platform .new{display:none}.hire-intro{padding:0 0 24px}.hire-intro .workflow-badge{display:inline-block;margin:0 0 10px}.hire-intro h3{font:800 21px Manrope,sans-serif;letter-spacing:-.5px;margin:4px 0 10px}.hire-intro p{font-size:12px;color:#526e82;line-height:1.8;max-width:560px}.hire-rate-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.hire-rate-pills>span{border:1px solid #b9d3df;border-radius:6px;padding:10px 13px;background:#fff;color:#526e82;font-size:11px}.hire-rate-pills strong{color:#074173;font-size:16px}.hire-options{display:grid;gap:12px}.hire-skill{border:1px solid #d5e7ed;border-radius:7px;overflow:hidden}.hire-skill.is-selected{border-color:#4594bc;box-shadow:0 0 0 1px #4594bc}.hire-toggle{border:0;background:#fff;color:#074173;display:flex;align-items:center;width:100%;padding:15px 17px;gap:12px;text-align:left;font-weight:600;font-size:12px}.hire-toggle .illustration{width:28px;height:28px;margin:0;flex:none}.hire-toggle svg{width:27px;height:27px}.hire-toggle[aria-pressed=true]{background:#edfdf9}.hire-toggle-mark{margin-left:auto;border:1px solid #b9d3df;border-radius:50%;height:20px;width:20px;display:flex;align-items:center;justify-content:center}.is-selected .hire-toggle-mark{background:#d1ffaa;border-color:#074173}.hire-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:16px}.hire-fields label{font-size:9px;color:#526e82;line-height:1.7}.hire-fields input,.hire-fields select{width:100%;min-width:0;border:1px solid #b9d3df;background:#fff;color:#074173;border-radius:5px;padding:9px 7px;margin-top:5px;font:inherit;font-size:11px}.hire-fields input:focus,.hire-fields select:focus{outline:2px solid #4594bc;outline-offset:1px}.hire-subtotal{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d5e7ed;padding:12px 16px;background:#f6fbfc;font-size:10px;color:#526e82;align-items:center}.hire-subtotal strong{font-size:15px;color:#074173;white-space:nowrap}.hire-summary-note{font-size:10px;line-height:1.8;color:#526e82;margin:18px 0 22px}.selection small{display:block;font-size:9px;color:#526e82;margin:5px 0 0 17px;line-height:1.7}[hidden]{display:none!important}@media(max-width:1000px){.platform{padding:17px 10px}.platform-title{font-size:11px}.platform small{font-size:8px}}@media(max-width:720px){.platform{flex:0 0 140px}.platform-title{font-size:12px}.platform small{font-size:9px}.hire-fields{grid-template-columns:1fr;padding:14px}.hire-fields label{font-size:11px}.hire-fields input,.hire-fields select{font-size:16px}.hire-subtotal{flex-wrap:wrap}}

.vault-cta{max-width:1184px;margin:0 auto 38px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #b9d3df;border-radius:12px;background:linear-gradient(115deg,#edfdf9,#f3ffe9)}.vault-cta .section-label{color:#365c78}.vault-cta h2{font-size:27px;line-height:1.35;margin:12px 0;color:#074173}.vault-cta p{font-size:12px;color:#526e82;line-height:1.8;margin:0}.vault-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:#074173;color:#fff;border:1px solid #074173;border-radius:6px;padding:16px 24px;font-size:13px;font-weight:600;white-space:nowrap}.vault-button:hover{background:#0a568f}.vault-button:focus-visible{outline:3px solid #4594bc;outline-offset:4px}@media(max-width:1000px){.vault-cta{margin:0 20px 30px}}@media(max-width:720px){header{gap:12px}.header-link{font-size:10px}.header-link span{margin-left:6px}.vault-cta{margin:0 16px 28px;padding:26px 22px;flex-direction:column;align-items:flex-start;gap:22px}.vault-cta h2{font-size:23px}.vault-button{width:100%}}@media print{.vault-cta{display:none}}

/* Contextual icon tiles, all within the Infihelp palette. */
.illustration{background:#edf6fb;border:1px solid #d5e7ed;border-radius:13px;color:#074173;flex-shrink:0}.illustration svg{width:46px;height:42px;color:#074173}.option[aria-pressed=true] .illustration{background:#d1ffaa;border-color:#b2d795}.options.compact .illustration{width:36px;height:36px;border-radius:9px}.options.compact .illustration svg{width:25px;height:25px}.hire-toggle{padding:14px 17px;gap:14px}.hire-toggle .illustration{width:44px;height:44px;border-radius:11px}.hire-toggle .illustration svg{width:29px;height:29px;color:#074173}.hire-toggle[aria-pressed=true] .illustration{border-color:#acd6d0}.icon-react{background:#e6f7ff;border-color:#bce5f5}.icon-nextjs,.icon-nodejs,.icon-python,.icon-server,.icon-api,.icon-code,.icon-layers,.icon-large{background:#edf3fc;border-color:#ccdaed}.icon-aws,.icon-azure,.icon-gcp,.icon-cloud,.icon-cloudSettings{background:#e3faf5;border-color:#b2e4d9}.icon-checklist,.icon-automation,.icon-securityConsult,.icon-security,.icon-star{background:#f0ffe2;border-color:#d2e9b9}.icon-projectManager,.icon-team,.icon-user,.icon-date{background:#eaf5fb;border-color:#c5deed}.icon-mail,.icon-social,.icon-notification,.icon-translate{background:#e5faf8;border-color:#bce5de}.icon-cart,.icon-payment,.icon-shipping{background:#f1fbe8;border-color:#d1e5bd}.option:hover .illustration,.hire-toggle:hover .illustration{border-color:#4594bc}.platform-icon{width:31px;height:31px;border-radius:8px;background:#edf6fb;border:1px solid #d5e7ed;flex-shrink:0}.platform-icon svg{width:21px;height:21px}.platform[aria-selected=true] .platform-icon{background:#7defdf;color:#074173;border-color:#7defdf}.platform-title{gap:7px}@media(max-width:1000px){.platform-icon{width:25px;height:25px}.platform-icon svg{width:18px;height:18px}}@media(max-width:720px){.illustration{border-radius:11px}.illustration svg{width:37px;height:36px}.hire-toggle .illustration{width:42px;height:42px}.hire-toggle .illustration svg{width:28px;height:28px}}
@media(min-width:721px) and (max-width:1000px){.platforms{display:flex;overflow-x:auto}.platform{flex:1 0 145px}}
