.nq-abintro, .nq-abintro * { box-sizing: border-box; } .nq-abintro { font-family: 'Montserrat', sans-serif; position: relative; overflow: hidden; color: #FFFFFF; text-align: center; padding: 104px 24px 96px; background: radial-gradient(900px 500px at 85% 0%, rgba(33, 158, 188,0.35), transparent 60%), radial-gradient(800px 500px at 10% 120%, rgba(79,94,148,0.40), transparent 60%), linear-gradient(160deg, #06122A 0%, #032552 100%); } .nq-abintro::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 48px 48px; -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 10%, transparent 70%); mask-image: radial-gradient(ellipse at 50% 30%, #000 10%, transparent 70%); } .nq-abintro__inner { position: relative; max-width: 820px; margin: 0 auto; } .nq-abintro p.nq-abintro__eyebrow { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #6CCDE3; margin: 0 0 22px; padding: 7px 14px; border: 1px solid rgba(108, 205, 227,0.35); border-radius: 999px; background: rgba(108, 205, 227,0.08); } .nq-abintro h1 { font-size: clamp(32px, 4.6vw, 54px); line-height: 1.06; font-weight: 800; letter-spacing: -0.035em; margin: 0 0 22px; color: #FFFFFF; } .nq-abintro h1 span { background: linear-gradient(90deg, #6CCDE3, #A9B6E8); -webkit-background-clip: text; background-clip: text; color: transparent; } .nq-abintro p { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.65; color: rgba(255,255,255,0.78); margin: 0 auto; max-width: 640px; } .nq-abintro p em { color: #FFFFFF; } @media (max-width: 700px) { .nq-abintro { padding: 80px 20px 72px; } } 

 .nq-abstory, .nq-abstory * { box-sizing: border-box; } .nq-abstory { font-family: 'Montserrat', sans-serif; background: #FFFFFF; padding: 104px 24px; } .nq-abstory__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 340px 1fr; gap: 72px; align-items: start; } .nq-abstory__label { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #157A94; margin: 0 0 16px; } .nq-abstory__card { position: sticky; top: 32px; background: #FFFFFF; border: 1px solid #E2E5EA; border-radius: 20px; padding: 14px; box-shadow: 0 1px 2px rgba(6, 18, 42,0.05), 0 16px 40px rgba(6, 18, 42,0.08); } .nq-abstory__photo { position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 1 / 1; background: linear-gradient(160deg, #032552, #157A94); } .nq-abstory__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nq-abstory__who { padding: 18px 8px 8px; } .nq-abstory__name { font-size: 19px; font-weight: 700; color: #06122A; letter-spacing: -0.01em; margin: 0 0 4px; } .nq-abstory__role { font-size: 14px; color: #4A4A5A; margin: 0 0 14px; } .nq-abstory__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .nq-abstory__tags li { font-size: 12px; font-weight: 600; color: #032552; background: #F7F8FA; border: 1px solid #E2E5EA; border-radius: 999px; padding: 6px 12px; } .nq-abstory__text h2 { font-size: clamp(30px, 4vw, 46px); line-height: 1.12; color: #06122A; font-weight: 800; letter-spacing: -0.03em; margin: 0 0 32px; } .nq-abstory__text p { font-size: 18px; line-height: 1.8; color: #4A4A5A; margin: 0 0 22px; } .nq-abstory__text p strong { color: #032552; font-weight: 700; } .nq-abstory__pull { margin: 36px 0; padding: 28px 32px; border-left: 4px solid #157A94; background: linear-gradient(90deg, rgba(33, 158, 188,0.08), rgba(33, 158, 188,0)); border-radius: 0 14px 14px 0; } .nq-abstory__pull p { font-size: clamp(20px, 2.2vw, 26px); line-height: 1.45; font-weight: 700; color: #032552; letter-spacing: -0.015em; margin: 0; } .nq-abstory__sig { display: flex; align-items: center; gap: 14px; margin-top: 36px; } .nq-abstory__sig span { display: block; font-size: 15px; font-weight: 700; color: #06122A; } .nq-abstory__sig small { display: block; font-size: 13px; color: #4A4A5A; margin-top: 2px; } .nq-abstory__sig::before { content: ""; width: 40px; height: 2px; background: #157A94; } .nq-abstory__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 40px; padding-top: 32px; border-top: 1px solid #E2E5EA; } .nq-abstory__btn { display: inline-block; font-size: 15px; font-weight: 600; text-decoration: none; padding: 15px 26px; border-radius: 10px; background: #032552; color: #FFFFFF; transition: transform .15s ease, background .15s ease; } .nq-abstory__btn:hover { transform: translateY(-1px); background: #157A94; } .nq-abstory__link { font-size: 15px; font-weight: 700; color: #032552; text-decoration: none; } .nq-abstory__link:hover { color: #157A94; } @media (max-width: 900px) { .nq-abstory { padding: 72px 20px; } .nq-abstory__inner { grid-template-columns: 1fr; gap: 40px; } .nq-abstory__card { position: static; max-width: 320px; } .nq-abstory__text p { font-size: 17px; } } 

 .nq-ftr { font-family: 'Montserrat', sans-serif; background: #06122A; color: rgba(255,255,255,0.7); padding: 0 32px; font-size: 14px; } .nq-ftr__inner { max-width: 1180px; margin: 0 auto; } .nq-ftr__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 40px; } .nq-ftr__brand { font-weight: 700; font-size: 22px; color: #FFFFFF; letter-spacing: -0.02em; margin-bottom: 12px; } .nq-ftr h4 { color: #FFFFFF; font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 16px; font-weight: 700; } .nq-ftr ul { list-style: none; padding: 0; margin: 0; } .nq-ftr li { margin-bottom: 8px; } .nq-ftr a { color: rgba(255,255,255,0.7); text-decoration: none; } .nq-ftr a:hover { color: #FFFFFF; } .nq-ftr p { margin: 0 0 1em; line-height: 1.6; } .nq-ftr__bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 13px; } @media (max-width: 700px) { .nq-ftr__grid { grid-template-columns: 1fr 1fr; gap: 32px; } } @media (max-width: 480px) { .nq-ftr__grid { grid-template-columns: 1fr; } }