:root { --business-blue: #1463ff; --business-ink: #111b38; --business-muted: #5f6c85; --business-line: #e4eafa; --business-soft: #f5f8ff; }
.header-project-cta { align-items: center; min-height: 38px; margin-left: 13px; padding: 8px 13px; border-radius: 8px; color: #fff; background: var(--business-blue); font-size: 12px; font-weight: 750; white-space: nowrap; }.header-project-cta:hover { color: #fff; background: #0d52e6; }
.business-home { color: var(--business-ink); overflow: clip; background: #fff; }
.business-home h1, .business-home h2, .business-home h3 { color: var(--business-ink); font-family: inherit; letter-spacing: -.035em; }
.business-home p { color: var(--business-muted); line-height: 1.72; }
.business-hero { position: relative; padding: clamp(108px, 12vw, 160px) 0 90px; background: radial-gradient(circle at 74% 18%, #dce9ff 0, rgba(220,233,255,.18) 28%, transparent 53%), linear-gradient(135deg, #fff 0%, #f3f7ff 100%); }
.business-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); align-items: center; gap: clamp(36px, 6vw, 90px); }
.business-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; color: var(--business-blue) !important; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.business-eyebrow svg { width: 15px; }
.business-hero h1 { max-width: 740px; margin: 0; font-size: clamp(42px, 5.25vw, 76px); font-weight: 750; line-height: 1.04; }
.business-hero-lead { max-width: 650px; margin: 24px 0 28px; font-size: clamp(17px, 1.5vw, 20px); }
.business-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.business-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 13px 21px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 750; letter-spacing: .01em; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.business-button:hover { transform: translateY(-2px); }
.business-button svg { width: 18px; }
.business-button--primary { color: #fff; background: var(--business-blue); box-shadow: 0 12px 24px rgba(20,99,255,.23); }
.business-button--primary:hover { color: #fff; background: #0d52e6; box-shadow: 0 16px 29px rgba(20,99,255,.3); }
.business-button--secondary { color: var(--business-ink); border-color: #cbd8f3; background: #fff; }
.business-button--secondary:hover { color: var(--business-blue); border-color: var(--business-blue); }
.business-whatsapp-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: #157347; font-weight: 750; font-size: 14px; }
.business-whatsapp-link:hover { color: #0f5936; }
.business-whatsapp-link svg { width: 18px; }
.business-trust-list { display: flex; flex-wrap: wrap; gap: 9px 22px; padding: 0; margin: 26px 0 0; list-style: none; }
.business-trust-list li { display: flex; align-items: center; gap: 6px; color: #3e4c66; font-size: 13px; font-weight: 650; }
.business-trust-list svg { width: 15px; color: var(--business-blue); stroke-width: 3; }
.business-hero-visual { position: relative; min-height: 440px; padding: 28px 0 15px 34px; }
.hero-personal-cover { position: relative; z-index: 2; overflow: hidden; margin: 0; border: 7px solid #fff; border-radius: 21px; box-shadow: 0 28px 65px rgba(28, 53, 103, .27); transform: rotate(1.5deg); background: #111b38; }
.hero-personal-cover img { display: block; width: 100%; min-height: 330px; max-height: 390px; object-fit: cover; object-position: center; }
.hero-personal-cover figcaption { position: absolute; left: 16px; bottom: 16px; display: flex; align-items: center; gap: 9px; max-width: 225px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.34); border-radius: 10px; background: rgba(10,25,62,.82); box-shadow: 0 10px 24px rgba(5,16,41,.22); color: #fff; font-size: 12px; font-weight: 700; backdrop-filter: blur(8px); }
.hero-personal-cover figcaption svg { width: 19px; min-width: 19px; color: #f6bc57; }
.hero-orbit { position: absolute; border: 1px solid #bfd1fa; border-radius: 50%; }
.hero-orbit--one { right: -5%; top: 0; width: 300px; height: 300px; }.hero-orbit--two { left: 6%; bottom: -30px; width: 165px; height: 165px; }
.business-section { padding: clamp(72px, 9vw, 130px) 0; }.business-section--industries { background: #111b38; }.business-section--portfolio { background: #f6f8fd; }.business-section--partners { background: #fff; }.business-section--credibility { background: linear-gradient(130deg, #eaf1ff, #f9fbff); }.business-section--pricing { background: #111b38; }.business-section--contact { background: #f6f8fd; }
.business-heading { max-width: 670px; margin-bottom: 43px; }.business-heading--center { margin-right: auto; margin-left: auto; text-align: center; }.business-heading h2 { margin: 0 0 14px; font-size: clamp(31px, 3.2vw, 48px); line-height: 1.1; font-weight: 750; }.business-heading p:last-child { margin: 0; font-size: 16px; }.business-heading--split { display: flex; align-items: end; justify-content: space-between; max-width: none; gap: 28px; }.business-heading--split h2 { margin-bottom: 0; }
.business-section--industries h2, .business-section--industries p, .business-section--pricing h2, .business-section--pricing .business-heading > p:last-child { color: #fff; }.business-section--industries .business-heading > p:last-child, .business-section--pricing .business-heading > p:last-child { color: #b8c6e2; }
.industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }.industry-card { min-height: 195px; padding: 27px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.045); transition: transform .2s ease, background .2s ease; }.industry-card:hover { transform: translateY(-4px); background: rgba(255,255,255,.08); }.industry-card > svg { width: 25px; height: 25px; margin-bottom: 24px; color: #73a2ff; }.industry-card h3 { margin: 0 0 8px; color: #fff; font-size: 19px; font-weight: 700; }.industry-card p { margin: 0; color: #c0cae0; font-size: 14px; line-height: 1.55; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.service-card { padding: 29px; border: 1px solid var(--business-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 26px rgba(32, 53, 97, .035); transition: transform .2s ease, box-shadow .2s ease; }.service-card:hover { transform: translateY(-4px); box-shadow: 0 18px 32px rgba(32, 53, 97, .1); }.service-icon { display: grid; width: 45px; height: 45px; place-items: center; margin-bottom: 22px; border-radius: 11px; color: var(--business-blue); background: #eaf1ff; }.service-icon svg { width: 22px; }.service-card h3 { margin: 0 0 9px; font-size: 21px; font-weight: 700; }.service-card p { min-height: 66px; margin: 0 0 17px; font-size: 14px; }.service-card ul { display: grid; gap: 7px; padding: 0; margin: 0; list-style: none; }.service-card li { display: flex; align-items: flex-start; gap: 7px; color: #3c4c68; font-size: 13px; font-weight: 650; }.service-card li svg { width: 15px; min-width: 15px; margin-top: 2px; color: var(--business-blue); stroke-width: 3; }
.business-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--business-blue); font-size: 14px; font-weight: 750; white-space: nowrap; }.business-text-link:hover { color: #0d52e6; }.business-text-link svg { width: 17px; }.featured-projects { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }.featured-project { overflow: hidden; border: 1px solid #e0e7f6; border-radius: 15px; background: #fff; box-shadow: 0 9px 25px rgba(32, 53, 97, .045); }.featured-project-image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.75; background: #dfe7fa; }.featured-project-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .45s ease; }.featured-project:hover .featured-project-image img { transform: scale(1.04); }.featured-project-image span { position: absolute; right: 17px; top: 17px; display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; background: #fff; color: var(--business-blue); opacity: 0; transform: translateY(7px); transition: .25s ease; }.featured-project:hover .featured-project-image span { opacity: 1; transform: none; }.featured-project-image svg { width: 19px; }.featured-project-body { padding: 23px 25px 26px; }.featured-project-body > p:first-child { margin: 0 0 8px; color: var(--business-blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.featured-project h3 { margin: 0 0 10px; font-size: 23px; font-weight: 720; }.featured-project-solution { min-height: 50px; margin: 0 0 17px; font-size: 14px; }.featured-project-links { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.partner-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); max-width: 540px; margin: 0 auto; }.partner-card { display: grid; min-height: 150px; place-items: center; padding: 34px 42px; border: 1px solid var(--business-line); border-radius: 15px; background: #fff; box-shadow: 0 12px 30px rgba(32, 53, 97, .06); transition: transform .2s ease, box-shadow .2s ease; }.partner-card:hover { transform: translateY(-4px); box-shadow: 0 20px 36px rgba(32, 53, 97, .12); }.partner-link { display: block; width: min(100%, 316px); }.partner-logo { display: block; width: 100%; color: var(--business-ink); line-height: 0; }.partner-logo svg, .partner-logo img { display: block; width: 100%; height: auto; }
.credibility-grid, .contact-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(35px, 8vw, 125px); }.credibility-grid h2, .contact-grid h2 { margin: 0 0 17px; font-size: clamp(32px, 3.5vw, 51px); font-weight: 750; line-height: 1.08; }.credibility-grid p:not(.business-eyebrow), .contact-grid > div > p:not(.business-eyebrow) { margin: 0 0 25px; font-size: 16px; }.credibility-points { display: grid; gap: 10px; }.credibility-points div { display: flex; align-items: center; gap: 13px; padding: 17px 19px; border: 1px solid #dbe5f9; border-radius: 11px; background: rgba(255,255,255,.7); color: #2c3c5c; font-size: 15px; font-weight: 700; }.credibility-points svg { width: 20px; color: var(--business-blue); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0; margin: 0; list-style: none; counter-reset: none; }.process-grid li { position: relative; padding: 0 18px 0 0; }.process-grid li:not(:last-child)::after { content: ''; position: absolute; top: 20px; right: 0; width: 34px; height: 1px; background: #cbd8f3; }.process-grid span { display: grid; width: 41px; height: 41px; place-items: center; margin-bottom: 20px; border-radius: 50%; color: var(--business-blue); background: #eaf1ff; font-size: 13px; font-weight: 800; }.process-grid h3 { margin: 0 0 9px; font-size: 21px; font-weight: 730; }.process-grid p { margin: 0; font-size: 14px; }
.starting-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; max-width: 920px; margin: auto; }.starting-price-grid article { min-height: 216px; padding: 29px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.05); text-align: center; }.starting-price-grid article > svg { width: 25px; margin-bottom: 20px; color: #75a4ff; }.starting-price-grid h3 { margin: 0 0 15px; color: #fff; font-size: 21px; font-weight: 700; }.starting-price-grid p { margin: 0 0 3px; color: #b6c4df; font-size: 13px; }.starting-price-grid strong { color: #fff; font-size: 35px; font-weight: 760; }.starting-price-grid small { font-size: 16px; }.starting-price-grid strong svg { width: 30px; height: 30px; margin-top: 13px; color: #fff; }.pricing-note { max-width: 600px; margin: 24px auto 0; color: #b6c4df !important; font-size: 13px; text-align: center; }
.price-currency-switcher { display: flex; align-items: center; justify-content: center; gap: 12px; margin: -12px 0 29px; color: #c2cde3; font-size: 13px; font-weight: 650; }.price-currency-options { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.06); }.price-currency-options button { min-width: 48px; padding: 6px 8px; border: 0; border-radius: 6px; color: #c2cde3; background: transparent; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; transition: color .2s ease, background .2s ease; }.price-currency-options button:hover { color: #fff; }.price-currency-options button.is-active { color: #12306d; background: #fff; }.pricing-conversion-note { max-width: 620px; margin: 9px auto 0; color: #8394b6 !important; font-size: 11px; line-height: 1.5; text-align: center; }
.business-whatsapp-card { display: flex; align-items: center; gap: 13px; max-width: 360px; padding: 16px; border: 1px solid #cde9d9; border-radius: 12px; background: #fff; color: #164b34; box-shadow: 0 10px 25px rgba(24,96,58,.08); }.business-whatsapp-card > svg:first-child { width: 29px; height: 29px; color: #1ca465; }.business-whatsapp-card span { display: grid; gap: 2px; flex: 1; }.business-whatsapp-card b { font-size: 14px; }.business-whatsapp-card small { color: #5d7181; font-size: 12px; }.business-whatsapp-card > svg:last-child { width: 18px; }.business-contact-form { display: grid; gap: 16px; padding: clamp(23px, 4vw, 36px); border: 1px solid #dce6f8; border-radius: 15px; background: #fff; box-shadow: 0 16px 35px rgba(32,53,97,.08); }.business-contact-form label { display: grid; gap: 7px; color: #34405c; font-size: 12px; font-weight: 750; }.business-contact-form input, .business-contact-form select, .business-contact-form textarea { width: 100%; min-height: 45px; padding: 10px 12px; border: 1px solid #ccd9ef; border-radius: 8px; outline: none; color: #1f2d49; background: #fff; font: inherit; font-size: 14px; transition: border .2s ease, box-shadow .2s ease; }.business-contact-form textarea { resize: vertical; min-height: 115px; }.business-contact-form input:focus, .business-contact-form select:focus, .business-contact-form textarea:focus { border-color: var(--business-blue); box-shadow: 0 0 0 3px rgba(20,99,255,.12); }.business-contact-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.business-contact-form .business-button { justify-self: start; }
@media (max-width: 991px) { .business-hero-grid, .credibility-grid, .contact-grid { grid-template-columns: 1fr; }.business-hero { padding-top: 105px; }.business-hero-copy { max-width: 720px; }.business-hero-visual { max-width: 600px; width: 93%; margin: auto; }.service-grid { grid-template-columns: repeat(2, 1fr); }.process-grid { grid-template-columns: repeat(2, 1fr); row-gap: 35px; }.process-grid li::after { display: none; }.credibility-grid, .contact-grid { gap: 40px; } }
@media (max-width: 640px) { .business-hero { padding-bottom: 62px; }.business-hero h1 { font-size: 41px; }.business-actions { display: grid; grid-template-columns: 1fr; }.business-actions .business-button { width: 100%; }.business-hero-visual { min-height: 290px; padding-left: 15px; }.hero-personal-cover { border-width: 5px; }.hero-personal-cover img { min-height: 220px; }.hero-personal-cover figcaption { left: 10px; bottom: 10px; max-width: 180px; padding: 9px 10px; font-size: 10px; }.industry-grid, .service-grid, .featured-projects, .starting-price-grid { grid-template-columns: 1fr; }.business-heading--split { align-items: flex-start; flex-direction: column; }.service-card p, .featured-project-solution { min-height: 0; }.process-grid { grid-template-columns: 1fr; }.business-contact-form .form-row { grid-template-columns: 1fr; }.business-contact-form .business-button { width: 100%; }.business-trust-list { display: grid; gap: 9px; }.business-section { padding: 68px 0; } }
@media (prefers-reduced-motion: reduce) { .business-home *, .business-home *::before, .business-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }